html5基本使用
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>我的标签</title>
</head>
<body>
<!-- 文字标签 -->
<b>加粗</b><br>
<br>换行
<strong>强调</strong>
<i>斜体</i>
<del>删除线</del>
<sub>带下标的文字</sub>
<sup>带上标的文字</sup>
<q>带引号的文字</q>
<blockquote>这里的内容添加了外边距，并且添加了换行</blockquote>
<!-- 外连接 -->
<a href="test2.html" target="blank">点我一下</a>
<a href="http://www.baihe.com" target="blank">百合网</a>
<!-- 列表 -->
<ul>
<!-- 圆点列表 -->
<li>1</li>内容一
<li>2</li>内容二
<li>3</li>内容三
<li>4</li>内容四
</ul>
<ol>
<!-- 数字列表 -->
<li>1</li>内容一
<li>2</li>内容二
<li>3</li>内容三
<li>4</li>内容四
</ol>
<!-- 表格 -->
<table border="1" align="center">
<caption>大数据课程表</caption>
<!-- 表头信息 -->
<thead>
<tr>
<th>周日</th>
<th>周一</th>
<th>周二</th>
<th>周三</th>
<th>周四</th>
<th>周五</th>
<th>周六</th>
</tr>
</thead>
<tbody>
<!-- 第一行 -->
<tr>
<td>a</td>
<td>b</td>
<td>v</td>
<td>d</td>
<td>d</td>
<!-- 表示向右合并的栏数 -->
<td colspan="2" rowspan="=3">休息</td>
</tr>
<!-- 第二行 -->
<tr>
<td>q</td>
<td>q</td>
<td>q</td>
<td>q</td>
<td>q</td>
</tr>
<!-- 第二行 -->
<tr>
<td>q</td>
<td>q</td>
<td>q</td>
<td>q</td>
<td>q</td>
</tr>
<!-- 第三行 -->
<tr>
<td>q</td>
<td>q</td>
<td>q</td>
<td>q</td>
<td>q</td>
</tr>
</tbody>
</table>
<!-- 表单 -->
<form action="wwww.baidu.com" method="GET|POST">
文本输入框<input type="text" placeholder="请输入账户"><br>
密码输入框<input type="password"><br>
多选框<input type="checkbox">
<input type="checkbox" name="a" value="quit">
单选框<input type="radio" name="sex" value="男">man
<input type="radio" name="sex" value="女">lady<br>
<input type="reset" value="重置"><br>
<select >
<option>黑长直</option>
<option>白富美</option>
<option>俏萝莉</option>
</select>
<input id = "mycar" list="cars">
<datalist id = "cars">
<option value = "BWM">1</option>
<option value = "BWM">1</option>
</datalist>
</form>
</body>
</html>
浙公网安备 33010602011771号