강의 목표

• 표와 목록 형식 구성 요소

표 ⇒ <table> 태그

• 여지것 배운 태그와 좀 다르다.!

• <th>

  • table heading

• <td>

  • table data

• <tr>

  • table row

• ex

  <table>
  	<tr>
  		<th>나이</th>
  		<td>23</td>
  		<td>24</td>
  	</tr>
  	<tr>
  		<th>직업</th>
  		<td colspan="2">대학생</td>
  		
  	</tr>
  	<tr>
  		<th>이름</th>
  		<td>김구름</td>
  		<td>구우름</td>
  	</tr>
  </table>
  

• colspan, rowspan 속성

  • 숫자 값을 주어서 그 만큼 병합된다.
  • merge

• 추가적으로

  • border이라는 속성으로 테두리를 구성할 수 있지만 저번에 말했듯이 디자인은 css에 일괄하는 것이 좋다.

목록 ⇒ <ul>, <ol>, 태그

• 순서없는 목록

  • 글머리 기호로 항목을 표현
  • ul
    • unordered list
    • ul은 리스트의 항목을 감싼다
  • li
    • list item의 약자이다
    • li 리스트 항목을 담는 태그

• 순서 있는 목록

  • 숫자기호로 항목을 표현
  • ol
    • ordered list
    • ol은 리스트의 항목을 감싼다
  • li
    • list item의 약자이다
    • li 리스트 항목을 담는 태그

• ol,ul을 중첩하여 사용할 수 있다.

<li>태그의 속성

• value

  • 리스트가 순서 리스트일 경우 속성 값으로 번호를 지정해줄 수 있다.

  • ex)

    <li value="3">세제</li>