目录
HTML
head中常见的标签
body中常见的标签
HTML实体
HTML：超文本标记语言（英语：HyperText Markup Language）是一种用于创建网页的标准标记语言
用HTML语法写成的文件称为网页文件，后缀为 .html 或 .htm
一个最简单的网页：
*<html>
<head>
<title> 第一个网页 </title>
</head>
<body>
<p> hello,word! </p>
</body>
</html>*
<html> ：该标签是根，所有内容放在它里面
<head> : 该标签放一些头部的信息
<body> : 正文部分，里面的内容直接用于显示
<head 中常见的标签>
：该标签提供了元数据，元数据不显示在页面上，但会被浏览器解析。meta 元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据。meta标签的作用有：搜索引擎优化（SEO），定义页面使用语言，自动刷新并指向新的页面，实现网页转换时的动态效果，控制页面缓冲，网页定级评价，控制网页显示的窗口等！meta标签的组成：meta标签共有两个属性，它们分别是 http-equiv属性和name属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能
<meta charset="UTF-8" > //指定网页的编码
<meta http-equiv="content-Type" content="text/html;charset=UTF-8"> //指定网页内容的类型，和文字编码
<meta http-equiv="refresh" content="5;url=http://www.baidu.com"> //5秒之后跳转到指定页面
<meta http-equiv="refresh" content="2"> //每隔2秒刷新一次页面
<meta http-equiv="Set-Cookie" content="cookievalue=xxx;"> //设置cookie
<meta name="keywords" content="信息安全"> //为搜索引擎设置关键字
<meta name="description" content="黑客 技术 安全"> //为网页定义描述内容
<meta name="author" content="xie"> //定义网页作者
图像域———image 图像域是指可以用在“提交”按钮位置上的图片，这幅图片!具有按钮功能。使用默认的按钮形式往往会让人觉得单调，如果网页使用了较为丰富的色彩，或稍微复杂的设计，在使用表单默认的按钮形式会破坏整体的美感。这时，可以使用图像域，创建和网页整体效果相统一的“图像提交”按钮。其语法如下：图像域——image 新手制作谅解
<input type ="image" src="图像地址" name="图像域名称" />在该语法中，图像地址可以是绝对地址或相对地址。
<base>：该标签描述了基本的路径，该网页下的所有链接文件默认都是从该路径下找文件
`<base href="../xie">` //该网页下的文件默认都是从这个目录去找
<link>：该标签定义了文档与外部资源之间的关系，通常用于链接到样式表
<link rel="stylesheet" type="text/css" href="mystyle.css">
<style>：该标签定义了HTML文档的CSS样式文件
<style type="text/css">
p{
color:red;
}
</style>
<style type="text/css">
p{
color:blue
}
</style>
body中常见的标签
标题： <h1>一级标题 </h1> ........ <h6>六级标题</h6>
段落 ： <p> 段落 </p>
代码 ： <pre> </pre>
超链接：<a href="" target=”_blank / _parent"> </a>
target=_blank的时候，是打开一个新页面; target=_parent的时候，是在原页面打开
超链接有三种：站内链接；站外链接；锚链接
超链接的动作
<style>
a{text-decoration: none;} /*去除超链接的下划线*/
/*顺序必须是: l - v - h - a */
a:link {color:#000000;} /* 未访问链接*/
a:visited {color:#00FF00;} /* 已访问链接 */
a:hover {color:#FF00FF;font-size: larger; background-color: #2299ff;} /* 鼠标移动到链接上 */
a:active {color:#0000FF;} /* 鼠标点击时 */
</style>
<a href="http://www.baidu.com" target=”_blank / _parent"> </a>
图片: <img src=” ” width=”50” height="50" alt="" title=""/>
alt是当图片加载不出来的时候显示的东西 ,title是当鼠标放上去的时候显示的东西
换行： <br/>
画横线 <hr/>
删除线：<del></del>
下划线：<ins></ins>
上标： <sup>
下标： <sub>
无序列表 <ul> <li></li> <li><li> </ul>
有序列表 <ol> <li></li> <li><li> </ol>
自定义列表 <dl> <dt></dt><dd></dd> </dl>
字符实体： 空格 大于：> 小于： < 双引号: "
音乐：<audio src="1.mp3" autoplay="autoplay" loop="loop" controls="controls"> </audio>
视频：<video src="1.mkv" controls="controls" loop="loop" width="1100px" height="500px"></video>
下拉列表： <select name="xueli" id=""> </select>
表格：<table border='1px' cellspacing='1px' cellpadding='1px'> </table>
cellspacing是单元格之间的距离，cellpadding文字与单元格之间的距离
表单：
<form action='action.php' method="get/post"> <input type=''/></form>
type属性: button、checkbox、file、hidden、image、password、radio、reset、submit、text、number
框架 <frameset> <frame src=”” /> < /frameset>
文本域：<textarea name="intro" rows="10" cols="30">自我介绍</textarea>
ifame框架：<iframe src='' width='' height=''></frame>
用法如下
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8" >
<title>小伙灬刘的博博系</title>
</head>
<body>
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
<p>这个p元素定义了 HTML 文档中的一个段落。这个元素拥有一个开始标签，以及一个结束标签</p>
<pre>
def Test():{
print("hello,word!")
}
</pre>
<a href="http://www.baidu.com" target="_blank">百度一下，你就知道</a> <br/>
锚链接：<a href="#zhuce">去注册</a> <br/>
<img src="1.jpg" width="433" height="262" title="黑客" alt="hack"> <br/>
<del>删除线</del> <br/>
<ins>下划线</ins> <br/>
<hr/>
2<sup>3</sup> <br/>
log<sub>10</sub> <br/>
大于：> <br/>
小于：< <br/>
双引号：" <br/>
空 格 <br/>
<ul>
<li>无序列表one</li>
<li>无序列表two</li>
<li>无序列表three</li>
</ul>
<ol>
<li>有序列表1</li>
<li>有序列表2</li>
<li>有序列表3</li>
</ol>
<dl>
<dt>刘涛</dt>
<dd>著名女演员</dd>
<dt>成龙</dt>
<dd>著名男演员</dd>
</dl>
<table border="1px" cellspacing="1px" cellpadding="1px" width="200px" >
<caption>课程表</caption>
<tr>
<th>aa</th>
<th>sss</th>
<th>dd</th>
<th>bbbb</th>
</tr>
<tr>
<td colspan="2">aasdfa</td>
<td>dd</td>
<td rowspan="2">bbbb</td>
</tr>
<tr>
<td>aa</td>
<td>sssafda</td>
<td>
<table border="1" cellpadding="10" cellspacing="10">
<tr><td>111</td><td>222</td></tr>
<tr><td>3333</td><td>4444</td></tr>
</table>
</td>
</tr>
</table>
<form action="action.php" method="POST">
<a name="zhuce"></a>
账号： <input type="text" name="username" placeholder="请输入你的用户名"/> <br/>
密码： <input type="password" name="passwd"/> <br/>
性别： <input type="radio" name="sex" value="man" checked/>男
<input type="radio" name="sex" value="woman"/>女 <br/>
爱好： <input type="checkbox" name="hobby" value="sport"/>运动
<input type="checkbox" name="hobby" value="music"/>听音乐
<input type="checkbox" name="hobby" value="reader"/>阅读 <br/>
选择城市：<select name="city" id="">
<option value="beijing">北京</option>
<option value="shanghai">上海</option>
<option value="shenzhen">深圳</option>
<option value="gaozhong">广州</option>
<option value="tainjin">天津</option>
</select> <br/>
个人描述： <br/>
<textarea cols="30" rows="10"></textarea> <br/>
<input type="submit" value="注册"/>
<input type="reset" value="重置"/>
</form>
<audio src="1.mp3" autoplay="" controls="controls"></audio> <br/>
<video src="1.mp4" controls="controls" width="1000px" height="300px"></video> <br/>
<iframe src="https://www.baidu.com" width="1000" height="1000" frameborder="0"> </frame>
</body>
</html>
**标识符**
|显示结果| |描述| | 实体名称|
空格
< 小于号 <
> 大于号 >
& 和号 &
" 引号 "
' 撇号 '(IE不支持)
￠ 分（cent） ￠
£ 镑（pound） £
¥ 元（yen） ¥
€ 欧元（euro） €
§ 小节 §
© 版权（copyright） ©
® 注册商标 ®
™ 商标 ™
× 乘号 ×
÷ 除号 ÷