关于文本和段落：
具体代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>First Web Page</title>
</head>
<body>
<u>下划线显示</u><br>
<b>黑体显示</b><br>
<i>斜体显示</i><br>
<em>表示强调，一般显示斜体</em><br>
<del>显示删除线</del><br>
<small>字号变小显示</small>
<big>字号变大显示</big><br>
X<sup>2</sup>+2X+1=9<sup>2</sup><br>
X<sub>1</sub>+X<sub>2</sub>=5<br>
<cite> 《平凡的世界》</cite><br>
<code>alert("this is a line code");</code><br>
<strong>表示强调，一般显示黑体</strong><br>
<blockquote>是的，真正的爱情不应该是利己的，而应该是利他的，是心甘情愿的与爱人一起奋斗并不断自我更新的过程</blockquote><br>
<address>成都市</address><br><br><br><br>
<font>这是浏览器默认的文字样式</font>
<font color="red">这是红色的文字</font><br>
<font size="5">这是5号字体的文字</font><br>
<font face="STKaiti">这是华文楷体的文字</font><br><br><br><br>
<p align="left">这是一段文字，内容左对齐</p>
<p align="center">这是一段文字，内容居中</p>
<p align="right">这是一段文字，内容右对齐</p><br><br><br><br>
<hr size="5px" color="red">
<p>默认换行：这是一段文字，我们需要在【此处】换行，但是由于段落还未占满，浏览器默认不换行。</p>
<hr size="1px" color="blue">
<p>强制换行：这是一段文字，我们需要在【此次】<br>换行，即是段落未占满，已然强制换行。</p>
<hr width="50%" color="red"><br><br><br><br>
<p> 这是一段没有设置任何样式的普通的段落，在浏览器默认情况下段落左对齐，无段落缩紧。</p>
</blockquote>
<center style="background: #EEE">
<p>设置了文本居中，文本中的图像<img src="boy.png">也一起居中</p>
</center><br><br><br><br>
《静夜思》
床前明月光，疑是地上霜。
举头望明月，低头思故乡。
<pre>
《静夜思》
床前明月光，疑是地上霜。
举头望明月，低头思故乡。
</pre>
</body>
</html>
标签的使用实例：
原文地址：https://www.cnblogs.com/bingw/p/9607494.html
时间： 2024-10-17 11:33:54