2019-08-08

HTML 标题

HTML 标题(Heading)是通过

-

等标签进行定义的。


HTML 段落

HTML 段落是通过

标签进行定义的。


HTML 链接

HTML 链接是通过 标签进行定义的。

在 href 属性中指定链接的地址。


HTML 图像

HTML 图像是通过 标签进行定义的。


HTML 元素

HTML 文档是由 HTML 元素定义的。

HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。

开始标签                              元素内容                              结束标签

                                 This is a paragraph                       

  This is a link                                   


注释:开始标签常被称为开放标签(opening tag),结束标签常称为闭合标签(closing tag)。


HTML 元素语法

HTML 元素以开始标签起始 、结束标签终止,元素的内容是开始标签与结束标签之间的内容

某些 HTML 元素具有空内容(empty content),空元素在开始标签中进行关闭(以开始标签的结束而结束)

大多数 HTML 元素可拥有属性

嵌套的 HTML 元素

大多数 HTML 元素可以嵌套(可以包含其他 HTML 元素)。

HTML 文档由嵌套的 HTML 元素构成。

HTML 文档实例

This is my first paragraph.

上面的例子包含三个 HTML 元素。

HTML 实例解释

元素:

This is my first paragraph.

这个

元素定义了 HTML 文档中的一个段落。

这个元素拥有一个开始标签

,以及一个结束标签

元素内容是:This is my first paragraph。

元素:

This is my first paragraph.

元素定义了 HTML 文档的主体。

这个元素拥有一个开始标签 ,以及一个结束标签 。

元素内容是另一个 HTML 元素(p 元素)。

元素:

This is my first paragraph.

元素定义了整个 HTML 文档。

这个元素拥有一个开始标签 ,以及一个结束标签 。

元素内容是另一个 HTML 元素(body 元素)。

不要忘记结束标签


空的 HTML 元素

没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。


就是没有关闭标签的空元素(
标签定义换行)。

在 XHTML、XML 以及未来版本的 HTML 中,所有元素都必须被关闭。

在开始标签中添加斜杠,比如
,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这种方式。

即使
在所有浏览器中都是有效的,但使用
其实是更长远的保障。


HTML 提示:使用小写标签

HTML 标签对大小写不敏感:

等同于

。许多网站都使用大写的 HTML 标签。

W3School 使用的是小写标签,因为万维网联盟(W3C)在 HTML 4 中推荐使用小写,而在未来 (X)HTML 版本中强制使用小写。


HTML 属性

HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。

属性总是以名称/值对的形式出现,比如:name="value"

属性总是在 HTML 元素的开始标签中规定。


属性例子 1:

定义标题的开始。

拥有关于对齐方式的附加信息。

属性例子 2:

定义 HTML 文档的主体。

拥有关于背景颜色的附加信息。

始终为属性值加引号

属性值应该始终被包括在引号内。双引号是最常用的,不过使用单引号也没有问题。

在某些个别的情况下,比如属性值本身就含有双引号,那么必须使用单引号。


HTML 标题

标题(Heading)是通过

-

等标签进行定义的。

定义最大的标题。

定义最小的标题。

注释:浏览器会自动地在标题的前后添加空行。

注释:默认情况下,HTML 会自动地在块级元素前后添加一个额外的空行,比如段落、标题元素前后。

请确保将 HTML heading 标签只用于标题。不要仅仅是为了产生粗体或大号的文本而使用标题。搜索引擎使用标题为您的网页的结构和内容编制索引。因为用户可以通过标题来快速浏览您的网页,所以用标题来呈现文档结构是很重要的。


HTML 水平线


标签在 HTML 页面中创建水平线。

hr 元素可用于分隔内容。

HTML 注释

可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。

注释是这样写的:


HTML段落

段落是通过

标签定义的。

HTML 折行

在不产生一个新段落的情况下进行换行(新行),使用
标签:


HTML 样式

HTML 样式实例 - 背景颜色

background-color 属性为元素定义了背景颜色:

HTML 样式实例 - 字体、颜色和尺寸

font-family、color 以及 font-size 属性分别定义元素中文本的字体系列、颜色和字体尺寸:

HTML 样式实例 - 文本对齐

text-align 属性规定了元素中文本的水平对齐方式:


HTML 文本格式化

你可能感兴趣的:(2019-08-08)