html

html是一种用来描述网页的语言是超文本标记语言（Hyper Text Markup Language）；

浏览器的作用是读取html文档，并以网页的形式显示他们，浏览器不会显示html标签，而是使用标签来解释页面的内容。

1.行属性标签 特征：在行内显示，内容撑开宽高，不可以直接设置宽高 （img、input除外），行标签只能嵌套行标签

2.input：用于搜集用户信息 <input type=“text” name=“” value=“

type属性值：

　　text 定义单行的输入字段，用户可在其中输入文本

　　password 定义密码字段

　　radio 定义单选按钮

　　checkbox 定义复选框

　　reset 定义重置按钮，清除表单中的所有数据

　　button 定义可点击按钮

　　file 定义输入字段和 “浏览”按钮，供文件上传

　　hidden 定义隐藏的输入字段，用户不可见

　　submit 定义提交按钮，把表单数据发送到服务器

　　image 定义图像形式的提交按钮( alt=‘submit’ )

3.嵌套规则

　　块套块和行

　　行套行

　　p、h1-h6可以直接包含行内元素和文本信息，但是不允许包含块元素

　　dl元素只允许包含dt和dd，同时dt不能包含块元素，只允许包含行内元素，对于dd可以包含任何元素

<input type="image" alt="submit" src="img/06.jpg">

4.table

 table的属性:

　　width：规定表格的宽度

　　border：规定表格边框的宽度

　　cellpadding：设置单元格边框与内容之间的距离

　　cellspacing：设置单元格之间的距离

<table border="1" width="800" cellpadding="10" cellspacing="10" style="border-collapse: collapse;">
        <tr>
            <th colspan="2" rowspan="2" >爱过后</th>
            <th rowspan="2">爱过后</th>
            <th>爱过后</th>
            <th>爱过后</th>
            <th>爱过后</th>
        </tr>
        <tr>
            <td>安徽</td>
            <td>安徽</td>
            <td>安徽</td>
            <td>安徽</td>
            <td>安徽</td>
        </tr>
    </table>

table的常用css设置：

　　 合并边框：border-collapse:collapse;

　　<table style="border-collapse:collapse;">......

table单元格设置：

　　colspan：跨列

　　rowspan：跨行

<th colspan="2" rowspan="2" >爱过后</th>
 <th rowspan="2">爱过后</th>

如果对一个th或td同时设置 colspan 和 rowspan，是什么效果？跨行

5.seo

搜索引擎优化（SearchEngine Optimization，简称SEO），指为了从搜索引擎中获得更多的免费流量，从网站结构、内容建设方案、用户互动传播等角度进行合理规划，使网站更适合搜索引擎的检索原则的行为。

SEO可以帮助将网站中的高质量内容更好的呈现给搜索引擎，SEO和搜索引擎，是良性的共生关系。

　　HTML代码SEO优化

　　　　标签语义化：根据标签的语义合理使用

　　　　图片alt一定要合理书写

　　　　a标签内部的文本（锚文本）对关键词排名影响非常大 一定要合理书写

　　　　合理利用搜索引擎重视的标签 （title，strong，h1-h3，a，em，img&alt）

6.html的书写规范

　　标签换行写法

　　标签需要关闭 

　　标签缩进

　　标签用英文小写

　　注释

　　合理嵌套

　　特殊字符用实体符号

　　　　大于号>：&gt;

　　　　小于号<：&lt;

　　　　空 格 ：&nbsp;

　　　　版权符©：&copy;

　　　　注册商标®：&reg;

　　　　HTML特殊字符编码对照表 http://www.jb51.net/onlineread/htmlchar.htm

7.background-attachment 背景图滚动

　　background-attachment : scroll | fixed；

　　　　scroll : 随页面滚动背景图片跟随移动，默认值

　　　　fixed : 随页面滚动背景图片不移动

8.background

　　background : color url( ) position repeat；