반응형
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width = device-width, initial-scale = 1.0">
<meta http-equiv="X-UA-Compatible" content = "ie=edge">
<title> TEST WEB </title>
</head>
<body>
<h1> H1 태그 </h1>
<h4> H4 태그</h4>
hr 태그 = 밑줄
<hr>
<h3> H3 태그 </h3>
<blockquote>
blockquot 태그
blockquote 태그는 다른 출처로부터 인용된 블록을 정의할 때 사용하며, 이렇게 인용된 블록을 브라우저는 보통 들여쓰기를 사용하여 표현합니다.
짧은 길이의 인용구를 정의할 때는 블록으로 나뉘는 blockquote 요소보다는 q 태그 요소를 사용하는 것이 바람직합니다.
</blockquote>
</pre>
<a href="main.html"> open text a 태그</a>
<pre>
pre 태그
[[[[[[[[[[[[[[[ ]]]]]]]]]]]]]]]
[:::::::::::::: ::::::::::::::]
[:::::::::::::: ::::::::::::::]
[::::::[[[[[[[: :]]]]]]]::::::]
[:::::[ ]:::::]
[:::::[ ]:::::]
[:::::[ ]:::::]
[:::::[ ]:::::]
[:::::[ CODE THE WEB ]:::::]
[:::::[ http://brackets.io ]:::::]
[:::::[ ]:::::]
[:::::[ ]:::::]
[:::::[ ]:::::]
[:::::[ ]:::::]
[::::::[[[[[[[: :]]]]]]]::::::]
[:::::::::::::: ::::::::::::::]
[:::::::::::::: ::::::::::::::]
[[[[[[[[[[[[[[[ ]]]]]]]]]]]]]]]
</pre>
<em> em 태그</em><br>
<i> i 태그 hello, my home</i><br>
<mark> mark 태그 This page is Test page</mark><br>
<ins> ins 태그 - Please, use this web for the testing.</ins><br>
<u> u 태그 just test<br></u>
<del> dle 태그 The resources of the WWW are transferred via the Hypertext Transfer Protocol<br> </del><br>
Please <sub> sub 태그 Save File</sub><br>
Please <sup> sup 태그 Save File</sup>
Upset<sup> sup 태그 </sup><br>
<p><span>Span Tag</span></p>
<ul>
<li> First Tag</li>
<li> Second Tag</li>
<li> Third Tag</li>
</ul>
<dl>
<dt>Happy</dt>
<dd>:)</dd>
</dl>
<hr>
<table border="1", cellpadding="10", bgcolor="blue">
<tr width="20", bgcolor="red">
<th><a href="" style="text-decoration: none; color: black;">title</a></th>
<th><a href="" style="text-decoration: none; color: black;">title</a></th>
<th><a href="" style="text-decoration: none; color: black;">title</a></th>
</tr>
<tr bgcolor="green">
<td>title</td>
</tr>
</table>
<h4> Tablbe rowspan, colspan</h4>
<table border="1">
<tr>
<th>test</th>
<th>test</th>
<th>test</th>
</tr>
<tr>
<td colspan="3">colspan</td>
</tr>
</table><br>
<table border="1">
<tr>
<th rowspan="3">rowspan</th>
<th>test</th>
<th>test</th>
</tr>
<tr>
<th>test</th>
<th>test</th>
</tr>
<tr>
<td>test</td>
<td>test</td>
</tr>
</table><br>
<table border="1">
<caption>Table name</caption>
<tr>
<th rowspan="3">rowspan</th>
<th colspan="2">colspan</th>
</tr>
<tr>
<th>test</th>
<th>test</th>
</tr>
<tr>
<td>test</td>
<td>test</td>
</tr>
</table>
<img src="FileZilla.JPG" alt="파일사진"/>
<img src="https://ssl.pstatic.net/tveta/libs/1281/1281372/6508bdf5b56a80eb49f7_20200618165659791.jpg" width="1000" />
</body>
</html>
input 태그
1. type : 입력 태그의 유형
2. vlaue : 입력 태그의 초기값을 말하며 사용자가 변경 가능 합니다.
3. name : 서버로 전달되는 이름을 말합니다. (사용자 임의 지정)
Select 태그
<select name="job">
<option value="">직업선택</option>
<option value="학생">학생</option>
<option value="회사원">회사원</option>
<option value="기타">기타</option>
</select>
반응형
'WEB Front-End > HTML' 카테고리의 다른 글
| HTML/CSS - 02 (0) | 2021.05.17 |
|---|---|
| HTML/CSS - 01 (0) | 2021.05.17 |