html-css

HTML结构

...包含整个HTML文档。

...包含HTML文档的标题。

指明文档的标题，用于内。...包含HTML文档的正文。

...

包含一个段落；段落间隔一行。
分行。

---

水平标尺线。

...

一级标题。

...

二级标题。

...

三级标题。

...

四级标题。

...

五级标题。

...

六级标题。

HTML链接

...使用href可创建指向另一个文档或锚点的链接。

属性

href="address"要链接的文档或锚点的地址。target="_blank"在新浏览器窗口中打开链接的页面，但该属性不符合XHTML的要求，可以使用javascript来避开这种限制。

HTML文本的对齐和格式化

...强调(通常是斜体)。

...更重的强调(通常是粗体)。

...粗体文本。

...斜体文本。

...打字机(等宽)字体。

...

预格式化的文本(原来的分行和空格都将被保留---这些分行的空格通常以等宽字体显示)。

...比正常字体稍大的文本。

...比正常字体稍小的文本。_...下标。

^...上标。

...

要要格式化的文本区域。

属性

style="text-align:alignment"将文本居中对齐、左对齐或右对齐(也可用于

、

、

和

等)。

s tyle="font-family:typeface"文本的字体名称。（同上）

style="font-size:size"字体大小。

style="color:color"修改文本的颜色。

...

有序(带编号的)列表。

属性style=list-style-type:numtype"

用于标记列表的编号类型，可能的值包括：decimal(十进制数字)、lower-roman(小写罗马数字)、lower-alpha(小写alpha数字)、upper-alpha(大写alpha数字)、以及none(无)

...

无序(带项目符号的)列表。

属性

style="list-style-tyle:bullettype"

用于标记列表项的项目符号类型。可能的值包括disc、circle、square和none。

...

用于

或
的列表项。

属性

style="list-style-type:type"

标记列表的编号或项目符号。可能的值包括disc、circle、square、decimal、lower-roman、upper-roman、lower-alpha、

upper-alpha和none。

...

定义列表。
...
定义项，作为定义列表的一部分。
...
与定义项对应的定义。也是定义列表的一部分。

HTML文本链接

...通过href属性，创建指向另一个文档

或锚点的链接；通过name属性，创建

可被链接的锚点

属性

href="addres s"要链接的文档或锚点的地址

id="name"锚点在这个文档中的名称

HTML图像

将图像放在网页中

属性

src="地址"图像的地址或文件名

alt="取代图像的描述"显示在图像位置上的

对图像的描述，主要提供给不能看到

图像的用户看

title="标题"作为图像标题显示的文本信息，通常显示在图像上的一个弹出窗口(工具提示) width="宽度"图像的宽度，单位是像素

height="高度"图像的高度，单位是像素

style="border-style:none"如果图像时链接，就去掉图像周围的边框

style="vertical-align:alignment"图像在垂直方向上按text-top、top、text-bottom、bottom、middle 或baseline对齐

style="float:float"使图像浮动在一边，文本环绕在另一边。可选的值右left、right和none(默认值)

HTML自定义背景和颜色

...包含HTML文档的主体（文

本与标签）

style="background-color:color"设置网页的背景

颜色；可以在子元素中覆盖style="color:color"设置网页所有文本的颜色；可

以在子元素中覆盖

style="background-image:url(imageurl)"设置网页的背景图像，通常是平铺的图像style="background-repeat:repeat"指定如何重

复背景图像，可能的取值包括

repeat、repeat-x、repeat-y和no-repeat

HTML图像链接和图像映射

客户端图像映射，由

usemap="..."/>引用。包含一个

或多个标签

在用户端图像映射中低压可单击

的链接

shape="值"可单击区域的形状，这个属性有效

的取值右rect、poly和circle cords="值"图像中可单击区域的坐标；其含义

和设置随区域类型而异

href="链接URL"单击区域时应加载的URL

alt="描述"区域的文本描述，目的是当图像不能显示时替代图像显示

HTML表格

...创建表格，可以包含任意数量

的行（标签）

border="宽度"指定表格边框宽度，单位为像

素，如果border="0"或省略该

属性，边框将不显示cellspacing="间距"表格单元格之间的间距，

单位为像素cellpadding="填充距离"表格单元格边框同其

内容的间距，单位为像素style="width:宽度"表格在网页中的宽度，可

以使像素数或网页宽度的百分比style="height:高度"表格在网页中的高度，可

以使像素或网页高度的百分比

style="background-color:颜色"表格与没有

背景颜色的单元格的背景颜色style="backgroundimage:url(图像url)"表格与没有背景图像的单元格的背景图像（如

果也指定了背景颜色，背景颜色将透过图

像的透明区域显示出来）----------------------------------------------------------------...定义表格的一行，可以包含一个或多个单元格（标签）

属性

style="text-align:对齐方式"该行中单元格内

容的水平对齐方式，可能的值为

left、right和center

style="vertical-align:对齐方式"该行中单元

格内容的垂直对齐方式，可能的值为

tip、middle和bottom

style="background-color:颜色"表格与没有

背景颜色的单元格的背景颜色style="backgroundimage:url(图像url)"表格与没有背景图像的单元格的背景图像

（如果也指定了背景颜色，背景颜色

将透过图像的透明区域显示出来）

----------------------------------------------------------------...定义表格中的一个数据单元格

属性

style="text-align:对齐方式"该行中单元格内

容的水平对齐方式，可能的值为

left、right和center

style="vertical-align:对齐方式"该行中单元

格内容的垂直对齐方式，可能的值为

tip、middle和bottom

rowspan="行数"该单元格跨越的行数colspan="列数"该单元格跨越的列数

style="width:宽度"表格在网页中的宽度，可

以使像素数或网页宽度的百分比style="height:高度"表格在网页中的高度，可

以使像素或网页高度的百分比

style="background-color:颜色"该单元格的

背景颜色style="backgroundimage:url(图像url)"在这

个单元格中显示的背景图像

----------------------------------------------------------------...定义表头单元格

（可接受的属性与样式同一样）----------------------------------------------------------------