返回列表 发新帖

Html常用标签元素

3,736.2k 9
开着越野_QSTni 发表于 2014-10-26 15:27:01|湖北 | 查看全部 阅读模式
<html></html> 创建一个HTML文档; e& X: w+ W9 j, H# o% o+ x1 G
<head></head> 设置文档标题和其它在网页中不显示的信息! W6 u0 {. t3 ^2 E
<title></title> 设置文档的标题        8 [. _9 x' g/ j1 i
<h1></h1> 最大的标题) w- }( k5 C; o& T
<pre></pre> 预先格式化文本         
) c' Q3 j4 q8 z" c+ ^. v8 T) d<u></u> 下划线2 ^7 `1 ?0 L" s
<b></b> 黑体字   
9 i  S+ K; ~- G  E$ R<i></i> 斜体字    0 S2 S/ F6 O; _9 o7 B* A4 N* U
<tt></tt> 打字机风格的字体
3 o( Z3 E/ R" K5 d, T" K5 M# Y. @<cite></cite> 引用,通常是斜体        
! S2 U+ p7 V* h, F<em></em> 强调文本(通常是斜体加黑体)3 _3 M: A' m1 F: e. e7 B3 h0 W8 [1 T
<strong></strong> 加重文本(通常是斜体加黑体)
5 \1 m- [" O4 u0 Y<font size="" color=""></font> 设置字体大小从1到7,颜色使用名字或RGB的十六进制值, m) `. ]2 i+ D( f  @  A
<BASEFONT></BASEFONT> 基准字体标记+ F$ N# l3 @6 D- t% N
<big></big> 字体加大2 Y' G( v! ?( c
<SMALL></SMALL> 字体缩小        + S( |; C( @, ?3 N0 h# p' c
<STRIKE></STRIKE> 加删除线
8 I& I' M' u& w7 Z<CODE></CODE> 程式码          ! j4 h9 @4 [/ \7 D7 L  a
<KBD></KBD> 键盘字
  i0 x9 v. o8 H) p: h0 d- [6 |$ f: H<SAMP></SAMP> 范例   
2 p$ n& U1 \& A; _: S" x6 J0 w<VAR></VAR> 变量
) q; V3 @- X, |, N0 E7 V. D<BLOCKQUOTE></BLOCKQUOTE> 向右缩排
  S3 l; d, ~0 A! G: M<DFN></DFN> 述语定义5 ]3 o, I+ ^+ e( \
<ADDRESS></ADDRESS> 地址标记5 ^; R5 A; Q! F
<sup></SUP> 上标字    . s+ B+ {% \% p# E
<SUB></SUB> 下标字" N' E* X% M3 Q; t$ `
<xmp>...</xmp>固定寬度字体(在文件中空白、換行、定位功能有效)
6 L2 s6 ^+ G! B& L1 S<plaintext>...</plaintext>固定寬度字體(不執行標記符號)( y0 Y3 [5 X  m2 [7 e
<listing>...</listing> 固定寬度小字體  
# x2 y5 X. P' |1 b<font color=00ff00>...</font>字體顏色3 u2 S; |. |6 K: u4 ~
<font size=1>...</font>最小字體  , I. f7 |9 K* E& c, K
<font style ='font-size:100 px'>...</font>無限增大 " `& j" y7 F) V4 X5 J- J1 V

5 a, E, d9 e# M格式标志标签
+ `1 V( ]) S  z5 G8 ?<p></p> 创建一个段落    ! p3 Y$ e0 w  M# G
<p align=""> 将段落按左、中、右对齐  
3 V6 s. f1 G/ e( D4 E+ a<br> 换行 插入换行符  
/ g# C. O' x# `0 |+ k. ~1 N<blockquote></blockquote> 从两边缩进文本/ V3 @% u8 t" d  \. t* c
<dl></dl> 定义列表5 T0 o, K8 l; p; m' H+ K
<dt> 放在每个定义术语词前. E/ b2 ~. S% Z! D
<dd> 放在每个定义之前
" _2 C+ P  T! d' u) h+ d# T<ol></ol> 创建一个标有数字的列表  8 q5 N  H$ w  }, h$ T
<ul></ul> 创建一个标有圆点的列表
+ g& b. h; \$ y9 m1 ~+ V3 q' g<li> 放在每个列表项之前,若在<ol></ol>之间则每个列表项加上一个数字,7 D9 ?  w- [# u( p8 K. `5 m
  若在<ul></ul>之间则每个列表项加上一个圆点    
# N6 I1 K" R/ s5 d. M- Z2 W* {; \" r<div align=""></div> 用来排版大块HTML段落,也用于格式化表6 P4 R+ O, z# _$ [, J: T1 N
<MENU> 选项清单  
  B8 Z! r, b1 K<DIR> 目录清单  / }+ Q* I+ v! J6 H# m$ K0 f
<nobr></nobr> 强行不换行
$ h# m$ g# R* G3 h' `/ S( {$ J7 o<hr size='9' width='80%' color='ff0000'>水平線(設定寬度)  
8 \. I; y) P& B) f) T4 O5 m<center></center> 水平居中  : k. h& Y% P1 Y& P0 o! m% f4 ]
链接标志表格标志/ T: [1 ^) ~( P+ f" b: j/ Q: U
<a href="URL"></a> 创建超文本链接  
* p0 S" X. T0 q<a href="mailtEMAIL">
7 y1 s+ c7 j; {0 V- \  T) w; Z</a> 创建自动发送电子邮件的链接  * u* t* O7 M, u9 E2 F& P
<a name="name"></a> 创建位于文档内部的书签
, S/ T4 R4 G% R4 a<a href="#name"></a> 创建指向位于文档内部书签的链接+ {  b" [# V/ O; e3 |- ?
<BASE> 文档中不能被该站点辨识的其它所有链接源的URL
( s+ \# K: K/ p; a8 a<LINK> 定义一个链接和源之间的相互关系
, k) F4 i+ D+ ]* x链接标记注解:
5 s0 r. k# X* \- N: q+ f◆target="..."决定链接源在什么地方显示(用户自定义的名字,_blank,_parent,_self,_top/ ^4 H/ K& ], W% f2 S  D
◆rel="..."发送链接的类型  
0 a& Y7 U7 h- z) i! x◆rev="..."保存链接的类型& q* A: f% y; z; y1 \& h
◆accesskey="..."指定该元素的热键
- s8 z  y( D7 N7 S5 B0 ]' [8 J◆shape="..."允许我们使用已定义的形状定义客户端的图形镜像(default,rect,circle,poly
; k* M. t2 j  `% p2 e◆coord="..."使用像素或者长度百分比来定义形状的尺寸5 \4 J* A, U) H, o9 j' j
◆tabindex="..."使用定义过的tabindex元素设置在各个元素之间的焦点获取顺序(使用tab键使元素获得焦点)! W. q) e7 s- o$ a
大部分标签可以运用时候通过CSS控制改变样式达到我们想要的布局效果。
0 l* y  d. h- M; W2 V; }6 A, g  D5 S  K/ L1 N

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