HTML速记

1.       与段落控制相关标签

<p align=”#”>

创建一个段。#可以是left,right,center,justify.

<br>

换行

<hr color=”clr”>

插入水平线。Clr可以为预定义颜色名字。例如：red, blue, black, white, yellow, olive, aqua.也可以为十六进制数表示的颜色值，clr=”#rrggbb”。

2.       控制文本显示

<center> 文本居中

<hn align=”#”> 用于指出文档标题，n是1-6的整数，1表示最大。

<font size=n color=”clr”> 用于设置字体大小，n可以是1到7的整数，数字越大，字体越大。

<b> 粗体

<i> 斜体

3.       特殊字符的输入

可以使用字符引用和实体引用。

字符引用和实体引用都是以一个和号（&）开始并以一个分号（；）结束。如果使用字符引用，需要在和号之后加上一个井号，之后是所需字符的十进制代码或十六进制代码（ISO10646字符集中字符的编码）。如果使用的是实体引用，在和号之后写上字符的助记符。

常用的字符实体
字符　    字符引用（10）　实符引用（16）　实体引用 描述
“             &#34;                  &#x22;                 &quot;　　　双引号
&           &#38;                   &#x26;                 &amp;　　　 和号
<           &#60;                  &#x3c;                 &lt;               小于号
>            &#62;                  &#x3a;                 &gt;　　　　大于号
空格　   &#160;               &#xa0;                 &nbsp;　　　不间断空格
             &#169;               &#xa9;                 &copy;　　　版权符号
             &#174;                 &#xae;                 &reg;　　　　注册商标

4.       带有数字编号的列表

实例:
<ol>(设置起始编号<ol start=”10”>)
<li>《Java从入门到精通》
　 <li>《C++ 基础》（改变编号，<li value=”20”>）
</ol>
(1)使用<ol>和<li>标签创建带数字编号的列表。
(2)在<ol>标签中使用start属性，设置起始的序号。
(3)在<li>标签中，使用value属性，改变列表内的编号顺序。

 

在<ol>和<li>标签中，使用type属性指定编号系统的类型。Type属性的取值如下表示：
属性值　　　　     数字风格
A　　　　　　      使用大写字母（A、B、C等）
a 　　                   使用小写字母（a、b、c等）
I(大写字母I)　　  使用大写罗马数字（I、II、III等）
i(小写字母i)         使用小写罗马数字（i、ii、iii等）
1                           使用阿拉伯数字（1、2、3等）这是缺省值

5.       带有项目编号的列表

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

6.       建立无符号列表

(1)使用<dl>与<dt>标签创建无符号的列表。
(2)使用<dd>标签替换<dt>，创建缩进的列表。
(3)在<dl>元素中同时使用<dt>和<dd> 标签，建立术语列表。术语列表中的列表项由两部分组成：术语和它的说明。术语由<dt>标签指定，说明由<dd> 标签指定。
<dl>
　　<dt>HTML
<dd>
</dl>

7.       表格

（1）表格是用<table>元素定义的，如下所示：
<table border=n align=”alignment” bgcolor=”clr”>
…
</table>
属性border用来定义表格边框的宽度，n可以是从0开始的整数，如果设置border=0，那么表格边框没有宽度，如果忽略border属性，浏览器将不会显示边框，这和设置border=0是一样的效果；属性align用于设定表格的对齐方式，alignment可以是left、center、right;属性bgcolor用于指定背景的颜色，它的取值和前面介绍过的color属性的取值是一样的。
（2）<caption>元素用于定义表格的标题，如下所示：
<caption>…</caption>
(3)<tr>元素在表格中添加一个新行，如下所示：
<tr align=”alignment” valign=”alignment”>
…
</tr>
属性align用于指定这一行在水平方向上的对齐方式，alignment可以是left、center、right。属性valign用于指定这一行在垂直方向的对齐方式，alignment可以是top、middle、bottom。
（4）<th>元素用于定义表头，如下所示：
<th>…</th>
(5)<td>元素用于定义单元表格，如下所示：
　　　 <td>…</td>

 

8.       交互式表单

