웹 문서의 구조를 표현하는 마크업 언어 HTML
HTML(HyperText Markup Language)는 웹 페이지를 만들기 위한 기본적인 마크업 언어이다.
이 언어를 사용하여 문서의 구조와 콘텐츠를 정의할 수 있다.
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>문서 제목</title>
</head>
<body>
<h1>hello world</h1>
<p>간단한 html 문서</p>
</body>
</html>
body 태그 안의 텍스트만이 브라우저에 표기된 것을 볼 수 있다.
HTML 문서는 크게 head와 body로 구분할 수 있는데 head태그는 웹 문서에 필요한 설정,
body는 실제 사용자에게 보여지는 부분이다.
- <!DOCTYPE html>: 이 문서가 HTML5로 작성되었음을 선언한다.
- <html lang="en">: HTML 문서의 시작을 나타내며, 여기서 **`lang`** 속성은 문서의 언어를 지정한다.
- <head>: 문서에 대한 메타 정보를 담고 있습니다. 예를 들면 문자 인코딩, 뷰포트 설정, 제목 등이 있다.
- <meta charset="UTF-8">: 문서의 문자 인코딩을 UTF-8로 설정한다.
- <meta name="viewport" content="width=device-width, initial-scale=1.0">: 모바일 기기에서 적절한 뷰포트를 설정한다.
- <title>: 문서의 제목을 정의한다. 브라우저 탭에 표시된다.
- <body>: 실제 콘텐츠가 들어가는 부분으로, 텍스트, 이미지, 링크 등을 포함할 수 있다.
<h1>, <p>` 등은 각각 제목과 단락을 나타내는 태그이다. HTML은 이러한 태그를 사용하여 문서의 구조를 형성하며, 각 태그는 특정 의미를 가지고 있다.-연습-
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>HTML 이론학습</title>
</head>
<body>
<h1><a href="https://ozcodingschool.com/">오늘의 할 일</a></h1>
<ul>
<li>html. 예습하기</li>
<li>MDN 사이트 접속하기</li>
<li>w3school 사이트</li>
<li>접속하기 실습 도전하기</li>
</ul>
</body>
</html>
굿