收集的常用的HTML标签(6)

2016-02-19 14:57 10 1 收藏

今天图老师小编要跟大家分享收集的常用的HTML标签(6),精心挑选的过程简单易学,喜欢的朋友一起来学习吧!

【 tulaoshi.com - Web开发 】

这些所介绍的HTML标记不一定完全符合XHTML规范。各位在实际布局时应有所取舍,如:B标记,FONT标记,都是不符合XHTML规范的。
  
  1、基本TAG元素
  
  --------------------------------------------------------------------------
  
  文件格式HTML/HTML(HTML文件的开头与结尾)
  
  主题TITLE/TITLE(必须放在文头区段)
  
  文头区段HEAD/HEAD(描述文件,如「主题」)
  
  内文区段BODY/BODY(内容所在)
  
  2、与结构相关的元素
  
  --------------------------------------------------------------------------
  
  标题H?/H?(有六种:H1,H2,H3,H4,H5,H6)
  
  标题对齐H?ALIGN=LEFT|CENTER|RIGHT/H?
  
  区段DIV/DIV
  
  区段对齐DIVALIGN=LEFT|RIGHT|CENTER/DIV
  
  简短的引用Q与/Q
  
  是对於一些引用的文件,如果引用的部分不长。那麽可以考虑使用这一个标签,这一个标签是HTML3.0的新语法。
  
  引文区段
  
  BLOCKQUOTE/BLOCKQUOTE(显示时通常会内缩)blockquote是用来表示区域内的文件是引用某个人或是某份文件内的资料的。通常引用的文字如果利用BLOCKQUOTE与
  
  /BLOCKQUOTE来将它们标记起来的话。那麽大部份的浏览器在读这些字的时候就会以另一种方式来表示它。这样的表示只是在提醒读者们这是引用其他人的部分。
  
  强调EM/EM(通常以斜体显示)
  
  强烈强调STRONG/STRONG(通常以黑体显示)这一个特别加强语气的字元是STRONG这个与
  
  EM一样都是加强语气的用法而已。大部份的浏览器都用粗黑体来表示被STRONG与/STRONG所标记的字。
  
  引用语句CITE/CITE(通常以斜体显示)利用CITE与/CITE将引用他人的话标记起来
  
  程序原码CODE/CODE读者如果写的是一些电脑方面的东西,那麽可以利用CODE
  
  这一个标签将一些相关的字眼标记起来,使用的方式也是里用CODE与/CODE将相关的字眼标记。
  
  程序输出样本SAMP/SAMP不加修在HTML里面,如果您想印出HTML
  
  的语法。那麽读者可能需要利用一些特殊的技巧来印这些字元。而在这些字元的外面,读者就可以利用SAMP
  
  这一个符号将它们标记起来喔。这一个标签的特色是被标记的文字都会用固定的宽度来表示。
  
  键盘输入KBD/KBDKBD这一个标签通常是用来告知读者可以敲入哪些字,这些被标记成
  
  KBD的字通常都是以固定宽度的粗体字来表示。但是有些浏览器只是以固定宽度的字元来表示而已。
  
  程序变量VAR/VAR对於一些可能改变的字HTML里面提供了一个
  
  VAR的标签来展示它,这个标签的意思是对於那些可能容易改变的变数或是字眼等等。可以使用VAR及
  
  VAR来标记它们。这样可以提醒使用者这些变数可能会有所改变。
  
  定义DFN/DFN(有些浏览器无此功能)如果读者在HTML
  
  里面所用到的是一些定义的字眼。那麽读者可以考虑使用DFN这一个标签。如果读者使用Mosaic浏览器。那麽被DFN与
  
  /DFN所标记起来的文字将会用斜体字来表示。其它的浏览器则不一定。
  
  作者地址ADDRESS/ADDRESS
  
  大字BIG/BIG
  
  小字SMALL/SMALL
  
  语言LANG
  
  在一篇文件中,如果使用两种以上的语言,那麽就可以使用LANG与/LANG来将它标记起来。这也是HTML3.0的新语法。
  
  作者(AU)
  
  AU与/AU并不是表示一般的AU档案,这一个标签是说如果在读者的文章中。有提到某些作者的话,那麽就可以一个标签将作者给标记住。这也是
  
  HTML3.0特别为作者所设计的一个标签喔。
  
  个人
  
  (PERSON)在很多的索引程式中,程式有时候会将一些资讯页给展示出来,而在展示这些资讯页的时候。如果有提到一些个人的名字。那麽就可以利用
  
  PERSON与/PERSON来将这些名字给标记住。这一个语法也是HTML3.0中新加入的语法。
  
  数个单字组成的单字(ACRONYM)
  
  在英文中,有一些单字是由好几个单字组合而成。如果读者碰到这种单字,读者可以考虑利用ACRONYM与
  
  /ACRONYM标签将它们给特别的括住。虽然这是HTML3.0中新的语法。但是对使用中文的我们来说,这样的一个语法并没有太大帮助。
  
  缩写(ABBREV)与ACRONYM一样,在英文中也有许多缩写字HTML3.0
  
  也特别为这些缩写字取了一个新的标签,这一个新的标签叫做ABBREV当然它也有一个结束的符号叫做/ABBREV。
  
  插入(INS)在HTML文件中,如果在原本旧有的文件中插入某个字,那麽读者可以考虑使用INS与
  
  /INS来将这一些字给标记住。这样可以方便读者在查阅的时候知道这一份文件是不是有修正过。当然,这种语法也是HTML3.0
  
  中新加入的语法。
  
  删除(DEL)这一个语法是要来告诉读者将要删除某些字,或是一些关於删除的部分。这种,新的标签也是HTML3.0中出现的喔。
  
  3、与显示方式有关的TAG元素
  
  --------------------------------------------------------------------------
  
  粗体B/B
  
  斜体I/I
  
  画底线U/U(有些浏览器无此功能)
  
  删除线STRIKE/STRIKE(有些浏览器无此功能)
  
  删除线S/S(有些浏览器无此功能)
  
  下标字SUB/SUB
  
  上标字SUP/SUP
  
  打字机体TT/TT(空白字元与其他文元之宽度相同的字体)
  
  依据预定格式PRE/PRE(保持文字间的相对位置)
  
  预定格式的宽度PREWIDTH=?/PRE(以字元计)
  
  对中CENTER/CENTER(文字与图形都会对中)
  
  闪烁BLINK/BLINK
  
  字体大小FONTSIZE=?/FONT(由1到7)
  
  改变字体大小FONTSIZE="+|-?"/FONT
  
  基本字体大小BASEFONTSIZE=?(默认值为3)
  
  字体颜色FONTCOLOR="#$$$$$$"/FONT
  
  指定字形FONTFACE="***"/FONT
  
  多栏位MULTICOLCOLS=?/MULTICOL
  
  栏位内文与边缘间隔MULTICOLGUTTER=?/MULTICOL(默认值为10象素)
  
  栏位宽度MULTICOLWIDTH=?/MULTICOL
  
  留白SPACER
  
  留白型态SPACERTYPE=horizontal|vertical|block
  
  留白大小SPACERSIZE=?
  
  留白尺寸SPACERWIDTH=?HEIGHT=?
  
  留白位置SPACERALIGN=left|right|center
  
  4、超文本连结与图形元素
  
  --------------------------------------------------------------------------
  
  连结指定URLAHREF="URL"/A
  
  连结到锚点AHREF="URL#***"/A(锚点在另一份文件)
  
  AHREF="#***"/A(锚点在同一文件)
  
  连结到指定之FRAMEAHREF="URL"
  
  TARGET="***|_blank|_self|_parent|_top"/A
  
  设定「锚点」ANAME="***"/A
  
  正向关连AREL="***"/A(有些浏览器无此功能)
  
  反向关连AREV="***"/A(有些浏览器无此功能)
  
  显示图形IMGSRC="URL"
  
  图形位置IMGSRC="URL"ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT
  
  图形位置IMGSRC="URL"ALIGN=TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM
  
  替代图形文字IMGSRC="URL"ALT="***"(如果无法显示图形而显示的文字)
  
  可点选图形IMGSRC="URL"ISMAP(需要与.map文件配合)
  
  客户端端可点选图形IMGSRC="URL"USEMAP="URL"
  
  点选图名称MAPNAME="***"/MAP
  
  指定可点选区域AREASHAPE="RECT"COORDS=",,,"HREF="URL"|NOHREF
  
  图形尺寸IMGSRC="URL"WIDTH=?HEIGHT=?(以象素为单位)描述图形显示的宽度和高度。
  
  边线大小IMGSRC="URL"BORDER=?(以象素为单位)图形外的框线宽度。
  
  四周留白IMGSRC="URL"HSPACE=?VSPACE=?(以象素为单位)
  
  vspace,hspace描述图形和文字的垂直和水平间隔。
  
  低解析度图形IMGSRC="URL"LOWSRC="URL"用户端定时更新META
  
  HTTP-EQUIV="Refresh"CONTENT="?;URL=URL"
  
  Plug-in物件EMBEDSRC="URL"(把Plug-in物件加入文件)
  
  物件大小EMBEDSRC="URL"WIDTH=?HEIGHT=?
  
  5、划分段落TAG元素
  
  --------------------------------------------------------------------------
  
  段落P/P(结束标记/p通常可省略)
  
  指定文字对齐方式PALIGN=LEFT|CENTER|RIGHT/P
  
  强迫断行BR
  
  指定断行後起点BRCLEAR=LEFT|RIGHT|ALL
  
  横线HR
  
  横线位置HRALIGN=LEFT|RIGHT|CENTER
  
  横线厚度(向下)HRSIZE=?(以象素为单位)
  
  横线长度(向右)HRWIDTH=?(以象素为单位)
  
  横线比率宽度HRWIDTH="%"(相对页宽的百分比)
  
  实线HRNOSHADE(无凹凸立体效果)
  
  不可断行NOBR/NOBR
  
  可断行处WBR(视需要,可在此断行)
  
  6、列表元素list
  
  --------------------------------------------------------------------------
  
  无序列举ULLI/UL
  
  简洁化ULCOMPACT/UL
  
  标头符号类型ULTYPE=DISC|CIRCLE|SQUARE(用于所有列举项)
  
  LITYPE=DISC|CIRCLE|SQUARE(本项及其後项)
  
  有序列举OLLI/OL
  
  简洁化OLCOMPACT/OL
  
  数字型态OLTYPE=A|a|I|i|1(用於所有列举项)
  
  LITYPE=A|a|I|i|1(本项及其後项)
  
  起始数字OLSTART=?(用於所有列举项)
  
  LIVALUE=?(本项及其後项)
  
  定义式列举DLDTDD/DL(DT=定义项目,DD=定义内容)
  
  简洁化DLCOMPACT/DL
  
  菜单式列举MENULI/MENU(LI放在每一列举项之前)
  
  简洁化MENUCOMPACT/MENU
  
  目录式列举DIRLI/DIR(LI放在每一列举项之前)
  
  简洁化DIRCOMPACT/DIR
  
  7、背景与颜色TAG元素
  
  --------------------------------------------------------------------------
  
  背景图案BODYBACKGROUND="URL"
  
  背景颜色BODYBGCOLOR="#$$$$$$"
  
  文字颜色BODYTEXT="#$$$$$$"
  
  未连接过点颜色BODYLINK="#$$$$$$"
  
  连结过点的颜色BODYVLINK="#$$$$$$"
  
  正连结点的颜色BODYALINK="#$$$$$$"
  
  8、特殊字符替换(下列替代用标记需用小写)
  
  --------------------------------------------------------------------------
  
  特殊字符&#?;(?为ISO8859-1码)
  
  
  
  
  
  &&
  
  ""
  
  RegisteredTM?
  
  Copyright?
  
  Non-BreakingSpace
  
  9、数学方程式math/math
  
  --------------------------------------------------------------------------
  
  例一、
  
  math
  
  H(s)=∫sub0/subsup∞
  
  /supesupst/suph(t)dt
  
  /math
  
  例二、
  
  math
  
  CboxdVsubout/sub
  
  overdt/box=Isubb/sub
  
  &tanh;(boxκ(Vsubin
  
  /sub-Vsubout/sub)over2/box
  
  /mathCdVoutdt=Ib&tanh;(κ(Vin-Vout)2
  
  例三、
  
  math
  
  (arrayalign="C"item
  
  &ldet;arrayalign="cc"
  
  itemxsub11/sub
  
  itemxsub12/sub
  
  itemxsub21/sub
  
  itemxsub22/sub
  
  arrayrd&rdet;
  
  itemyitemz
  
  /array)/math,
  
  从这三个例子中可以看到:
  
  我们用&int表示“积分符号”,sub表示下标,sup上标;
  
  box用以表示将要把后面的项目视作一个群体;over表除号。array来处理矩阵的符号,array
  
  align=C|L|R表项目中的位置中、左、右。项目以item加在数据的前面来表示。&Ldet表示行列式的左边,&Rdet表行列式右边。
  
  (回车换行)br
  
  (空格符)
  
  &(AND符号)&
  
  (左尖括号、小于号)
  
  (右尖括号、大于号)
  
  °(度)°
  
  ?(间隔符)•
  
  ′´
  
  ""
  
  ““
  
  ””
  
  ‰‰
  
  ←←
  
  ↑↑
  
  →→
  
  ↓↓
  
  ?↔
  
  √√
  
  ∝∝
  
  ∞∞
  
  ∠∠
  
  ∧∧
  
  ∨∨
  
  ∩∩
  
  ∪∪
  
  ?Ø
  
  ∫∫
  
  ∴∴
  
  ≈≈
  
  ¥(RMB)¥
  
  ≠≠
  
  ≡≡
  
  ≤≤
  
  ≥≥
  
  ⊕⊕
  
  λλ
  
  μμ
  
  νν
  
  ξξ
  
  νν
  
  ξξ
  
  ∏∏
  
  ∑∑
  
  ¥¥
  
  ……
  
  1(一次方符号)¹
  
  2(平方符号)²
  
  3(立方符号)³
  
  (上标情形)nsupr/sup
  
  (下标情形)Csubi/sub
  
  加粗b加粗/b
  
  斜体i斜体/i
  
  下划线u下划线/u
  
  ±(加减符号)±
  
  ×(乘法符号)×
  
  ÷(除法符号)÷
  
  ?(版权所有)©
  
  ?(注册商标)®
  
  ?(商标符号)™
  
  —(破折号)—
  

来源:https://www.tulaoshi.com/n/20160219/1608423.html

延伸阅读
标签: Web开发
HTML标签的语义 如今Web标准都被通俗的叫做“div+css”或者“层布局”。我不反对这种便宜行事的叫法。但是这样会陷入一个误区:即大量的使用div标签作为结构元素。事实上这是一种更高级的div滥用(Jeffrey Zeldman在《网站重构》一书中提到)。 HTML为我们提供了相当丰富的标签,每个标签都有它各自的含义。我认为在设计时,除了遵循HTML语法...
标签: Web开发
我们在文章中一直强调HTML标签语义的重要,富含语义而且科学得当的运用HTML标签,对CSS网页布局既建立符合WEB标准的网站是非常有意义、非常有益处的。 或许有朋友感到迷惑,到底如何运用HTML标签才是保持文档语义并有良好的结构呢?我们看下面的这方面知识的介绍,相信你一定有所收获。但也请你注意,有些标签可能不符合WEB标准了,这...
标签: PHP
  <?php /********************************* * *  作者: 徐祖宁 (唠叨) *  邮箱: czjsz_ah@stats.gov.cn *  开发: 2002.07 * * *  函数: tags *  功能: 从文件中提取HTML标签 * *  入口: *  $filename 文件名 *  $tag    &...
  --  HTML标签详解 HTML指令详解 结构 <html> <head> <title>标题<title> </head> <body>..........文件内容.......... </body> </html> 1.文件标题 <title>..........</title> 2.文件更新--<meta> 【1】10秒后自动更新一次 <meta http-equiv="refresh" content=10> 【2】10秒後自...
标签: Web开发
结构 body, head, html, title 文本 abbr, acronym, address, blockquote, br, cite, code, dfn, div, em, h1, h2, h3, h4, h5, h6, kbd, p, pre, q, samp, span, strong, var 链接 a 列表 dl, dt, dd, ol, ul, li 表单 form, input, label, select, option, textarea 表格 caption, table, td, th, tr 图片 img 对象 ...

经验教程

980

收藏

20
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部