What is HTML?
HTML is the standard markup language for creating Web pages.
HTML은 웹 페이지를 만들기위한 표준 마크 업 언어입니다.
HTML stands for Hyper Text Markup Language
HTML은 하이퍼 텍스트 마크 업 언어
HTML describes the structure of Web pages using markup
HTML은 마크 업을 사용하여 웹 페이지의 구조를 설명합니다.
HTML elements are the building blocks of HTML pages
HTML 요소는 HTML 페이지의 구성 요소입니다.
HTML elements are represented by tags
HTML 요소는 태그로 표현됩니다.
HTML tags label pieces of content such as "heading", "paragraph", "table", and so on
HTML 태그는 "heading", "paragraph", "table"등과 같은 내용의 레이블을 표시합니다.
Browsers do not display the HTML tags, but use them to render the content of the page
브라우저는 HTML 태그를 표시하지 않지만 이를 사용하여 페이지의 내용을 렌더링합니다.
A Simple HTML Document
Example
1 2 3 4 5 6 7 8 9 10 | <!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html> |
Example Explained
The <!DOCTYPE html> declaration defines this document to be HTML5
<!DOCTYPE html>선언은 HTML5가 될이 문서를 정의
The <html>element is the root element of an HTML page
<html>요소는 HTML 페이지의 루트 요소입니다
The <head> element contains meta information about the document
<head>요소는 문서에 대한 메타 정보를 포함
The <title> element specifies a title for the document
<title>요소는 문서의 제목을 명시
The <body> element contains the visible page content
<body>요소는 눈에 보이는 페이지의 내용을 포함
The <h1> element defines a large heading
<h1>요소는 큰 제목을 정의
The <p> element defines a paragraph
<p>요소는 문단을 정의
HTML Tags
HTML tags are element names surrounded by angle brackets:
HTML 태그는 꺾쇠 괄호로 묶인 요소 이름입니다.
1 | <tagname>content goes here...</tagname> |
HTML tags normally come in pairs like <p> and </p>
HTML 태그는 일반적으로 올 쌍으로 같은 <p>과</p>
The first tag in a pair is the start tag, the second tag is the end tag
쌍의 첫 번째 태그는 시작 태그이고 , 두 번째 태그는 종료 태그입니다.
The end tag is written like the start tag, but with a forward slash inserted before the tag name
종료 태그는 시작 태그와 비슷하지만 태그 이름 앞에 슬래시가 삽입되어 있습니다.
Tip: The start tag is also called the opening tag, and the end tag the closing tag.
팁 : 시작 태그는 여는 태그 라고도 하고 끝 태그는 닫는 태그 입니다.
Web Browsers
The purpose of a web browser (Chrome, IE, Firefox, Safari) is to read HTML documents and display them.
웹 브라우저 (Chrome, IE, Firefox, Safari)의 목적은 HTML 문서를 읽고 표시하는 것입니다.
The browser does not display the HTML tags, but uses them to determine how to display the document:
브라우저는 HTML 태그를 표시하지 않지만 HTML 태그를 사용하여 문서를 표시하는 방법을 결정합니다.
HTML Page Structure
Below is a visualization of an HTML page structure:
다음은 HTML 페이지 구조를 시각화 한 것입니다.
Note: Only the content inside the <body> section (the white area above) is displayed in a browser.
참고 : <body> 섹션 (위의 흰색 영역) 안에있는 내용 만 브라우저에 표시됩니다.
The Declaration
The <!DOCTYPE> declaration represents the document type, and helps browsers to display web pages correctly.
이 <!DOCTYPE>선언은 문서 유형을 나타내며 브라우저가 웹 페이지를 올바르게 표시 할 수있게 도와줍니다.
It must only appear once, at the top of the page (before any HTML tags).
HTML 태그보다 먼저 페이지 상단에 한 번만 나타나야합니다.
The <!DOCTYPE> declaration is not case sensitive.
<!DOCTYPE>선언은 대소 문자를 구분하지 않습니다.
The <!DOCTYPE> declaration for HTML5 is:
<!DOCTYPE>HTML5에 대한 선언은 다음과 같습니다.
1 | <!DOCTYPE html> |
HTML Versions
Since the early days of the web, there have been many versions of HTML:
초기 웹 이래로 많은 HTML 버전이있었습니다.
Version |
Year |
HTML |
1991 |
HTML 2.0 |
1995 |
HTML 3.2 |
1997 |
HTML 4.01 |
1999 |
XHTML |
2000 |
HTML5 |
2014 |
출처 : W3School.com
'HTML' 카테고리의 다른 글
| HTML 속성(HTML Attributes) (0) | 2018.06.04 |
|---|---|
| HTML 요소(HTML Elements) (0) | 2018.06.03 |
| HTML 기본(HTML Basic) (0) | 2018.06.02 |
| HTML 편집기(HTML Editors) (0) | 2018.06.01 |
| HTML 홈(HTML HOME) (0) | 2018.05.30 |
