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的JSX元素。这个过程遵循了DOM解析的规则,确保了转换后的React元素能够准确地反映出原始HTML的结构和属性。 **主要特点** 1. **灵活性**...
HTML提供了一系列元素来逻辑组织这些内容,例如: - `<header>`通常包含页面的介绍性内容,如标题、logo或搜索框。 - `<nav>`元素用于创建导航链接,帮助用户在当前文档或网站中浏览。 - `<section>`代表一个通用的...
#### 二、HTML文档结构与元素 **2.1 HTML结构** - HTML文档通常包括以下部分: - `<!DOCTYPE html>`: 定义文档类型。 - `<html>`: 文档根元素。 - `<head>`: 包含元数据,如标题、样式和脚本。 - `<body>`: ...
HTML文档由一系列的元素组成,这些元素以开始标签和结束标签的形式出现,如`<p>`(段落)和`</p>`。 二、HTML基本结构 一个简单的HTML文档通常包含以下部分: 1. `<!DOCTYPE html>`声明:告诉浏览器文档使用的是哪...
HTML由一系列元素组成,这些元素通过标签来定义,用于组织网页的内容和结构。 在HTML中,最基本的元素包括标题(`<h1>`至`<h6>`)、段落(`<p>`)、链接(`<a>`)、图像(`<img>`)等。标题元素用于设定网页的主要...
9. **游戏工具**:除了核心库,Cocos2d-html5通常会包含一系列开发工具,如编辑器、资源管理器和调试器,帮助开发者更高效地工作。 10. **社区支持**:作为开源项目,Cocos2d-html5有一个活跃的开发者社区,提供...
《Cocos2d-Js开发之旅-从HTML5到原生手机游戏》是一本深入探讨Cocos2d-Js框架的书籍,旨在帮助开发者从HTML5游戏开发过渡到原生移动平台的游戏制作。Cocos2d-Js是Cocos2d-x家族的一员,是一个跨平台的、基于...
这些可能通过结合使用HTML5的`<i>`元素、`<svg>`元素,或者CSS3的伪元素如`:before`和`:after`来实现。 总结来说,HTML5和CSS3的结合为创建漂亮、功能丰富的按钮提供了无限可能性。这个项目...
#### 二、交互元素 HTML5不仅改进了页面结构,还增强了网页的交互性,引入了一系列新的交互元素,这些元素可以帮助开发者创建更具吸引力且功能更丰富的用户界面。下面是一些重要的交互元素: - **`<nav>`标签**: ...
- HTML标签:HTML由一系列标签组成,如`<html>`, `<head>`, `<body>`, `<header>`, `<footer>`等,它们定义了网页的各个部分。 - 内容元素:例如`<h1>`, `<p>`, `<a>`分别表示标题、段落和链接,`<img>`用于插入...
开发者可以定义一系列的图片帧,然后使用CSS动画将这些帧按照一定的时间顺序播放,形成图片流动的效果,为网页增加动态视觉吸引力。 5. `div`元素:在HTML中,`div`是一个通用的容器元素,可以包裹其他元素并应用...
HTML由一系列元素组成,这些元素通过标签定义,比如`<html>`、`<head>`和`<body>`等。`<html>`是整个文档的根元素,而`<head>`包含了文档元信息,如标题(`<title>`),`<meta>`标签等。`<body>`则包含了网页的可见...
HTML文件本质上是文本文件,其中包含一系列小的标记标签,这些标签指示浏览器如何呈现页面内容。一个有效的HTML文件必须具有.htm或.html的文件扩展名。HTML文档的结构通常包括`<html>`、`<head>`和`<body>`三个主要...
首先,HTML5引入了一系列新的元素,如, , , 等,旨在提高网页结构的语义性和可读性。同时,HTML5也支持多媒体元素,如和,使得音频和视频可以直接内嵌到网页中,无需依赖Flash等外部插件。 而CSS3是CSS的最新版本,...
为了构建既美观又功能强大的网页,开发者们需要掌握一系列的核心技术,其中最重要的三种技术就是HTML(超文本标记语言)、XHTML(可扩展超文本标记语言)以及CSS(层叠样式表)。本书《HTML、XHTML与CSS:打造高效...
在这个项目中,HTML代码将构建出爱心的基本框架,通过一系列的标签和属性来描述页面的布局和内容。初学者可以从HTML代码中学习如何创建元素、组织结构以及使用内联样式或类来实现特定的视觉效果。 CSS(Cascading ...
- HTML5中元素名和属性名不区分大小写,但有一系列编码惯例。 5. HTML5文档内容标记 - HTML5中可以使用注释来解释代码或屏蔽某些部分,使用<!--注释内容-->进行标记。 - 列表元素包括无序列表()、有序列表()...
它由一系列的元素组成,这些元素通过标签进行定义。标签通常是成对出现的,例如`<title>`和`</title>`,其中`<title>`为开始标签,`</title>`为结束标签。标签内部的内容则表示网页上的文本或多媒体内容。 #### ...
#### 二、HTML5的发展历程 ##### 2.1 HTML5建立的一些规则 - **基于现有技术**:HTML5的新特性应该基于现有的HTML、CSS、DOM以及JavaScript技术。 - **减少对外部插件的依赖**:如Flash等外部插件不再是必需品。 -...