HTML 이란?
HyperText Markup Language의 약자입니다. 웹페이지를 만들기 위한 언어로 웹브라우저 위에서 동작하는 언어입니다.
HTML DTD
- 웹 기술의 진보에 따라 HTML도 변화 되는데, 변화에 따라 브라우져가 HTML을 해석하는 방식도 변화했어요.
- 이를 극복하기 위해서 브라우져에게 해당 HTML이 어떤 표준에 따른 것인지를 알려주는 것을 DTD(Document Type Definition)이라고 합니다.
- DTD는 문서의 제일 위에 위치해요.
<!DOCTYPE html> <!-- HTML5 doctype -->
<html>
<head>
<title>DTD</title>
</head>
<body>
Hello, HTML5!
</body>
</html>HTML 보일러 플레이트
- 보일러 플레이트는 프로그래밍에서 어떤 일을 하기 위해 꼭 작성해야하는 코드를 말합니다.
- 최상위 태그로 <html>을 사용해요. 그 하위에 <head> 태그와 <body> 태그를 컨텐츠로 가지고 있어요.
- <head> 태그는 문서를 설명하는 태그로 제목이나 키워드와 같은 정보를 담아요.
- <body> 태그에는 문서의 내용이 위치해요
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
메타 데이터(meta data)란 데이터를 설명하는 데이터를 의미해요. 이를테면 태그가 대표적인 메타데이터입니다.
HTML 태그
- HTML에서 문서의 구조를 작성하도록 정보를 정의 하는 형식을 말합니다.
- 태그는 시작 태그(Start Tag)와 닫는 태그(End Tag), 컨텐츠로 구성됩니다.
- 공백을 나타내는 <br />, <hr /> 태그와 같이 컨텐츠 없이 바로 닫는 태그를 Self-closing 태그라고 합니다.
HTML 어트리뷰트
- Attributes는 HTML 요소의 추가적인 정보를 전달해요. 이름=“값” 이렇게 쌍으로 정의해요.
'HTML' 카테고리의 다른 글
| 블록 요소와 인라인 요소 (0) | 2021.07.07 |
|---|---|
| URI & URL (0) | 2021.07.07 |
| 웹사이트 동작 원리 (0) | 2021.07.07 |
| SVG 그래픽 (0) | 2021.04.14 |
| DOM과 브라우저 렌더링 과정 (0) | 2021.03.24 |
개의 댓글