Stage 3 - 추가로 HTML tag를 배워보자

기타 중요 태그 4종

태그의 종류는 여태까지 배운것보다 훨씬 많아요. 하지만 실제로 쓰이는 태그는 많지 않습니다. 고급자가 될 수록 용도에 맞는 태그들을 사용할 수 있게 되지만, 무분별하게 많은 종류의 태그들을 사용하는 것도 좋지 않습니다.

이 정도만 배워도 대부분의 html 페이지를 이해하시는데는 충분하실 거예요!

태그

설명

사용예

span

글자 블록을 만듭니다.

제 이름은 <span>최도근</span>입니다.

p

글 단락(paragraph)을 만듭니다.

<p>단락1<br/>내용</p> <p>단락2<br/>내용2</p>

ul, li

목록을 만듭니다.

<ul> <li>딸기</li> <li>사과</li> <li>포도</li> </ul>

button

버튼을 만듭니다.

<button>버튼</button>

아래 내용을 직접 타이핑하면서 이해해봅시다.

<span style="color: red;">최종 주문 정보 확인</span>
<p>주문 정보를 확인하는 중입니다.</p>
<p>장바구니에 담긴 내역을 요약합니다.</p>
<ul>
<li>사과</li>
<li></li>
<li>딸기</li>
</ul>
<button>주문하기</button>
실행 결과