본문 바로가기

생활코딩/웹어플리케이션 만들기

HTML

[HTML의 정의]

HyperText Markup Language의 약자


1.HyperText: 문서와 문서가 링크로 연결되어 있는 시스템. 팀 버너스리가 고안.

"링크는 HTML의 본질, HTML의 본질은 웹의 본질"

2.Markup Language: 태그를 사용하여 사람과 웹브라우저가 모두 알아들을 수 있는 언어


[Tag의 종류]

html: html문서임을 알려주는 태그

body: 본문에 해당하는 내용이 들어가는 태그. 본문에 쓰이는 태그는 모두 body 태그 안에 있어야 한다.

head: 문서를 설명하는 정보가 들어가는 태그.

- meta charset: 문서의 문자 코드 타입을 지정해주는 태그. utf-8로 하지 않을 시 한글이 깨질수도 있다.

- title: 문서의 제목을 정하는 태그


strong: 강조 태그

a: 링크를 거는 태그

- href: 링크의 주소를 알려주는 속성

- target: 링크의 주소를 어디서 열지 알려주는 속성

- _blank: 새 창

- _self: 현재 창

li: 리스트로 만들어주는 태그

ul: 순서가 없는 리스트

ol: 순서가 있는 리스트


* 속성과 속성은 공백을 통해 구분한다.

[!DOCTYPE]
어떤 버전의 HTML로 해당 문서가 작성되었는지 웹브라우저에게 알려주는 태그.
없어도 동작하지만 작성해주는 것이 태그를 정확하게 작동하도록 한다.

[HTML 표준 정의]
w3c(Wolrd Wide Web Consotium)라는 국제기구에서 HTML을 관리

[HTML의 본질]
정보를 태그로 정의하여 사람과 컴퓨터가 모두 정보를 받을 수 있도록 하는 것.
HTML = 정보


'생활코딩 > 웹어플리케이션 만들기' 카테고리의 다른 글

CSS  (0) 2016.08.07
Semantic Web  (0) 2016.08.05
웹의 역사, 서버와 클라이언트  (0) 2016.08.05
웹 서버  (0) 2016.07.28