공부/웹서버
HTML 기초 # List / Table
원클릭쓰리버그
2022. 3. 29. 11:23
728x90
List
<html>
<body>
<h1>The ol and ul elements</h1>
<p>당신이 좋아하는 게임 장르는?</p>
<ol>
<li>FPS</li>
<li>MMORPG</li>
<li>RTS</li>
</ol>
<p>당신이 가장 좋아하는 언어는?</p>
<ul>
<li>C++</li>
<li>C#</li>
<li>Javascript</li>
<li>Python</li>
</ul>
</body>
</html>
https://www.w3schools.com/tags/tag_li.asp
HTML li tag
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
www.w3schools.com
Table
<!-- css 테이블의 구조를 꾸민다. -->
<style>
thead {color:green;}
tbody {color:blue;}
tfoot {color:red;}
table, th, td {
border: 1px solid black;
}
</style>
<h1>The thead, tbody, and tfoot elements</h1>
<!--영역을 나누어 그에 맞는 적용값을 넣어 표현 할 수 있다.-->
<table>
<thead>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
</thead>
<tbody>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>Sum</td>
<td>$180</td>
</tr>
</tfoot>
</table>https://www.w3schools.com/tags/tag_thead.asp
HTML thead tag
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
www.w3schools.com