HB의 개발 블로그

[WEB] 02. HTML 입문 본문

Web

[WEB] 02. HTML 입문

빈형임 2020. 7. 20. 23:26

HTML은 '태그'로 구성되어 있다.

 

1. 시작 태그(TAG)

2. 컨텐츠

3. 종료 태그

 

태그는 항상 <> 으로 시작해서 </> 로 끝을 맺어야 한다.

(*예외, <br> 처럼 contents가 없는 tag는 짝이 없다.)

 

 

실제 웹 페이지에 보여지는 부분은 당연히 '컨텐츠' 부분이다.

시작 태그와 종료 태그는 컨텐츠를 꾸며준다고 생각하면 된다.

 

 

 

 

html의 가장 기본적인 형태라고 할 수 있다.

위 페이지를 열어보면 아무 내용이 없다. 왜 그럴까?

 

바로 컨텐츠가 없기 때문이다. 웹 페이지의 내용을 담는 부분은 

 

 

<body> </body>

 

 

바로 이 부분이다. head가 페이지의 제목을 담당한다면 body가 그 본체라고 할 수 있다.

 

<!DOCTYPE html> : 이 파일이 HTML5 문서라는 것을 명시.

<html> : HTML페이지의 root element.

<head> : HTML페이지의 meta information을 저장.

<title> : HTML페이지의 제목. (홈페이지 이름)

<body> : 사용자에게 보이는 모든 내용을 담고 있다. 제목, 본문, 이미지, 링크, 표 등등

 

 

가장 기본적인 태그에는 제목과 본문이 있다.

 

 

 

제목과 본문을 가진 웹 페이지를 볼 수 있다.

 

 

 

 

 

 

 

해당 실습 과정은 한동대학교 SW 웹서비스 구축 캠프 및 아래 페이지를 참고하였습니다.

 

HTML 개발 관련 사이트

https://www.w3schools.com/html/default.asp

 

 

HTML Tutorial

HTML Tutorial HTML is the standard markup language for Web pages. With HTML you can create your own Website. This tutorial follows the latest HTML5 standard. HTML is easy to learn - You will enjoy it! Start learning HTML now » Easy Learning with HTML "Try

www.w3schools.com

 

'Web' 카테고리의 다른 글

[Web] 06. HTML CSS  (0) 2020.07.26
[Web] 05. HTML Graphics  (0) 2020.07.26
[WEB] 04. HTML Forms  (0) 2020.07.21
[WEB] 03. HTML TAG  (0) 2020.07.21
[WEB] 01. HTML 소개 및 환경 설정  (0) 2020.07.20
'Web' Related Articles more