返回列表 发新帖

Html常用标签元素

3,735.9k 9
开着越野_QSTni 发表于 2014-10-26 15:27:01|湖北 | 查看全部 阅读模式
<html></html> 创建一个HTML文档
2 l/ [$ w1 ]; u3 a% M" g<head></head> 设置文档标题和其它在网页中不显示的信息
( Q: F1 D8 ?3 [: B<title></title> 设置文档的标题        * G+ h. P* O3 [5 L, |
<h1></h1> 最大的标题7 ~; t) P3 G; |
<pre></pre> 预先格式化文本          $ ~( k$ D% B4 y, m$ N1 m
<u></u> 下划线) h, T, e, f) Z
<b></b> 黑体字   
" p; C" \  o( ~/ T2 y' x<i></i> 斜体字    : }& l9 P2 q2 O/ c7 X: B+ L& P; b: X
<tt></tt> 打字机风格的字体) X. f& J% [3 c4 X
<cite></cite> 引用,通常是斜体        8 ^# S6 Z# Q7 U
<em></em> 强调文本(通常是斜体加黑体)
+ `& b& x; Z3 l5 v% ^<strong></strong> 加重文本(通常是斜体加黑体)* M5 L. H. J! ~
<font size="" color=""></font> 设置字体大小从1到7,颜色使用名字或RGB的十六进制值
; q+ O# Q" A: Z<BASEFONT></BASEFONT> 基准字体标记6 Y* _9 U3 s* h: i' e2 H8 E' N, W
<big></big> 字体加大
, `# p; ]1 b  A<SMALL></SMALL> 字体缩小        
6 l. |, V: @% @<STRIKE></STRIKE> 加删除线
% r1 E0 d; `2 E0 E( D0 d0 ~<CODE></CODE> 程式码          0 K/ n$ C6 j1 N: ^
<KBD></KBD> 键盘字
0 z0 }  ~/ O1 q" g9 O2 i<SAMP></SAMP> 范例   
2 V3 t0 t% B& T% G4 w. x3 g% T<VAR></VAR> 变量
9 Y5 o% o% }( t/ {* z+ i. y: p<BLOCKQUOTE></BLOCKQUOTE> 向右缩排' `9 _+ V( \& q% [& b3 G$ G
<DFN></DFN> 述语定义
+ J" y! Q4 j& ]; ?* b! N<ADDRESS></ADDRESS> 地址标记
! _# o1 ~+ t. x# K4 [7 p<sup></SUP> 上标字    8 s) _$ D5 f& h) }
<SUB></SUB> 下标字  `  M2 _' T. P* |
<xmp>...</xmp>固定寬度字体(在文件中空白、換行、定位功能有效)
: j1 Z4 \7 `2 V5 o! T" `<plaintext>...</plaintext>固定寬度字體(不執行標記符號)
! ~$ q% F5 }& _<listing>...</listing> 固定寬度小字體  
5 _# {$ f+ o4 D<font color=00ff00>...</font>字體顏色
- V- d/ U3 Z  g1 }<font size=1>...</font>最小字體  
6 u7 z) }$ R( v  o1 @7 h<font style ='font-size:100 px'>...</font>無限增大 9 R/ C* S' d7 \0 n- L! O2 W: g5 c
6 |. c- ^2 Q2 y' M% {
格式标志标签
4 @$ a2 m7 B# f' u# t<p></p> 创建一个段落   
; `- s. l7 G, W6 c  M<p align=""> 将段落按左、中、右对齐  % n+ v0 M: w3 k: B7 H
<br> 换行 插入换行符    g) D7 B& B0 E! m( ]) l
<blockquote></blockquote> 从两边缩进文本: {+ ?, @$ y# G+ C7 B" X1 ]- q
<dl></dl> 定义列表) r4 b6 \* V7 C5 B% o
<dt> 放在每个定义术语词前
+ ~/ g- N% q( \6 m<dd> 放在每个定义之前3 B; A& ?! [4 B7 V9 m) G
<ol></ol> 创建一个标有数字的列表  # v$ ?  v2 O) t+ S& p# I
<ul></ul> 创建一个标有圆点的列表
5 H% k  l6 x; Q& m) T<li> 放在每个列表项之前,若在<ol></ol>之间则每个列表项加上一个数字,+ k2 m7 J( M1 S2 Z5 z9 ]1 E5 x
  若在<ul></ul>之间则每个列表项加上一个圆点    
# O5 U: @3 d2 b6 X/ k<div align=""></div> 用来排版大块HTML段落,也用于格式化表
2 `) c  I3 X9 x& w& H8 J; t. x9 A<MENU> 选项清单  
. M- {5 C: ^' B2 }( ^<DIR> 目录清单  9 L/ J# O4 o# Y3 W$ ~9 X: ?  v7 R
<nobr></nobr> 强行不换行
2 @# P) e& u: c& y1 Q! ?( U' N<hr size='9' width='80%' color='ff0000'>水平線(設定寬度)  5 X/ n( J5 {! d4 m/ @5 d0 z1 C
<center></center> 水平居中  
) T2 G" u9 x4 F! W链接标志表格标志
/ `( M% l& }+ \# u<a href="URL"></a> 创建超文本链接  
0 _/ @) d, q. F/ I1 y) j9 B' }<a href="mailtEMAIL">1 P' j$ d, L. f/ ^' z4 B
</a> 创建自动发送电子邮件的链接  
" u! s$ w8 Z) e& q$ h# C7 B: ]3 t5 P<a name="name"></a> 创建位于文档内部的书签
% V8 B8 u1 Q  H) H; r<a href="#name"></a> 创建指向位于文档内部书签的链接* E4 }& }& U" h9 c6 Q
<BASE> 文档中不能被该站点辨识的其它所有链接源的URL  g! a, W! L  ]6 h2 ~2 w, Q
<LINK> 定义一个链接和源之间的相互关系 % @6 z8 L9 @5 V7 W
链接标记注解:
5 {3 o' c# h. n9 I0 S( Q' R◆target="..."决定链接源在什么地方显示(用户自定义的名字,_blank,_parent,_self,_top1 |8 L. a* F: o: H2 i: ?( w
◆rel="..."发送链接的类型  1 l2 m9 o) O4 p) m. N
◆rev="..."保存链接的类型
5 e, `/ I1 g* r2 R& P◆accesskey="..."指定该元素的热键
% K+ x& u9 j" k" g  X+ ]◆shape="..."允许我们使用已定义的形状定义客户端的图形镜像(default,rect,circle,poly, N" @, b3 |6 k8 W8 Q* f7 E
◆coord="..."使用像素或者长度百分比来定义形状的尺寸
  @( A/ H4 Q. T! w" P& i8 @" Q◆tabindex="..."使用定义过的tabindex元素设置在各个元素之间的焦点获取顺序(使用tab键使元素获得焦点)$ q4 V) h) _1 |: z: b8 `2 m
大部分标签可以运用时候通过CSS控制改变样式达到我们想要的布局效果。- r; D# ]8 B( w& |
! P% M- a. E* b( }4 U: f9 N/ g0 K

回复|共 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技术交流平台 版权所有 All Rights Reserved. Powered by Discuz! X5.0 鄂ICP备15006301号-5|鄂公网安备 42018502006730号
关灯 在本版发帖 扫一扫添加QQ客服 返回顶部
快速回复 返回顶部 返回列表