百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 编程网 > 正文

HTML 基础标签库_html标签基本结构

yuyutoo 2025-02-20 18:34 1 浏览 0 评论

HTML 标题

HTML 标题(Heading)是通过

-

标签来定义的.

h是英文header标题的缩写,标题无处不在,它的应用范围十分广泛:网站结构、写作文、PPT 等。

这里有六个标题元素标签 ——

,每个元素代表文档中不同级别的内容:

表示主标题( the main heading ),

表示二级子标题( subheadings ),

表示三级子标题( sub-subheadings ),

字体的大小依次递减。

这是标题1

这是标题2

这是标题3

这是标题4

这是标题5
这是标题6

HTML 段落

HTML 段落是通过标签

来定义的,P是英文paragraph段落的缩写,经常被用来创建一个段落,就和你写作文一样。

这是一个段落。

这是另外一个段落。

HTML 中的链接

HTML 链接是通过标签来定义的。a标签,也叫anchor(锚点)元素,既可以用来链接到外部地址实现页面跳转功能,也可以链接到当前页面的某部分实现内部导航功能。

这是一个链接
这是一个空链接 

HTML 图像

HTML 图像是通过标签来定义的。使用img元素来为你的网站添加图片,使用src 属性指向一个图片的具体地址。

请注意:img元素是自关闭元素,不需要结束标记。

HTML 强调

在 HTML 中我们可以使用em(emphasis)元素来标记这样的情况,浏览器默认风格为斜体:

在 HTML 中我们还可以使用(strong importance)元素来标记这样的请况,浏览器默认风格为粗体:

很高兴你不 讨厌我.

这种液体是高毒性的.

我就指望你不会 迟到!

HTML 水平线


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

hr 元素可用于分隔内容,使用该元素产生的水平线可以在视觉上将文档分隔成各个部分。

hr 标签定义水平线:


这是段落。


这是段落。


这是段落。

HTML 注释

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

HTML 注释可以方便地用来帮助网页设计人员,提醒他们与程序相关的信息。

注释写法如下:

HTML 折行

如果您希望在不产生一个新起点的情况下进行换行(新行),请使用
标签。

在 HTML 语言中,
标签定义为一个换行符,它可以理解为简单的输入一个空行,而不是用来对内容进行拆分:

这个
段落
演示了分行的效果

HTML 文本格式化标签

标签

描述

定义粗体文本

定义着重文字

定义斜体字

定义小号字

定义加重语气

定义下标字

定义上标字

定义插入字

定义删除字

HTML "计算机输出" 标签

标签

描述

定义计算机代码

定义键盘码

定义计算机代码样本

定义变量

定义预格式文本

HTML 引文, 引用, 及标签定义

标签

描述

定义缩写

定义地址

定义文字方向

定义长的引用

定义短的引用语

定义引用、引证

定义一个定义项目。

HTML 用于短的引用

HTML 元素定义短的引用。

浏览器通常会为 元素包围引号。

WWF 的目标是:构建人与自然和谐共存的世界。

用于长引用的 HTML

HTML

元素定义被引用的节。

浏览器通常会对

元素进行缩进处理。

以下内容引用自 WWF 的网站:

五十年来,WWF 一直致力于保护自然界的未来。 世界领先的环保组织,WWF 工作于 100 个国家, 并得到美国一百二十万会员及全球近五百万会员的支持。

用于缩略词的 HTML

HTML 元素定义缩写或首字母缩略语。

对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息。

WHO 成立于 1948 年。

用于定义的 HTML

HTML 元素定义项目或缩写的定义。

的用法,按照 HTML5 标准中的描述,有点复杂:

1. 如果设置了 元素的 title 属性,则定义项目:

WHO 成立于 1948 年。

2. 如果 元素包含具有标题的 元素,则 title 定义项目:

WHO 成立于 1948 年。

3. 否则, 文本内容即是项目,并且父元素包含定义。

WHO World Health Organization 成立于 1948 年。

注释:如果您希望简而化之,请使用第一条,或使用 代替。

用于联系信息的 HTML

HTML

元素定义文档或文章的联系信息(作者/拥有者)。此元素通常以斜体显示。大多数浏览器会在此元素前后添加折行。

Written by Donald Duck.
Visit us at:
Example.com
Box 564, Disneyland
USA

用于著作标题的 HTML

HTML 元素定义著作的标题。

浏览器通常会以斜体显示 元素。

The Scream by Edward Munch. Painted in 1893.

用于双向重写的 HTML

HTML 元素定义双流向覆盖(bi-directional override)。

元素用于覆盖当前文本方向:

This text will be written from right to left

HTML 引文、引用和定义元素

标签

描述

定义缩写或首字母缩略语。

定义文档作者或拥有者的联系信息。

定义文本方向。

定义从其他来源引用的节。

定义项目或缩略词的定义。

定义短的行内引用。

定义著作的标题。

HTML 区块

HTML 可以通过

将元素组合起来。

HTML 区块元素

大多数 HTML 元素被定义为块级元素内联元素

块级元素在浏览器显示时,通常会以新行来开始(和结束)。

实例:

,

,