Canvas of Bliss

<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

이 글을 공유합시다

facebook twitter kakaoTalk kakaostory naver band