[HTML] <title>, <! DOCTYPE HTML>, <head>, <body>

카테고리 없음

[HTML] <title>, <! DOCTYPE HTML>, <head>, <body>

정보통신 고심이 2023. 1. 23. 00:26

오늘은 <title>, <title>, <! DOCTYPE HTML>, <head>, <body>에 대해 배웠습니다.

<title> : 웹 페이지의 제목을 나타내는 태그

<title>WEB - html</title>

웹 페이지 제목을 "WEB - html>로 만들고 싶어 <title> 태그를 이용했습니다.

<DOCTYPE> : HTML 시작할 때 가장 먼저 적는 태그, 선언된 페이지의 HTML 버전의 타입을 정의하여 웹 브라우저에 알려준다.
<html> : HTML 문서의 정의 태그
<head> : 제목을 나타내는 태그
<body> : 본문을 나타내는 태그

html에서 내용은 <head>와 <body>로 이루어집니다.

<!DOCTYPE HTML>
<html>
    <head>
        <title>WEB - html</title>
        <meta charset="utf-8">
    </head>
    <body>
        <ol>
            <li>HTML</li>
            <li>CSS</li>
            <li>JavaScript</li>
        </ol>

        <h1>HTML이란 무엇인가?</h1>
        <p><a href = "https://www.w3.org/TR/2011/WD-html5-20110405/"
            target = "_blank" title="html15 speicification">Hypertext Markup Language (HTML)</a>
             is the standard markup language for 
        <strong>creating <u>web</u> pages</strong> and web applications.
        Web browers receive HTML doucuments from a web server or from local storage and render them into multimedia web pages. 
        HTML describes the structure of a web page semantically and originally included cues for the appearance of the document.

        </p><p>HTML elements are the building blocks of HTML pages. 
        With HTML constructs, images and other objects, such as interactive forms, may be embedded into the rendered page. 
        It provides a means to create structured documents by denoting structural semantics for text such as headings,
        paragraphs, lists, links, quotes and other items, HTML elements are delineated by tags, written using angle brackets.</p> 
    </body>
</html>

만약 한글이 깨질 경우, <meta>태그를 추가하여 <meta charset = "utf-8">를 추가하면 됩니다.

브라우저가 UTF-8로 문서를 읽게하는 명령입니다.