티스토리 뷰
표 만들기
- table - 표를 구성하는 태그
- tr - 줄을 구성하는 태그
- th - 제목을 구성하는 태그
- td - (일반)칸을 구성하는 태그
<html>
<head>
<title>table</title>
<style type="text/css">
table, th, td {border:1px solid #038;}
</style>
</head>
<body>
<hr>
<h1>table - 표 만들기</h1>
<ol>
<li>table - 표를 구성하는 태그</li>
<li>tr - 줄을 구성하는 태그</li>
<li>th - 제목칸을 구성하는 태그(bold체, 중앙 정렬)</li>
<li>td - (일반)칸을 구성하는 태그</li>
</ol>
<table>
<tr>
<th>tag</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>
<br>
<table>
<tr>
<th>no. </th>
<th>Name</th>
<th>ID</th>
</tr>
<tr>
<td>01</td>
<td>KJY</td>
<td>1111</td>
</tr>
<tr>
<td>02</td>
<td>NJS</td>
<td>2222</td>
</tr>
</table>
<br>
<table>
<tr>
<th>a</th>
<th>b</th>
</tr>
<tr>
<td>1</td>
<td>2</td>
</tr>
</table>
</body>
</html>'배운 것 기록 > web' 카테고리의 다른 글
| [js] 내장객체 form (0) | 2022.05.03 |
|---|---|
| [js] 내장객체 document, img (0) | 2022.05.03 |
| [html] 특수 문자 태그, 목록 (0) | 2022.05.02 |
| [js] 내장객체 window, location, history (0) | 2022.05.02 |
| [js] 자바스크립트 코드 넣는 방법 (0) | 2022.05.01 |
댓글