<aside> 💡 Box ⇒ 사용자들에게 보여지지 않는 것

• header
• nav
• main →section → article (재사용/반복된 가능한 아이들(ex. 텍스트와 좋아요, 하트 버튼이 들어 있음)이 모여져 있는 것)
• div: 아무 곳에서나 사용 가능함. (ex. 텍스트랑 버튼을 묶고 싶을 때 등) 굉장히 많이 사용 함.
• span
• form
• aside
• footer

</aside>

Block: 다음 단으로 넘어가는 것들

Inline: 다음 단으로 넘어가지 않고 그대로 안에 있는 것들

<aside> 💡 Item ⇒ 사용자들에게 보여지는 것

• a (anchor tag)
• button
• input
• label
• img
• video
• audio
• map
• canvas
• table

</aside>

ex) div

ex) span, b(bold)

<p> My cat is very grumpy </p>

<p> → Opening tag

</p> → Closing tag

My cat is very grumpy → Content

⇒ 이 모든 것을 Element 라고 부름

< p class='editor-note'> My cat is very grumpy </p>

class='editor-note' ⇒ Attribute

List

ol: order가 있는 정리되는 리스트

ul: order가 없는 리스트

li: 위의 것에 들어가는 리스트 아이템, 자동으로 앞에 숫자가 지정되어서 나옴 (1. 2. 3. ...)

<aside> 💡 Tip ol>li*3 그리고 tab ⇒ ol 안에 li가 세게가 만들어 짐

</aside>

<ol type='i' reversed>
	<li>1</li>
	<li>2</li>
	<li>3</li>

type='i' ⇒ 숫자 대신 i로 됨

reversed ⇒ 숫자가 역순이 됨

<ul>
	<li>hello</li>
	<li>hello</li>
	<li>hello</li>