목차

HTML Introduction

  • description : HTML Introduction
  • author : 오션
  • email : shlim@repia.com
  • lastupdate : 2021-03-23


Source of the article



HTML이란?

A Simple HTML Document

<!DOCTYPE html>                  // <!DOCTYPE html> 선언은 문서가 HTML5 문서라는 것을 정의한다 
<html>                           // <html>요소는 HTML 페이지의 루트 요소 (root element)이다
<head>                           // <head>요소는 HTML 페이지에 관한 메타 (meta) 정보를 가진다.
  <title>Page Title</title>      // 브라우저의 타이틀 바 도는 페이지의 탭에서 보여지는 HTML 페이지의 제목을 명시한다.
</head>
<body>                           // <body>요소는 문서의 body를 정의하고, 제목, 문장, 이미지, 하이퍼링크, 테이블, 목록 등과 같은 모든 시각적 내용에 대한 container이다.
  <h1>My First Heading</h1>      // <h1>요소는 대제목을 정의한다.
  <p>My first paragraph.</P>     // <p>요소는 문장을 정의한다. 
</body>
</html>

HTML Element

HTML요소는 시작태그 (start tag), 내용 (some content), 종료태그 (end tag)로 정의된다.

<태그 명>내용</태그 명>

HTML요소는 시작태그에서부터 종료태그까지의 모든 것을 의미한다.

<h1>My First Heading</h1>

<p>My first paragraph</p>

Start tag Element content End tag
<h1> My First Heading </h1>
<p> My first paragraph </p>
<br> none none


☝일부 HTML요소들은 <br>요소처럼 내용이 없다. 이러한 요소들은 비어있는 요소들 (empty elements)라고 불리고, 종료태그가 없다.