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) 实体引用 描述
“ " " " 双引号
& & & & 和号
< < < < 小于号
> > : > 大于号
空格     不间断空格
© © © 版权符号
® ® ® 注册商标
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>