-
210914_tableHtml 2021. 9. 14. 17:52
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Table</title>
<style type="text/css">
table,th,td{
border: 1px solid pink;
}
td{
padding: 5px;
}
</style>
</head>
<body>
<table>
<tr>
<th>제목셀</th> <!--1열, 제목셀이라 글꼴색이 조금 짙음-->
<td>1행2열</td>
<td>1행3열</td>
</tr>
<tr>
<th>제목셀2</th>
<td>2행2열</td>
<td>2행3열</td>
</tr>
<tr>
<th>제목셀3</th>
<td>3행2열</td>
<td>3행3열</td>
</tr>
</table>
<table>
<tr>
<th>이름</th>
<td>요다</td>
<td>림짱</td>
<td>루크</td>
</tr>
<tr>
<th>주소</th>
<td>서울</td>
<td>제주</td>
<td>인천</td>
</tr>
<tr>
<th>나이</th>
<td>23</td>
<td>37</td>
<td>15</td>
</tr>
</table>
</body>
</html>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>quiz_cssTable</title>
<style type="text/css">
table,th{
border: 1px solid #2f4f4f;
}
th{
padding: 10px;
}
</style>
</head>
<body>
<h1>1박 2일 가족 여행 코스</h1>
<ul>
<li>1일차</li>
<ol type="a">
<li>해녀박물관</li>
<li>낚시체험</li>
</ol>
</ul>
<ul>
<li>2일차</li>
<ol type="a">
<li>용눈이오름</li>
<li>만장굴</li>
<li>카약체험</li>
</ol>
</ul>
<h1>Education</h1>
<table>
<caption>학력 사항</caption>
<tr>
<th>출신학교</th>
<th>전공</th>
<th>기간</th>
<th>구분</th>
</tr>
<tr>
<th>ㅁㅁ대학교</th>
<th>컴퓨터공학</th>
<th>2004.3~2008.2</th>
<th>졸업</th>
</tr>
<tr>
<th>ㅇㅇㅇ고등학교</th>
<th>-</th>
<th>2001.3~2004.2</th>
<th>졸업</th>
</tr>
</table>
</body>
</html>
'Html' 카테고리의 다른 글
210914_list (0) 2021.10.03 210914_css+class,div (0) 2021.09.14 210914_image (0) 2021.09.14 210914_h,b,pre,hr,p,u,em,sup,sub,small (0) 2021.09.14 210914_html (0) 2021.09.14