HTML5&CSS3 기초 3강

목록 관련 태그

<ol>태그 

순서가 있는 목록

목록의 아이템은 <li> 태그 사용

<ul>태그

순서가 없는 목록

목록의 아이템은 <li> 태그 사용

이 두가지를 보편적으로 쓰지만 dl,dt,dd 태그도 쓴다.

<dl>

 <dt>메뉴리스트<dt>

 <dd>블라블라<dd>

</dl>

dt는 목록제목을 쓸 때 쓴다.

네이버 검색창 밑에 녹색 리스트도 이러한 것을 사용한 것

뉴스가 나오는 것도 텍스트대신 이미지를 리스트로 나열한 것이다.

테이블 태그

표를 나타내는 태그

<table> 내부에 <tr>,<td>등으로 내용을 표현

<tr>은 행, <td>는 열을 뜻한다

과거에는 웹 문서의 전체적인 레이아웃을 만들 때 썼으나 웹 표준 시대에는 회원가입, 게시판, 설문조사 등에 사용

<table border="1">

border는 선두께

<table>

 <tr>

 <td> </td>

</tr>

</table>

<th>는 head의 h 약자로 첫 행에 주로 쓰며 td보다 볼드한 폰트로 처리된다.

<td colspan="2"> 2개의 열를 하나로 합친다.

<td rowspan="3"> 3개의 행을 합친다

실무에서는 하나를 만들어두면 웹 프로그래머가 서버랑 연동해서 루프돌린다.

ol,ul은 css로 손질하면 순서가 있건없건 상관없어지긴 한다.