HTML标签以及各个标签属性大全网页制作必备要点Word文件下载.docx
- 文档编号:18797349
- 上传时间:2023-01-01
- 格式:DOCX
- 页数:22
- 大小:28.44KB
HTML标签以及各个标签属性大全网页制作必备要点Word文件下载.docx
《HTML标签以及各个标签属性大全网页制作必备要点Word文件下载.docx》由会员分享,可在线阅读,更多相关《HTML标签以及各个标签属性大全网页制作必备要点Word文件下载.docx(22页珍藏版)》请在冰豆网上搜索。
SAMP>
/SAMP>
表示一段用户应该对其没有什么其他解释的文本。
要从正常的上下文抽取这些字符时,通常要用到这个标签。
并不经常使用,只在要从正常上下文中将某些短字符序列提取出来,对其加以强调,才使用这个标签
键盘输入<
KBD>
/KBD>
变数<
VAR>
/VAR>
定义<
DFN>
/DFN>
(有些浏览器不提供)
地址<
ADDRESS>
/ADDRESS>
3.0大字<
BIG>
/BIG>
3.0小字<
SMALL>
/SMALL>
与外观相关的标签(作者自订的表现方式)
加粗<
B>
/B>
斜体<
I>
/I>
3.0底线<
U>
/U>
(尚有些浏览器不提供)
3.0删除线<
S>
/S>
3.0下标<
SUB>
/SUB>
3.0上标<
SUP>
/SUP>
打字机体<
TT>
/TT>
(用单空格字型显示)
预定格式<
PRE>
/PRE>
(保留文件中空格的大小)
预定格式的宽度<
PREWIDTH=?
(以字元计算)
N1.0+向中看齐<
CENTER>
/CENTER>
(文字与图片都可以)
N1.0闪耀<
BLINK>
/BLINK>
(有史以来最被嘲弄的标签)
N1.0字体大小<
FONTSIZE=?
/FONT>
(从1到7)
N1.0改变字体大小<
FONTSIZE=+|-?
N1.0基本字体大小<
BASEFONTSIZE=?
(从1到7;
内定为3)
N2.0字体颜色<
FONTCOLOR="
#$$$$$$"
连结与图形
链接
AHREF="
URL"
/A>
连结到锚点<
URL#***"
(如果锚点在另一个档案)
#***"
(如果锚点目前的档案)
N2.0连结到目的视框<
TARGET="
***"
设定锚点<
ANAME="
图形<
IMGSRC="
图形看齐方式<
ALIGN=TOP|BOTTOM|MIDDLE>
N1.0图形看齐方式<
ALIGN=LEFT|RIGHT|TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM>
取代文字<
ALT="
(如果没有办法显示图形则显示此文字)
点选图<
ISMAP>
(需要CGI程式)
N2.0点选图<
USEMAP="
N2.0地图<
MAPNAME="
/MAP>
(描述地图)
N2.0段落<
AREASHAPE="
RECT"
COORDS="
,,"
HREF="
|NOHREF>
3.0大小<
WIDTH="
?
"
HEIGHT="
(以pixels为单位:
px)
N1.0图形边缘<
BORDER=?
(以pixels为单位)
N1.0图形边缘空间<
HSPACE=?
VSPACE=?
N1.0低解析度图形<
LOWSRC="
N1.1用户端拉<
METAHTTP-EQUIV="
Refresh"
CONTENT="
;
URL=URL"
(使用端自动更新)
N2.0内嵌物件<
EMBEDSRC="
(将物件插入页面)
N2.0内嵌物件大小<
分隔
--------------------------------------------------------------------------------
段落<
P>
(通常是两个return)
3.0段落<
/P>
(新定义成容器型标签)
3.0文字看齐方式<
PALIGN=LEFT|CENTER|RIGHT>
换行<
BR>
(一个return)
N1.0文字部份看齐方式<
BRCLEAR=LEFT|RIGHT|ALL>
(与图形合用时)
横线<
HR>
N1.0横线对齐<
HRALIGN=LEFT|RIGHT|CENTER>
N1.0横线厚度<
HRSIZE=?
N1.0横线宽度<
HRWIDTH=?
N1.0横线比率宽度<
HRWIDTH=%>
(以页宽为100%)
N1.0实线<
HRNOSHADE>
(没有立体效果)
N1.0不可换行<
/NOBR>
(不换行)
N1.0可换行处<
WBR>
(如果需要,可在此断行)
列举(可以巢状列举)
无次序式列举<
UL>
LI>
/UL>
(<
放在每一项前)
N1.0公布式列举<
ULTYPE=DISC|CIRCLE|SQUARE>
(定义全部的列举项)
LITYPE=DISC|CIRCLE|SQUARE>
(定义这个及其後的列举项)
有次序式列举<
OL>
/OL>
N1.0数标型态<
OLTYPE=A|a|I|i|1>
(定义全部的列举项)
LITYPE=A|a|I|i|1>
(定义这个及其後的列举项)
N1.0起始数字<
OLVALUE=?
LIVALUE=?
定义式列举<
DL>
DT>
DD>
/DL>
(<
项目,<
定义)
表单式列举<
MENU>
/MENU>
目录式列举<
DIR>
/DIR>
背景与颜色
3.0重复排列的背景<
BODYBACKGROUND="
N1.1+背景颜色<
BODYBGCOLOR="
(依序为红、绿、蓝)
N1.1+文字颜色<
BODYTEXT="
N1.1+连结颜色<
BODYLINK="
N1.1+看过的连结<
BODYVLINK="
N1.1使用中的连结<
BODYALINK="
特殊字元(以下标签需用小写)
特别符号&
#?
(其中?
代表ISO8859-1的编码)
&
lt;
>
gt;
amp;
"
quot;
注册商标TM?
N1.0+注册商标TM&
reg;
著作权符号?
N1.0+著作权符号&
copy;
表单(通常需要与CGI程式配合)
定义表单<
FORMACTION="
METHOD=GET|POST>
/FORM>
N2.0上传档案<
FORMENCTYPE="
multipart/form-data>
输入栏位<
INPUTTYPE="
TEXT|PASSWORD|CHECKBOX|RADIO|IMAGE|HIDDEN|SUBMIT|RESET"
栏位名称<
INPUTNAME="
栏位内定值<
INPUTVALUE="
已选定<
INPUTCHECKED>
(适用於checkboxes与radioboxes)
栏位宽度<
INPUTSIZE=?
(以字元数为单位)
最长字数<
INPUTMAXLENGTH=?
下拉式选单<
SELECT>
/SELECT>
下拉式选单名称<
SELECTNAME="
选单项目数量<
SELECTSIZE=?
多选式选单<
SELECTMULTIPLE>
(多选)
选项<
OPTION>
内定选项<
OPTIONSELECTED>
文字输入区<
TEXTAREAROWS=?
COLS=?
/TEXTAREA>
输入区名称<
TEXTAREANAME="
N2.0输入区换行方式<
TEXTAREAWRAP=OFF|VIRTUAL|PHYSICAL>
表格
3.0定义表格<
TABLE>
/TABLE>
3.0表格框线<
TABLEBORDER>
(有或没有)
N1.1表格框线<
TABLEBORDER=?
(可以设定数值)
N1.1储存格左右留白<
TABLECELLSPACING=?
N1.1储存格上下留白<
TABLECELLPADDING=?
N1.1表格宽度<
TABLEWIDTH=?
N1.1宽度比率<
TABLEWIDTH=%>
(页宽为100%)
3.0表格列<
TR>
/TR>
3.0表格列内容看齐<
TRALIGN=LEFT|RIGHT|CENTERVALIGN=TOP|MIDDLE|BOTTOM>
3.0储存格<
TD>
/TD>
(须与列并用)
3.0储存格内容看齐<
TDALIGN=LEFT|RIGHT|CENTERVALIGN=TOP|MIDDLE|BOTTOM>
3.0不换行<
TDNOWRAP>
N3.0储存格背景颜色<
TDBGCOLOR=#$$$$$$>
3.0储存格横向连接<
TDCOLSPAN=?
3.0储存格纵向连接<
TDROWSPAN=?
N1.1储存格宽度<
TDWIDTH=?
N1.1储存格宽度比率<
TDWIDTH=%>
3.0表格标题<
TH>
/TH>
(跟<
一样,不过会对中并加粗)
3.0表格标题对齐<
THALIGN=LEFT|RIGHT|CENTERVALIGN=TOP|MIDDLE|BOTTOM>
3.0表格标题不换行<
THNOWRAP>
3.0表格标题占几栏<
THCOLSPAN=?
3.0表格标题占几列<
THROWSPAN=?
N1.1表格标题宽度<
THWIDTH=?
N1.1表格标题比率宽度<
THWIDTH=%>
3.0表格抬头<
CAPTION>
/CAPTION>
3.0表格抬头看齐<
CAPTIONALIGN=TOP|BOTTOM>
(在表格之上/之下)
视框(定义与控制萤幕上的特定区域)
N2.0视框格式总定义<
FRAMESET>
/FRAMESET>
(取代<
)
N2.0视框行长度分配<
FRAMESETROWS=,,,>
(pixels或%)
FRAMESETROWS=*>
(*=相对大小)
N2.0视框栏宽度分配<
FRAMESETCOLS=,,,>
FRAMESETCOLS=*>
(*=相对大小)
N2.0定义个别视框<
FRAME>
(定义个别视框)
N2.0个别视框内容<
FRAMESRC="
N2.0个别视框名称<
FRAMENAME="
|_blank|_self|_parent|_top>
N2.0边缘宽度<
FRAMEMARGINWIDTH=?
(「左」与「右」边界)
N2.0边缘高度<
FRAMEMARGINHEIGHT=?
(「天顶」与「地底」边界)
N2.0卷动条<
FRAMESCROLLING="
YES|NO|AUTO"
N2.0不可改变大小<
FRAMENORESIZE>
N2.0无视框时的内容<
NOFRAMES>
/NOFRAMES>
(如果浏览器不提供视框功能的话)
杂项
说明<
!
--***-->
(浏览器不会显示)
档案型态声明<
DOCTYPEHTMLPUBLIC"
-//IETF//DTDHTML2.0//EN"
3.0档案型态声明<
-//W3O//DTDW3HTML3.0//EN"
可搜寻<
ISINDEX>
(指示可搜寻的索引项)
N1.0提示<
ISINDEXPROMPT="
(要求输入的提示文字)
送出搜寻条件<
URL?
/a>
(其中的问号不是数字,而是「问号」)
基本档案的URL<
BASEHREF="
(必须放在「文头」区段内)
N2.0基本视窗名称<
BASETARGET="
相关性<
LINKREV="
REL="
背景资讯<
META>
HTML标签
HTML标签通常是英文词汇的全称(如块引用:
blockquote)或缩略语(如“p”代表Paragragh),但它们的与一般文本有区别,因为它们放在单书名号里。
故Paragragh标签是<
p>
块引用标签是<
blockquote>
。
有些标签说明页面如何被格式化(例如,<
开始一个新段落),其他则说明这些词如何显示(<
b>
使文字变粗)还有一些其他标签提供在页面上不显示的信息--例如标题。
关于标签,需要记住的是,它们是成双出现的。
每当使用一个标签--如<
则必须以另一个标签<
/blockquote>
将它关闭。
注意“blockquote”前的斜杠,那就是关闭标签与打开标签的区别。
基本HTML页面以<
html>
标签开始,以<
/html>
结束。
在它们之间,整个页面有两部分--标题和正文。
标题词--夹在<
head>
和<
/head>
标签之间--这个词语在打开页面时出现在屏幕底部最小化的窗口。
正文则夹在<
body>
/body>
之间--即所有页面的内容所在。
页面上显示的任何东西都包含在这两个标签之中。
那么让我们建立一个简单的范例吧,非常容易的。
第一步,当然是要建立一个新的文本文件(记住,如果你在使用比较复杂的文字处理器,就应该用“纯文本”或“普通文本”来保存),将它命名为“xxxx.html”。
(随便你起一个什么名字,但记住,要用英文)
然后你可以用浏览器将它打开,你会看见最简单的自己做的页面。
.<
2.<
3.<
4.<
title>
/title>
Html是英文HyperTextMarkupLanguage的缩写,中文意思是“超文本标志语言”,用它编写的文件(文档)的扩展名是.html或.htm,它们是可供浏览器解释浏览的文件格式。
您可以使用记事本、写字板或FrontPageEditor等编辑工具来编写Html文件。
Html语言使用标志对的方法编写文件,既简单又方便,它通常使用<
标志名>
/标志名>
来表示标志的开始和结束(例如<
标志对),因此在Html文档中这样的标志对都必须是成对使用的。
在此教程中,我先讲一下Html的基本标志:
1.<
标志用于Html文档的最前边,用来标识Html文档的开始。
而<
标志恰恰相反,它放在Html文档的最后边,用来标识Html文档的结束,两个标志必须一块使用。
构成Html文档的开头部分,在此标志对之间可以使用<
、<
script>
/script>
等等标志对,这些标志对都是描述Html文档相关信息的标志对,<
标志对之间的内容是不会在浏览器的框内显示出来的。
两个标志必须一块使用。
是Html文档的主体部分,在此标志对之间可包含<
/p>
h1>
/h1>
hr>
等等众多的标志,它们所定义的文本、图像等将会在浏览器的框内显示出来。
标志中还可以有以下属性:
属性
用途
示例
bodybgcolor="
#rrggbb"
设置背景颜色。
red"
红色背景
bodytext="
设置文本颜色。
#0000ff"
蓝色文本
bodylink="
设置链接颜色。
blue"
链接为蓝色
bodyvlink="
设置已使用的链接的颜色。
#ff0000"
bodyalink="
设置正在被击中的链接的颜色。
yellow"
说明:
以上各个属性可以结合使用,如<
text="
引号内的rrggbb是用六个十六进制数表示的RGB(即红、绿、蓝三色的组合)颜色,如#ff0000对应的是红色。
此外,还可以使用Html语言所给定的常量名来表示颜色:
Black、White、Green、Maroon、Olive、Navy、Purple、Gray、Yellow、Lime、Agua、Fuchsia、Silver、Red、Blue和Teal,如<
Blue"
表示<
标志对中的文本使用蓝色显示在浏览器的框内。
使用过浏览器的人可能都会注意到浏览器窗口最上边蓝色部分显示的文本信息,那些信息一般是网页的“主题”,要将您的网页的主题显示到浏览器的顶部其实很简单,只要在<
标志对之间加入您要显示的文本即可。
注意:
标志对只能放在<
标志对之间。
下面是一个综合的例子,仔细阅读,您便可以了解以上各个标志对在一个Html文档中的布局或所使用的位置。
例1Html文档中基本标志的使用
显示在浏览器最上边蓝色条中的文本<
红色背景、蓝色文本<
dl>
/dl>
dt>
/dt>
dd>
/dd>
5.<
ol>
/ol>
ul>
/ul>
li>
/li>
6.<
div>
/div>
上一个教程中我们讲了Html文档的基本标志,但我们还不知道怎样在浏览器中显示文本之类的东西,这正是我们在教程二中将要谈到的。
在学习之前,必须强调一下,我们这个教程中所讲的格式标志统统都是用于<
标志对之间的。
标志对是用来创建一个段落,在此标志对之间加入的文本将按照段落的格式显示在浏览器上。
另外,<
标志还可以使用alig
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- HTML 标签 以及 各个 属性 大全 网页 制作 必备 要点