[HTML] 목록, 테이블

---

1.목록(List)

1-1.ul

<h3>Unordered list</h3>
<ul> 
    <li>하나</li>
    <li>둘</li>
    <li>셋</li>
    <li>야!</li>
</ul>

 

 

 

1-2.ol

type으로 문자를 지정가능
value를 통해 특정위치 순서지정가능
start를 통해 시작값 지정가능

<h3>Ordered  list</h3>
<ol> 
    <li>하나</li>
    <li>둘</li>
    <li>셋</li>
    <li>야!</li>
</ol>

<ol type="A"> 
    <li>하나</li>
    <li>둘</li>
    <li>셋</li>
    <li>야!</li>
</ol>

<ol type="a"> 
    <li>하나</li>
    <li>둘</li>
    <li>셋</li>
    <li>야!</li>
</ol>

<ol type="I"> 
    <li>하나</li>
    <li>둘</li>
    <li>셋</li>
    <li>야!</li>
</ol>

<ol type="i"> 
    <li>하나</li>
    <li>둘</li>
    <li>셋</li>
    <li>야!</li>
</ol>

 

 

 

 

 

 

1-3.중첩

목록을 중첩하여 사용할수도있다.

<h3>중첩</h3>
<ol type="i"> 
    <li>하나</li>
    <li>둘</li>
    <ol>
        <li>둘하나</li>
        <li>둘둘!</li>
    </ol>
    <li>셋</li>
    <li>야!</li>
</ol>

 

 

 

 

 

 

 

2.테이블

<table border="1">
    <tr>
        <th>태그</th>
        <th>설명</th>
    </tr>
    <tr>
        <td>table</td>
        <td>표를 감싼다.</td>
    </tr>
    <tr>
        <td>tr</td>
        <td>행</td>
    </tr>
    <tr>
        <td>th</td>
        <td>제목셀</td>
    </tr>
    <tr>
        <td>td</td>
        <td>일반 셀</td>
    </tr>    
</table>

 

 

 

2-1.테이블 속성

border	표 테두리 두께
rowspan	해당 셀이 점유하는 행의 수
colspan	해당 셀이 점유하는 열의 수