HTML段落、文本格式、样式

最新推荐文章于 2024-03-12 10:29:38 发布

转载最新推荐文章于 2024-03-12 10:29:38 发布 · 1w 阅读

文章标签：

#html #浏览器

HTML 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了HTML文本格式化标签及CSS样式的使用方法，包括如何改变文本的字体、颜色、尺寸、对齐方式，并展示了实例代码。

定义段落：<p></p>
在不产生一个新段落的情况下进行换行：<br />
当显示页面时，浏览器会移除源代码中多余的空格和空行，因此，无法通过在HTML代码中添加额外的空格或换行来改变输出的效果。
段落的行数依赖于浏览器窗口的大小。
HTML文本格式化
<html>
<body>
<b>This text is bold</b>
<br />
<strong>This text is strong</strong>
<br />
<big>This text is big</big>
<br />
<em>This text is emphasized</em>
<br />
<i>This text is italic</i>
<br />
<small>This text is small</small>
<br />
This text contains
<sub>subscript</sub>
<br/>
This text contains
<sup>superscript</sup>
</body>
</html>

其它文本格式化标签

<ins>定义插入字

<del>定义删除字

<s><strike><u>不赞成使用

“计算机输出”标签

引用、引用和术语定义

HTML样式

style属性：改变HTML元素的样式

避免使用的标签：<center><font><basefont><s><strike><u>

避免使用的属性：align, bgcolor, color

均使用样式代替

实例1：背景颜色background-color

<html>
<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>
</html>

实例2：字体、颜色、尺寸(font-family, color, font-size)

<html>
<body>
<h1 style="font-family:verdana">A heading</h1>
<p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p>
</body>
</html>

实例3：文本对齐text-align

<html>
<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>