HTML最全的属性Word下载.docx

上传人:b****6 文档编号:18872868 上传时间:2023-01-01 格式:DOCX 页数:28 大小:29.78KB
下载 相关 举报
HTML最全的属性Word下载.docx_第1页
第1页 / 共28页
HTML最全的属性Word下载.docx_第2页
第2页 / 共28页
HTML最全的属性Word下载.docx_第3页
第3页 / 共28页
HTML最全的属性Word下载.docx_第4页
第4页 / 共28页
HTML最全的属性Word下载.docx_第5页
第5页 / 共28页
点击查看更多>>
下载资源
资源描述

HTML最全的属性Word下载.docx

《HTML最全的属性Word下载.docx》由会员分享,可在线阅读,更多相关《HTML最全的属性Word下载.docx(28页珍藏版)》请在冰豆网上搜索。

HTML最全的属性Word下载.docx

定义斜体字。

small>

定义小号字。

strong>

定义加重语气。

sub>

定义下标字。

sup>

定义上标字。

ins>

定义插入字。

del>

定义删除字。

“计算机输出”标签

code>

定义计算机代码。

kbd>

定义键盘码。

samp>

定义计算机代码样本。

tt>

定义打字机代码。

var>

定义变量。

pre>

定义预格式文本。

引用、引用和术语定义

abbr>

定义缩写。

acronym>

定义首字母缩写。

address>

定义地址。

bdo>

定义文字方向。

blockquote>

定义长的引用。

q>

定义短的引用语。

cite>

定义引用、引证。

dfn>

定义一个定义项目。

创建超级链接

ahref="

/index.html"

>

本文本<

/a>

是一个指向本网站中的一个页面的链接。

/p>

将图像作为链接

您也可以使用图像来作链接:

/example/html/lastpage.html"

imgborder="

0"

src="

/i/eg_buttonnext.gif"

/>

Target属性

使用Target属性,你可以定义被链接的文档在何处显示。

下面的这行会在新窗口打开文档:

target="

_blank"

VisitW3School!

创建锚的语法:

url"

Texttobedisplayed<

锚标签和Name属性

Name属性用于创建被命名的锚(namedanchors)。

当使用命名锚(namedanchors)时,我们可以创建直接跳至页面中某个节的链接,这样使用者就无需不停的滚动页面来寻找他们需要的信息。

以下是命名锚的语法:

aname="

label"

