<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Table</title>
</head>
<body>
<table border="1">
<tr>
<!-- <th></th> 하면 글씨 굵게 -->
<td>1행 1열</td>
<td>1행 2열</td>
<td>1행 3열</td>
</tr>
<tr>
<td>2행 1열</td>
<td>2행 2열</td>
<td>2행 3열</td>
</tr>
<tr>
<td>3행 1열</td>
<td>3행 2열</td>
<td>3행 3열</td>
</tr>
</table>
</body>
</html>
alt 누르고 복수 선택 가능
보통 1행이 제목(컬럼)이라서 굵게 표시 되니까 <th></th>로다가~!
테이블 제목은 caption 태그 이용
<table border="1">
<caption>table title</caption>
<tr>
<th>1행 1열</th>
<th>1행 2열</th>
<th>1행 3열</th>
<table border="1">
<caption>셀의 합침</caption>
<tr>
<th colspan="2">1행 12열</th>
<th>colspan</th>
</tr>
<tr>
<td>2행 1열</td>
<td>2행 2열</td>
<td>2행 3열</td>
</tr>
<tr>
<td>3행 1열</td>
<td>3행 2열</td>
<td>3행 3열</td>
</tr>
</table>
<table border="1">
<caption>rowspan</caption>
<tr>
<th>1행 1열</th>
<th>1행 2열</th>
<th>1행 3열</th>
</tr>
<tr>
<td>2행 1열</td>
<td rowspan="2">23행 2열</td>
<td>2행 3열</td>
</tr>
<tr>
<td>3행 1열</td>
<td>3행 2열</td>
</tr>
</table>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>아이유 -위키백과</title>
</head>
<body>
<!-- win + ; -> 이모티콘, alt + z -> 한줄내림 -->
<!-- 같은 폴더에 있을 때는 이미지의 이름만 적어주면 된다. -->
<!-- 다른 폴더에 사진 있었어서 아무리 해도 안나왔음 ㅠ 주의 -->
<img src="iu2.png" width="230px" alt="">
<h1>🧡아이유</h1>
<p>아이유는 대한민국의 가수이자 배우이다.</p>
<p>아이유(IU)라는 이름은 'I'와 'YOU'를 합친 합성어로 '너와 내가 음악으로 하나가 된다'라는 의미이다.</p>
<!-- 취미, 연락처 추가 -->
<h3><a href="hobby.html">취미</a></h3>
<h3><a href="contact.html">연락처</a></h3>
<hr>
<p>위키백과, 우리 모두의 백과사전.</p>
<div style="border: 2px solid black; width: 230px;">
<h3>🥨 목차</h3>
<ol>
<li>학력</li>
<li>생애
<ul style="list-style-type: none;">
<li>2.1 초기생애</li>
<li>2.2 2008 ~ 2013</li>
<li>2.3 2014 ~ 2018</li>
<li>2.4 2019 ~ 현재</li>
</ul>
</li>
<li>음반목록</li>
<li>콘서트 투어 목록</li>
<li>작품 목록</li>
</ol>
</div>
</body>
</html>
