본문 바로가기

Web Front-End/HTML&CSS

HTML 기본1 - HTML 소개

1. HTML이란 뭘까 ?

-> HTML은 웹 페이지를 만들기 위한 표준 Markup Language이고, 문서의 특정 텍스트 영역이 문단인지 목록인지 표의 일부인지 구분 할 수 있도록 의미를 부여하고, 논리적인 영역으로 구조화하고 이미지와 비디오 같은 컨텐츠를 삽입할 수 있게 해주는 요소들로 구성된 언어이다.

 쉽게 말해, 웹페이지가 웹페이지가 어떻게 구조화되어 있는지 브라우저로 하여금 알 수 있도록 하는 마크업 언어이다.

  • HTML은 Hyper Text Markup Language의 약자
  • 웹 페이지의 구조를 나타낸다.
  • 엘리먼트들의 시리즈로 구성되어 있다.
  • HTML 엘리먼트들은 브라우저에게 컨텐츠들을 어떻게 보여줘야할지 알려준다.
  • HTML 엘리먼트들은 Tag(예: <div></div> 등) 들로 나타낸다.
  • 브라우저는 HTML 태그들을 보여주지 않지만 태그들을 잉요해서 페이지를 그린다.
  • 태그 종류로써,  <head>, <title>, <body>, <header>, <footer>, <article>, <section>, <p>, <div>, <span> 등 수많은 요소를 사용한다.

 

2. HTML Tags

 -> HTML 태그들은 꺽새표시에 의해 둘러싸여진 엘리먼트 이름이다.

  • 예): <tagname> content goes here...</tagname>
  • HTML 태그는 보통 쌍으로 이루어져 있음

 

3. 웹 브라우저

 -> 웹 브라우저의 역할은 HTML 문서들을 읽어 들이고 그 문서들을 렌더링하는 것이다..

 브라우저는 HTML 태그들을 보여주지 않지만 HTML 문서를 어떻게 보여줄지 결정하는데 사용한다.

 

4. <!DOCTYPE> 선언

 -> <!DOCTYPE> 선언은 문서 타입을 나타내고 브라우저가 웹 페이지를 정확하게 보여주는데 도움을 준다.

 이 태그는.. 페이지 상단에 한번만 선언해야 하고 HTML5를 선언하는 구문이라고 보면된다.

 

5. HTML 히스토리

년도 버전
1989 Tim Berners-Lee가 www를 발명하다.
1991 Tim Berners-Lee가 HTML을 발명하다.
1993 Dave Raggett가 HTML+ 초안을 내다.
1995 HTML 워킹 그룹에서 HTML 2.0을 정의하다.
1997 W3C에서 HTML3.2를 권장하다.
1999 W3C에서 HTML 4.01을 권장하다.
2000 W3C에서 XHTML 1.0을 권장하다.
2008 WHATWG에서 HTML5 첫 번째 공개 초안을 내다.
2012 WHATWG HTML5 Living Standard
2014 W3C에서 HTML5를 권장하다.
2016 W3C HTML5.1을 권장하다.
2017 W3C HTML5.1. 두 번째 에디션 권장
2017 W3C HTML5.2를 권장하다.
   
<!DOCTYPE html>
<html>

<head>
    <title>Page Title</title>
</head>

<body>

    <h1>My First Heading</h1>
    <p>My first paragraph.</p>

</body>

</html>

 

 

출처

[HTML Tutorial]

https://www.w3schools.com/html/default.asp

https://developer.mozilla.org/ko/docs/Web/HTML

 

HTML: Hypertext Markup Language

HTML(HyperText Markup Language)은 웹을 이루는 가장 기초적인 구성 요소입니다. HTML은 웹 콘텐츠의 의미와 구조를 정의할 때 사용합니다. HTML 말고도 웹 페이지의 외형과 표현을 서술하고(CSS), 기능과 동작을 서술하는(JavaScript) 기술도 있습니다.

developer.mozilla.org

 

HTML Tutorial

HTML Tutorial HTML is the standard markup language for Web pages. With HTML you can create your own Website. HTML is easy to learn - You will enjoy it! Examples in Every Chapter This HTML tutorial contains hundreds of HTML examples. With our online HTML ed

www.w3schools.com

[HTML Spec]

https://html.spec.whatwg.org/multipage/

 

HTML Standard

 

html.spec.whatwg.org

 

'Web Front-End > HTML&CSS' 카테고리의 다른 글

CSS3 prefix  (0) 2020.07.17
HTML 기본4 - HTML head  (0) 2020.03.26
HTML 기본3 - 블록레벨(block) 요소와 인라인(inline) 요소  (0) 2020.03.26
HTML 기본2 - 기초  (0) 2020.03.24