[HTML] 01. 개요

HTML이란?

ᆞHTML은 월드 와이드 웹(World Wide Web) 문서를 작성하는 Hyper Text Markup Language 이다.

ᆞHyperText 한 문서 안의 특정 단어나 그림에 또 다른 문서가 연결된 형태

ᆞHyperLink 특정 단어나 그림에 또 다른 문서나 그림을 꼬리에 꼬리를 물고 연결하는 것
- 웹 브라우저를 통하여 사용자에게 보여 지는 문서의 내부 형식을 규정하는 언어이다.

- 제목, 본문, 목록, 링크, 이미지 등 다양한 콘텐츠를 의미 있게 마크업 할 수 있다.

- 웹브라우저는 HTML 태그를 읽고 분석하여 표현내용을 화면에 나타낸다. 이로 인해 서로 다른 웹브라우저라도 사용자에게는 동일한 형태의 웹 페이지를 표시할 수 있다.
- HTML 문서는 *.html, *.htm 등의 확장자를 사용 한다.

Markup Language

- 마크업 언어는 태그(tag) 등을 이용하여 문서나 데이터의 구조를 명기하는 언어의 한 가지이다.

- 태그는 원래 텍스트와는 별도로 원고의 교정부호와 주석을 표현하기 위한 것 이였으나 용도가 점차 확장되어 문서의 구조를 표현하는 역할을 하게 되었다.

-문장, 그림, 표배치, 폰트의 모양 및 크기, 들여쓰기, 줄 간격, 여백등에 대한 정보를 의미

웹 페이지의 구성

-HTML 문서와 그림, 멀티미디어 파일 등 월드와이드 웹을 기반으로 한 인터넷 콘텐츠를 검색 및 열람하기 위한 응용 프로그램

HTML(Hyper Text Markup Language)

ᆞ웹 페이지상에서 문단, 제목, 표, 이미지, 동영상 등을 정의하고 그 구조와 의미를 부여하는 마크업 언어이다.

ᆞ표준화된 태그로 웹 페이지를 작성한다.

<html>, <head>, <body>, <img>, <a>, <table>, <div> 태그 등

javascript

ᆞ객체 기반의 스크립트 프로그래밍 언어로 웹 브라우저 내에서 주로 사용하며, 다른 응용 프로그램의 내장 객체에도 접근할 수 있는 기능을가지고있다.

ᆞNode.js와 같은 런타임 환경과 같이 서버 사이드 네트워크 프로그래밍에도 사용되고 있다.

ᆞ동적으로 컨텐츠를 바꾸거나 멀티미디어를 다루고, 움직이는 이미지 등 웹 페이지를 꾸며주도록 하는 프로그래밍 언어이다.

CSS(Cascading Style Sheets)

CSS는 HTML 문서 내에 서체의 종류, 크기, 색, 여백 등을 지정하여 사용자의 web browser 환경에 상관없이 일정한 화면을 보여주는 기능

HTML의 기본 구조

HTML은 태그(Tag)로 구성된 마크업 언어로 계층적 구조

HTML 문서의 기본 형식

- DTD(Document Type Definition) 선언

문서의 첫 줄에 DTD 선언하며, DTD는 정의하는 문서에서 사용되는 언어와 버전 등을 지정한다.

- <html> ~ </html>

HTML 문서의 최상위 요소로 모든 HTML 문서는 하나의 <html> 요소를 갖는다.

- <head> ~ </head>

HTML 문서의 메타데이터(metadata)를 정의하며, 메타데이터는 HTML 문서에 대한 정보를 의미한다.

메타데이터는 <title>, <style>, <meta>, <link>, <script>, <base>태그 등을 이용하여 표현한다.

- <body> ~ </body>

웹 브라우저를 통해 보이는 내용(content) 부분을 나타낸다.

HTML 태그 구성

'💻Programming > 👩‍🎨HTML&CSS' 카테고리의 다른 글

[CSS] 03. 배경 및 이미지 관련 스타일 (0)	2022.09.14
[CSS] (0)	2022.09.14
[HTML] 04. 테이블 관련 태그 (0)	2022.09.09
[HTML] 03. 레이아웃 관련 태그 (0)	2022.09.09
[HTML] 02. 기본 태그 (0)	2022.09.06

HTML이란?
Markup Language
웹 페이지의 구성
HTML 문서의 기본 형식

내 블로그 - 관리자 홈 전환	`Q` `Q`
새 글 쓰기	`W` `W`

글 수정 (권한 있는 경우)	`E` `E`
댓글 영역으로 이동	`C` `C`

이 페이지의 URL 복사	`S` `S`
맨 위로 이동	`T` `T`
티스토리 홈 이동	`H` `H`
단축키 안내	`Shift` + `/` `⇧` + `/`

[HTML] 01. 개요

HTML이란?

Markup Language

웹 페이지의 구성

CSS(Cascading Style Sheets)

HTML의 기본 구조

HTML 문서의 기본 형식

HTML 태그 구성

'💻Programming > 👩‍🎨HTML&CSS' 카테고리의 다른 글

티스토리툴바

단축키

내 블로그

블로그 게시글

모든 영역