본문 바로가기
My Wiki (CodesStates)/HTML,CSS

(1-1) HTML/CSS 기초 - HTML 기초 (기본구조와 문법)

by Esoolgnah 2021. 7. 10.
728x90

 

HTML은 웹 문서를 구조적으로 표현하기 위한 언어이다.

HTML은 tag들의 집합이며, tag란 부등호(<>)로 묶인 HTML의 기본 구성 요소이다.

<! DOCTYPE html>				/ 이 문서가 HTML 문서임을 명시 /
<html>						/ html 시작 태그로, 문서 전체의 틀을 구성 /						 
<head>						/ head 태그는 문서의 메타데이터를 선언 /		
  <title>Page title</title>			/ 문서의 제목, 브라우저의 탭에 보여짐 /
</head>						/ </태그이름>은 해당 태그가 끝났음을 의미 /
<body>						/ body 태그는 문서의 내용을 담는 곳 /
  <h1>Hello world</h1>				/ heading을 의미하며, 크기에 따라 h1부터 h6까지 있음 /
  <div>Contents here				/ content division을 의미하며, 줄바꿈됨 /
    <span>Here too!</span>			/ 줄바꿈이 없는 content 컨테이너 /
  </div>					/ div 태그가 끝났음을 의미 /
</body>						/ body 태그가 끝났음을 의미 /
</html>						/ html 태그가 끝났음을 의미 /

 

 

 

 

 

 

SELF-CLOSING TAG

태그 내부에 내용이 없다면 (<tag></tag>와 같이 표현되는 경우) <tag/>와 같이 표현 가능하다.

<img src="codestates-logo.png"></img>

<img src="codestates-logo.png" />

 

 

 

 

 

반응형

댓글