HTML
HTML은 HyperText Markup Language의 약자로 웹 페이지를 구성하는 뼈대가 되는 마크업 언어이다.
HTML 기본 형식
<!DOCTYPE html> // 이 문서가 HTML 문서임을 명시
<html> // html 시작 태그로, 문서 전체의 틀을 구성
<head> // head 태그는 문서의 메타데이터를 선언
<title>Page title</title> // 문서의 제목, 브라우저틔 탭에 보여짐
</head> // </태그이름>은 해당 태그가 끝남음을 의미
<body> // body 태그는 문서의 내용을 담는 곳
<h1>HEllo worlde</h1> // heading을 의미하며, 크기에 따라 h1 ~ h6
<div>Contents here // content division을 의미하며, 줄바꿈됨
<span>Here too!</span> // 줄바꿈이 없는 content 컨테이너
</div> // div 태그가 끝남음을 의미
</body> // body 태그가 끝남음을 의미
</html> // html 태그가 끝남음을 의미 HTML은 tag(< >)들의 집합
- HTML 문서 시작
- html
- head
- title : page title
- body
- h1 : Hello world
- div : Contents here
- h1 : Here too!
- head
- html
HTML의 트리 구조 (부모가 하나고 자식이 여러개인 구조)
HTML의 태그들
div와 span의 차이
div 태그는 한 줄을 차지하고 span 태그는 컨텐츠 크기만큼 공간을 차지
HTML 속성은 두 가지로 구성되는데, 속성 이름(class)과 속성 값("paragraph")으로 구성됨
HTML < p > 엘리먼트는 paragraph(문단)의 약자로, 하나의 문단을 표현하기 위하여 사용된다.
HTML < section > 엘리먼트는 웹 페이지의 큰 의미 단위가 될 수 있는 어떤 것이든 묶어서 하나의 구역을 구분하는데 사용된다. 시맨틱 엘리먼트 - MDN 참조
article tag : 문서 혹은 요소가 독립적으로 존재할 수 있을 때 사용
section tag : 의미론적으로 관계 있는 문서 혹은 요소를 분리할 때 사용
div tag : 요소간 의미론적 관계와는 상관없이 요소를 나눠야 할 필요가 있을 경우 사용
둔필승총(鈍筆勝聰) - 기억보다는 기록을