티스토리 뷰

HTML

HTML Introduction/HTML 소개

아이언 베어 2020. 12. 10. 22:16

 HTML Introduction/HTML 소개

 

 

 

HTML is the standard *markup language for creating Web pages.

HTML은 웹페이지를 만드는데 사용하는 표준적인 *마크업 언어이다.

 

더보기

*마크업 언어(markup 言語, markup language)는 태그 등을 이용하여 문서나 데이터의 구조를 명기하는 언어의 한 가지이다.

태그는 원래 텍스트와는 별도로 원고의 교정부호와 주석을 표현하기 위한 것이었으나 용도가 점차 확장되어 문서의 구조를 표현하는 역할을 하게 되었다. 이러한 태그 방법의 체계를 마크업 언어라 한다.

일반적으로 데이터를 기술하는 정도로만 사용되기에 프로그래밍 언어와는 구별된다. 다만 MXML이나 XAML처럼 특정 프로그래밍 언어와 강하게 연관되어 기능하거나 제한적으로 프로그래밍 언어의 기능을 갖춘 것도 일부 있는데, 이런 경우엔 구별이 명확하지 않다.

 

 

What is HTML?

  • HTML stands for Hyper Text Markup Language
  • HTML is the standard markup language for creating Web pages
  • HTML describes the structure of a Web page
  • HTML consists of a series of elements
  • HTML elements tell the browser how to display the content
  • HTML elements label pieces of content such as "this is a heading", "this is a paragraph", "this is a link", etc.

HTML이란 무엇인가?

 

1. 하이퍼텍스트 마크업 랭귀지

2. 웹페이지를 만들기 위한 마크업 랭귀지

3. 웹페이지 구조를 설명

4. 여러가지 elements로 이루어져 있다.

5. HTML elements는 브라우져에 어떻게 내용을 보여줄지 알려준다.

 

 

A Simple HTML Document

Example

  • <!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 that this document is an HTML5 document
  • The <html> element is the root element of an HTML page
  • The <head> element contains meta information about the HTML page
  • The <title> element specifies a title for the HTML page (which is shown in the browser's title bar or in the page's tab)
  • The <body> element defines the document's body, and is a container for all the visible contents, such as headings, paragraphs, images, hyperlinks, tables, lists, etc.
  • The <h1> element defines a large heading
  • The <p> element defines a paragraph

<!DOCTYPE html> - HTML 문서임을 알려준다.

<html> - HTML root element 

<head> - 

<title> - 제목 

<body> - headings, paragraphs, images, hyperlinks, tables, lists 등 눈에 보이는 요소들을 담고있다.

<h1> - 헤드1

<p> - paragraph

 

What is an HTML Element?

An HTML element is defined by a start tag, some content, and an end tag:

<tagname>Content goes here...</tagname>

The HTML element is everything from the start tag to the end tag:

<h1>My First Heading</h1>

<p>My first paragraph.</p>

 

 

 

HTML Page Structure

Below is a visualization of an HTML page structure:

 

 

HTML History

Since the early days of the World Wide Web, there have been many versions of HTML:

YearVersion

1989 Tim Berners-Lee invented www
1991 Tim Berners-Lee invented HTML
1993 Dave Raggett drafted HTML+
1995 HTML Working Group defined HTML 2.0
1997 W3C Recommendation: HTML 3.2
1999 W3C Recommendation: HTML 4.01
2000 W3C Recommendation: XHTML 1.0
2008 WHATWG HTML5 First Public Draft
2012 WHATWG HTML5 Living Standard
2014 W3C Recommendation: HTML5
2016 W3C Candidate Recommendation: HTML 5.1
2017 W3C Recommendation: HTML5.1 2nd Edition
2017 W3C Recommendation: HTML5.2

'HTML' 카테고리의 다른 글

HTML Block and Inline Elements  (0) 2020.12.12
HTML Elements  (0) 2020.12.11
HTML Basic Examples  (0) 2020.12.10