一，概述
HTML: Hyper Text Mark-up Language
二，知识点
1，<html></html> -- html标签，所有的网页内容都放在 html标签中，html标签是网页中最大的标签
2，<head></head> -- 头部标签，标签内的所有内容一般不会被显示在网页上，主要是给搜索引擎（百度，搜狗，google，雅虎...）以及网站设计人员看的。
-1<title>网站标题</title> -- 网站标题标签
3，<body></body> -- 主题标签，显示在网页上的内容。
4，<br> -- 换行标签，无需成对出现。
5， -- 空格标签。
6，<hr size="分隔线大小" color="分隔线颜色" width="分隔线宽度" align="分隔线水平对齐方式"> -- 分隔线标签，无需成对出现
-1.size: 最大值不能超过100
-2.color: 有三种表示法：
-a.颜色的英语单词
（红red,绿green,蓝blue，黄yellow,黑black,橙orange,粉pink）
-b.16进制表示法：
（红#ff0000,绿#00ff00,蓝#0000ff,黄#ffff00）
-c.自己配色：rgb(红色值，绿色值，蓝色值)
（rgb: red green blue）三原色。取值范围（0——255）
-3.width 的两种表示方法：
-a.直接用宽度值（像素，px）可以不加单位。
-b.百分比表示法：相对于浏览器宽度来定的。eg:50%
-4.align: 水平对齐方式：
-a.（默认）居中对齐 align = "center";
-b. 居左对齐 align = "left";
-c. 居右对齐 align = "right";
7.<font size="文字大小" color="文字颜色" face="文字字体">文字内容</font>
--文字标签。
-1. size: 文字大小，可设置范围：1-7；
-2. color:文字颜色,有三种表示法：
-a.颜色的英语单词
（红red,绿green,蓝blue，黄yellow,黑black,橙orange,粉pink）
-b.16进制表示法：
（红#ff0000,绿#00ff00,蓝#0000ff,黄#ffff00）
-c.自己配色：rgb(红色值，绿色值，蓝色值)
（rgb: red green blue）三原色。取值范围（0——255）
-4.face: 文字字体,一般设置通用字体，不能设置特殊字体。（特殊字体可能在计算机中不存在,会自动转换成宋体）
中文常用：宋体，微软雅黑. 英文常用：arial
8.<b>加粗内容</b>
<strong>加粗内容</strong>
--两种加粗字体的方式。
9.<i>斜体</i> -- 加斜
10.字体修饰：
-a.下划线：<u>要加下划线的内容</u> underline
-b.删除线：<del>要加删除线的文字内容</del>
-c.上标：<sup>要上去的文字</sup>
-d.下标：<sub>要下去的文字</sub>
11.背景：
背景颜色:
bgcolor="颜色"
背景图片：
background = "要设置的背景图片的路径"
注意：
0.如果要给一个网站加背景颜色或背景图片一般是加在body标签内.
1.在网页中背景图片一般只使用相对路径，不使用觉得路径。
2.背景颜色和背景图片同时设置是被允许的，但背景图片具有优先权。
做网页时：
1.同一个网站项目应该放在同文件夹下，而且在文件夹下一般要创建一个图片文件夹。将所有要用到的图片都放在该文件夹下，一般命名为 ：images / img
2.在网页设计一般设置首页文件名为 index ,(因为index是索引的意思，在一般的服务器中都设置了默认首页为index开头，所以只要将文件名设置成index,打开网址时，会自动识别index页打开网站) ， 也有人命名为 default.
12.<h1> 一号字体标题 </h1> 1~6号（<h1~h6>） 从 大 ~ 小
--- 标题标签：可以在标题标签中嵌套字体标签，<font ...> </font>
13.居中标签：
<center> 居中的内容 </center>
14.段落标签： <p align="段落内容的水平对齐方式"> 段落内容 </p>
水平对齐方式：
1.center 居中
2.left 居左（默认）
3.right 居右
15.图片标签：<img src="图片路径" width="图片宽度" heigth="图片高度" align="图片对齐方式">
注意：
1.图片如果不设置宽度和高度，那么图片大小为原始大小，不会缩小也不会放大。
2.当仅设置宽度或高度两者中的一个时，图片会按比例缩放或放大。
3.如果同时设置宽度和高度，那么图片有可能会变形。
4.图片对齐的方式： left. rigth.图片对齐方式可以实现图文混排
16.表格标签：
<table border="边框大小" bordercolor="边框颜色" width="表格宽度" height="表格高度">表格内容</table>
--行标签：
<tr></tr> row:行
--列标签：
<td></td>
注意：
1.在同一个表格中，每一行的列数要求保持一致。
2.表格默认是没有边框的，需要使用border="边框大小"来显示边框。
3.如果表格中没有内容，可能不会显示边框，若需要空边框，则可以加空格
4.表格中的行和列同样可以设置大小，如：在表格中设置行和列的高度，只需要在第一行和每一行的第一列中设置就行了。
5.虽然表格可以设置宽度和高度，但是当表格的内容超过它宽度和高度时，表格就会自动撑大。
6.表格中，要显示的内容必须放在<td></td>中
7.表格是一种容器，可以插入图片，文字，表格中也可以插入表格。不管是加入文字图片还是加入表格所有东西都应该放在<td >容器内
8.表格内容的对齐方式：-----加在<td >标签内的
1.水平对齐：align=
center(居中) rigth(居右) left(居左,default)
2.垂直对齐：valign=
top(居顶) middle(居中,default) bottom(居下)
9.给表格加背景颜色和背景图片
1.给表格加背景颜色：
<title bgcolor="颜色"> --- 给整个表格加背景颜色。
<tr bgcolor="颜色"> --- 给某一行加背景颜色。
<td bgcolor="颜色"> --- 给某一个单元格加背景颜色.
总结：给整行加背景将bgcolor写到tr中 给单个单元格加背景写在td中,给整个表格加背景加在table内
2.给表格加背景图片
<title background="图片路径"> --- 给整张表添加图片。
<tr background = "图片路径"> --- 给某一行添加图片。(z在某些浏览器上运行可能没有效果，因为不支持)
<td background = "图片路径"> --- 给某一个单元格添加图片。
10.合并单元格：分为行合并和列合并：行合并用rowspan="要合并的行数" 列合并colspan="要合并的列数"
1.行合并：rowspan="要合并的行数"
2.列合并：colspan="要合并的列数"
11.注释：主要是用于对网页的内容进行说明的一组标签：也可以将不想显示的内容时行注释！
12.
1.表格内容与表格边框之间的间距：
Cellpadding=="边距大小"
2.单元格之间的距离：cellspacing="要设置的单元格间距大小"
注意：Cellpadding cellspacing 都要添加到<table >标签内.
17.提交表单<form method="post" action=""></form>
1.文本提交框:
格式：
<input type="text" name="提交表单时要提交到数据库中的名称标识" size="文本框大小" value="文本框默认显示内容" maxlength="输入的文本最大提交长度">
注意：.在同一个表单中name一般是唯一的，不能重复，name是作为提交表单中数据的一个标识,如果重复了，那么提交的数据就会出现混乱
eg:提交姓名和性别，如果两者的name都是laoli，那么后台提交数据时，分不清到底laoli是姓名还是性别.
<input type="text" name="xingming" size="50" value="理想学子" maxlength="10">
2.单选框：
格式：
<input type="radio" name="提交表单时要提交到数据库中的名称标识" checked>
注意:
单选选项可以有多个，但只能选其中一个，它的所有选项是同一组类型，那么它所有选项的name都是一致的！如果要某个选项为默认选项，在input标签后加上checked
eg: 1.<input type="radio" name="sex" checked>男 (默认选项)
2.<input type="radio" name="sex">女
3.<input type="radio" name="sex">人妖
3.复选框：
格式:
<input type="checkbox" name="提交表单时要提交到数据库中的名称标识" checked>
注意：复选选项可以有多个，同时可以选多个，它的所有选项是同一组类型，那么它所有选项的name都必须是一致的！如果要某个选项为默认选项，在input标签后加上checked
<input type="checkbox" name="aihao" checked>音乐 <input type="checkbox" name="aihao" checked>电影 <input type="checkbox" name="aihao">白富美 <input type="checkbox" name="aihao">高富帅 <input type="checkbox" name="aihao">张子怡
4.密码提交框：
格式：
<input type="password" name="提交表时要交到数据库中的名称标识" value="默认密码" size="密码框长度" maxlength="密码最大值">
eg:
<input type="password" name="mima" size="50" maxlength="5" value="123456">
18.下拉列表：
格式：
<select name="列表名称"><option>选项1<option>选项2<option>选项3...</select>
注意：
下拉列表是需要结束的，而option选项可以结束，可不结束，注意，如果我想要某个选项作为默认选项只需 在option后加上selected
eg:<select name="year">
<option value="2015">2015
<option value="2014">2014
<option value="2013">2013
<option value="2012">2012
<option value="2011" selected>2011(默认选项)
<option value="2010">2010
</select>
<select name="month">
<option value="一月">一月
<option value="二月">二月
<option value="三月">三月
<option value="四月" selected>四月(默认选项)
</select>
19.文本域：
格式：
<textarea rows="文本域行数" cols="文本域列数" name="文本域名称"></textarea>
注意：行数只是用来定义文本域中一次能显示的文字行数，而并非加入内容的限定
20.按钮：
格式：
1,按钮
<input type="button" value="按钮的默认值">
2,提交按钮
<input type="submit" value="”要给按钮设置的内容”">
3,重置按钮：
<input type="reset" value="”要给按钮设置的内容”">
4,图片提交按钮：
<input type="image" src="图片路径">
5,文本提交框
<input type="file" name="名称">
注意：每一个表单以<form method="post" action="">开始以</form>结束
21.超链接：
格式：
<a href="要链接到的页面" target="目标页打开方式">要做链接的文字或图片</a>
注意：
1.如果超链接是链接本地页面,只需要加上路径就行了。
2.如果链接的是网址，必须再网址前加上http://
eg: <a href="http://www.baidu.com">百度</a>
3.target:打开方式：
1.在新页面打开 _blank 空白的；
2.在本页面打开 _self
3. _top _parent
4.eg:
<a href="http://www.baidu.com">百度</a>
<a href="../demo1.html" target="_blank">google</a>
<a href="../demo2.html">QQ</a>
<a href="../demo3.html">sss</a>
<a href="../demo4.html">aaa</a>
<a href="../demo5.html">bbb</a>
5.
href: abbr. 超文本引用（hypertext reference）；超链接
target: n. 目标；靶子
top: 顶端
parent: n. 父亲（或母亲）；父母亲；根源
22.框架： frame
格式：
<frameset rows="第一行高度,第二行高度,...,*" cols="第一列宽度,第二列宽度,...*">
<frame src="要导入的网页1">
<frame src="要导入的网页2">
<frame src="要导入的网页3">
...
</frameset>
解释：
1.* ：*代表除了前面行数或列数占用的宽度或高度，剩余的部分给*;
注意：
1. 框架中的frameset 与body 不能共存, 有<frameset></frameset>就不能存在<body></body>
2.frameset 分成多行或者多列时：每一行或每一列要对应一个<frame>，而每个frame中可以导入一个网页;
eg: <frameset cols="100,200,*">
<frame src="top.html">
<frame src="center1.html">
<frame src="bottom.html">
</frameset>
3.如果框架中要插入框架,那么只需要将你需要插入框架的frame替换成<frameset>
eg:
<frameset rows="100,*">
<frame src="top.html">
//将<frame src="center.html">替换成框架
<frameset cols="200,*">
<frame src="left.html">
<frame src="right.html">
</frameset>
</frameset>
4.框架的窗体定义好以后可以随意的拉动，如果想固定，不允许拖动，在所以frame中加上属性 noresize;
eg: <frame src="top.html" noresize>
5.框架窗体默认有边框，如果想要去除边框，在最外面的frameset 中加上frameborder=0; 窗体边框的值只有俩个，一个为0（不显示），一个为1（显示）
6.在框架中的每一个frame中都可以设置一个name="你想要设置的名字",通过name标识，我们可以设置超链接页面将会在哪个窗口中打开，只需在超链接的target中设置：
eg: <frame src="top.html" noresize name="gaodashang">-----------设置窗体名称.
<a href="news.html" target="gaodashang">新闻设置</a> -------设置超链接在对应的窗体中打开。
7.
frame: n. 框架；结构；[电影] 画面
border: n. 边境；边界；国界
481
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
