返回列表 发新帖

Html常用标签元素

3,736.2k 9
开着越野_QSTni 发表于 2014-10-26 15:27:01|湖北 | 查看全部 阅读模式
<html></html> 创建一个HTML文档9 X9 i: x+ K0 E! ~% e! Z
<head></head> 设置文档标题和其它在网页中不显示的信息
$ K5 [( Q( A" l- z+ z. o. q3 m<title></title> 设置文档的标题        $ v& R$ K$ O/ @7 U
<h1></h1> 最大的标题1 F; I% M% p+ j4 ?; {
<pre></pre> 预先格式化文本          6 P4 j1 J) X5 p, D7 j
<u></u> 下划线& ]% g! g) \6 Z+ E( D
<b></b> 黑体字   
6 W9 a2 A: f" k% ]<i></i> 斜体字    : u# ~, M2 S* g- g5 t& G
<tt></tt> 打字机风格的字体
' \8 ~' c" {% Z- z. V/ j<cite></cite> 引用,通常是斜体        
, m+ @. j) [) m) {: u<em></em> 强调文本(通常是斜体加黑体)
* r! X. b5 ?6 I' d7 \& E. |<strong></strong> 加重文本(通常是斜体加黑体)$ Q% b  ~, y$ }
<font size="" color=""></font> 设置字体大小从1到7,颜色使用名字或RGB的十六进制值2 a; l" M7 y2 S& O2 h
<BASEFONT></BASEFONT> 基准字体标记
; x8 y5 x4 e5 a4 N<big></big> 字体加大! |! U5 z+ h7 r! j2 m
<SMALL></SMALL> 字体缩小        * i* i  A1 O- F" j, ^, H- A, X
<STRIKE></STRIKE> 加删除线+ L. s* O0 H% M8 Y# |* R2 [
<CODE></CODE> 程式码          ; x! o# c1 H$ W9 ^* l0 D5 [
<KBD></KBD> 键盘字
& Z+ y& k& o$ V$ Z  a<SAMP></SAMP> 范例    " [" f8 O! S! N6 j
<VAR></VAR> 变量
' N* H6 V& U+ k) i<BLOCKQUOTE></BLOCKQUOTE> 向右缩排
" o+ b- o, j8 _' @" R<DFN></DFN> 述语定义+ M4 H& y4 S  y% Q; J- ^  q; l' ~
<ADDRESS></ADDRESS> 地址标记3 P) e- f8 g# Q2 }$ k: {
<sup></SUP> 上标字    6 r# `7 K7 i" B- X
<SUB></SUB> 下标字
) W, N  S3 X/ B, o2 P<xmp>...</xmp>固定寬度字体(在文件中空白、換行、定位功能有效)5 t; H% ]& z' e# p
<plaintext>...</plaintext>固定寬度字體(不執行標記符號)9 }4 Y8 P! b; t* |7 ?' N
<listing>...</listing> 固定寬度小字體  
) ]- ^, _$ R6 I7 x<font color=00ff00>...</font>字體顏色4 x3 R9 Z1 f. r+ S
<font size=1>...</font>最小字體  % P1 Y, U7 `" r8 S2 }, ~; N
<font style ='font-size:100 px'>...</font>無限增大
. _' T- b& ?+ B" ]: E
6 v4 @4 A4 c  |- |' \/ m% B1 u格式标志标签
. t4 Y' ]5 o$ X9 P" O<p></p> 创建一个段落   
$ X  h0 e" g5 W7 X- w9 J<p align=""> 将段落按左、中、右对齐  
+ R0 d6 P+ z, c% D<br> 换行 插入换行符  # a+ P7 M" P; M! h2 |
<blockquote></blockquote> 从两边缩进文本
$ Y8 g% X. h- ], i/ C<dl></dl> 定义列表. b% |- e$ u" @9 N
<dt> 放在每个定义术语词前
1 `( W) A% S9 a<dd> 放在每个定义之前
" @( H7 Z& W; _) R- Y3 [: G<ol></ol> 创建一个标有数字的列表  
8 J8 q8 h7 a3 J* L* P7 n# j<ul></ul> 创建一个标有圆点的列表1 d% C0 |1 ^+ A- h( ^7 k) Q
<li> 放在每个列表项之前,若在<ol></ol>之间则每个列表项加上一个数字,
# ?( H, W3 l2 R' R! v  若在<ul></ul>之间则每个列表项加上一个圆点    & D; A5 Y9 P2 R" X( K
<div align=""></div> 用来排版大块HTML段落,也用于格式化表
- I2 m. w/ a1 t+ p7 ]6 ?: E) L1 M<MENU> 选项清单  
' y: }3 m8 p; y* U0 B, _# N/ u2 |- P<DIR> 目录清单  
5 {; ~) s$ T, \- `* y$ d<nobr></nobr> 强行不换行. B% n; U5 m6 C* }. w
<hr size='9' width='80%' color='ff0000'>水平線(設定寬度)  
& a& v+ s& t0 O5 |) N7 a4 g<center></center> 水平居中  4 k/ }# U  T: a% A1 s
链接标志表格标志
, H, C0 r) `# s- @* k9 N<a href="URL"></a> 创建超文本链接  
% ?; {& B8 W6 A0 J5 B' Z; A/ z1 d<a href="mailtEMAIL">
( P0 o. j5 C; F% Q& I</a> 创建自动发送电子邮件的链接  
0 r; E0 e" u' Q: ]" f<a name="name"></a> 创建位于文档内部的书签
2 |& }3 N- j  e, E<a href="#name"></a> 创建指向位于文档内部书签的链接
. U3 S. k& }+ O* U<BASE> 文档中不能被该站点辨识的其它所有链接源的URL) W' }  T5 `7 T8 W/ ?5 T9 j
<LINK> 定义一个链接和源之间的相互关系
4 L+ n( M7 V+ W8 G" M/ g链接标记注解:5 S$ b. K, j" ]- @+ p! f
◆target="..."决定链接源在什么地方显示(用户自定义的名字,_blank,_parent,_self,_top
; r2 Y- ^2 u5 O3 \◆rel="..."发送链接的类型  ( Y1 v3 d! k3 }0 g( A& u
◆rev="..."保存链接的类型0 o; U! e3 G& z; B# {4 n
◆accesskey="..."指定该元素的热键6 f; m+ s, J' n- W/ T* _
◆shape="..."允许我们使用已定义的形状定义客户端的图形镜像(default,rect,circle,poly  n! C, V4 i2 n& e
◆coord="..."使用像素或者长度百分比来定义形状的尺寸' k: B2 O6 @$ m$ H* y
◆tabindex="..."使用定义过的tabindex元素设置在各个元素之间的焦点获取顺序(使用tab键使元素获得焦点)
+ S. v& @1 C) j4 g0 P4 a大部分标签可以运用时候通过CSS控制改变样式达到我们想要的布局效果。2 N- Q* I- W3 \" C7 y( K2 A: S% W

. V( C$ h; _/ W7 A0 D$ M2 S, U

回复|共 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客服 返回顶部
快速回复 返回顶部 返回列表