반응형 참고72 HTML5에서 추가된 의미 요소 1. header 요소 섹션(section) 부분에 대한 헤더(header)를 정의함. 도입부에 해당하는 콘텐츠. 2. nav 요소 문서 사이를 탐색할 수 있는 링크(link)의 집합. 3. main 요소 HTML 문서의 주요 콘텐츠(content)를 정의. 4. section 요소 HTML문서에서 섹션(section) 부분을 정의. 제목을 가지고 있다. HTML 문서의 전체적인 내용과 관련 있는 콘텐츠들의 집합. 5. article 요소 HTML 문서에서 독립적인 하나의 기사(article) 부분을 정의. 그 자체만으로도 이해가 되어야 한다. 웹사이트의 나머지 부분과는 별도로 읽을 수 있어야 한다. ※section과 article요소의 큰 차이점은 안보이지만 section 요소는 HTML 문서의 전체적.. 2020. 6. 1. HTML - documents 의미 요소 설명 HTML 문서나 섹션(section) 부분에 대한 헤더(header)을 정의함. HTML 문서 사이를 탐색할 수 있는 링크(link)의 집합을 정의함. HTML 문서의 주요 콘텐츠(content)를 정의함. HTML 문서에서 섹션(section) 부분을 정의함. HTML 문서에서 독립적인 하나의 기사(article) 부분을 정의함. HTML 문서에서 페이지 부분 이외의 콘텐츠(content)를 정의함. HTML 문서에서 그래픽과 비디오 등의 독립적인 콘텐츠(content)를 정의함 figure 요소를 위한 캡션을 정의함. HTML 문서나 섹션(section) 부분에 대한 푸터(footer)를 정의함. 2020. 6. 1. jquery - 이미지 자동 슬라이드 - HTML - CSS img {width:500px; height:500px;} #imgslide { margin-top: 10px;} .imgs { position: relative; overflow: hidden; height:500px; background-color: #000; } .imgs>img { width:20%; position: absolute; transition: all 1s; } - JQUERY var imgs = 3; var now = 0; function slide() { now = now == imgs ? 0 : now += 1; $(".imgs>img").eq(now - 1).css({"margin-left": "-500px"}); $(".imgs>img").eq(now).. 2020. 5. 28. jquery - 메뉴 슬라이드 (stop 미사용 / stop 사용) - HTML 학교 소개 매뉴 메뉴1-1 메뉴1-2 메뉴1-3 메뉴1-4 메뉴1-5 메뉴1-6 시설 소개 매뉴 메뉴2-1 메뉴2-2 메뉴2-3 메뉴2-4 메뉴2-5 메뉴2-6 *stop미사용 $(function(){ $(".menu>li").mouseover(function(){ $(this).children().slideDown(); }); ------------------------------------------------ $(".menu>li").mouseleave(function(){ $(this).children().slideUp(); }); }); ================================================ 설명 마우스를 여러번 올리고 내리면 그 애니메이션이 마우스가.. 2020. 5. 28. 이전 1 2 3 4 5 6 7 ··· 18 다음 반응형