(1)使用<form>元素，以及在其间嵌入的相关元素（称为控件），就可以创建作为HTML文档一部分的表单。
表单的基本语法下：
<form method=”get or post” action=”URL”>
…
</form>
(2)属性method用于指定向服务器发送表单数据时所使用的HTTP方法。可以是get或post这两种方法的一种，get是缺省的方法。当采用get方法提交表单时，提交的数附加到URL（在属性action中指定）的末端，作为URL的一部分发送到服务器端。例如：我们指定action=”reg.jsp”。当提交表单后，在浏览器中，我们会看到下面的信息：http://locallhost:8080/reg.jsp?user=zhangsan&pwd=1234.而post方法是将表单中信息作为一个数据块发磅到服务器端，无论是采用哪一种方法，数据的编码都是相同的格式：name1=value1&name2=value2。属性action指定对表单进行处理的脚本的地址，也就是说，表单提交到服务器后，交由谁来处理，在action属性中指定处理者的URL。

（1）<input>元素用于接受用户输入的信息。
<input>元素是一个带有属性的空元素，用来创建表单中的控件，其语法是：<intput type=”type” name==”name” size=”size” value=”value”>
(2)属性type用来指定要创建的控件的类型。属性name用来指定控件的名称，处理表单的服务器端脚本可以获得以名称――值对所表示的表单的数据，利用名称，可以取出对应的值。Name属性在表单中并不显示。属性size用来指定表单中控件的宽度。属性value指定控件的初始值。
(3)常用<input>元素
单行文本输入控件（type=”text”）
提交按钮（type=”submit”），可根据value值改变显示的文本
重置按钮（type=”reset”），可根据value值改变显示的文本

一般按钮（type="button"）,可根据value值改变显示的文本
口令输入控件（type=”password”）
单选按钮（type=”radio”）加checked表选中
复选按钮（type=”checkbox”）加checked表选中
隐藏控件（type=”hidden”）。隐藏控件通常存在与服务器端脚本动态产生的表单中，用于保存客户端的跟踪数据和有用信息，当用户提交表单时传回服务器端。

(1)列表框允许用户从一个下拉列表框（下拉菜单）中选择一项或多项，其功能和单选按钮或复选框的功能相同，但显示的方式不一样
(2)列表框由<select>元素创建，列表框中的各个选项用<option>提供。

(3)代码例子：

<select>
<option>《JAVA语言实用教程》</option>
<option>《C程序设计》</option>

</select>

如果我们想让用户在填写注册信息的时候，输入个人简历等信息，那么单行的文本输入控件就不太适合了。对于要接受多行输入信息的情况下，可以使用多行文本输入控件的语法为：
<textarea name=”name” rows=”number of rows” clos=”number of columns”>
…
</textarea>
属性rows用于指定文本输入控件可视区域显示的文本行数，属性cols用于指定文本输入控件可视区域显示的宽度。在开始标签和结束标签之间出现的文本，将作为文本输入控件中的初始文本而显示。

9.       超链接

(1)HTML文本这所以被称为超文本，就是因为它具有普通文本所不具有的超链接的功能，我们在浏览HTML文档时，可以通过点击关键字(一个超链接)，来跳转页面。
(2)要让超链接能够正常工作，就需要用一种方法来定位Internet上的资源，这就是通过URL来实现的。URL全称是Uniform Resource Locator，统一资源定位符。URL由三部分组成：协议、主机名称、文件目录和文件名。例如：http://www.sunxin.org/video/video.asp，http表明使用的是超文本传输协议从主机名(域名)为www.sunxin.org的服务器上访问video目录下的video.asp文件。
建立一个链接的语法如下：
<a href=”URL”>…</a>
(3)属性href用于指定链接的目标，目标地址由URL定位，在开始<a>和结束标签</a>之间输入的文本将作为浏览器中显示的链接文本。
(4)超链接的例子：
<a href=”form.html”>表单的例子</a>
<a href=”../form.html”>表单的例子</a>
<a href=”E://jsplesson?appendixA/table.html”>表格的例子</a>
<a href=”http://ww.sunxin.org”>孙鑫的个人网站</a>

10.   嵌入图像

(1)在web上使用得最多的两种图像格式是GIF或JPEG。GIF只能用于256色的图像，对于不需要大量颜色的图片，例如：网站的LOGO、图标等，常使用GIF格式，对于图片口质要求较高的一些图像，例如：照片、风景画等，常常使使用JPEG格式。
(2)在网页中嵌入一幅图像要使用<img>元素，其基本语法为：<img src=”URL” width=n height=n>,属性src指定图像资源的位置，属性width和height用于指定图片的尺寸。
(3) 和超级链接可组合使用

<a href=”URL1”>

           <img src=”URL2” width=n height=m>

</a>