`
izuoyan
  • 浏览: 9219652 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

HTML系列之二-元素

阅读更多
HTML元素


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



HTML标签

HTML标签用来组成HTML元素。

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

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

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



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文档的主体。



为什么使用小写标签?

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

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



标签属性

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

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

<body bgcolor="red">

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

<table border="0">

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



引号样式

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

分享到:
评论

相关推荐

    前端开源库-html-react-parser

    它通过解析HTML语法,将其拆解为一系列的节点,然后将这些节点映射为React的JSX元素。这个过程遵循了DOM解析的规则,确保了转换后的React元素能够准确地反映出原始HTML的结构和属性。 **主要特点** 1. **灵活性**...

    HTML 元素参考 - HTML(超文本标记语言) - MDN.pdf

    HTML提供了一系列元素来逻辑组织这些内容,例如: - `&lt;header&gt;`通常包含页面的介绍性内容,如标题、logo或搜索框。 - `&lt;nav&gt;`元素用于创建导航链接,帮助用户在当前文档或网站中浏览。 - `&lt;section&gt;`代表一个通用的...

    《HTML教程》----------------------

    #### 二、HTML文档结构与元素 **2.1 HTML结构** - HTML文档通常包括以下部分: - `&lt;!DOCTYPE html&gt;`: 定义文档类型。 - `&lt;html&gt;`: 文档根元素。 - `&lt;head&gt;`: 包含元数据,如标题、样式和脚本。 - `&lt;body&gt;`: ...

    HTML语言教程-------html就是好学

    HTML文档由一系列的元素组成,这些元素以开始标签和结束标签的形式出现,如`&lt;p&gt;`(段落)和`&lt;/p&gt;`。 二、HTML基本结构 一个简单的HTML文档通常包含以下部分: 1. `&lt;!DOCTYPE html&gt;`声明:告诉浏览器文档使用的是哪...

    html傻瓜式教程----html入门

    HTML由一系列元素组成,这些元素通过标签来定义,用于组织网页的内容和结构。 在HTML中,最基本的元素包括标题(`&lt;h1&gt;`至`&lt;h6&gt;`)、段落(`&lt;p&gt;`)、链接(`&lt;a&gt;`)、图像(`&lt;img&gt;`)等。标题元素用于设定网页的主要...

    cocos2d-html5-v2.2.3.zip

    9. **游戏工具**:除了核心库,Cocos2d-html5通常会包含一系列开发工具,如编辑器、资源管理器和调试器,帮助开发者更高效地工作。 10. **社区支持**:作为开源项目,Cocos2d-html5有一个活跃的开发者社区,提供...

    《Cocos2d-Js开发之旅-从HTML5到原生手机游戏》完整源码

    《Cocos2d-Js开发之旅-从HTML5到原生手机游戏》是一本深入探讨Cocos2d-Js框架的书籍,旨在帮助开发者从HTML5游戏开发过渡到原生移动平台的游戏制作。Cocos2d-Js是Cocos2d-x家族的一员,是一个跨平台的、基于...

    html5-css3-pretty-button_html_Pretty_

    这些可能通过结合使用HTML5的`&lt;i&gt;`元素、`&lt;svg&gt;`元素,或者CSS3的伪元素如`:before`和`:after`来实现。 总结来说,HTML5和CSS3的结合为创建漂亮、功能丰富的按钮提供了无限可能性。这个项目...

    第3章 HTML5页面元素和属性-HTML5+CSS3 Web前端开发与实例教程(微课视频版)配套PPT

    #### 二、交互元素 HTML5不仅改进了页面结构,还增强了网页的交互性,引入了一系列新的交互元素,这些元素可以帮助开发者创建更具吸引力且功能更丰富的用户界面。下面是一些重要的交互元素: - **`&lt;nav&gt;`标签**: ...

    html-css-网页模板-个人博客

    - HTML标签:HTML由一系列标签组成,如`&lt;html&gt;`, `&lt;head&gt;`, `&lt;body&gt;`, `&lt;header&gt;`, `&lt;footer&gt;`等,它们定义了网页的各个部分。 - 内容元素:例如`&lt;h1&gt;`, `&lt;p&gt;`, `&lt;a&gt;`分别表示标题、段落和链接,`&lt;img&gt;`用于插入...

    关于城市旅游的HTML网页设计-----北京

    开发者可以定义一系列的图片帧,然后使用CSS动画将这些帧按照一定的时间顺序播放,形成图片流动的效果,为网页增加动态视觉吸引力。 5. `div`元素:在HTML中,`div`是一个通用的容器元素,可以包裹其他元素并应用...

    Html实例教程--入门教程

    HTML由一系列元素组成,这些元素通过标签定义,比如`&lt;html&gt;`、`&lt;head&gt;`和`&lt;body&gt;`等。`&lt;html&gt;`是整个文档的根元素,而`&lt;head&gt;`包含了文档元信息,如标题(`&lt;title&gt;`),`&lt;meta&gt;`标签等。`&lt;body&gt;`则包含了网页的可见...

    HTML培训教材---对正在学习的人有帮助

    HTML文件本质上是文本文件,其中包含一系列小的标记标签,这些标签指示浏览器如何呈现页面内容。一个有效的HTML文件必须具有.htm或.html的文件扩展名。HTML文档的结构通常包括`&lt;html&gt;`、`&lt;head&gt;`和`&lt;body&gt;`三个主要...

    html5-css-3d.rar

    首先,HTML5引入了一系列新的元素,如, , , 等,旨在提高网页结构的语义性和可读性。同时,HTML5也支持多媒体元素,如和,使得音频和视频可以直接内嵌到网页中,无需依赖Flash等外部插件。 而CSS3是CSS的最新版本,...

    html-xhtml-and-css-your-visual-blueprint-for-designing-effective-web-pages

    为了构建既美观又功能强大的网页,开发者们需要掌握一系列的核心技术,其中最重要的三种技术就是HTML(超文本标记语言)、XHTML(可扩展超文本标记语言)以及CSS(层叠样式表)。本书《HTML、XHTML与CSS:打造高效...

    爱心网页-HTML-代码

    在这个项目中,HTML代码将构建出爱心的基本框架,通过一系列的标签和属性来描述页面的布局和内容。初学者可以从HTML代码中学习如何创建元素、组织结构以及使用内联样式或类来实现特定的视觉效果。 CSS(Cascading ...

    《Web前端设计基础——HTML5、CSS3、JavaScript》课后答案整理.pdf

    - HTML5中元素名和属性名不区分大小写,但有一系列编码惯例。 5. HTML5文档内容标记 - HTML5中可以使用注释来解释代码或屏蔽某些部分,使用&lt;!--注释内容--&gt;进行标记。 - 列表元素包括无序列表()、有序列表()...

    VBA处理网页基础二-Word版

    它由一系列的元素组成,这些元素通过标签进行定义。标签通常是成对出现的,例如`&lt;title&gt;`和`&lt;/title&gt;`,其中`&lt;title&gt;`为开始标签,`&lt;/title&gt;`为结束标签。标签内部的内容则表示网页上的文本或多媒体内容。 #### ...

    个人笔记--HTML5

    #### 二、HTML5的发展历程 ##### 2.1 HTML5建立的一些规则 - **基于现有技术**:HTML5的新特性应该基于现有的HTML、CSS、DOM以及JavaScript技术。 - **减少对外部插件的依赖**:如Flash等外部插件不再是必需品。 -...

Global site tag (gtag.js) - Google Analytics