title : 웹페이지의 제목

title태그로 웹페이지의 제목을 입력할 수 있다. title태그는 검색엔진이 가장 중요하게 고려하는 요소이기 때문에 중요하다.

meta : 메타데이터 전달

영어가 아닌 언어로 title을 지정했을 경우 글자가 깨지는 경우가 있다. 이는 문자 인코딩 방식이 달라서 그런데 UTF-8방식으로 작성된 문서는 UTF-8방식으로 열어야한다.

이 인코딩 방식에 대한 정보를 웹브랑우저에게 전달해 주어야 한다. 그 역할을 해 주는 것이 meta 태그이다.

<title>한글 제목</title>
<meta charset="utf-8">

웹페이지 구조

웹페이지의 구조를 따라서 만들자.

head

본문에 관해 설명하는 부분을 head태그로 감싼다. title, meta 태그가 이곳에 들어갈 것이다.

body

본문의 내용을 body 태그로 감싼다.

html

위 두 태그를 다시 html태그로 감싼다.

이 웹페이지가 HTML로 만들어졌다는 것을 표현하기위해 문서의 시작부분에 <!doctype hyml>이라는 코드를 추가한다.

<!DOCTYPE html>
<html>
    <head>
        <title>문서의 제목</title>
        <meta charset="utf-8">
    </head>
    <body>
        <h3>TIGER 소프트웨어 ETF</h3>
        <strong>상위종목들</strong>
        <ol>
            <li>NAVER</li>
            <li>카카오</li>
            <li>엔씨소프트</li>
        </ol>
    </body>
</html>