반응형
HTML 태그란?
HTML 문서의 시작과 끝을 나타내는 태그가 바로 <html>입니다. 웹페이지 전체를 감싸는 태그죠.
HTML 태그의 특징
<html> 태그는 다음과 같은 특징을 가지고 있습니다.
- <html> 태그는 모든 HTML 요소들을 감싸는 최상위 태그입니다
- <html> 태그는 문서의 시작을 나타내며, <html> 태그로 시작하여 </html> 태그로 끝납니다
- <html> 태그 안에는 <head>와 <body>라는 하위 태그가 반드시 들어갑니다
예시
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>제목입니다</title>
</head>
<body>
<!-- 웹 페이지 메인 컨텐츠 영역입니다 -->
</body>
</html>
제일 앞의 DOCTYPE을 제외하면 <html> 태그가 문서의 시작을 알립니다. 그리고 <head>와 <body> 태그가 <html> 태그안에서 쌍두마차처럼 존재합니다.
도식화가 잘되어 있는 그림이 있어서 가지고 와봤어요.
(출처 : TCP School, https://tcpschool.com/html/html_intro_basicStructure)
html 태그의 속성
lang, dir, manifest가 있지만, lang만 알아도 될 것 같아요.
사용법
<html lang="ko">
lang은 language의 약자로 웹페이지가 어떤 언어로 만들어졌는지 알려줍니다.
한국어라면 ko, 영어라면 en 입니다. 일본어라면 ja입니다.
크롬 브라우저에서 우측 상단에 언어 번역이라고 뜨는 경우 있죠? lang에 언어형태를 적어놓은 경우랍니다.
아래 화면은 제가 일본어로 만들어진 웹페이지에 접속했을 때 뜬 경우에요.
반응형
'HTML' 카테고리의 다른 글
| HTML <meta> 태그: 웹사이트 성능 향상과 검색 엔진 최적화를 위한 핵심 요소 (0) | 2023.06.01 |
|---|---|
| 웹페이지의 메타데이터와 스타일을 정의하는 HTML <head> 태그 (0) | 2023.06.01 |
| 웹 페이지 구성을 위한 HTML <section> 태그 (0) | 2023.05.31 |
| HTML 리스트 생성 <ol> 태그 - 순서가 존재하는 목록 생성 (0) | 2023.05.30 |
| 사용자의 상호작용을 위한 버튼을 만들자 HTML <button> 태그 (0) | 2023.05.30 |
