1. HTML 이란
: HTML은 Hyper Text Markup Language의 약자로 웹 페이지를 기술하기 위한 Markup 언
어이다. 쉽게 설명하면 웹페이지를 만들기 위한 언어로 웹 브라우저 위에서 동작하는
언어이다.
HT : HyperText, 문서와 문서가 링크로 연결되어 있다.
M : Markup, TAG로 이루어져 있다.
L : Language
(1). HTML 의 역사
- Tim Berners – LEE
: Internet의 아버지
: URL, HTTP, HTML 의 최초 설계 및 HyperText Browser와 Editor 개발
: 1991년 HTML1 Version 부터 2013년 XHTML5 Version까지 발전하였다.
(2) HTML5 의 기능
: 기존 웹페이지 설계 뿐이 아닌 HTML의 새로운 표준이다.
: 완전한 CSS3 지원 ※CSS란 웹 페이지의 스타일을 지정
: 비디오와 오디오, 2D/3D 그래픽 지원
: 로컬 저장소 지원
: 로컬 SQL 데이터베이스 지원
: 웹 애플리케이션 지원
(3). HTML의 구성
- HTML : 웹 페이지의 내용을 작성한다. / 구조적 설계
- CSS : 웹 페이지의 스타일을 표현한다. / 디자인
- JavaScript : 웹 페이지의 동작을 설정한다.
(4). 웹 페이지란 무엇일까
- 월드 와이드 웹 상에 있는 개개의 문서를 가리킨다.
- HTML은 .htm , .html과 같은 확장자 포맷을 보유합니다.
- .html문서는 단순히 텍스트 파일에 불가하고 웹 브라우저가 해설을 하여
구조를 통해 화면에 랜더링 해주게 되고 사용자는 View라고 하는 스크린을
통해 접하게 됩니다.
1. HTML 의 요소 ( Element )
- HTML Element의 주용 부분은 크게 4가지로 나눕니다.
TAG [ Opening Tag, Closing Tag ] , 내용[Content], 요소[Element]
- TAG [ Opening Tag, Closing Tag ]
: 열리는 태그가 있으면 닫히는 태그가 있어야합니다.
: 닫히는 태그는 태그 명 앞에 /가 붙습니다.
: 위 소스는 네이버 소스 중 하나입니다. 태그는 중간에 내용을 감싸서 그
정보의 성격과 의미를 정의합니다.
: Tag의 종류
- <html> , <head>, <body>, <title>, <meta>등 수 많은 Tag 사용.
- 속성 ( Attribute )
: 속성에는 태그의 부가적인 정보가 들어옵니다
: href는 속성명이고, http://jr.naver.com은 속성값입니다.
'Programming > HTML' 카테고리의 다른 글
간단한 시간표만들기 [ 표 ] (0) | 2020.04.11 |
---|---|
WEB Browser 란 (0) | 2020.03.18 |
HTML 연습 : CSS, 반응형 웹 (0) | 2020.03.11 |
HTML 연습 : 간단한 홈페이지 만들기_box or grid (0) | 2020.03.09 |
HTML을 이용한 간단한 웹페이지 만들기 (0) | 2020.03.06 |