style 属性用于改变 HTML 元素的样式。
通过 HTML 样式,能够通过使用 style 属性直接将样式添加到 HTML 元素,或者间接地在独立的样式表中(CSS 文件)进行定义。
background-color 属性为元素定义了背景颜色:
<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>
font-family、color 以及 font-size 属性分别定义元素中文本的字体系列、颜色和字体尺寸:
<body>
<h1 style="font-family:verdana">A heading</h1>
<p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p>
</body>
text-align 属性规定了元素中文本的水平对齐方式:
<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 <q> 用于短的引用
HTML <q> 元素定义短的引用。
浏览器通常会为 <q> 元素包围引号。
例如:<p>WWF 的目标是:<q>构建人与自然和谐共存的世界。</q></p>
//结果为 WWF 的目标是“构建人与自然和谐相处的世界”
HTML <img> alt 属性
alt 属性是一个必需的属性,它规定在图像无法显示时的替代文本。<img> 标签的 alt 属性指定了替代文本,用于在图像无法显示或者用户禁用图像显示时,代替图像显示在浏览器中的内容。
<pre>
这是
预格式文本。
它保留了 空格
和换行。
</pre>
//运行之后,文本结果与代码相同
如:
这是
预格式文本。
它保留了 空格
和换行。
//这里是换行
使用 blockquote 元素的话,浏览器会插入换行和外边距,浏览器通常会对 <blockquote> 元素进行缩进处理。而 q 元素不会有任何特殊的呈现。浏览器通常会为 <q> 元素包围引号。
<p>
这是短的引用。
</q>
<blockquote>
这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。
</blockquote>
用于缩略词的 HTML <abbr>
HTML <abbr> 元素定义缩写或首字母缩略语。
对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息。
例如:
<p><abbr title="World Health Organization">WHO</abbr> 成立于 1948 年。</p>
只需鼠标停留在WHO上方(WHO不会显示为斜体),便会有一个类似按钮出现,上面的内容是World Health Organization
用于定义的 HTML <dfn>
HTML <dfn> 元素定义项目或缩写的定义。
使用这个即可:<p><dfn title="World Health Organization">WHO</dfn> 成立于 1948 年。</p>
用于联系信息的 HTML <address>
HTML <address> 元素定义文档或文章的联系信息(作者/拥有者)。
此元素通常以斜体显示。大多数浏览器会在此元素前后添加折行。
照常的格式即可:
<address>
Written by Donald Duck.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>
用于著作标题的 HTML <cite>
HTML <cite> 元素定义著作的标题。
浏览器通常会以斜体显示 <cite> 元素。
<p><cite>The Scream</cite> by Edward Munch. Painted in 1893.</p>
用于双向重写的 HTML <bdo>
HTML <bdo> 元素定义双流向覆盖(bi-directional override)。
<bdo> 元素用于覆盖当前文本方向(文本将从右向左进行书写):
例如:<bdo dir="rtl">This text will be written from right to left</bdo>
输出为:This line will be written from right to left