빈칸 채우기 for 40th 스터디 카페
메타인지
HTML
CSS
JavaScript1
JavaScript2
HTML
웹 페이지의 틀을 만드는 마크업 언어
HTML 용법
1. HTML은 tag들의 집합
2. 태그 : 부등호로 묶인 HTML 의 기본 구성 요소
3. HTML 확장자 사용
HTML 은
구조 입니다.
부모 노드, 자식노드로 구성되어 있습니다.
자주 사용되는 태그들
<div> : Division
: Span
: Img
: link
: Unordered List
: Ordered List
: List Item
: Input(Text, Radio, Checkbox)
: Multi-line Text Input
: Button
시맨틱 요소
시맨틱 웹이 중시되어서 여러 시맨틱 요소가 HTML5 에서 새롭게 만들어졌습니다.
: 의미가 있는, 의미론적인
시맨틱 요소 사용해야 하는 이유
엔진이 시맨틱 요소를 더 선호, 구글, 네이버 등에서 상위 노출
여러 개발자가 작업할 때 편리
시맨틱 요소의 종류
: 페이지의 가장 아랫부분에 위치하며 라이선스, 주소 연락처 등을 넣습니다.
: 페이지나 해당 섹션의 가장 윗부분, 사이트의 제목이 보통들어갑니다.
: 상단바 등 사이트를 안내하는 요소로 사용. 보통 <ul> 을 넣어 목록 형태로 사용
: 문서의 주된 콘텐츠를 표시합니다.
HTML의 속성(attributes)
: 고유한(unique) 이름을 붙일때, 중복 불가, Selector 기호 : #
: 반복되는 영역을 유형별로 구분할 때, 중복 가능, Selector 기호 : .
제출