返回列表 发新帖

Html常用标签元素

3,736.0k 9
开着越野_QSTni 发表于 2014-10-26 15:27:01|湖北 | 查看全部 阅读模式
<html></html> 创建一个HTML文档9 t3 d6 C% l( M; ~
<head></head> 设置文档标题和其它在网页中不显示的信息
- x3 k( N# I3 T$ Q* c) y# U<title></title> 设置文档的标题        ; R( O9 W2 a3 q  H; D# \
<h1></h1> 最大的标题
: [0 w9 y7 \# _2 d$ ?6 i5 x; f<pre></pre> 预先格式化文本         
) U' ?; Q5 C0 }# g3 t/ M, n<u></u> 下划线
0 J5 l- \. M2 O' K0 E<b></b> 黑体字   
+ T8 N( o; ^. Q5 \  T3 X( x1 c5 y<i></i> 斜体字    ! C% l" [7 c( r( [5 }
<tt></tt> 打字机风格的字体2 ~8 A: U9 ?9 l  P+ q5 d
<cite></cite> 引用,通常是斜体        0 P1 T% o0 d: `
<em></em> 强调文本(通常是斜体加黑体)
& t! N. K' K' W8 E- i' t<strong></strong> 加重文本(通常是斜体加黑体)( I) v& `  |3 ?; n. I
<font size="" color=""></font> 设置字体大小从1到7,颜色使用名字或RGB的十六进制值7 [% y. v. ?" s5 ^& Q7 w1 j
<BASEFONT></BASEFONT> 基准字体标记
( O9 U' |; Y5 U; I& b+ Y- A! j<big></big> 字体加大* R0 A. h% V  u% `& R. p# U
<SMALL></SMALL> 字体缩小        7 m# L3 u6 t& G& h5 I
<STRIKE></STRIKE> 加删除线
7 T1 o  B; b+ q<CODE></CODE> 程式码         
8 s; Y, ?& _3 c. ?<KBD></KBD> 键盘字
. E1 P( F8 k( L<SAMP></SAMP> 范例    0 ~/ [4 N" r4 U7 V1 R
<VAR></VAR> 变量2 R; J5 c  L* f" f- r" I# }: R
<BLOCKQUOTE></BLOCKQUOTE> 向右缩排( x0 X  ^. F1 a! a* ]
<DFN></DFN> 述语定义% c5 I" \1 N* I3 m9 a+ y4 A0 }! L
<ADDRESS></ADDRESS> 地址标记2 p: G; N$ g6 h% K+ t7 I
<sup></SUP> 上标字    3 J+ r4 b( [5 `$ }7 }) i
<SUB></SUB> 下标字
" B4 z3 G- ?5 ^6 d: ?/ n; l& |<xmp>...</xmp>固定寬度字体(在文件中空白、換行、定位功能有效)
: j: f' P; ^8 `<plaintext>...</plaintext>固定寬度字體(不執行標記符號)4 d' C9 s6 a: a. l! d: ?" r
<listing>...</listing> 固定寬度小字體  
+ b% W5 E2 c& t9 {' O, G5 Z<font color=00ff00>...</font>字體顏色3 W  ?; Y1 D1 W7 s
<font size=1>...</font>最小字體  
4 q& Z1 P4 u' f4 i* f! W! x<font style ='font-size:100 px'>...</font>無限增大 & d* H: K, ~" K; ]! V

- ]7 {: A. {% V4 V, T1 q格式标志标签
8 W9 y) m. q  `' A' @4 P<p></p> 创建一个段落    1 b# N1 b- F: A! D5 h$ J+ v7 r: \
<p align=""> 将段落按左、中、右对齐  8 g* ~1 ?$ N0 n# W5 r
<br> 换行 插入换行符  & r) P5 e$ g# r% B0 |
<blockquote></blockquote> 从两边缩进文本
& h7 f4 S8 y/ J+ u0 J<dl></dl> 定义列表# Z; z. h) i% w" j8 E
<dt> 放在每个定义术语词前' q, n) ~: S$ E. j  I3 J
<dd> 放在每个定义之前
1 l( r! ~' Q# _- Y4 B: x<ol></ol> 创建一个标有数字的列表  
6 u7 L/ Y, u2 p& G9 w<ul></ul> 创建一个标有圆点的列表& d" R7 P( R+ s5 }! y* m1 M' f
<li> 放在每个列表项之前,若在<ol></ol>之间则每个列表项加上一个数字,2 `5 ?+ ]; O+ {3 c8 ?$ I
  若在<ul></ul>之间则每个列表项加上一个圆点    . Z# y) b* j1 j& Y  `" t
<div align=""></div> 用来排版大块HTML段落,也用于格式化表
8 a6 j: U" x3 ~; H5 H5 X& J' N<MENU> 选项清单  
. q- `) C: A" p$ x. I! f1 m  J<DIR> 目录清单  , d3 j7 n/ I! |3 Z2 z5 O5 Y
<nobr></nobr> 强行不换行
* Q0 f+ i0 ?; ]1 b<hr size='9' width='80%' color='ff0000'>水平線(設定寬度)  
9 Q5 G) {: y# V; [2 ?& V<center></center> 水平居中  1 A7 f* R0 l  h' Q- N) X  d
链接标志表格标志
& ?4 L7 ?. d6 I/ Y$ L0 k<a href="URL"></a> 创建超文本链接  
/ H5 @! {8 S4 d& i<a href="mailtEMAIL">6 X# M! B1 D$ e8 @- h" H
</a> 创建自动发送电子邮件的链接  ) M0 Z8 a' Y+ y1 z* p
<a name="name"></a> 创建位于文档内部的书签2 q) {' V4 ^4 T; \- R
<a href="#name"></a> 创建指向位于文档内部书签的链接
( z& j0 Y8 J5 W* K% A  K$ u<BASE> 文档中不能被该站点辨识的其它所有链接源的URL
' y; `5 x3 L. R2 ?+ {& P, M<LINK> 定义一个链接和源之间的相互关系 3 I; k* N+ C2 R
链接标记注解:
4 [5 O5 A4 e! J1 ]◆target="..."决定链接源在什么地方显示(用户自定义的名字,_blank,_parent,_self,_top: H' B. n0 ^7 ^/ B
◆rel="..."发送链接的类型  1 ~6 Y) I& x# I2 L+ `* k2 R
◆rev="..."保存链接的类型
: B) e: M3 K+ t$ {& k. G* q◆accesskey="..."指定该元素的热键% A0 \0 d- P+ u. [  e+ T
◆shape="..."允许我们使用已定义的形状定义客户端的图形镜像(default,rect,circle,poly, N/ y5 e& o' d9 k% z$ C. M/ f! R
◆coord="..."使用像素或者长度百分比来定义形状的尺寸
$ P+ }  h2 y6 ?. X  ^& `◆tabindex="..."使用定义过的tabindex元素设置在各个元素之间的焦点获取顺序(使用tab键使元素获得焦点)
+ N( d3 n7 [* k; }5 h8 u大部分标签可以运用时候通过CSS控制改变样式达到我们想要的布局效果。6 d% ~  J1 [; ^6 r
& \3 Z% f3 [0 Z7 v1 d

回复|共 9 个

uhxidjjr Lv.8 发表于 2014-10-28 12:46:52|美国 | 查看全部
终于看完了~~~
xiaoye Lv.9 发表于 2014-10-28 13:11:38|北京 | 查看全部
感觉这个论坛的站长太牛B了,好强大啊
ffuip Lv.8 发表于 2014-10-28 13:13:21|INNA | 查看全部
看起来好~~像啊~~~~~
xiaoye Lv.9 发表于 2014-10-28 13:20:19|Reserved | 查看全部
刚才我还看见了呢.
ofbnbaiinfnh Lv.8 发表于 2014-10-28 13:30:49|美国 | 查看全部
老天不公啊.....
阴阳小轩 Lv.8 发表于 2014-12-19 17:54:09|美国 | 查看全部
这篇帖子构思新颖,题材独具匠心,段落清晰,情节诡异,跌宕起伏,主线分明,引人入胜,平淡中显示出不凡的文学功底,可谓是字字珠玑,句句经典,是我辈应当学习之典范(不好意思回错帖了
阴阳小轩 Lv.8 发表于 2014-12-19 17:54:12|美国 | 查看全部
我的我的 忘记了 呵呵
Acropozelan 发表于 2014-12-19 17:54:26|Reserved | 查看全部
笨点也好~~~~
gevaemaidovef 发表于 2014-12-19 17:56:36|韩国 | 查看全部
要不我崇拜你?行吗?

回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

得知互动是一个融创意、设计、开发、营销、生活、互联网于一体的专业交流分享平台。
Copyright © 2026 得知互动-专注Ai与站长技术交流社区-Ai交流平台 版权所有 All Rights Reserved. Powered by Discuz! X5.0 鄂ICP备15006301号-5|鄂公网安备 42018502006730号
关灯 在本版发帖 扫一扫添加QQ客服 返回顶部
快速回复 返回顶部 返回列表