안녕하세요
쭈다입니다.HTML 공부하는 과정 중 알게되고 정보 공유 목적으로 포스팅 하게 되었습니다.
화이팅해봐요!
HTML 이란?
-HTML : HyperText Markup Language
-HTML 이란 웹 문서를 만들기 위해 사용하는 언어로써, 어떤 의미인지를 표기(MarkUp)하는 언어이다.
-HTML 문서의 확장자는 *.html or *.htm
-HTML은 다양한 요소를 포함할 수 있다. ( 텍스트,이미지,도형,링크 등등)
HTML 은
Hyper Text Markup Language 약어로 HyperText(웹 페이지에서 다른 페이지로 이동할 수 있도록 하는 것)
기능을 가진 문서를 만드는 언어입니다.
다시 말해, 구조를 설계할 때 사용되는 언어로 hyper link 시스템을 가지고 있으며, 흔히 말하는
웹 페이지를 위한 마크업 언어라고 할 수 있습니다.
쉽게 이해하자고 한다면 외국인 노동자에게 일을 시킬 때 한국말을 모르고 있다는
가정을 두고 그 외국인에게 오더를 줄 때 사용되는 언어를 HTML 이라 생각하면 된다.
노동자 = 문서 편집기 , 노동자의 언어 = html
HTML 은 프로그래밍 언어가 아니며
컨텐츠의 구조를 정의하는 마크업 언어이다.
HTML은 웹 표준이다.
-웹 표준이란 웹사이트를 만들 때 지켜야 할 룰을 정리한 것이다.
-웹 표준으로 정해진 언어로는 HTML5 , CSS3이 있다
-웹 표준을 지정한 이유는 수 많은 브라우저와 기기 환경으로 인한 문제를 최소화하기 위함이다.
HTML 은
Hyper Text Markup Language 약어로 HyperText(웹 페이지에서 다른 페이지로 이동할 수 있도록 하는 것) 기능을 가진 문서를 만드는 언어입니다.
다시 말해, 구조를 설계할 때 사용되는 언어로 hyper link 시스템을 가지고 있으며, 흔히 말하는 웹 페이지를 위한 마크업 언어라고 할 수 있습니다.
Wep Page 은
월드 와이드 웹 상에 있는 여러개의 문서를 가라킵니다.
HTML 은 .htm, .html 확장자 포맷을 가지고 있습니다.이 html 문서는 단순히 텍스트 파일에 불과하고
웹 브라우저가 해석을 해서 구조를 통해 화면에 렌더링 해주게 되고 사용자는
View 라고 하는 스크린을 통해 접하게 되는 것입니다.
편히 일반적으로 사용되고 있는 웹 페이지는 인터넷의 동의어로써
일반적인 사용자가 웹페이지를 본다 와 개발자가 웹 페이지를 본다는 다른 의미를 가지고 있습니다.
월드 와이드 웹(World Wide Web, WWW, W3)은
인터넷에 연결된 컴퓨터들을 통해 사람들이 정보를 공유할 수 있는 전 세계적인 정보 공간을 말합니다.
W3C(World Wide Web Consortium)는
월드 와이드 웹을 위한 표준을 개발하고 장려하는 조직으로 W3C는
회원기구, 정직원, 공공기관이 협력하여 웹 표준을 개발하는 국제 consortium (컨소시엄)입니다.
시멘틱 마크업(Semantic Markup) 은
웹 사이트(페이지)의 콘텐츠를 설명하는데 사용되는 마크업 언어이고,
HTML 은 콘텐츠의 의미를 설명하는데 유일한 목적을 가집니다.
앞으로 공부할 CSS 가 비주얼 디자인(Visual Design) 이라면 HTML은
구조적 설계(Structure Design) 이라 할 수 있습니다.
DTD 는
html 을 작성하려면 문서타입이라는 것이 반드시 필요합니다.
DTD를 문서타입이라고 하며, DTD(DOCTYPE or Document type Definition)는
HTML 문서의 최상 위에 위치 해야 합니다.마크업 문서의 요소와 속성(attribute) 등을 처리하는 기준이 되고
이것은 또한 유효성 검사에 이용된다.
<!doctype>은 종료하는 태그가 없고 문서의 구성 요소는 아닙니다.
*DTD 를 생략하는 경우 웹 브라우저가 표준모드가 아니라 비표준 모드로 되어
작동하는 것에 문제가 될 수 있습니다.
문서타입
HTML이 어떤 버전으로 작성되었는지 선언하여,
웹 브라우저가 내용을 올바르게 표시할 수 있도록 해주는 것이 !doctype입니다.그리고
html tag 안에 head tag , body tag로
구성이 되고 있으며,
html tag 안에 html lang="kr" 를 작성하여
문서에서 적용 될 언어를 설정한다.
언어의 설정은 필수 속성이다.
head tag는 표현하고자하는 웹사이트의
눈에 보이지 않은 성질,성격 같은 설정하고
head tag안에 meta tag는 브라우저와 검색엔진에게
문서 자체를 설명하는 정보를 알려주는 것이다
body tag는 웹사이트에서 보여지는 콘텐츠를
만드는 부분이라고 생각하면 된다.
HTML 문서 타입 및 요소
<!doctype html> =
HTML 버전 정보 = 문서 형식 선언
<html lang="kr"> =
문서에서 사용 될 언어
<head> =
브라우저가 인식할 수 있는 정보를
제공해 주는 영역 /
헤드 open tag / 문서 요소
<meta charset="utf-8"> =
메타 태그의 문자셋은 utf-8로 되어있음 / 문서 요소
<title> </title> =
웹 페이지의 제목으로 브라우저 탭에 표시 / 문서 요소
</head> / 해드close tag 문서 요소
<body> / 바디 open tag/ 문서 요소
</body> / 바디 close tag/ 문서 요소
</html> / 헤드 close tag/ 문서 요소
'꿀팁 > IT' 카테고리의 다른 글
| html table tag? (0) | 2021.01.14 |
|---|---|
| html blocklevel tag? (0) | 2021.01.11 |
| html heading tag1~6 ? (0) | 2021.01.07 |
| html?문서편집기? 입문 (0) | 2021.01.04 |
