HTML 是文本标记语言（Hyper Text Mark-up Language）
Html文件的扩展名一般为.html或者.htm
Html内的标签一般是成对出现，有开始就有结束
第一个标签：<html>所有网页内容都是放在html标签内</html> html标签是网页是最大的标签
第二个标签：在html有两个重要的标签一个叫头部标签<head></head>，一个叫主体标签：<body></body>，注意在<head>标签内的所有内容一般不会显示在网页内，主要是给搜索引擎（例如：百度，搜狗，google ,雅虎等等）以及网站设计人员看的！
如果需要在网页内显示的内容必须放在<body>标签内
第三个标签：在<head>标签内有一个重要标签：<title>网站标题标签</title>
第四个标签：换行标签：<br>br是不需要成对出现的标签
第五个标签：空格标签： 不需要成对出现的标签
第六个标签：分隔线标签<hr size=”分隔线大小” color=”分隔线颜色” width=”分隔线宽度” align=”分隔线水平对齐方式”>
Size=“分隔线的高度”，size最大值不能超过100
Color分隔线颜色，颜色有三种表示法：第一种，颜色的英语单词：例如：红red 绿green
兰blue ,黄色yellow 黑色black 白white 橙色：orange 粉色：pink
第二种：16进制表示法：16进制是用0-9 十个数加个a-f六个英文字母表示,例如红色：#ff0000
绿色:#00ff00 兰色:#0000ff 黄色 #ffff00
第三种：rgb(红色值，绿色值，兰色值)r:red G:green b:blue 红绿兰称为三源色，每一个的取值范围是0-255;例如：红色rgb(255,0,0) 绿色rgb(0,255,0) 兰色rgb（0,0,255）
Width有两种表示法，第一种直接用宽度值：也就是像素（px），但是不需要加单位
第二种表示法：百分比表示法：相对于浏览器宽度来定的; 50%
Align:水平对齐方式：有三种对齐方式：第一种默认为居中对齐align=”center” ,第二种居左对齐（align=”left”）,第三种居右对齐（align=”right”）
例如：<hr size="100" color="rgb(0,0,255)" width="50%" align="right">
<hr size="50" color="#ff6600" width="800" align="left">
第七个标签：文字标签<font size=”文字大小” color=”文字颜色” face=”文字字体”>需要设置效果的文字内容</font>
Size:文字大小可以设置范围：1-7;
Color颜色，颜色有三种表示法：第一种，颜色的英语单词：例如：红red 绿green
兰blue ,黄色yellow 黑色black 白white 橙色：orange 粉色：pink
第二种：16进制表示法：16进制是用0-9 十个数加个a-f六个英文字母表示,例如红色：#ff0000
绿色:#00ff00 兰色:#0000ff 黄色 #ffff00
第三种：rgb(红色值，绿色值，兰色值)r:red G:green b:blue 红绿兰称为三源色，每一个的取值范围是0-255;例如：红色rgb(255,0,0) 绿色rgb(0,255,0) 兰色rgb（0,0,255）
Face是文字字体，一般设置的字体要通用的，不能设置特殊字体，因为某些计算机中不存在你所设置的字体那么无法显示效果，会自动转化成宋体显示！中文网页字体一般用宋体，现在网页还有一种字体叫微软雅黑字体也用的比较多，英文一般用字体arial
第八个标签:字体加粗<b>要加粗的内容</b><strong>要加粗的内容</strong>
第九个标签：字体加斜体<i>要斜体的文字内容</i>
第十个标签：字体修饰，下划线：<u>要加下划线的文字内容</u>删除线：<del>要加删除线的文字内容</del>上标：<sup>要上去文字内容</sup>下标：<sub>要下去文字内容</sub>
第十一个标签：背景：背景颜色：bgcolor,如果要给一个网站加背景颜色或背景图片一般是加在body标签内：背景图片：background=”要设置的背景图片的路径”,在网页中背景图片一般只使用相对路径，不使用绝对路径
背景图片和背景颜色 可以同时设置，但是背景图片优先于背景颜色：
做网页时要注意的：同一个网站项目应该放在同文件夹下，而且在文件夹下一般要创建一个图片文件夹，将所要用到的图片都放在该文件夹下，一般取名为images,也有人取名为img
在网页设计一般设置首页文件名为index 因为index是索引的意思，在一般的服务器中都设置了默认首页为index开头，所以只要将文件名设置成index,打开网址时，会自动识别index页打开网站,也有人命名为default（默认的）
第十二：标题标签：从h1-h6<h1>字体最大，h6最小,标题标签同样可以设置颜色大小以及字体，那必须在标题 标签内加<font >标签
标题标签同样可以设置水平对齐方式：水平对齐方式有三个值：居中（center）居左（left默认为居左对齐）居右（right）
第十三：居中标签：<center>要居中的内容</center>
第十四：段落标签：<p align=”段落内容的水平对齐方式”>段落内容</p>;水平对齐方式有三个值：居中（center）居左（left默认为居左对齐）居右（right）
第十五：图片标签：<img src=”图片路径” width=”图片宽度” height=”图片高度” align=”图片对齐方式 ”>
图片如果不设置宽度和高度，那么图片大小为原始图片大小，不会缩小也不会放大
当设置宽度或者高度两者中的其中一个的话，那么图片会按等比例缩放
如果同时设置宽度和高度，那么图片有可能会变形
图片对齐方式只有两个值：要么左对齐（left），要么右对齐(right)，没有居中对齐的参数,图片对齐方式可以实现图文混排
表格：<table>是表格标签，有开始就有结束</table>
在表格中，如果要做一个表格，那么首先必须有行，有了行之后必须有列
行标签为<tr> 列标签为<td>
一般在同一个要表格中，每一行中的列数要保持一致（也就是说每行中的列数是一样的）
表格默认是没有边框的，如果需要显示边框需要加属性border=”边框大小”
<table border=”边框大小” bordercolor=”边框颜色” width=”表格宽度” height=”表格高度”>
如果表格中没有内容那么边框有可能不显示，如果需要显示可以加内容或者空格
表格可以设置大小，那么表格中的行和列同样可以设大小;如果表格中要设置列的宽度只需在第一行中的所有列中设置就行了，如果表格中要设置行的高度，只需在每一行中的第一列设置高度就行了（单元格是就一个td）注意：虽然表格可以设置宽度和高度，但是当表格的内容超过它宽度和高度时，表格会自动撑大
表格中，所有要显示的内容必须放在<td></td>之中
表格就是一种容器：表格中可以插入图片，文字，表格中也可以插入表格
不管是加入文字图片还是加入表格所有东西都应该放在<td >容器内
表格中内容的对齐方式：对齐方式有水平对齐方式 ：align 分为居中对齐（center）,居右（right）居左（left）默认为居左对齐;垂直对齐方式：valign 居顶对齐（top），居中（middle）居下（bottom）,默认为居中对齐
给表格加背景颜色和背景图片
给整行加背景将bgcolor写到tr中 给单个单元格加背景写在td中,给整个表格加背景加在table内
<!--注释：主要是用于对网页的内容进行说明的一组标签：也可以将不想显示的内容时行注释！-->
<!--合并单元格：分为行合并和列合并：行合并用rowspan="要合并的行数" 列合并colspan="要合并的列数"-->
表格内容与表格边框之间的间距：Cellpadding ==”要设置的边距大小”，单元格之间的间距：cellspacing=“要设置的单元格间距大小” ;注意：Cellpadding与cellspacing都是加在table标签内的
提交表单：
- 文本提交框：格式：<input type=”text” name=”提交表时要提交到数据库中的名称标识” size=”文本框大小” value=”文本框默认显示内容” maxlength=”输入的文本最大提交长度”>注意：在同一个表单中name一般是唯一的，不能重复，name是作为提交表单中数据的一个标识，如果重复了，那么提交的数据就会出现混乱：例如：你提交一个姓名和一个性别，假如两者的name的值都为laoli,那么在后台提交数据时，分不清楚到是laoli是姓名还是性别
- 单选框：格式<input type=”radio” name=” 提交表时要提交到数据库中的名称标识” checked>
注意：单选选项可以有多个，但只能选其中一个，它的所有选项是同一组类型，那么它所有选项的name都是一致的！如果要某个选项为默认选项，在input标签后加上checked
3.复选框：格式<input type=”checkbox” name=” 提交表时要提交到数据库中的名称标识” checked >
注意：复选选项可以有多个，同时可以选择多个，它的所有选项是同一组类型，那么它所有选项的name都是一致的！如果要某个选项为默认选项，在input标签后加上checked
- 还没有人评论，欢迎说说您的想法！
客服
