web coding/HTML

HTML element (basic)

☁코지☁ 2021. 3. 12. 20:28

 

html elements reference (basic)

 

HTML element

- 시작 태그와 종료 태그에 들어가는 요소

- 형태 : <시작 태그>...</종료 태그>

          <title>www_cozy</title>

 


 

HTML element basic reference

태그

설명

<!DOCTYPE>

문서 유형

<html>

HTML 문서 자체

<head>

문서에 대한 정보 (머리)

<title>

탭에 보여지는 제목

<body>

문서 본문

<h1>~<h6>

제목 (*숫자가 낮을수록 중요도가 높아짐)

<p>

단락, 문단

<br>

줄 바꿈 (=enter)

<hr>

수평 줄 삽입

<!-- -->

주석 (*ctrl + /)

 


 

vscode

 

HTML element basic

 

<!DOCTYPE html>

<!-- html>head>title^body -->

<html> 

<head> 

<title>Page Title</title>

</head>

<body> 

 

<!-- h$*6>lorem1 -->

<h1>Lorem.</h1>

<h2>Sit.</h2>

<h3>Dignissimos.</h3>

<h4>Facere?</h4>

<h5>Consectetur?</h5>

<h6>Esse.</h6>

<hr>

<p>My first paragraph.</p>

<br>

<p>My second paragraph.</p>

<!-- HTML element basic-->

 

</body>

</html> 

 


 

result image

 

*title

- 탭에 노출되는 제목

ex. <title>...</title>

 

*headings  

- 본문에 노출되는 제목

 

- 숫자가 낮을수록 크기가 크고, 중요도가 높음

[ h1>h2>h3>h4>h5>h6 ]

ex. <h1>...</h1>

 

*paragraph

- 본문에 노출되는 단락, 문단

ex. <p>...</p>

 


 ✔ html element reference