8wDlpd.png
8wDFp9.png
8wDEOx.png
8wDMfH.png
8wDKte.png

HTML元素

IT171中文网 管理员组 2013-7-21 1869



HTML元素
[hr]
HTML文档是由HTML元素组成的文本文件。
HTML元素是预定义的正在使用的HTML标签。

[hr]
HTML标签

HTML标签用来组成HTML元素。

HTML标签两端有两个包括字符:“<”和“>”,这两个包括字符被称为角括号。

HTML标签通常成对出现,比如<b>和</b>。一对标签的前面一个是开始标签,第二个是结束标签,在开始和结束标签之间的文本是元素内容。

HTML标签是大小写无关的,<b>跟<B>表示的意思是一样的。

[hr]
HTML元素

回忆一下上一页的HTML例子:

<html>
<head>
<title>Title of page</title>
</head>
<body>
This is my first homepage.
<b>This text is bold</b>
</body>
</html>

下面是一个HTML元素:

<b>This text is bold</b>


此HTML元素以开始标签<b>起始, 内容是:This text is bold,以结束标签</b>中止。<b>标签的目的是定义一个需要被显示成粗体的HTML元素。

下面也是一个HTML元素:

<body>
This is my first homepage.
<b>This text is bold</b>
</body>


此HTML标签以开始标签<body>起始,终止于结束标签</body>。<body>标签的目的是定义一个HTML元素,使其包含HTML文档的主体。

[hr]
为什么使用小写标签?

我们刚说过,HTML标签是大小写无关的:<B>跟<b>含义相同。当你上网的时候,你会注意到多数教程在示例中使用大写的HTML标签,我们总是使用小写标签。为什么?

假如你想投入到下一代HTML中,你应该开始使用小写标签。W3C在他们的HTML4建议中提倡使用小写标签,XHTML(下一代HTML)也需要小写标签。

[hr]
标签属性

标签可以拥有属性。属性能够为页面上的HTML元素提供附加信息。

标签<body>定义了HTML页面的主体元素。使用一个附加的bgcolor属性,你可以告诉浏览器:你页面的背景色是红色的,就像这样:

<body bgcolor="red">


标签<table>定义了一个HTML表格。使用一个附加的border属性,你可以告诉浏览器:这个表格是没有边框的,代码是:

<table border="0">


属性通常由属性名和值成对出现,就像这样:name="value"。属性通常是附加给HTML元素的开始标签的。

[hr]
引号样式

属性值应该被包含在引号中。双引号是最常用的,但是单引号也可以使用。
在很少情况下,比如说属性值本身包含引号,使用单引号就很必要了。
比如:name='John "ShotGun" Nelson'。
注意:中文引号跟英文引号是不一样的。上面所指的引号都是英文状态下的引号。

最新回复 (24)
全部楼主
  • 沉相堂 二级用户组@Ta 2014-6-4
    引用 2
    [该用户未绑定手机,内容不能显示]
  • 互联网八卦哥 四级用户组@Ta 2014-7-4
    引用 3
    [该用户未绑定手机,内容不能显示]
  • lzd 三级用户组@Ta 2014-7-16
    引用 4
    [该用户未绑定手机,内容不能显示]
  • bb1453408916 二级用户组@Ta 2014-8-4
    引用 5
    [该用户未绑定手机,内容不能显示]
  • 黄瓜 二级用户组@Ta 2014-8-8
    引用 6
    [该用户未绑定手机,内容不能显示]
  • 已认证 游客 游客组@Ta 2014-9-13
    引用 7
    [该用户未绑定手机,内容不能显示]
  • 潘志坚 一级用户组@Ta 2014-10-15
    引用 8
    [该用户未绑定手机,内容不能显示]
  • 叶归尘bacal 二级用户组@Ta 2014-11-27
    引用 9
    [该用户未绑定手机,内容不能显示]
  • wyqihw 一级用户组@Ta 2014-12-2
    引用 10
    [该用户未绑定手机,内容不能显示]
  • 庆阳_Dj辉仔 一级用户组@Ta 2014-12-3
    引用 11
    [该用户未绑定手机,内容不能显示]
  • xwll 一级用户组@Ta 2014-12-5
    引用 12
    [该用户未绑定手机,内容不能显示]
  • sniper1980t 一级用户组@Ta 2014-12-7
    引用 13
    [该用户未绑定手机,内容不能显示]
  • jhg001002 一级用户组@Ta 2014-12-9
    引用 14
    [该用户未绑定手机,内容不能显示]
  • dc80 二级用户组@Ta 2014-12-18
    引用 15
    [该用户未绑定手机,内容不能显示]
  • 乆ジ厷紸 一级用户组@Ta 2014-12-18
    引用 16
    [该用户未绑定手机,内容不能显示]
  • kj0104 二级用户组@Ta 2014-12-18
    引用 17
    [该用户未绑定手机,内容不能显示]
  • nc0791 二级用户组@Ta 2015-4-20
    引用 18
    [该用户未绑定手机,内容不能显示]
返回
发新帖
我也是有底线哒~