HTML(Hyper Text MarkUp Language)
웹문서를 구조적으로 표현하기 위한 언어이다.
브라우저 엔진에 의해 해석되어 실행(출력)된다.
태그(Tag)를 사용하여 박스모델로 웹문서를 표현함
CSL(Client Script Language) : HTML, CSS, JavaScript
태그를 사용하여 HTML 문서를 작성한다 - 태그는 대소문자 미구분
시작태그와 종료태그가 하나의 짝으로 구성되지만 독립태그도 존재한다.
태그는 계층적 구조로 표현되고 상위태그와 하위태그 존재한다.
시작태그와 종료태그 사이에 하위태그 또는 태그의 내용을 표현한다.
시작태그에는 속성과 속성값을 사용하여 태그를 다양하게 표현할 수 있다.
<!DOCTYPE html>
DOCTYPE : 웹문서의 종류를 표현 - HTML5를 이용하여 웹문서 표현
<html></html>
html 태그 : HTML 문서의 최상위(Root) 태그
(→ 하위태그 : head, body)
<head></head>
head 태그 : HTML 문서에 대한 정보를 제공하기 위한 태그
(→ 하위태그 : meta, title, style, script, link 등)
<meta charset="UTF-8">
meta 태그 : HTML 문서에 대한 부가적인 정보를 속성과 속성값으로 제공하기 위한 태그
charset 속성 : HTML 문서에 대한 문자형식(CharacterSet)을 속성값으로 설정
(→ 브라우저가 HTML 문서를 해석할 때 사용되는 문자의 인코딩 방식을 설정)
(→ 기본 속성값 : ISO-8859-1(서유럽어))
<title></title>
title 태그 : HTML 문서의 제목 설정
<body></body>
body 태그 : 브라우저 출력영역(Document)에 텍스트 또는 이미지를 출력하기 위한 태그
(→ 하위태그 : h1, div, p, img, span, form 등 - 박스모델(BoxModel) 태그)
박스모델 태그는 블럭 레벨의 태그와 인라인 레벨의 태그 구분
(→ 블럭 레벨 태그 : 하나의 태그가 하나의 라인를 모두 사용하는 태그 - div, h1, p, ol, ul 등)
(→ 인라인 레벨 태그 : 하나의 태그가 라인 일부분을 사용하는 태그 - span, img, input, select 등)
HTML 언어에서 사용 불가능한 문자는 회피문자(Escape Character)로 표현
(→ &nbps;(공백) &(&) <(<) >(>), "(") 등)
'프로그래밍' 카테고리의 다른 글
| [Eclipse] 이클립스에 자바스크립트 자동완성기능 Tern 플러그인 설치 (0) | 2022.05.13 |
|---|---|
| 절대경로와 상대경로의 차이 (0) | 2022.05.10 |
| [Eclipse] 이클립스에 Design 버튼 안보일때 (0) | 2022.05.04 |
| [Eclipse] 이클립스에 윈도우빌더(WindowBuilder) 설치하기 (0) | 2022.05.03 |
| [SQL] DML, DDL, DCL, TCL 의 정의 (0) | 2022.05.02 |
댓글