HTML 1

Heading tag

<h1>Book</h1>
  <h2>Chapter 1</h2>
    <h3>Section 1</h3>
      <h3>Section 2</h3>
  <h2>Chapter 2</h2>
    <h3>Section 1</h3>
    <h3>Diagram 1</h3>
  <h2>Chapter 3</h2>
    <h3>Section 1</h3>
    <h3>Section 2</h3>

paragraph tag

<p> This is paragraph </p>

p 태그를 활용해서 웹페이지에서 단락을 나눌 수 있음.

Lorem Ipsum

레이아웃에 쓸 내용이 없을 때 메꿔주는 글

비슷한 걸로 bacon ipsum, bro ipsum이 있다. 지금까지 피그마 디자인 할 때마다 글을 써야 하는 자리에 쓸 말이 없어서 낭러ㅣㅏㄴㅇㄹ니아러 이런 말이나 쓰고 있었는데 이런 좋은 사이트가 있었다니..
일러스트레이터에서 text 쓸 때나 나오는 건 줄 알았건만...

void
태그 안에 어떤 콘텐츠도 넣을 수 없는 요소.

horizontal 규칙.

<hr/>

닫기 태그랑은 생김새가 좀 다르다.

<br/>
break element
오프닝 태그 없음. 슬래시 바로 앞에 태그 이름이 들어감.
아래와 같이 문장 별로 줄을 나눠줄 수 있다.

강의에 나오는 예시 자료대로 만들어봄.

+) 솔루션 코드와 내가 작성한 코드를 비교해볼 수 있는 사이트 https://www.diffchecker.com/

단락은 p 태그로 분류하고, 하나의 단락안에서 여러 줄로 해야할 때는 br을 사용한다.
<hr> <br>을 사용해도됨.

Favorite movie projects

<h2>My top 3 movies of all-time</h2>
<hr/>
<h3>Spirited Away</h3>
<p>This is my favorite anime. I love the beautiful images.</p>
<h3>Ex Machina</h3>
<p>Really cool sci-fi movie.</p>
<h3>Drive</h3>
<p>Super beautiful film. Really artistic. </p>```