WEB前端学习笔记-HTML(中)
HTML 样式
style 属性用于改变 HTML 元素的样式。
HTML 的 style 属性
style 属性的作用：
提供了一种改变所有 HTML 元素的样式的通用方法。
样式是 HTML 4 引入的，它是一种新的首选的改变 HTML 元素样式的方式。通过 HTML 样式，能够通过使用 style 属性直接将样式添加到 HTML 元素，或者间接地在独立的样式表中（CSS 文件）进行定义。
由于HTML前期版本的混乱，在CSS出现之后，一些属性或标签在HTML未来的版本中被标记为废弃的，这些被废弃的属性和标签相应的实现的功能都应该由CSS来实现。
例如：style 属性淘汰了“旧的” bgcolor 属性（对应css的background-color）；style 属性淘汰了旧的 标签(对应CSS的font-family);style 属性淘汰了旧的 “align” 属性（对应CSS的text-align）。
HTML 文本格式化
以下实例表示HTML的文本格式化：
: 定义粗体文本。
: 定义大号字。
: 定义着重文字。
: 定义斜体字。
: 定义小号字。
: 定义加重语气。
: 定义下标字。
: 定义上标字。
: 定义插入字。
定义删除字。
“计算机输出”标签
定义计算机代码。
: 定义键盘码。
:定义打字机代码。
: 定义计算机代码样本。
: 定义变量。
定义预格式文本。
HTML 引用
HTML 用于短的引用
HTML 元素定义短的引用。
浏览器通常会为 元素包围引号。
<p>WWF 的目标是：<q>构建人与自然和谐共存的世界。q>p>
会为周围用引号
用于长引用的 HTML
HTML元素定义被引用的节。
浏览器通常会对 元素进行缩进处理。
用于缩略词的 HTML
HTML元素定义缩写或首字母缩略语。
对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息。
用于定义的 HTML
HTML元素定义项目或缩写的定义。
的用法，按照 HTML5 标准中的描述，有点复杂：
- 如果设置了
元素的 title 属性，则定义项目：
<p><dfn title="World Health Organization">WHOdfn> 成立于 1948 年。p>
- 如果
元素包含具有标题的 元素，则 title 定义项目：
<p><dfn><abbr title="World Health Organization">WHOabbr>dfn> 成立于 1948 年。p>
- 否则，
文本内容即是项目，并且父元素包含定义。
<p><dfn>WHOdfn> World Health Organization 成立于 1948 年。p>
用于联系信息的 HTML
HTML 元素定义文档或文章的联系信息（作者/拥有者）。
此元素通常以斜体显示。大多数浏览器会在此元素前后添加折行。
用于著作标题的 HTML
HTML 元素定义著作的标题。
浏览器通常会以斜体显示 元素。
用于双向重写的 HTML
HTML 元素定义双流向覆盖（bi-directional override）。
元素用于覆盖当前文本方向：ltr或者rtl（就是left to right或者right to left）
HTML 计算机代码元素
HTML 计算机代码格式
通常，HTML 使用可变的字母尺寸，以及可变的字母间距。
在显示计算机代码示例时，并不需要如此。
, , 以及 元素全都支持固定的字母尺寸和间距。
:表示计算机键盘输出
:表示计算机输出示例
：编程的代码示例，该元素不保留多余的空格和拆行，，您必须在 pre 元素中包围代码
HTML CSS
通过使用 HTML4.0，所有的格式化代码均可移出 HTML 文档，然后移入一个独立的样式表。
如何使用样式
当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化。有以下三种方式来插入样式表：
①外部样式表
当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。使用外部样式表，你就可以通过更改一个文件来改变整个站点的外观。
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
head>②内部样式表
当单个文件需要特别样式时，就可以使用内部样式表。你可以在 head 部分通过