兔源码网 - 专注DZ模版分享、DZ插件分享!

 找回密码
 立即注册

QQ登录

只需一步,快速开始

广告
温馨提示:本站所有DZ相关模板、插件、教程(包括DZ应用中心已下架插件、模板)皆为提供免费下载,无任何收费模式(不包括VIP版块非DZ资源,VIP版块需充值兔币购买会员组方可下载),用户仅需手动前往【申请下载权限】申请用户组下载权限即可,如本站没有您需要的插件或模板,请自行前往淘宝互站网送吗网等第三方站点搜索相关插件或模板进行低价格购买下载本站非常不建议用户浪费金钱前往DZ应用中心购买。

HTML 元素入门必学

[复制链接]
tuyuanma 发表于 2017-1-20 18:43:03 | 显示全部楼层 |阅读模式
温馨提醒:禁止内容附带广告图片、二维码图片,否则将在不通知情况下永久禁言账号!
欢迎加入兔源码站长交流群,您的加入是我们前行的动力!

DZ站长建站交流群:493651246

[ 温馨提示:点击上方群文字,可快速加入QQ群 ]


HTML 文档由 HTML 元素定义。6 S$ x% V4 b( T
HTML 元素
$ ]! ?. L" O) T; `; K! R/ mHTML 元素7 q2 n" ^0 i! e2 m2 ^) ~3 i
<phtml 元素指的是从开始标签(start="" tag)到结束标签(end="" tag)的所有代码。<="" p="" style="color: rgb(51, 51, 51); font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, STHeiti, 'Microsoft Yahei', sans-serif; font-size: 12px; line-height: normal; white-space: normal;">
* a0 h2 S( P* l% }5 t; x开始标签 *  元素内容      结束标签 *
+ w# T  T4 G! K& j! f( R  s2 V<p>     这是一个段落   </p>
4 x) G# a3 J: @& B+ ?; n: D. E1 u9 ]<a href="default.htm">      这是一个链接   </a>
- s: l; p8 y  \" X. u( o<br>        # U. n% V4 B7 u( p
*开始标签常被称为起始标签(opening tag),结束标签常称为闭合标签(closing tag)。: n: X5 M( u, E
HTML 元素语法3 }% T& F5 L) f0 @. a9 I
HTML 元素以开始标签起始# O; m' x( h, K2 m, ]
HTML 元素以结束标签终止" l" a! m% q7 l# @& b
元素的内容是开始标签与结束标签之间的内容. e# W6 i  c0 c3 o
某些 HTML 元素具有空内容(empty content)
$ b. V# S1 [2 `3 }7 a' N空元素在开始标签中进行关闭(以开始标签的结束而结束)
$ ?; q% k3 ?2 M( l8 }大多数 HTML 元素可拥有属性9 a! c9 C' w1 @+ Z0 b! l# R7 `
注释: 您将在本教程的下一章中学习更多有关属性的内容。* A* F6 }/ H* @( H
HTML 元素
4 x8 S4 U- q- j, C5 Z + B) q5 \. Q9 N( ~8 i
嵌套的 HTML 元素7 o% d0 S  l5 O5 T6 x, _
<p大多数 html="" 元素可以嵌套(可以包含其他="" 元素)。<="" p="">2 i- W: v- v6 I0 Z2 C, e: O
HTML 文档由嵌套的 HTML 元素构成。
' w: S6 P0 o( e2 M" v2 uHTML 文档实例  Y  ?7 R, t) m+ m
<!DOCTYPE html>
+ y$ h% p6 ?6 z4 r8 j' S% D<html>, S% g* P8 m- z
<body>
: b0 s$ x* s' ^5 u+ }<p>这是第一个段落。</p>- u4 i( S% ~- e5 c9 U- S1 K
</body>
+ a. t, z3 ~7 P8 l) c# C* x9 E</html>! T9 H8 H) G& n% X+ p* ^: W% {" P
以上实例包含了三个 HTML 元素。
3 K& W8 l0 b" HHTML 元素8 i- p* M# c9 i; K) ]

  t! I8 @& ]6 e; ^5 M( BHTML 实例解析
+ X: d0 ]2 \( s: @. G$ M3 S<p> 元素:% s6 w+ n$ \" G# }/ c2 B
<p>这是第一个段落。</p>+ Q5 g% `3 F! J+ {# s
这个 <p> 元素定义了 HTML 文档中的一个段落。: S8 e) W" M2 }2 O% H6 M
这个元素拥有一个开始标签 <p> 以及一个结束标签 </p>.% A; H3 c1 M6 _
元素内容是: This is my first paragraph.
/ t4 P. k6 y" M  F( g( X<body> 元素:
1 r6 @4 O, S, }/ F<body>- G5 u% f1 S% I% l" g' {
<p>这是第一个段落。</p>. w7 F9 `( j5 ?, A
</body>
! \: F; G- K# `  iThe <body> 元素定义了 HTML 文档的主体。
8 v' H- w& }1 h& ~5 X( p这个元素拥有一个开始标签 <body> 以及一个结束标签 </body>。2 P. r  [, f% J( \! d- b
元素内容是另一个 HTML 元素(p 元素)。9 I( n+ H: m9 {1 i* [/ s
<html> 元素:4 s* Y' ]! [7 m  V1 k2 x- [! K
<html>
: @) r- P, j2 M7 a3 s% X" c<body>
# Q8 l9 Z9 V0 l2 x<p>这是第一个段落。</p>* ~5 X+ y' i/ t. V+ T% E( K3 v
</body>$ j1 Y0 Z& }7 X1 I4 \! H0 w
</html>' G5 d- p: X) S) h
The <html> 元素定义了整个 HTML 文档。4 \2 F6 a! r/ K0 u! W
这个元素拥有一个开始标签 <html> ,以及一个结束标签 </html>.0 F  t  `! ?# Q% q/ R' u
元素内容是另一个 HTML 元素(body 元素)。  y0 a+ ]/ ]. t3 Z
不要忘记结束标签$ |3 A; U- W1 f) E0 ~! F
即使您忘记了使用结束标签,大多数浏览器也会正确地显示 HTML:
! a% W  d6 k. P  ~<p>这是一个段落
5 q& Q: V$ c" u4 x* `<p>这是一个段落
/ @5 f; S3 g" ^% w以上实例在浏览器中也能正常显示,因为关闭标签是可选的。- M4 i- O0 B6 ~
但不要依赖这种做法。忘记使用结束标签会产生不可预料的结果或错误。
; D0 _, {4 {3 G+ `) u. `HTML 空元素
3 s3 M, |( ~# x没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。1 q" i" k! T- O. V# U" U; ]
<br> 就是没有关闭标签的空元素(<br> 标签定义换行)。
( Q- q0 i, u) d+ ?% q9 n' Y) P# i# I在 XHTML、XML 以及未来版本的 HTML 中,所有元素都必须被关闭。
1 k& U/ V: k- b+ `3 m在开始标签中添加斜杠,比如 <br />,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这种方式。& D" C( R  V, z
即使 <br> 在所有浏览器中都是有效的,但使用 <br /> 其实是更长远的保障。
: `. ?' E/ p% sHTML 提示:使用小写标签
- V! L, E: B7 O; C7 u- XHTML 标签对大小写不敏感:<P> 等同于 <p>。许多网站都使用大写的 HTML 标签。1 b" N* O/ Q$ h: A1 D2 d2 \' B: G# L
W3CSchool 使用的是小写标签,因为万维网联盟(W3C)在 HTML 4 中推荐使用小写,而在未来 (X)HTML 版本中强制使用小写。

' f8 A/ m. X4 i& X. @" c  e9 r% g& w! ]  A7 l' a

版权声明
1、转摘或引用本站内容资源须注明原网址,并标明本站网址(兔源码www.tuyuanma.com);
2、对于转摘或引用本站内容资源而引起的民事纠纷、行政处罚或其他损失,本站不承担责任;
3、对于不遵守本声明或其他违法、恶意使用本站内容者,本站保留其追究法律责任的权利。




自动排版 | 高级模式
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

广告

兔源码网 ( 赣ICP备17001544号 公网安备36112102000036号 )

兔源码 QQ交流群:493651246  GMT+8, 2019-6-19 07:18
←站长统计工具 查看密码:tuyuanma

兔源码DZ模板下载 站长邮箱:tuyuanma@qq.com 站长QQ:3197813386 网站地图

© 2001-2013 本站内容皆来自互联网及用户分享,如需删除请提供软著或商标证书。

     
快速回复 返回顶部 返回列表