1. HTML 문서의 구성
<!DOCTYPE html>
<html>
<head>
<title>Insert title here</title>
</head>
<body>
HI
</body>
</html>HTML 문서는 위와 같이 <html> 태그로 둘러싸이며 이는 브라우저에게 이 파일의 내용이 HTML이라는 것을 알려준다. head 부분은 웹 페이지에 대한 정보를 저장하며 body 부분에는 웹 페이지의 모든 내용이 들어있다. HTML 문서 작성시 주의할 점은 다음과 같다.
- 태그 이름은 대소문자를 구별하지 않는다. 즉, <head>와 <HEAD>는 동일하다.
- 하나의 요소(element) 안에 다른 요소를 포함할 수 있다. 이때 요소란 "시작 태그+콘텐츠+종료 태그"를 의미한다. <html>에 <head>가 포함된 것을 예시로 들 수 있다.
- 시작 태그와 종료 태그 사이의 연속된 공백은 하나의 공백으로 취급한다.
추가적으로 <!DOCTYPE html>은 HTML5 버전임을 의미한다.
- <!DOCTYPE> 태그는 브라우저에게 해당 웹 페이지에 사용된 HTML의 종류와 버전을 알려준다. 즉, HTML 버전에 따라 다르게 작성된다.
2. 속성
HTML 요소는 속성(attribute)를 가진다. 이때 속성이란 요소에 대한 추가적인 정보를 제공하는 것을 말한다. 예를 들어, 하이퍼 링크는 <a> 태그를 사용하여 정의되는데 이때 링크 주소는 href 속성을 통해 전달된다. 즉, 아래와 같이 작성하게 된다.
<a href="http://www.naver.com">Naver</a>이때 모든 HTML 요소에 지원되는 속성에는 class, id, style, title 등이 있다.
3. 주석
주석(comment)을 사용하기 위해서는 아래와 같이 "<!--", "-->"사이에 작성할 주석 내용을 써주면 된다.
<!-- Comment -->'FrontEnd > HTML' 카테고리의 다른 글
| [HTML] form 태그 (0) | 2023.01.31 |
|---|---|
| [HTML] 리스트 (ul, ol, dd) (0) | 2022.12.21 |
| [HTML] 텍스트 표시 (p, pre, h) (0) | 2022.12.21 |
