반응형
HTML <table>, <th>, <td> 태그
http://www.w3schools.com/html5/tag_table.asp
<table>, <th>, <td> 태그 사용 결과
| 책이름 | 책가격 |
|---|---|
| 이 회사에서 나만 제정신이야? | 13,000 |
| 나는 까칠하게 살기로 했다 | 15,000 |
<table>, <th>, <td> 태그 사용 방법
HTML 코드
<!DOCTYPE html>
<html>
<head><title></title></head>
<body>
<table border="1">
<tr>
<th>책이름</th>
<th>책가격</th>
</tr>
<tr>
<td>이 회사에서 나만 제정신이야?</td>
<td>13,000</td>
</tr>
<tr>
<td>나는 까칠하게 살기로 했다</td>
<td>15,000</td>
</tr>
</table>
</body>
</html>
comment.
HTML5에서 table 태그를 사용할때 주의할 점은 이전 HTML에서 지원했던 속성(Attribute)들이 더이상 지원하지 않는다.
(border만 지원한다.)
위의 예제중 <th>태그로 메뉴를 표현한 부분은 <td>로 사용하여 따로 스타일을 먹여도 무방하지만,
HTML의 진화 방향은 작성하려는 성격에 맞는 태그를 쓰도록 유도하고 있다.
반응형
'WEB CookBook > HTML' 카테고리의 다른 글
| HTML5에서 em, strong, dfn, code, samp, kbd, var 구문태그 (0) | 2012.07.08 |
|---|---|
| HTML에서 textarea 태그 rows, cols 속성 (0) | 2012.07.06 |
| HTML에서 마우스 사용자의 편의를 위한 라벨(label) 태그 (0) | 2012.07.05 |
| HTML에서 머릿글 태그 h1 ~ h6 크기 비교 (0) | 2012.07.04 |
| HTML에서 이미지 넣기 (1) | 2012.07.02 |
| HTML에서 링크걸기 a 태그 (0) | 2012.06.29 |
| HTML 말고 HTML5 하고 싶은데 (0) | 2012.06.29 |
| HTML에서 주석달기 (0) | 2012.06.26 |
댓글