728x90
HTML 이란?
- HTML은 Hyper Text Markup Language 의 약자
- HTML은 웹 페이지를 만들기 위한 표준 마크업 언어
- HTML은 웹 페이지의 구조 설명
- HTML은 일련의 요소로 구성
- HTML 요소는 브라우저에 콘텐츠를 표시라는 방법을 알림
- HTML 요소는 "제목", "단락", "링크", 등과 같은 콘텐츠 조각에 레이블을 지정
vscode를 이용하며 확장자를 .html 로 파일을 만들어 주면 html파일이 만들어 진다.
<!DOCTYPE html> ☞ <!DOCTYPE html> 선언 이 문서가 HTML5문서임을 정의
<html> ☞ <html>요소 = HTML 페이지의 루트 요소
<head> ☞ <head> 요소의 시작태그 = HTML 페이지에 대한 루트 요소
<title>Page Title</title> ☞ <title>요소 HTML 페이지의 제목을 지정(브라우저의 제목 표시줄 또는 페이지의 탭에 표시됨)
</head> ☞ </html>요소의 종료 태그
<body> ☞ <body>요소 = 문서의 본문을 정의 표제,단락,이미지,하이퍼링크,표,목록 등 모든
내용을 담는 컨테이너
<h1>My First Heading</h1> ☞ <h1> 요소 = 큰 제목을 정의하는 요소
<p>My first paragraph.</p> ☞ <p> 요소 = 단락을 정의하는 요소
</body> 종료 요소 태그
</html>
HTML요소란?
HTML요소는 시작태그, 일부 콘텐츠 및 종료 태그로 정의
- <tagname> 내용은 요 부분 </tagname>
HTML요소는 시작태그에서 종료 태그까지의 모든 것
- <h1> My First Heading </h1>
- <p> My first paragraph. </p>
일부 HTML 요소에는 콘텐츠가 없음 예를들어
- <br> = 줄바꿈의 뜻으로 종료태그가 없음
- <hr> = 구분을 위한 긴 가로줄이 생김, 마찬가지로 종료태그가 없음
- 등등...
웹 브라우저?
웹 브라우저(Chrome, Edge, Firehox, Safari)의 목적
- HTML 문서를 읽고 올바르게 표시하는 것
- 브라우저는 HTML 태그를 직접 표시하지 않지만 이를 사용하여 문서를 표시하는 방법을 결정
HTML 페이지의 구조를 보자!
직접 그린거라 좀 어색해 보이지만
HTML은 이런 구조로 만들어 진다!
728x90
'HTML' 카테고리의 다른 글
| HTML 주석처리, 단락<p> (0) | 2023.11.09 |
|---|---|
| HTML 속성(Attribute) (0) | 2023.11.06 |
| HTML 이미지 <img>, 개발자 도구 (0) | 2023.11.03 |
| HTML 단락<p>, 링크<a href> (0) | 2023.11.03 |
| HTML 제목 ( <h1> </h1> ....<h6> </h6> ) (1) | 2023.11.03 |
