html table tag?

안녕하세요.

쭈다입니다.

이번에는

html li tag에 대해서

포스팅 해보겠습니다.

 

 

 

HTML LI TAG

<li>~</li>

 

li tag에는 두가지 종류가 존재합니다.

첫번 째 순서가 없는 테이블 <ul></ul>

두번 째 순서가 있는 테이블 <ol></ol>

 

 

<li></li>가 부모 요소로 <ol></ol>,<ul></ul>

자식요소인 <ol></ol>,<ul></ul>이 부모요소로 그안에

자식요소인 <li></li>와 함께 사용이 될 수 있습니다.

 

table tag - ul tag

 

<li> - ul의 부모 요소

 

     <ul>- i의 자식 요소 , li의 부모 요소

 

               <li>     </li> - ul의 자식 요소

 

     </ul>

 

</li>

 

ul tag는 unodrered 를 줄인 말로

순서가 없다는 것을 의미하고 있습니다.

 

li ul tag

 

사진과

같이 작성 한다고 가정했을 때

 

h2 tag 는 제목 역할을 하고 있고

 

리스트의 제목을 <li>unodrered List 1</il>

가 부모역할을 하고 있고 자식요소로

<ul></ul> 이 사용 됨으로써 순서가 없는

list가 생성이 됩니다. ul이 부모가 되어

자식 요소로 <li></li>가 들어오게 됨으로써

 

<li>list 1-1 </li> <li>list 1-2 </li> <li>list 1-3 </li>

라는 리스트가 생성이 됩니다.

 

 

 

 

 

 

스크린에서 노출이 되어지는 모습입니다.

 

여기서 순서가 없다는 의미는 

제목 옆 에 검은 점처럼 표현이 된느 것을 의미합니다.

 

 

 

 

 

 

list tag - ol tag

<li> - ul의 부모 요소

 

     <ol>- i의 자식 요소 , li의 부모 요소

 

               <li>     </li> - ul의 자식 요소

 

     </ol>

 

</li>

 

ol tag는 odrered 를 줄인 말로

순서가 있다는 것을 의미하고 있습니다.

 

 

 

 

ul과 같은 방식으로 작성을 하였습니다.

달라진 점은 ul tag를 ol로 변경을 했습니다.

 

 

 

 

 

 

 

순서가 있다고 는 것은 

리스트 옆에 숫자로 번호가

있는 것을 의미합니다.

 

리스트 순서를 영어로 하고 싶다면

 

아래와 같이 하시면 됩니다.

 

 

 

 

ol 의 순서를 영어로 표시할 때 

 

ol tag 안에 type="a" start="1" 을 추가하면

 

스크린에서는

 

 

 

 

 

리스트 옆에 숫자대신에

영어로 시작되는 것을 확인할 수 있습니다.

 

 

 

 

 

 

HTML

li tag 의 ol , ul 에 대해서 

포스팅 해봤습니다. 감사합니다.