HTML总结

引言：

              一份总结一份收获，多做总结，自己会离成功越来越近。

概述：

              HTML(Hypertext Markup Language)名称为超文本标记语言，是编写网页的标记语言。HTML一共分为元素、框架、标签三部分，而且框架由元素和标签构成。

内容：

             导图如下：      

             HTML元素：

            HTML元素分为空与非空，区别是有无结尾标记符。而非空元素分为带内容和带内容与属性的元素，例子如图所示：

         

            标签：

            Html标签分为格式和创建俩种类型。格式类型分为段落控制、文本显示、输入字符、HTML注释。创建类型分为列表、表格、控件、外部四类。

            1 与段落控制相关的标签：

                    

                     注意：在使用16进制数表示颜色值时，IE浏览器不要求添加“#”号，但如果为了支持更多的浏览器，那么还是应该在十六进制的颜色值前面加上“#”号。

             2 与文本显示相关的标签：

             

             3 输入特殊字符：Html中有俩种引用类型：字符和字体，它们的引用都是一个和号（&）开始并以一个分号（；）结束。如果用的是字符引用，需要在和号（&）之后加上一个井号（#），之后是所需字符的十进制或十六进制代码（ISO 10646字符集中字符的编码）。如果用的是实体引用，在和号（&）之后写上字符的助记符。

             

             4 HTML注释：输入注释信息，首先输入一个小于号，然后紧接着输入一个感叹号，注意：在小于号和感叹号之间不能有空格，之后是俩条短线（--）,而且不要在注释的内容中加入字符串“—>”，例如：<!—This is a comment>。

                    5 列表：

                  1>数字编号的列表：使用<ol>和<li>标签创建带数字编号的列表，在<ol>标签中使用start属性，设置起始的序号；在<li>标签中使用value属性，改变列表内的编号顺序。这里难点在于制定编号的格式和顺序，在<ol>和<li>标签中，使用type属性指定编号系统的类型，type属性的取值如下表所示：

             

                          2> 带有项目符号的列表:使用<ul>和<li>标签创建带有项目符号的列表，<ul>和<li>标签的tyoe属性指定符号的样式，取值为：disc——显示为实心的圆圈；square——显示为实心的方块；circle——显示为空心的圆圈。

                        带有屋符号的列表：使用<dl>和<dt>标签创建无符号的列表；使用<dd>标签替换<dt>，创建缩进的列表。

                   3> 术语列表：在<dl>元素中同时使用<dt>和<dd>标签，建立术语列表。术语列表中的列表项由俩部分组成：术语和它的说明，术语由<dt>标签指定，说明由<dd>标签指定。

              6 表格：

                   1>    定义：表格是用<table>元素来定义的，属性：border用于定义表格边框的宽度，若border=0或者忽略border属性，浏览器不会显示边框；align用于设定表格的对齐方式，alignment可以是left、center或right；属性bgcolor用于指定表格的背景色，它的取值和color属性的取值一样；

                           <caption>元素用于定义表格的标题，<caption>…</caption>，

                           <tr>元素在表格中添加一个新行，如<tr align=”alignment” valign=”alignment”>…</tr>,属性align用于指定水平对齐方式，值可以是left、center、right；属性valign用于指定垂直方向对齐方式，值为top、middle、bottom。

                           <th>元素用于定义表头，如:<th>…</th>

                           <td>元素用于定义单元格，如：<td>…</td>

                   2>    创建表单：使用<form>元素创建作为HTML文档的部分表单，表单的语法<form method=”get or post” action=”URL”> … </form>:属性method用于指定向服务器发送表单数据时所使用的HTTP方法，可以是get或者post这俩种方法中的一种，get是缺省的方法。采用get方法提交表单时，提交的数据被附加到URL的末端，作为URL的一部分发送到服务器端；采用post方法是将表单中的信息作为一个数据块发送到服务器端。属性action指定对表单进行处理的脚本的地址。

                               3>    浏览器提交表单与服务器的交互过程：

            

                         7 控件：控件分为输入输出控件、选择按钮、功能控件，输入输出控件包括单行文本输入控件（type=”text”）、多行文本输入控件、口令输入控件（password）等控件，选择控件包括单选按钮（radio）、复选框（checkbox）、列表框等控件，功能控件包括提交按钮（submit）、重置按钮（reset）、隐藏控件（hidden）。

               8 外部：与外界有联系的俩部分知识为超链接和嵌入图像。

                   1>超链接：HTML文本作为超文本具有超链接功能，可以通过点击关键字（超链接）来实现跳转页面的功能。超链接通过URL定位Internet上的资源。URL全称是Uniform Resource Locator，统一资源定位符，由协议，主机名称，文件目录和文件名。

                   2>嵌入图像：在Web上使用得最多的俩种图像格式是GIF和JPEG。GIF只能用于256色的图像，对于不需要大量颜色的图片，例如：网站的LOGO，图标等，常常使用GIF格式；对图片品质要求较高的一些图像，例如：照片、风景画等，常使用JPEG格式。在网页中嵌入图像使用<img>元素，其基本语法为：<img src="URL" width=n height=n>,属性src指定图像资源的位置，属性width和height用于指定图片的尺寸。

        框架：

           框架由开始和结束俩部分组成，具体结构如下图所示：

总结：

               Web页面（网页）也是一种文档，HTML也正是编写Web页面的标记语言，所以说学好HTML是我们网页制作必须具备的基础，如果有不同或者其他想法与问题，请邮箱联系我：meng363873117@163.com