HTML 기초 2 <li> <ul> <ol>

태그의 중첩과 목록

 

 

<li> unordered list

<!-- 글머리 기호 -->

<li>기술소개</li>
<li>기본문법</li>
<li>하이퍼텍스트와 속성</li>
<li>리스트와 태그의 중첩</li>

 

결과

 

 

---

 

<ul> 그룹핑

<ul>
	<li>기술소개</li>
	<li>기본문법</li>
	<li>하이퍼텍스트와 속성</li>
	<li>리스트와 태그의 중첩</li>
</ul>
<ul>
	<li>가가가</li>
	<li>나나나</li>
	<li>다다다</li>
	<li>라라라</li>
</ul>

 

결과

 

 

---

 

<ol> ordered list

<!-- 넘버링 -->
<ol>
	<li>기술소개</li>
	<li>기본문법</li>
	<li>하이퍼텍스트와 속성</li>
	<li>리스트와 태그의 중첩</li>
</ol>
<ul>
	<li>가가가</li>
	<li>나나나</li>
	<li>다다다</li>
	<li>라라라</li>
</ul>

 

결과

 

숫자로 표기됨

 

 

위 글은 생활코딩 영상을 정리하여 쓴 글 입니다.