728x90 반응형 HTML61 [JAVASCRIPT] AJAX _2 ajax 통신활용 1. HTML 데이터 data.html 파일 새로만들기 id result 안에 html 형식이 들어온다. 프론트 웹에서는 .txt 파일은 문자열을 로우데이터로 불러오고 , 이번에는 html 형식을읽어오는 것이다. 검사창에서 HTML데이터 클릭하면 KBS URL 이 없다가 나타난다. 문자열 데이터 HTML 데이터 data2.html KBS 한국방송공사 2. XML 데이터 xml은 대소문자를 구분한다. xml은 태그(묶어주는 태그, 기준)가 꼭 있어야한다. 웹으로 되어있고 형식이 자유롭다 url: "data3.xml" 와 같은 이름으로 data3.xml 파일을 새로 만든다. append : 기존에 데이터에 추가된다. 문자열 데이터 HTML 데이터 XML 데이터 문자열1-1 문자열1-2 문자.. 2023. 8. 3. 비주얼 스튜디오 코드 84_map 좌표잡기 내부 css 와 html 마크업하기 usemap으로 #intro 설정, map id = intro로 설정하여 이미지와 맵을 연동한다. 영역 지정 ●area : 영역 지정 shape: 모양 coords : 좌표값 좌표값을 잡으면 포인터커서로 변경된다. 이벤트 넣기: onclick = "window.close();" 라는 명령어를 주면 작은 사각형을 클릭하면 윈도우 창이 닫힌다. 링크에 네이버 주소를 넣고 onclick에 alert 를 넣으면 네이버창이 열린다. target="_blank"는 새창을 열어주는 명령어 2023. 7. 24. 비주얼 스튜디오 코드 82_반응형 웹갤러리 html mark up css edit h1태그의 가상요소 만들기 폰트어썸 링크걸고 폰트어썸 넣기 폰트어썸 css edit main html mark up article 20개 만들기 article css edit 플러그인 사용 isotope 홈페이지 접속 Isotope · Filter & sort magical layouts (metafizzy.co) Isotope · Filter & sort magical layouts Install Download CDN Link directly to unpkg. Package managers Install with npm: npm install isotope-layout Install with Bower: bower install isotope-layout --s.. 2023. 7. 19. 비주얼 스튜디오 코드 77_ 뮤직 플레이어 뮤직플레이어 만들기 ●figure/ figcaption: 이미지와 이미지설명 태그 ●h1 은 한번만 쓰자. 가장 큰 타이틀은 로고라고 생각하고 한번만 사용 ●strong: 강조태그 ●b: bold 글씨 진하게 html mark up fontawesome 에서 bar 아이콘 넣기 css reset css edit 폰트어썸밖에 a태그로 감싸주고 class 지정 박스 만들기 section > article > .inner 8개 생성 css edit vh, vw 로 사이즈 설정시에 화면창에 따라 크기가 변하기 때문에 반응형이 따로 필요 없다 하지만 세부적인 작업과 컨트롤하기 어렵다는 단점이 있음! 정중앙에 section(box) 위치시키기 border-radius 적용, section 테두리 지우기 45도씩 박.. 2023. 7. 14. 비주얼 스튜디오 코드_75 animation 한 글자씩 애니메이션 적용 html markup article > div > h2안에 span 사이에 한 글자씩 넣기 article 6까지 마크업한다. css 편집 #header css edit transiton : all 은 모두 움직이는 속도를 주지만 움직이고 싶은 명령어만 지정해서 속도를 넣을 수 있다. #dot edit @charset "utf-8"; *{ margin: 0; padding: 0; box-sizing: border-box; } ol,li,ul,dd,dt,dl{ list-style: none; } a{ text-decoration: none; } .clearfix::before, .clearfix::after{ display: block; content: ""; clear: both.. 2023. 7. 12. 비주얼 스튜디오 코드 73_animation 화면이 움직이면 글자가 바운딩해서 나타남 https://cdnjs.com/ cdnjs - The #1 free and open source CDN built to make life easier for developers Simple. Fast. Reliable. Content delivery at its finest. cdnjs is a free and open-source CDN service trusted by over 12.5% of all websites, serving over 200 billion requests each month, powered by Cloudflare. We make it faster and easier to load library fil cdnjs.com parallax08 이어서 하기 css animation.. 2023. 7. 11. 이전 1 2 3 4 ··· 11 다음 728x90
