1. 문서의 제목을 설정
<title> 태그는 아래 이미지의 'NAVER'와 같이 제목의 표현을 위해서 사용하는 태그이다.
예) <title> NAVER </title>
2. 문자의 표현 방식(인코딩) 설정 및 태그
일반적으로 많이 쓰는 웹페이지 문자의 표현 방식은 UTF-8(조합형 유니코드 인코딩 방식)이다. 아래 이미지 처럼 대부분의 IDE에서는 인코딩 방식을 선택할 수 있게 되어있다. 아래)VisualStudioCode
영어가 아닌 문자가 깨지는 이유는 웹페이지가 저장된 문자의 표현 방식과 웹브라우저가 웹페이지를 해석하는 방식이 일치하지 않을 때 발생한다.
해결하기 위한 방법으로 태그를 이용하여 인코딩 방식을 지정하여 웹브라우저가 해석할 수 있게 안내해 준다.
예) <meta charset="utf-8">
3. 문서의 구조
<html>, <head>, <body>
<head>는 문서의 본문에 적용된 설정 값 등 설명을 위해 묶어주는 태그
<body>는 문서의 본문을 묶어주는 태그
<html>는 문서의 전체를 감싸주는 태그, HTML로 작성되었다는 것을 표현하기 위해 문서의 시작 아래에 <!doctype html> 코드를 추가한다.
예)
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title> 제목이에요 </title>
</head>
<body>
<ol>
<li> 여러분 </li>
<li> 행복하세요! </li>
</ol>
<h2> 확신 </h2>
<p> 확신을 가지고 행동하자 </p>
</body>
</html>위 같이 구분지어 묶어 문서의 구조화를 완성한다.
공사중