<table> : table 태그는 브라우저에서 표를 만들어 사용하고자 할 경우에 사용되는 태그
<tr> : 행을 만들 때 사용
<td> : 행 안에서 열을 만들 때 사용
<th> : td 대신 사용하는 것으로 행 안에서 열을 만들면서 굵게 표시 및 가운데 정렬
<tr> : 행을 만들 때 사용
<td> : 행 안에서 열을 만들 때 사용
<th> : td 대신 사용하는 것으로 행 안에서 열을 만들면서 굵게 표시 및 가운데 정렬
티스토리 뷰
1. 개념
<table>,<tr>,<td>,<th> - 표 만들기2. 태그
<table>,<tr>,<td>,<th>html5 코드
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
|
<! DOCTYPE html>
<html lang = "kr" >
<head>
<meta charset = "utf-8" >
<title> 키보드와 하루 </title>
</head>
<body>
<table style =' border : 1px solid #000 ' >
1
<tr>
<th> 이름 </th>
<th> 동 </th>
<th> 호 </th>
</tr>
2
<tr>
<th> 테스트1 </th>
<td> 101동 </td>
<td> 1호 </td>
</tr>
<tr>
<th> 테스트2 </th>
<td> 102동 </td>
<td> 2호 </td>
</tr>
</table>
</body>
</html>
|
결과 화면
코드 설명
1
<tr><th> ...... </th></tr>
tr 태그를 이용해서 먼저는 행을 만들었습니다.
그리고 th태그를 이용해서 열을 만들면 위에서 보는 거와 같이 가운데 정렬이 되고 글씨가 굵게 표시되는 것을 확인할 수 있습니다.
그리고 th태그를 이용해서 열을 만들면 위에서 보는 거와 같이 가운데 정렬이 되고 글씨가 굵게 표시되는 것을 확인할 수 있습니다.
2
<tr><th> ...... </th><td> ...... </td></tr>
td 태그는 가장 일반적으로 행 안에서 열을 만들어 줍니다.
앞에서 보는 거와 같이 이름만 굵게하고 가운데 정렬을 하기 위해 th태그를 입력했고 td태그는 아무런 스타일 효과 없이 그냥 입력하고자 할 경우에 사용이 됩니다.
앞에서 보는 거와 같이 이름만 굵게하고 가운데 정렬을 하기 위해 th태그를 입력했고 td태그는 아무런 스타일 효과 없이 그냥 입력하고자 할 경우에 사용이 됩니다.
'[개발]프로그래밍 > html5' 카테고리의 다른 글
| [html5] <thead>,<tbody>,<tfoot> - 표에서 제목,본문,요약 구분 (0) | 2021.01.20 |
|---|---|
| [html5] <caption>,<figcaption> - 표에다가 제목 만들어 표시 (0) | 2021.01.19 |
| [html5] - <dl> - 제목과 설명을 구분하여 하나의 목록으로 만들기 (1) | 2021.01.13 |
| [html5] <ol> - 순서 있는 목록 (0) | 2021.01.12 |
| [html5] <ul> - 순서가 없는 목록 만들기 (0) | 2021.01.01 |
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday