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)代替。

“计算机输出”标签

初学HTML笔记(基础02)
初学HTML笔记(基础02)

引用、引用和术语定义

标签 描述
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>

初学HTML笔记(基础02)

相关文章: