HTML 태그 구별하기

Box

header

footer

nav

aside

main

section

article

div

span

form

 

Item

a

button

input

label

img

video

audio

map

canvas

table

 

inline 공간이 허용하면 그 옆에 다른 태그옆에 배치가 가능하다.

Block 한줄에 한 요소만 배치

 

<p>Cupcakes are delicious</p>

<p> 오프닝태그

</p> 클로징태그

Cupcakes are delicious : Content

<p>Cupcakes are delicious</p> :Element

 

 

<p class="editor-note">Cupcakes are delicious</p>

           ↑attribute↑