HTML最全的属性Word下载.docx
- 文档编号:18872868
- 上传时间:2023-01-01
- 格式:DOCX
- 页数:28
- 大小:29.78KB
HTML最全的属性Word下载.docx
《HTML最全的属性Word下载.docx》由会员分享,可在线阅读,更多相关《HTML最全的属性Word下载.docx(28页珍藏版)》请在冰豆网上搜索。
定义斜体字。
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
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- HTML 属性