728x90
반응형
<!-- src/main/webapp/4/train.html -->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>열차시간표</title>
<style type="text/css">
/*선택자 : table or tr or th or td 인 태그의 서식 설정*/
table,tr,th,td {
border : solid 1px black; /* 테두리 : 실선, 선의 두께, 색상 */
border-collapse: collapse; /* 테두리 간격 없음 */
padding:8px; /* 테두리와 내용사이의 간격 띄우기 */
}
</style>
</head>
<body>
<h3>KTX 열차시간표</h3>
<!-- table : 전체 표
tr : 행. 가로 한줄
td : 셀. 한칸. 데이터저장
th : 셀. 한칸. header 정보. 두꺼운글자. 가운데 정렬.
-->
<table> <!-- 테두리 : border="1" -->
<tr><th>출발</th><th>도착</th><th>객실</th><th>요금</th></tr>
<tr>
<td>서울(17:25)</td><td>부산(20:07)</td><td>일반실</td><td>50,800</td>
</tr>
<tr>
<td>서울(18:00)</td><td>부산(20:35)</td><td>특실</td><td>83,700</td>
</tr>
<tr>
<td>서울(18:15)</td><td>부산(20:50)</td><td>일반실</td><td>50,800</td>
</tr>
</table>
</body>
</html>
728x90
반응형
'study > Html' 카테고리의 다른 글
[Html] 4. 테이블과 폼양식 Exam1 (테이블의 행과 열 합치기 : <rowspan>, <colspan>) (0) | 2022.04.04 |
---|---|
[Html] 4. 테이블과 폼양식 (테이블의 행과 열 합치기 : <rowspan>, <colspan>) (0) | 2022.04.04 |
[Html] 3. 멀티미디어와 링크 (새로운 탭으로 링크 걸기 : <target='_blank' >) (0) | 2022.04.04 |
[Html] 3. 멀티미디어와 링크 (링크걸기 : <a>, href ) (0) | 2022.04.04 |
[Html] 3. 멀티미디어와 링크 (비디오 삽입하기 : <video>) (0) | 2022.04.04 |