HTLM > table 만들기 총 정리
<head> 영역
1. <meta> 태그 :
2. <title>
3. <link>
4. <style>
5. <stript>
<body> 영역
1. <h1>~<h6>
2. <p>
3. <pre>
4. <br>
5. <hr>
6. <strong>
7. <a>
8. <img>
9. <ul>, <ol>, <li>
10. <div>
11. 특수 문자
Form 태그
1. <form>
2. <input>
3. <textarea> 여러줄 입력 할 수 있는 창
4. <select>
5. <fieldset>, <legend>
radio 버튼 : 그룹으로 묶이고, name 속성 기준으로 묶인다, value값 출력
<input type="radio" name="cpu" value="코어2듀오" checked>코어 2듀오 <br>
<input type="radio" name="cpu" value="코어듀오" checked>코어 듀오 <br>
<input type="radio" name="cpu" value="팬티엄3" checked>팬티엄3 <br>
<input type="radio" name="cpu" value="펜티엄 4" checked>팬티엄4<br>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
<table border="1" bordercolor="cornsilk" width ="500" height="300" align = "center" >
<tr bgcolor="#6ed3d8" align ="center">
<p><td colspan = "3" span style="color:white">오늘의 수입/지출</td></p>
</tr>
<tr align = "center" bgcolor="#98d2b2">
<td>내용</td>
<td>수입</td>
<td>지출</td>
</tr>
<tr>
<td>월 급</td>
<td>3,000,000</td>
<td></td>
</tr>
<tr>
<td>커피</td>
<td></td>
<td>5,000</td>
</tr>
<tr>
<td>Flex</td>
<td></td>
<td>30,000</td>
</tr>
<tr>
<td rowspan="3" align = "center" bgcolor="skyblue">총계</td>
<td>수입</td>
<td>지출</td>
</tr>
<tr>
<td>3,000,000</td>
<td>35,000</td>
</tr>
<tr>
<td>남은돈</td>
<td>965,000</td>
</tr>
</table>
</body>
</html>
태그 모음
'개발 공부 > HTLM' 카테고리의 다른 글
| HTML> 회원가입 창/배경음악 (0) | 2020.07.27 |
|---|
이 글을 공유합시다
