HTML์ ๊ณต๋ถํ๊ณ ์ฒ์์ผ๋ก ํ์ฉํด๋ณด๊ธฐ ์ํด ๊ฐ๋จํ ์ค์ต์ ์งํํ์ต๋๋ค.
์๋ ๋งํฌ์์ ์ตํ๋จ์ Quiz๋ฅผ ์ง์ ๊ตฌํํด๋ณด์์ต๋๋ค.
์ค์ต ์์ ๋ชจ์ | HTML ํ๋ก๊ทธ๋๋ฐ ๊ธฐ์ด
Quiz-1) ํ ์ด๋ธ ๋ณํฉ
์ฝ๋
<!doctype html>
<html>
<head>
<title>Quiz-1) ํ
์ด๋ธ ๋ณํฉ</title>
</head>
<body>
<table width="300px" height="300px" border="1">
<tr>
<td>1</td>
<td>2</td>
<td rowspan="2">3</td>
<td>4</td>
</tr>
<tr>
<td colspan="2">5</td>
<td rowspan="2">6</td>
</tr>
<tr>
<td>7</td>
<td colspan="2">8</td>
</tr>
</table>
</body>
</html>๊ฒฐ๊ณผ
Quiz-2) ๊ฐ์ ์ ์ฒญ์ ๋ง๋ค๊ธฐ
์ฝ๋ - ์์ ์
<!doctype html>
<html>
<head>
<title>Quiz-2) ๊ฐ์
์ ์ฒญ์ ๋ง๋ค๊ธฐ</title>
</head>
<body>
<form action="">
First name: <br> <input type="text"> <br>
Last name: <br> <input type="text"> <br>
Email: <br> <input type="text"> <br>
Gender:
<input type="radio" name="Gender" value="Male"> Male,
<input type="radio" name="Gender" value="Female"> Female <br>
Favorite:
<input type="checkbox" name="Favorite" value="HTML"> HTML,
<input type="checkbox" name="Favorite" value="Java"> Java,
<input type="checkbox" name="Favorite" value="PHP"> PHP <br>
University: <select name ="University">
<option value="Gachon University">Gachon University</option>
</select> <br>
Color: <input type="color" value="000000"> <br>
Date: <input type ="text" placeholder="์ฐ๋-์-์ผ">
</form>
<br> <br>
<input type="submit" value="Registration">
</body>
</html>์ฝ๋ - ์์ ํ
์คํฐ๋์๋ค๊ณผ ์ฝ๋๋ฅผ ๋น๊ตํด๋ณธ ํ, <input>์ type ์์ฑ๊ฐ์ผ๋ก date๋ฅผ ์ด์ฉํ๋ฉด ๋ ์ง๋ฅผ ๋ํ๋ผ ์ ์๋ค๋ ๊ฒ์ ์๊ฒ ๋ ํ ์ฝ๋๋ฅผ ์์ ํ์์ต๋๋ค.
์์ ํ ๋ถ๋ถ์ ์ฃผ์์ผ๋ก ํ์ํ์ต๋๋ค.
<!doctype html>
<html>
<head>
<title>Quiz-2) ๊ฐ์
์ ์ฒญ์ ๋ง๋ค๊ธฐ</title>
</head>
<body>
<form action="">
First name: <br> <input type="text" value="First name"> <br>
Last name: <br> <input type="text" value="Last name"> <br>
Email: <br> <input type="text"> <br>
Gender:
<input type="radio" name="Gender" value="Male"> Male,
<input type="radio" name="Gender" value="Female"> Female <br>
Favorite:
<input type="checkbox" name="Favorite" value="HTML"> HTML,
<input type="checkbox" name="Favorite" value="HTML"> Java,
<input type="checkbox" name="Favorite" value="HTML"> PHP <br>
University: <select name ="University">
<option value="Gachon University">Gachon University</option>
</select> <br>
Color: <input type="color" value="000000"> <br>
Date: <input type ="date"> <!-- ์์ ๋ถ๋ถ -->
</form>
<br> <br>
<input type="submit" value="Registration">
</body>
</html>๊ฒฐ๊ณผ
์์ ์ ์ฝ๋์ ๊ฒฝ์ฐ, ๋ ์ง๋ฅผ ํ
์คํธ๋ก ์
๋ ฅํ๋ ๋ชจ์ต์
๋๋ค.
์์ ํ์๋ ๋ ์ง๋ฅผ ์ง์ ์ ํํ์ฌ ์
๋ ฅํ๋ ๋ชจ์ต์
๋๋ค.
| ์์ ์ | ์์ ํ |
|---|---|
 |
 |
'๐ Study > Web Front-End Basic' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
| [7์ฃผ์ฐจ] Javascript ์์ ์ค์ต (0) | 2024.07.18 |
|---|---|
| [4-6์ฃผ์ฐจ] ์์ ์คํธ๋ฆฌ๋ฐ ์๋น์ค FLO ์น ์ฌ์ดํธ ํด๋ก ์ฝ๋ฉ (0) | 2024.07.18 |
| [2์ฃผ์ฐจ] CSS ์์ ์ค์ต (0) | 2024.07.18 |
| [2์ฃผ์ฐจ] CSS ํด์ฆ ํ์ด (0) | 2024.07.18 |
| [1์ฃผ์ฐจ] HTML ํด์ฆ ํ์ด (0) | 2024.07.18 |