HTML总结

HTML总结

一、什么是HTML

HTML（Hypertext MarkupLanguage）超文本标记语言，它之所以被称为超文本，就是因为它具有普通文本所不具有的超链接功能。它是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言，用来结构化信息，例如标题、段落和列表等等，也可用来在一定程度上描述文档的外观和语义。

二、HTML元素和标签

网页文档的结构和格式的定义是由HTML元素来完成的，HTML元素是由一个或一对标签定义的包含范围。

1、  元素

（1）四种形式

1）空元素：<br>

2)带有属性的空元素：<hrcolor="blue">

3)带有内容的元素：

 <title>http://www.sunxin.org</title>

4）带有内容和属性的元素

<font color="red">http://www.sunxin.org</font>

（2）input元素

1)用于接受用户输入的信息，属于带有属性的空元素，用来创建表单中的控件；

2）语法：

<input type="type" name="name"size="size" value="value">

Type:控件类型

name：控件的名称；

value：定义控件的初始值

2、标签

（1）段落控制标签

<p align="#">:表示paragraph，align对齐方式

<br>:表示linebreak，换行

<hr color="clr">:horizontal rule,插入一条水平线

（2）列表

  1）数字编号列表

   在<ol>标签中使用start属性，设置起始的序号

     在<li>标签中使用value属性，改变列表内的编写顺序

      2）指定编号的格式和顺序列表

      在<ol>和<li>标签中，使用type属性指定编号系统的类型。

       

        3）带项目符号的列表

         在使用<ul>和<li>标签创建带有项目符号的列表，<ul>和<li>标签的typ

          属性指定符号的样式，取值如下：

          disc----显示为实心的圆圈

          square----显示为实心的方块

          circle----显示为空心的圆圈

       4）无符号列表

           使用<dl>与<dt>创建无符号列表

            使用<dd>标签替换<dt>,创建缩进列表

       5）术语列表

             在<dl>元素中同时使用<dt>和<dd>标签，建立术语列表

 3、表格

（1）在html中表格不仅可以用于显示数据，还可以用于页面的布局，对不同html中元素的位置进行控制

（2）格式

<table border=n align="alignment"bgcolor="clr">…</table>

 4、表单

（1）使用<form>元素，以及在期间嵌入的相关元素，就可以创建作为HTML文档一部分的表单。

（2）语法：

    <formmethod="get of post" action="URL">

               ……

              </form>

             method:指定向服务器发送表单数据时所使用的HTT

            P方法，可是GET或post，get是缺省方法。

           比较：

            get：get方法提交表单时，提交的数据被附加到URL（在属性action中指定）的末端，作为URL的一部分发送到服务器；

            post：将表单中的信息作为一个数据块发送到服务器端

           但是，两者数据编码相同

           action：指定对表单进行处理的脚本的地址，即表单提交到服务器后，交由 谁来处理，在action属性中指定处理者的URL

5、列表框

      （1）列表框由<select>元素创建，列表框中的各个选项用<option>元素提供

6、多行文本输入框

（1）语法：

       <textarea name="name"rows="number of rows" cols="number of columns">

（2） 例子：

       个人简介：<textarea  name="personal" rows="5"cols="30" >简介</textarea>

7、超链接

（1）超链接能够正常工作，就需有一种方法来定位Internet上的资源，通过 URL 来  实现。URL全称是Uniform Resource Locator，统一资源定位符。URL由三部分组成：协          议、主机名称，文件目录，文件名

 （2）语法：

      <ahref="URL">…</a>

      Href:指定链接的目标，目标地址由URL定位

     在开始标签<a>和结束标签</a>之间输入的文本将作为浏览器中显示的链接文本。

8、嵌入图像

   （1）  语法：

     <imgsrc="URL" width=n height=n>

     属性src指定图像资源的位置，属性width和height用于指定图片的尺寸

三、HTML框架

  这些元素和标签构成HTML的骨架----框架，如下图所示

        

四、输入注意

   （1）多空白字符处理

在HTML文档中，如果存在多个空白字符（空格、制表符、回车、换行等），浏览器只解析一个字符

       （2）特殊字符输入

                  特殊字符的输入需要引用，引用的方式：字符引用和实体引用