框架结构标签(<

frameset>

∙框架结构标签(<

)定义如何将窗口分割为框架

∙每个frameset定义了一系列行或列

∙rows/columns的值规定了每行或每列占据屏幕的面积

编者注:

frameset标签也被某些文章和书籍译为框架集。

框架标签(Frame)

Frame标签定义了放置在每个框架中的HTML文档。

在下面的这个例子中,我们设置了一个两列的框架集。

第一列被设置为占据浏览器窗口的25%。

第二列被设置为占据浏览器窗口的75%。

HTML文档"

frame_a.htm"

被置于第一个列中,而HTML文档"

frame_b.htm"

被置于第二个列中:

framesetcols="

25%,75%"

 

<

framesrc="

/frameset>

表格

表格由<

table>

标签来定义。

每个表格均有若干行(由<

tr>

标签定义),每行被分割为若干单元格(由<

td>

标签定义)。

字母td指表格数据(tabledata),即数据单元格的内容。

数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

tableborder="

1"

row1,cell1<

/td>

row1,cell2<

/tr>

row2,cell1<

row2,cell2<

/table>

在浏览器显示如下:

row1,cell1

row1,cell2

zrow2,cell1

row2,cell2

表格和边框属性

如果不定义边框属性,表格将不显示边框。

有时这很有用,但是大多数时候,我们希望显示边框。

使用边框属性来显示一个带有边框的表格

Row1,cell1<

Row1,cell2<

表格的表头

表格的表头使用<

th>

Heading<

/th>

AnotherHeading<

Heading

AnotherHeading

row2,cell1

表格中的空单元格

在大多数浏览器中,没有内容的表格单元显示得不太好。

注意:

这个空的单元格的边框没有被显示出来。

(不过MozillaFirefox可以将整个边框显示出来。

)为了避免这种情况,在空单元格中添加一个空格占位符,就可以将边框显示出来。

&

nbsp;

在浏览器中显示如下:

基本的注意事项-有用的提示:

thead>

<

tbody>

tfoot>

很少被用到,这是由于浏览器对它们的支持不太好。

希望这种情况在未来版本的XHTML中会有所改观。

如果你使用IE5.0或者更新的版本,可以查看在我们的《XML教程》中的具体例子。

表格标签

定义表格

caption>

定义表格标题。

定义表格的表头。

定义表格的行。

定义表格单元。

定义表格的页眉。

定义表格的主体。

定义表格的页脚。

col>

定义用于表格列的属性。

colgroup>

定义表格列的组。

无序列表

无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。

无序列表始于<

ul>

标签。

每个列表项始于<

li>

Coffee<

/li>

Milk<

/ul>

浏览器显示如下:

∙Coffee

∙Milk

列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。

有序列表

同样,有序列表也是一列项目,列表项目使用数字进行标记。

有序列表始于<

ol>

/ol>

1.Coffee

2.Milk

定义列表

自定义列表不仅仅是一列项目,而是项目及其注释的组合。

自定义列表以<

dl>

标签开始。

每个自定义列表项以<

dt>

开始。

每个自定义列表项的定义以<

dd>

/dt>

Blackhotdrink<

/dd>

Whitecolddrink<

/dl>

Coffee

Blackhotdrink

Milk

Whitecolddrink

定义列表的列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。

列表标签

定义有序列表。

定义无序列表。

定义列表项。

定义定义列表。

定义定义项目。

定义定义的描述。

表单

表单是一个包含表单元素的区域。

表单元素是允许用户在表单中(比如:

文本域、下拉列表、单选框、复选框等等)输入信息的元素。

表单使用表单标签(<

form>

)定义。

input>

/form>

输入

多数情况下被用到的表单标签是输入标签(<

)。

输入类型是由类型属性(type)定义的。

大多数经常被用到的输入类型如下:

文本域(TextFields)

当用户要在表单中键入字母、数字等内容时,就会用到文本域。

Firstname:

inputtype="

text"

name="

firstname"

Lastname:

lastname"

窗体顶端

窗体底端

注意,表单本身并不可见。

同时,在大多数浏览器中,文本域的缺省宽度是20个字符。

单选按钮(RadioButtons)

当用户从若干给定的的选择中选取其一时,就会用到单选框。

radio"

sex"

value="

male"

Male

female"

Female

Male

Female

注意,只能从中选取其一。

复选框(Checkboxes)

当用户需要从若干给定的选择中选取一个或若干选项时,就会用到复选框。

checkbox"

bike"

Ihaveabike

car"

Ihaveacar

Ihaveabike

Ihaveacar

表单的动作属性(Action)和确认按钮

当用户单击确认按钮时,表单的内容会被传送到另一个文件。

表单的动作属性定义了目的文件的文件名。

由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。

formname="

input"

action="

html_form_action.asp"

method="

get"

Username:

user"

submit"

Submit"

假如您在上面的文本框内键入几个字母,并且点击确认按钮,那么输入数据会被传送到名为"

的页面。

那一页将显示出输入的结果。

表单标签

定义供用户输入的表单

定义输入域

textarea>

定义文本域(一个多行的输入控件)

label>

定义一个控制的标签

fieldset>

定义域

legend>

定义域的标题

select>

定义一个选择列表

optgroup>

定义选项组

option>

定义下拉列表中的选项

button>

定义一个按钮

图像标签(<

img>

)和源属性(Src)

在HTML中,图像由<

标签定义。

是空标签,意思是说,它只包含属性,并且没有闭合标签。

要在页面上显示图像,你需要使用源属性(src)。

src指"

source"

源属性的值是图像的URL地址。

定义图像的语法是:

imgsrc="

URL指存储图像的位置。

如果名为"

boat.gif"

的图像位于的images目录中,那么其URL为

浏览器将图像显示在文档中图像标签出现的地方。

如果你将图像标签置于两个段落之间,那么浏览器会首先显示第一个段落,然后显示图片,最后显示第二段。

替换文本属性(Alt)

alt属性用来为图像定义一串预备的可替换的文本。

替换文本属性的值是用户定义的。

alt="

BigBoat"

在浏览器无法载入图像时,替换文本属性告诉读者她们失去的信息。

此时,浏览器将显示这个替代性的文本而不是图像。

为页面上的图像都加上替换文本属性是个好习惯,这样有助于更好的显示信息,并且对于那些使用纯文本浏览器的人来说是非常有用的。

假如某个HTML文件包含十个图像,那么为了正确显示这个页面,需要加载11个文件。

加载图片是需要时间的,所以我们的建议是:

慎用图片。

图像标签

定义图像。

map>

定义图像地图。

area>

定义图像地图中的可点击区域

背景(Backgrounds)

拥有两个配置背景的标签。

背景可以是颜色或者图像。

背景颜色(Bgcolor)

背景颜色属性将背景设置为某种颜色。

属性值可以是十六进制数、RGB值或颜色名。

bodybgcolor="

#000000"

rgb(0,0,0)"

black"

以上的代码均将背景颜色设置为黑色。

背景(Background)

背景属性将背景设置为图像。

属性值为图像的URL。

如果图像尺寸小于浏览器窗口,那么图像将在整个浏览器窗口进行复制。

bodybackground="

clouds.gif"

URL可以是相对地址,如第一行代码。

也可以使绝对地址,如第二行代码。

提示:

如果你打算使用背景图片,你需要紧记一下几点:

∙背景图像是否增加了页面的加载时间。

小贴士:

图像文件不应超过10k。

∙背景图像是否与页面中的其他图象搭配良好。

∙背景图像是否与页面中的文字颜色搭配良好。

∙图像在页面中平铺后,看上去还可以吗?

∙对文字的注意力被背景图像喧宾夺主了吗?

标签中的背景颜色(bgcolor)、背景(background)和文本(text)属性在最新的HTML标准(HTML4和XHTML)中已被废弃。

W3C在他们的推荐标准中已删除这些属性。

应该使用层叠样式表(CSS)来定义HTML元素的布局和显示属性。

颜色由红色、绿色、蓝色混合而成。

颜色值

颜色由一个十六进制符号来定义,这个符号由红色、绿色和蓝色的值组成(RGB)。

每种颜色的最小值是0(十六进制:

#00)。

最大值是255(十六进制:

#FF)。

这个表格给出了由三种颜色混合而成的具体效果:

Color

ColorHEX

ColorRGB

#000000

rgb(0,0,0)

#FF0000

rgb(255,0,0)

#00FF00

rgb(0,255,0)

#0000FF

rgb(0,0,255)

#FFFF00

rgb(255,255,0)

#00FFFF

rgb(0,255,255)

#FF00FF

rgb(255,0,255)

#C0C0C0

rgb(192,192,192)

#FFFFFF

rgb(255,255,255)

颜色名

大多数的浏览器都支持颜色名集合。

仅仅有16种颜色名被W3C的HTML4.0标准所支持。

它们是:

aqua,black,blue,fuchsia,gray,green,lime,maroon,navy,olive,purple,red,silver,teal,white,yellow。

如果需要使用其它的颜色,需要使用十六进制的颜色值。

ColorName

#F0F8FF

AliceBlue

#FAEBD7

AntiqueWhite

#7FFFD4

Aquamarine

Black

Blue

#8A2BE2

BlueViolet

#A52A2A

Brown

Web安全色

数年以前,当大多数计算机仅支持256种颜色的时候,一系列216种Web安全色作为Web标准被建议使用。

其中的原因是,微软和Mac操作系统使用了40种不同的保留的固定系统颜色(双方大约各使用20种)。

我们不确定如今这么做的意义有多大,因为越来越多的计算机有能力处理数百万种颜色,不过做选择还是你自己。

216跨平台色

最初,216跨平台web安全色被用来确保:

当计算机使用256色调色板时,所有的计算机能够正确地显示所有的颜色。

000000

000033

000066

000099

0000CC

0000FF

003300

003333

003366

003399

0033CC

0033FF

006600

006633

006666

006699

0066CC

0066FF

009900

009933

009966

009999

0099CC

0099FF

00CC00

00CC33

00CC66

00CC99

00CCCC

00CCFF

00FF00

00FF33

00FF66

00FF99

00FFCC

00FFFF

330000

330033

330066

330099

3300CC

3300FF

333300

333333

333366

333399

3333CC

3333FF

336600

336633

336666

336699

3366CC

3366FF

339900

339933

339966

339999

3399CC

3399FF

33CC00

33CC33

33CC66

33CC99

33CCCC

33CCFF

33FF00

33FF33

33FF66

33FF99

33FFCC

33FFFF

660000

660033

660066

660099

6600CC

6600FF

663300

663333

663366

663399

6633CC

6633FF

666600

666633

666666

666699

6666CC

6666FF

669900

669933

669966

669999

6699CC

6699FF

66CC00

66CC33

66CC66

66CC99

66CCCC

66CCFF

66FF00

66FF33

66FF66

66FF99

66FFCC

66FFFF

990000

990033

990066

990099

9900CC

9900FF

993300

993333

993366

993399

9933CC

9933FF

996600

996633

996666

996699

9966CC

9966FF

999900

999933

999966

999999

9999CC

9999FF

99CC00

99CC33

99CC66

99CC99

99CCCC

99CCFF

99FF00

99FF33

99FF66

99FF99

99FFCC

99FFFF

CC0000

CC0033

CC0066

CC0099

CC00CC

CC00FF

CC3300

CC3333

CC3366

CC3399

CC33CC

CC33FF

CC6600

CC6633

CC6666

CC6699

CC66CC

CC66FF

CC9900

CC9933

CC9966

CC9999

CC99CC

CC99FF

CCCC00

CCCC33

CCCC66

CCCC99

CCCCCC

CCCCFF

CCFF00

CCFF

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 自然科学

copyright@ 2008-2022 冰豆网网站版权所有

经营许可证编号:鄂ICP备2022015515号-1