<!DOCTYPE html>
<!--开始标签<标签>-->
<html>
<head>
<!--不能将网页内容写到head里面，要写到body中-->
<meta charset="utf-8">
<title>网页标题</title>
</head>
<body>
<!--标题-->
<h1>一级标题</h1>
<!-- 注释：Ctrl+/ -->
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<!-- 段落 p -->
<!-- 段落中字体加粗 b -->
<!-- 设置斜体 i -->
<!-- 设置文本下划线 u -->
<!-- 在文本上设置一个删除线 s -->
<p>这是一段文字</p>
<!-- 设置字体 -->
<p style="font-family: '华文行楷';">咬定青山不放松，立根原在破岩中。千磨万击还坚劲，任尔东西南北风。
</p>
<!--属性:放到开始标签里面，例如：属性名="属性的值"-->
<div class="xznb">肖战</div>
<!--布尔属性-->
<button disabled>点击</button>
<!--空元素-->
<br>
<input type="text">
<!-- 图片添加 -->
<img src="https://t7.baidu.com/it/u=1595072465,3644073269&fm=193&f=GIF" alt="风景图片">
<!-- 无序列表ul：与项目顺序无关的列表 li：每个项目都要放在li标签中 -->
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
<!-- 有序列表 ol-->
<ol>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ol>
<!-- 表格 -->
<table border="1" cellspacing="0">
<!-- 标题 -->
<caption>基本资料</caption>
<!-- 表头 -->
<tr>
<th>姓名</th>
<!-- <th>年龄</th> -->
<!-- <th>身高</th> -->
<!-- 将年龄，身高合并单元格 -->
<th colspan="2">照片</th>
</tr>
<!-- 第一行 -->
<tr>
<!-- 第一列 -->
<td>肖战</td>
<!-- 第二列 -->
<!-- <td>25</td> -->
<!-- <td>183.6</td> -->
<!-- 合并行列 -->
<td colspan="2" rowspan="3">美图</td>
</tr>
<!-- 第二行 -->
<tr>
<!-- 第一列 -->
<!-- <td>2,1</td> -->
<!-- 合并2,1和3,1 -->
<td rowspan="2">2,1</td>
<!-- 第二列 -->
<td>2,2</td>
<td>2,3</td>
</tr>
<tr>
<!-- 第一列 -->
<td>3,1</td>
<!-- 第二列 -->
<td>3,2</td>
<td>3,3</td>
</tr>
</table>
<!-- 超链接 a -->
<a href="http://www.baidu.com" title="百度xz" target="_blank">百度一下，你就知道</a>
<!-- _self:在本页面直接打开链接 _blank:重新开一个新的网页 -->
<!-- 404：找不到网页或请求 500：后端代码出错 -->
<!-- 水平线 hr -->
<hr>
<!-- 换行 br -->
<br>
<!-- 自定义列表 dl：外围标签 dt：列表的标题标签 dd：在设置列表的具体列表项 -->
<dl>
<dt>标题</dt>
<dd><a href="">百度</a></dd>
<dd><a href="">360</a></dd>
<dd><a href="">4399</a></dd>
</dl>
<!-- 表单 from -->
<form action="">
<!-- 文本框输入 -->
文本框:<input type="text">
密码框:<input type="password">
<br>
<!-- 单选框 radio name:决定单选的属性 -->
男:<input type ="radio">女<input type="radio"/>
<input type="radio" name="sex" id="boy">
<!-- 绑定单选框 lable for：(id)绑定对象 -->
<label for="boy">男性</label>
<input type="radio" name="sex" id="girl"/>
<label for="girl">女性</label>
<!-- 按钮 button -->
<button>点击1</button>
<input type="button" value="点击2">
<!-- 多选框 checkbox -->
<input type="checkbox" id="唱">
<label for="唱">唱</label>
<input type="checkbox" id="跳">
<label for="跳">跳</label>
<input type="checkbox" id="演">
<label for="演">演</label>
<input type="checkbox" id="说">
<label for="说">说</label>
<!-- 下拉框 select -->
<select name="" id="">
<!-- 选项 option -->
<option value="">aa</option>
<option value="">bb</option>
<option value="">cc</option>
<option value="">dd</option>
</select>
</form>
<!-- 例子 -->
<form action="" method="get">
<!-- name：提交之后，数据的名称 -->
用户名:<input type="text" name="username" id="u" value="">
密码:<input type="password" name="password" id="p" value="" />
<br>
<!-- 绑定单选框 lable for：(id)绑定对象 -->
<input type="radio" name="sex" id="boy" value="nan">
<label for="boy">男性</label>
<input type="radio" name="sex" id="girl" value="nv">
<label for="girl">女性</label>
<br>
<!-- 提交按钮 -->
<input type="submit" value="点击提交"/>
</form>
</body>
<!--结束标签</标签名>-->
</html>
扫一扫
03-16
7602
7602
03-25
8003
8003
03-30
7350
7350
02-26
1万+
1万+
04-07
4509
4509
10-29
2102
2102
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
