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>
아래 내용을 직접 타이핑하면서 이해해봅시다.
1
<span style="color: red;">최종 주문 정보 확인</span>
2
<p>주문 정보를 확인하는 중입니다.</p>
3
<p>장바구니에 담긴 내역을 요약합니다.</p>
4
<ul>
5
<li>사과</li>
6
<li></li>
7
<li>딸기</li>
8
</ul>
9
<button>주문하기</button>
Copied!
실행 결과
Last modified 3yr ago
Copy link