HTML이란?
HTML은 HyperText Markup Language의 약자로, 웹페이지의 구조를 정의하는 마크업 언어입니다.
HTML은 다양한 요소(Element)를 사용하여 텍스트, 이미지, 링크 등을 효과적으로 나타내는데 사용됩니다.
1. <!DOCTYPE html> : HTML문서의 버전과 유형을 지정하는 선언입니다.
현재 문서가 HTML5 버전의 HTML이라는것을 나타냅니다.
HTML5는 최신의 웹 표준이며, 이것을 선언함으로써 브라우저는 해당 문서를 최신 표준에 맞게 해석합니다.
웹페이지가 정확하게 브라우저에 의해 해석되고 표시되도록 하는 중요한 부분입니다.
올바른 Doctype 선언이 없으면 브라우저가 호환성 모드로 전환되거나 예상치 못한 렌더링 문제가 발생할 수 있습니다.
*렌더링은 웹 페이지를 브라우저 화면에 표시하는 과정입니다.
html, css, javascript와 같은 웹페이지의 코드를 해석하고 결과물을 화면에 그리는 과정을 뜻합니다.
가장 기본적인 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>안녕하세요, 웹 페이지!</h1>
<p>이것은 간단한 HTML 문서의 본문입니다.</p>
</body>
</html>
- <!DOCTYPE html>: HTML5 문서임을 선언합니다.
- <html>: HTML 문서의 시작과 끝을 감싸는 최상위 요소입니다.
- lang="en": 문서의 언어를 지정합니다. 여기서는 영어를 나타냅니다. 한국은 "ko"
- <head>: 문서에 대한 부가적인 정보를 포함하는 부분입니다.
- <meta charset="UTF-8">: 문서의 문자 인코딩을 UTF-8로 설정합니다.
- <meta name="viewport" content="width=device-width, initial-scale=1.0">: 뷰포트 설정으로, 모바일 장치에서 페이지가 올바르게 표시되도록 합니다.
- <title>: 문서의 제목을 설정합니다.
- <body>: 실제 콘텐츠가 들어가는 부분입니다.
- <h1>: 제목(Heading 1)을 나타내는 요소입니다.
- <p>: 단락을 나타내는 요소입니다.
'developer > html css' 카테고리의 다른 글
| Font Awesome 아이콘 사용하기: 아이콘으로 좋아요 사용해보기 (0) | 2024.02.18 |
|---|---|
| 시맨틱 웹과 HTML5: 의미론적 태그로 더 나은 웹 구축하기 (0) | 2024.02.05 |
| CSS Reset에 대한 이해: reset.css의 필요성과 사용법 (0) | 2024.02.01 |
| HTML '<a>'태그 : 하이퍼링크 생성과 활용 (0) | 2024.01.31 |
| CSS는 무엇인가? (0) | 2024.01.22 |
