静态网页HTML知识点归纳

一、概念

HTML全称Hyper Text Markup Language 超文本标记语言
超文本是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本.
标记语言:
由标签构成的语言。<标签名称> 如 html，xml
标记语言不是编程语言

二、标签

1、文件标签：构成html最基本的标签

* html:html文档的根标签
* head：头标签。用于指定html文档的一些属性。引入外部的资源
* title：标题标签。
* body：体标签

2、文本标签：和文本有关的标签

注释：
               * <h1> to <h6>：标题标签
                * <p>：段落标签
               * <br>：换行标签
                * <hr>：展示一条水平线
                * <b>：字体加粗
               * <i>：字体斜体
                * <font>:字体标签
                * <center>:文本居中

属性：* color：颜色
* width：宽度
* size：高度
* align：对其方式
center：居中， left：左对齐， right：右对齐

* size：大小
* face：字体

3、图片标签

img：展示图片
* 属性：
* src：指定图片的位置

语法：<img src="图片文件路径" />

4、列表标签

有序列表： ol: ， li:
无序列表： ul:， li:

5、链接标签

a:定义一个超链接
                   * 属性：
* href：指定访问资源的URL(统一资源定位符)
* target：指定打开资源的方式
                            * _self:默认值，在当前页面打开
                            * _blank：在空白页面打开

语法：

6、div和span

* div:每一个div占满一整行。块级标签
* span：文本信息在一行展示，行内标签内联标签

7、语义化标签

1. <header>：页眉
2. <footer>：页脚

8、表格标签

* table：定义表格
                      * width：宽度
                     * border：边框
                    * cellpadding：定义内容和单元格的距离
                    * cellspacing：定义单元格之间的距离。如果指定为0，则单元格的线会合为一条、
                    * bgcolor：背景色
                    * align：对齐方式
       * tr：定义行
           * bgcolor：背景色
           * align：对齐方式
       * td：定义单元格
           * colspan：合并列
           * rowspan：合并行
       * th：定义表头单元格
       * <caption>：表格标题
       * <thead>：表示表格的头部分
       * <tbody>：表示表格的体部分
       * <tfoot>：表示表格的脚部分

9、表单标签

from:用于定义表单的。可以定义一个范围，范围代表采集用户数据的范围

属性：action：指定提交数据的URL

method:指定提交方式：get、post

表单项中的数据要想被提交：必须指定其name属性

表单项标签：

input：可以通过type属性值，改变元素展示的样式

type属性：

text：文本输入框，默认值

placeholder：指定输入框的提示信息，当输入框的内容发生变化，会自动清空提示信息

password：密码输入框

radio:单选框

checkbox：复选框

file：文件选择框

hidden：隐藏域

submit：提交按钮

label：指定输入项的文字描述信息

select: 下拉列表

textarea：文本域