분류 전체보기10 2. 웹사이트 레이아웃의 핵심 구성 요소 박스 모델 Block 요소와 Inline 요소 Block 요소 - 줄바꿈 일어남 ( y축 정렬) - 태그 요소 - width/height, margin/padding 가능 Inline 요소 - 줄바꿈 불가 (x축 정렬) - 태그 요소 마진 병합 현상 - 한 쪽 bottom 여백과 다른 쪽 top 여백 중 큰 값으로 적용해 병 HelloWorld HelloWorld /* style.css 문서*/ .box1{margin-bottom:150px; /* margin-bottom으로 병합 */ .box2{bottom-top:100px; } 레이아웃에 영향을 미치는 속성 display - Block Inline 전 - inline-block : 두 요소 성격 모두 가짐 /* style.css 문서*/ p{disp.. 2024. 3. 20. 1. 웹사이트 정보와 디자인 웹구성 요소 - HTML : 설계도 - CSS : 디자인 - JavaScrpit : 기능, 효과 HTML 주요 태그 HTML - Hyper Text Markup Language - 웹 사이트에 보이는 출력 정보 태그 구성 요소 컨텐츠(내용) 기본 구조 태그 - 링크 이동 - target : _self (현재 탭) , _blank(새 탭) 네이버 태그 - alt : src 이미지 출력 못할 경우 텍스트로 대체 태그 - 제목, 부제목 Hello World Hello World Hello World 태그 - 본문 내용 본문 내용 태그 - 순서 있는 리스트 - li : 나열 메뉴1 메뉴2 태그 - 순서 없는 리스트 공간 생성 시 사용태그 , 태그 - : 웹사이트 머리글 - : 메뉴 버튼 // , , 와와 함께 .. 2024. 3. 20. 이전 1 2 3 다음