HTML样式

HTML 的 style 属性

style 属性的作用：

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

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

您可以在我们的 CSS 教程中学习关于样式和 CSS 的所有知识。

在我们的 HTML 教程中，我们将使用 style 属性向您讲解 HTML 样式。

很多html自带的格式化基本上都由样式代替，这样不容易产生冲突。

文本格式化

HTML 可定义很多供格式化输出的元素，比如粗体和斜体字。

<html>
<body>

<a href="xxxx"> this is a link </a>

<h1 align="center">this is heading 1</h1>
<body bgcolor="yellow">  拥有背景颜色为黄色的附加信息
<!--this is a comment-->注释信息
</hr> 水平分割线

<html>
<body style="background-color:PowerderBlue;">

<h1>Look! Styles and colors</h1>
<p style="font-family:verdana;color:red">
</body>
</html>

<body style="background-color:yellow">
<h2 style="background-color:red">this is a heading</h2>



<b>this text is bold</b>
<br />
<strong> 和<b>的效果是一样的
<big> <small>可以调节字体的大小
<sub>单词下移  <sup>单词上移
<pre>预格式文本，会保留空格，适用于显示计算机代码

<code>  <kbd>  <tt>  <samp>  <var>都可以用于显示计算机代码
<address>
Written by <a href="mailto:webmaster@example.com">DonaldDuck</a>.<br> 
Visit us at:<br />
Example.com<br />
Box 564, Disneyland<br />
USA
</address>
<em>中间会变成斜字体</em>


<abbr title="etcetera">etc.</abbr>
把鼠标放在缩略词上会显示完整版本
<br />
<acronym title=".......">WWW</acronym>

<blockquote>
两者之间是长引用，会自己空行，并且会自己加入外边距。
</blockquote>

<q>
这是短的引用，会自己加入双引号。
</q>


<bdo dir="rtl">
Here is some Hebrew text
</bdo>
上述情况，所用语句会倒着输出


<del>中间会有删除线</del>
<ins>中间会有下划线</ins>

上面的内容写的很乱，但是是我学习过程中一字一句老老实实打出来的，所以我就敢放在这里。

文本格式化标签

<b>    定义粗体文本。
<big>    定义大号字。
<em>    定义着重文字。
<i>    定义斜体字。
<small>    定义小号字。
<strong>    定义加重语气。
<sub>    定义下标字。
<sup>    定义上标字。
<ins>    定义插入字。
<del>    定义删除字。

计算机输出格式化标签

标签    描述
<code>    定义计算机代码。
<kbd>    定义键盘码。
<samp>    定义计算机代码样本。
<tt>    定义打字机代码。
<var>    定义变量。
<pre>    定义预格式文本。

引用术语

<abbr>    定义缩写。
<acronym>    定义首字母缩写。
<address>    定义地址。
<bdo>    定义文字方向。
<blockquote>    定义长的引用。
<q>    定义短的引用语。
<cite>    定义引用、引证。
<dfn>    定义一个定义项目。

posted on 2022-02-22 20:18 Krcoding 阅读(136) 评论(0) 收藏举报