宁可枝头抱香死，何曾吹落北风中。
html
超文本标记语言 hyper text markup language
俗称网页
<html>
<head>
子标签
</head>
<body>
子标签
</body>
</html>
1. head 中的常见标签
文件名字后缀必须是 *.html 或者 *.htm
```html
<title>网页标题</title>
标签表示是网页的标题
<meta charset="字符编码">
告诉浏览器请用这个字符串编码显示网页内容
用来包含网页的脚本
<script></script>
用来包含外部样式表
<link>
2. body 中的标签
1) 标题标签
<h1> <h2> ... <h6>
2) 正文标签
段落标签
<p>
换行
<br>
分割线
<hr>
特殊文字需要转义显示
例如：
# < <
# > >
# ©
3) 超链接标签
<a href="链接地址">链接文字</a>
图片标签
<img src="图片地址" width="宽度" height="高度">
宽度和高度的单位都是像素
让图片有链接的功能
<a href="链接地址"> <img src="图片地址"> </a>
页面内的链接（锚）
首先在目的地标签添加 id=“唯一编号”, 然后在超链接的 href="#唯一编号"
4) 列表标签
有序列表
<ol>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ol>
无序列表
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ul>
5) 表格标签
<table>
<thead></thead> <!-- 头 -->
<tbody> <!-- 体 -->
<!-- tr 代表行 -->
<tr>
<!-- td 代表列 -->
<td></td>
<td></td>
</tr>
</tbody>
<tfoot></tfoot> <!-- 脚 -->
</table>
table>(thead>tr>td2)+(tbody>tr5>td*2)
表格合并单元格，可以使用td 的属性 colspan（合并列）rowspan（合并行）
6) 表单标签
接收用户的输入
<!-- 把填写的信息收集起来发送给服务器
有name属性的表单，会把信息发送给服务器
-->
<form action="http://www.baidu.com">
文本框 <input type="text" name="username">
<br>
密码框 <input type="password" name="password">
<br>
按钮 <input type="button" value="点我">
<br>
单选框 <!-- name 用来给单选框分组 checked 表示默认勾选-->
男 <input type="radio" name="sex" value="男"> 女 <input type="radio" name="sex" checked value="女">
<br>
多选框
唱歌 <input type="checkbox" name="hobby" checked value="1">
跳舞 <input type="checkbox" name="hobby" value="2">
游戏 <input type="checkbox" name="hobby" value="3">
睡觉 <input type="checkbox" name="hobby" value="4">
<br>
<input type="file">
<br>
<input type="date" value="2018-12-30">
<br>
<input type="submit" value="提交">
<input type="reset" vlaue="重置">
</form>
7. iframe
内嵌另一个页面
<iframe src="http://www.baidu.com" width="100%" height="500"></iframe>
8.添加删除线
使用成对标记，在主体中添加
请在此输入需要添加删除线的文字
扫一扫
327
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
