HTML——基础篇(三)

111 阅读2分钟

一起养成写作习惯!这是我参与「掘金日新计划 · 4 月更文挑战」的第16天,点击查看活动详情

6.HTML段落

HTML 段落

段落是通过 <p> 标签定义的。

使用空的段落标记 <p></p> 去插入一个空行是个坏习惯。
用 <br /> 标签代替它!(但是不要用 <br /> 标签去创建列表。

HTML 折行

如果希望在不产生一个新段落的情况下进行换行(新行),请使用 <br /> 标签:

eg:
<p>This is<br />a para<br />graph with line breaks</p>

7.HTML样式

style 属性用于改变 HTML 元素的样式。

HTML 的 style 属性

style 属性的作用:

提供了一种改变所有 HTML 元素的样式的通用方法。

样式是 HTML 4 引入的,它是一种新的首选的改变 HTML 元素样式的方式。通过 HTML 样式,能够通过使用 style 属性直接将样式添加到 HTML 元素,或者间接地在独立的样式表中(CSS 文件)进行定义。

HTML 样式实例 - 背景颜色

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

<html>

<body style="background-color:yellow">
<h2 style="background-color:red">This is a heading</h2>
<p style="background-color:green">This is a paragraph.</p>
</body>

</html>

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

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

<html>

<body>
<h1 style="font-family:verdana">A heading</h1>
<p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p>
</body>

</html>

HTML 样式实例 - 文本对齐

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

<html>

<body>
<h1 style="text-align:center">This is a heading</h1>
<p>The heading above is aligned to the center of this page.</p>
</body>

</html>

8.HTML引用

HTML "用于短的引用"

HTML <q> 元素定义短的引用。

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

eg:
<p>WWF 的目标是:<q>构建人与自然和谐共存的世界。</q></p>

用于长引用的 HTML < blockquote >

HTML <blockquote> 元素定义被引用的节。

浏览器通常会对 <blockquote> 元素进行缩进处理。

eg:
<p>以下内容引用自 WWF 的网站:</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
五十年来,WWF 一直致力于保护自然界的未来。
世界领先的环保组织,WWF 工作于 100 个国家,
并得到美国一百二十万会员及全球近五百万会员的支持。
</blockquote>

用于缩略词的 HTML < abbr >

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

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

eg:
<p><abbr title="World Health Organization">WHO</abbr> 成立于 1948 年。</p>

用于定义的 HTML < dfn >

HTML <dfn> 元素定义项目或缩写的定义。
<dfn> 的用法,按照 HTML5 标准中的描述,有点复杂:


1. 如果设置了 <dfn> 元素的 title 属性,则定义项目:
eg:
<p><dfn title="World Health Organization">WHO</dfn> 成立于 1948 年。</p>


2. 如果 <dfn> 元素包含具有标题的 <abbr> 元素,则 title 定义项目:
eg:
<p><dfn><abbr title="World Health Organization">WHO</abbr></dfn> 成立于 1948 年。</p>


3. 否则,<dfn> 文本内容即是项目,并且父元素包含定义。
eg:
<p><dfn>WHO</dfn> World Health Organization 成立于 1948 年。</p>