1. <!DOCTYPE html> 태그
- 문서 유형(Document type) 지정
- 웹 문서의 첫 부분으로 현재 문서의 타입을 알려줌
<!DOCTYPE html> // 현재 문서가 HTML5 문서라고 알려줌
2. <html> 태그
- 웹 문서의 시작을 알려줌
<html lang="ko">
.....
</html>
// HTML 파일의 시작과 끝을 표시
3. <head> 태그
- (대부분) 웹 브라우저 화면에는 보이지 않음.
- 웹 브라우저가 알아야 할 정보를 입력하는 곳 (<meta>, <title> 태그 사용)
1) <meta> 태그
- 웹 문서와 관련된 정보를 지정할 때 사용
- 웹 브라우저에는 보이지 않는 *메타 정보(데이터에 관한 데이터)
- 주요 역할 : 화면에 글자를 표시할 때 어떤 인코딩을 사용할지 지정
<meta charset="UTF-8">
// 웹 서버는 영어가 기본
// 화면에 한글로 된 내용을 표시할 때 UTF-8이라는 문자 세트 사용 필요- 이 외에도 웹사이트 키워드, 간단한 설명, 제작자 등의 정보 지정 가능
2) <title> 태그
- 웹 브라우저의 제목 표시줄에 표시
<title>제목 표시줄</title>
4. <body> 태그
- 웹 브라우저에 표시할 내용 입력
<body>
<h1>제목</h1>
<p>본문</p>
</body>
'개발 공부 기록 > HTML＆CSS' 카테고리의 다른 글
| [HTML] 구글 머터리얼(material) 아이콘 사용 방법 (0) | 2022.11.26 |
|---|---|
| 인터넷/웹, HTML, CSS란 (0) | 2022.11.19 |
| HTML vs HTML5 (0) | 2022.11.13 |
| [Bootstrap] Container 클래스의 속성 이해 (1) | 2022.10.28 |
| HTML이란? (1) | 2022.10.21 |
