![[HTML] table & list](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbfOm3Q%2FbtqVbXBYSdq%2F33bukzVo0W6Yo19GKk5ek0%2Fimg.png)
HTML์ Table ์์ฑ ๊ธฐ๋ณธ ์ฝ๋
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
table{
margin: auto;
width: 100%;
}
table, th, td{
border:1px solid;
border-collapse: collapse;
padding: 10px;
}
</style>
</head>
<body>
<table>
<caption>Table Title</caption>
<tr>
<th>cloumn1</th>
<th>column2</th>
</tr>
<tr>
<td>content1</td>
<td>content2</td>
</tr>
<tr>
<td>content1_2</td>
<td>content2_2</td>
</tr>
</table>
</body>
</html>
html
caption ->ํ ์ ๋ชฉ
tr ->ํ ํ
th ->์นผ๋ผ ์ ์
td ->๋ฐ์ดํฐ ์ฐจ๋ก๋๋ก
css
border-collapse:collapse -> ํ์ ํ ๋๋ฆฌ๋ฅผ ํ ์ค๋ก
List ๊ธฐ๋ณธ ์ฝ๋
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h1>List Title</h1>
<ul>
<li>one</li>
<li>Two</li>
<li>three</li>
</ul>
</body>
</html>๋๋ณด๊ธฐ
<ul>
<ol>
<ul> ํ๊ทธ ์์ <li> ๋ก ๋ฆฌ์คํธ ์์ฑ
ul ๋์ ์ <ol> ์ฌ์ฉํ๋ฉด ์์ ์๋ ๋ฆฌ์คํธ
'๐ Programming > Web' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
| [JavaScript] Fetch API๋ก JSON Parsing (0) | 2021.02.16 |
|---|---|
| [JavaScript] JQuery์ Ajax (0) | 2021.02.07 |
| [JavaScript] Ajax XMLhttpRequest (0) | 2021.02.07 |
| [HTML] ๊ธฐ์ด์ ๋ฆฌ (0) | 2021.01.31 |