HTML이란,
HTML(HyperText Markup Language)
▸ 웹을 이루는 가장 기초적인 구성 요소로 웹 콘텐츠의 의미와 구조를 정의할 때 사용
▸ 하이퍼텍스트(HyperText)란, 웹 페이지를 다른 페이지로 연결하는 링크를 말함
▸ 웹 브라우저에 표시되는 글과 이미지 등 다양한 컨텐츠를 표시하려면 마크업(Markup)을 사용해야 함
▸ 태그(Tag)를 사용해서 문서의 다른 텍스트와 구분 지음 ("<[태그 이름]>" 과 같은 형태)
▸ 태그 안의 요소 이름은 대소문자 구분하지 않음
▸ 가장 기본적인 형태는 꺾쇠 괄호를 이용한 아래와 같은 형태임
<head>
<title> 제목 </title>
</head>▸ 주석은 "<!-- [주석 내용] -->"와 같은 형태로 입력하여 사용함
HTML 버전
테이블표 출처 : 나무위키(Namu.Wiki)
|
버전
|
공개일
|
내용
|
|
HTML 1.0
|
1991년
|
- 최초의 HTML. 팀 버너스 리가 월드 와이드 웹을 발표하면서 내놓은 버전
- 처음에는 버전이 붙지 않았으나 나중에 보강된 2.0 버전이 나오면서 붙은 이름 - 80년대에 존재하던 SGML이라는 마크업 언어를 참조하여 만들어졌다. |
|
HTML 2.0
|
1995년
11월 24일 |
- HTML 사상 최초로 표준으로 지정됨
- HTML 1.0에서 파일 업로드 양식과 프레임, 테이블, 이미지맵, 국제화 기능이 추가된 것으로 팀 버너스 리와 여러 다른 사람의 노력으로 표준화 되었음 - 인터넷의 대중화가 시작되면서 이때부터 HTML도 널리 알려지기 시작 - 95년대 브라우저 전쟁 시기 웹페이지 관리자는 IE를 위한 페이지와 넷스케이프를 위한 페이지를 따로 만들어야 했었고 그것을 보완하기 위해 W3C에서 보완한 것이 HTML 3.2 |
|
HTML 3.2
|
1997년
1월 14일 |
- 표준화 작업을 담당하는 W3C에서 처음으로 나옴
- 수학 수식을 사용하는 태그를 완전히 제외하고 넷스케이프의 비주얼 관련 태그를 수록 - <b>나 <font> 태그가 들어간 것이 이 버전 |
|
HTML 4.0
|
1997년
12월 |
- Strict, Transitional, Frameset의 세 가지 문서 형태를 지원하는 것이 가장 큰 변화
- Strict는 비표준이나 비권장 태그를 절대 허용하지 않는 엄격한 문서 - Transitional은 비표준이나 비권장 태그도 허용하는 융통성 있는 문서 - Frameset은 웹브라우저 화면을 나눈 프레임 문서 |
|
HTML 4.01
|
1999년
12월 |
- 2014년 10월 28일 HTML5의 최종 권고안이 확정되면서 구버전이 됨
- 비주얼 태그가 모두 비권장으로 지정된 것이 가장 큰 변화 - 기존 비주얼 태그는 CSS로 빼서 사용할 것을 권장 |
|
XHTML 1.0
|
2000년
1월 26일 |
- HTML 4.01과 함께 가장 많이 사용되는 표준
- 내용상의 변화는 거의 없고 HTML 4.01을 XML 형식으로 포팅한 버전 - HTML 4.01의 내용을 거의 그대로 가지고 있으며, 이 때문에 2013년 지금까지도 HTML 4.01과 함께 가장 많이 사용되고 있음 |
|
XHTML 1.1
|
2001년
5월 31일 |
- XHTML의 가장 최신 버전이지만 거의 사용되지 않는 실정
- XHTML 1.0까지 있었던 Transitional 형식이 빠지면서 비표준이나 비권장 태그와의 호환성이 사라져 버림 - 이 때문에 지나치게 엄격하다는 지적과 함께 사용되지 않게 됨 - 2014년 10월 28일 HTML5의 최종 권고안이 확정되면서 구버전이 된 상태 |
|
XHTML 2.0
|
|
- 2009년 말에 논의가 중단된 XHTML의 버전
- XHTML 1.1을 잇는 차기버전으로 이야기가 되고 있었지만 2008년 HTML 5로 방향을 선회하면서 중단됨 |
|
HTML Living Standard
|
2011년 1월 ~
|
- WHATWG는 HTML5라는 이름 대신 HTML Living Standard라는 이름을 사용하기로 하였고, W3C의 HTML5 표준은 이 표준의 스냅샷이 되는 것으로 합의함
- 그러나 이후 스펙의 불일치가 발생하게 되고 결국 HTML5.3을 마지막으로 W3C의 HTML 표준은 폐지됨 |
|
2014년
10월 28일 |
문서 참고
|
|
|
HTML 5.1
2nd Edition |
2017년
10월 3일 |
- 이름은 2nd Edition이지만, HTML 5의 차기작이라는 의미
- HTML 5.1 1st Edition은 없다는 의미 |
|
HTML 5.2
|
2017년
12월 14일 |
|
|
HTML 5.3
|
2018년
2월 6일 |
- W3C가 발표한 HTML의 마지막 버전
- 이후로 HTML 표준은 WHATWG의 HTML Living Standard로 일원화됨 |
HTML Basic 요소들
<br> : 줄 바꾸기
<p> : 단락 바꾸기
<hr> : 가로줄
<a> ... </a> : 하이퍼링크
<font> ... </font> : 폰트 변경
<center> ... </center> : 가운데 정렬
<ul><li> ... <li> ... </ul> : 순서없는 목록(동그라미)
<ol><li> ... <li> ... </ol> : 순서있는 목록(숫자)
<tr> ... </tr> : 행
<td> ... </td> : 열
<table> ... </table> : 표 만들기
HTML 기본 문법
1. 태그 명령어 요소는 마감 태그의 순서를 지켜야 함 (가장 마지막에 사용한 태그를 먼저 닫아야 함)
<p> ... <strong> ... </strong> ... </p>2. 태그 명령어 요소는 반드시 마감 태그로 닫아야 함
▪ 보통은 한 쌍의 태그가 일반적(예 : <p> ... </p>)이나 단독 태그도 있음
주요 단독 태그
<BASE> : 기본 문맥 순서
<ISINDEX> : 검색 가능한 문서
<LINK> : 문서로부터의 링크
<NEXTID> : 다음 ID가 링크 이름으로 사용됨
<BR> : 줄 바꾸기
<DT> : 정의를 위한 타이틀 기술
<DO> : 정의의 내용을 기술
<HR> : 수평선을 그음
<IMG> : 이미지 삽입
<LI> : 리스트 항목
<P> : 문단 바꾸기
<SELECT> : 옵션 선택 가능3. 요소와 태그 명령어 안의 속성은 소문자 사용이 원칙임 (XHTML1 문법 기준)
<abbr id="anId" class="aClass" style="color:blue;" title="하이퍼텍스트 마크업 언어">HTML</abbr>4. 속성 값은 쌍 따옴표(" ")를 반드시 사용해야하고 속성은 반드시 값과 함께 사용해야 함(생략 불가)
<abbr id="anId" class="aClass" style="color:blue;" title="하이퍼텍스트 마크업 언어">HTML</abbr># 속성(Attribute) : id, class, style, title
# 값(Value) : anId, aClass, color:blue;, 하이퍼텍스트 마크업 언어
5. 주석 사용(<!--[주석]-->) 항상 권장
※ 이 글이 도움이 되었다면 "🤍공감" 버튼을 클릭해주세요. 클릭 한번이 글 쓰는데 큰 힘이 됩니다.
