기본 문법
<!DOCTYPE html>
<html>
<head>
<title> ... </title>
...
</head>
<body>
...
</body>
</html>기본 요소
<!DOCTYPE html>: html 문서에서 필수적인 서문. 닫을 필요는 없다. 이 문서가 html로 작성되었다는 것을 의미한다. 참고로 <!DOCTYPE>은 html 문법이 아니다.<html>: html 문서의 모든 요소들을 감싼다.<head>: 일반적으로 보이는 요소가 아닌 속성과 같은 정보(metadata)들을 감싼다.<title>: 페이지의 이름을 감싼다. (탭의 이름 같은 느낌)- 그 외의 요소는 여기를 참고하라.
<body>: 페이지에서 보여줄 모든 요소들을 감싼다.
요소(element)
일반적인 요소
<strong> 이것은 내용입니다! </strong>
└여는 태그┘└─────내용─────┘ └닫는 태그┘
- 여는 태그(opening tag) : 요소의 이름(여기서는 strong)으로 표시하며 요소의 시작을 알린다.
- 형식 :
<[태그 이름]>
- 형식 :
- 내용(contents) : 말 그대로 내용이다.
- 닫는 태그(closing tag) : 요소의 이름 앞에 /(슬래시)를 넣어서 표시하며 요소의 끝을 알린다.
- 형식 :
</[태그 이름]>
- 형식 :
요소와 태그를 많이 혼동하나, 태그(tag)는 요소(element)의 일부분이라고 보는 것이 맞다.
이렇게 일반적인 요소는 여는 태그, 내용, 닫는 태그 3요소로 이루어진 것이 일반적이나... 그렇지 않은 경우 또한 존재한다.
빈 요소 (void element)
- 형식 :
<[태그 이름]/>혹은<[태그 이름]>
내용과 닫는 태그가 필요하지 않다.
...
속성 (attribute)
여는 태그에 들어간다.
Boolean 속성
속성값이 boolean인 속성을 말한다.
- 기본 값은 false다.
- 속성값과는 상관없이 속성명을 쓰는 순간 true가 된다.
주석 (Comment) 작성법
<!-- (내용) --><!-- --> 사이에 주석의 내용을 적으면 된다. 특정 영역을 선택하고 Ctrl+/ 단축키로 자동으로 주석 처리 시킬 수 있다.
힘들어요