HTML 样式
HTML 的 style 属性
- style 属性用于改变 HTML 元素的样式。
- 所有 HTML 元素的样式的通用方法。
- 样式是 HTML 4 引入的
- 通过 HTML 样式,能够通过使用 style 属性直接将样式添加到 HTML 元素,或者间接地在独立的样式表中(CSS 文件)进行定义。
不赞成使用的标签和属性
标签 | 描述 |
---|---|
center | 定义居中的内容。 |
font 和 basefont | 定义 HTML 字体。 |
s 和 strike | 定义删除线文本。 |
u | 定义下划线文本。 |
属性 | 描述 |
---|---|
align | 定义文本的对齐方式 |
bgcolor | 定义背景颜色 |
color | 定义文本颜色 |
对于以上这些标签和属性:请使用样式代替!
HTML 文本格式化
文本格式化
标签 | 描述 |
---|---|
b | 定义粗体文本。 |
big | 定义大号字。 |
em | 定义着重文字。 |
i | 定义斜体字。 |
small | 定义小号字。 |
strong | 定义加重语气. |
sub | 定义下标字。 |
sup | 定义上标字。 |
ins | 定义插入字。 |
del | 定义删除字。 |
s | 不赞成使用。使用 del 代替。 |
strike | 不赞成使用。使用 del 代替。 |
u (下划线) | 不赞成使用。使用(style)代替。 |
“计算机输出”标签
引用、引用和术语定义
标签 | 描述 |
---|---|
abbr | 定义缩写。 |
acronym | 定义首字母缩写。 |
address | 定义地址。 |
bdo | 定义文字方向。 |
blockquote | 定义长的引用。 |
q | 定义短的引用语。 |
cite | 定义引用、引证。 |
dfn | 定义一个定义项目。 |
用于定义的 HTML dfn
-
HTML
<dfn>
元素定义项目或缩写的定义。 -
如果设置了
<dfn>
元素的 title 属性,则定义项目:<p><dfn title="World Health Organization">WHO</dfn> 成立于 1948 年。</p>
-
如果
<dfn>
元素包含具有标题的<abbr>
元素,则 title 定义项目: -
- <p><dfn><abbr title="World Health Organization">WHO</abbr></dfn> 成立于 1948 年。</p>
-
否则,
<dfn>
文本内容即是项目,并且父元素包含定义。 -
<p><dfn>WHO</dfn> World Health Organization 成立于 1948 年。</p>
HTML 注释标签
条件注释
您也许会在 HTML 中偶尔发现条件注释:
<!--[if IE 8]>
.... some HTML here ....
<![endif]-->
条件注释定义只有 Internet Explorer 执行的 HTML 标签。
条件注释只能在IE下使用,因此我们可以通过条件注释来为IE添加特别的指令
软件程序标签
- 各种 HTML 软件程序也能够生成 HTML 注释。
- 例如
<!--webbot bot-->
标签会被包围在由 FrontPage 和 Expression Web 创建的 HTML 注释中。 - 作为一项规则,这些标签的存在,有助于对创建这些标签的软件的支持。
HTML CSS
- 通过使用 HTML4.0,所有的格式化代码均可移出 HTML 文档,然后移入一个独立的样式表。
如何使用样式
外部样式表
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
内部样式表
<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>
内联样式
<p style="color: red; margin-left: 20px">
This is a paragraph
</p>