본문 바로가기
프로그래밍/HTML

html 강좌 - HTML 소개

by astraljoker 2021. 12. 25.
728x90
반응형

HTML이란?

HTML은 웹페이지를 만들기위한 마크업 언어입니다.

HTML은 Hyper Text Markup Language의 줄임말입니다.

HTML은 웹페이지를 만들기 위한 마크업 언어입니다.

HTML은 웹 페이지의 구조를 만들수 있습니다.

HTML은 일련의 요소로 구성됩니다.

HTML Element는 컨텐츠 표시하는 방법을 웹 브라우저에게 알려줍니다.

HTML Element는 “이것은 제목입니다”, “이것은 단락입니다”, “이것은 이미지입니다” 등과 같이 Element에 레이블을 지정합니다.

 

<!DOCTYPE html>

<html>

<head>

<title>페이지 제목</title>

</head>

<body>

<h1>이것은 제목입니다</h1>

<p>이것은 단락입니다</p>

</body>

</html>

 

https://codepen.io/astraljoker/pen/JjrORJj



대표적인 element

<!DOCTYPE html> html 문서임을 정의합니다.

<html> HTML 페이지의 뿌리를 의미합니다.(html은 마치 나무가 뻗어 나가는것과 같은 구조로 되어있습니다.)

<head> HTML 페이지에 대한 메타 정보를 포함합니다.

<title> HTML 페이지의 제목을 지정한다. 이 제목은 브라우저의 제목이나 탭에 표시됩니다.

<body> 문서의 본문을 표시한다. 이미지, 링크, 테이블, 본문, 제목같은 요소를 이곳에 포함할 수 있습니다.

<h1> 문서의 큰 제목을 표시합니다.

<p> 문단의 표시합니다.



HTML element 란?

HTML element는 시작 태그, 일부 콘텐츠 및 종료 태그로 이루어져 있습니다.

< tagname > 여기에 콘텐츠 입력 < / tagname >

< h1 > 제목입니다 < / h1 >

< p > 단락입니다 < / p >



시작태그 컨텐츠 내용 종료 태그
<h1> 제목입니다 </h1>
<p> 단락입니다 </p>
<br> 없음 없음

일부 HTML element는 콘텐츠가 없습니다. (예 : <br>). 이러한 element는 종료 태그가 없습니다.



웹 브라우저

웹 브라우저 (크롬, 엣지, 파이어폭스, 사파리)을 이용해서 HTML 파일을 표시할 수 있습니다. html 확장자로 파일을 만든 후에(예:test.html) 웹 브라우저로 열면 됩니다. (웹 브라우저에서 파일 열기를 하거나 HTML파일을 웹 브라우저로 드래그 드랍 한다)

 

HTML 페이지 구조

 

<body>(위 설명에 있는 흰색부분) 부분이 웹 브라우저에 표시됩니다. <title>은 웹 브라우저의 제목 또는 탭에 표시됩니다.

 

HTML 역사

World Wide Web 의 초기부터 HTML은 여러가지 버전이 존재해왔습니다.

년도 버전
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



728x90
반응형

'프로그래밍 > HTML' 카테고리의 다른 글

HTML강좌 - HTML 기초  (0) 2021.12.28
html 강좌 - html 이란  (0) 2021.12.25

댓글