HTML

Navigation Bar Dropdown index.html ... Java 입문 수업 Java 제어문 3 4 ... index.css nav { /* border: 1px solid black; */ width: 100%; height: 50px; display: flex; justify-content: space-evenly; position: relative; top: 0; left: 0; z-index: 10; } nav .menu { /* border: 1px solid blue; */ width: 10%; height: 100%; } nav .menu .menu-title { /* border: 1px solid blue; */ width: 100%; height: 50px; /* text-..

< 1 / 4 > // index.js$(function () { //-- at1 btn img slide let cnt = 0; $(".at1-btn li").on("click", function () { let at1No = $(this).index(); if (at1No == 2 && cnt 0) { cnt--; $(".at1-img").animate({ left: "+=100%" }, 500); } $(".disp").text(cnt + 1 + " / 4"); });});/* index.css *//* article 1 */.at1-box { border: 1px solid black; width: 500px..

HTML 문서에서 특정 영역이나 구획을 정의할 때 사용한다. 자바스크립트로 특정 작업을 수행하기 위한 일종의 컨테이너(container)로도 사용되며, CSS와 함께 웹 페이지의 레이아웃(layout)을 설정할 때에도 종종 사용된다. 다른 HTML 요소들을 하나로 묶는 데 자주 사용되는 대표적인 블록(block) 요소이다.HTML 문서에서 인라인 요소(inline-element)들을 하나로 묶을 때 사용한다. 그 자체만으로는 어떠한 의미도 가지지 않지만, class나 id와 같은 전역 속성과 함께 사용하여 스타일링을 위해 요소들을 그룹화하거나 lang 속성과 같은 속성값을 공유하는 데 유용하게 사용할 수 있다. 텍스트(text)의 특정 부분을 묶는 데 자주 사용되는 인라인(inline) 요소이다. 요소와..