HTML文本格式标签_实体字符
程序员文章站
2022-05-29 14:41:44
...
文本格式化标签
| 标签 | 描述 | 标签 | 描述 |
|---|---|---|---|
| < b > < /b > | 定义粗体文本 | < del > < /del > | 定义删除字 |
| < u > < /u > | 定义下划线文本 | < small >< /small > | 定义小号字 |
| < i >< /i > | 定义斜体 | < sup >< /sup > | 定义上标字 |
| < strong >< /strong > | 定义加重语气字 | < sub >< /sub > | 定义下标字 |
| < em >< /em > | 定义着重字 | < ins >< /ins > | 定义插入字 |
上面的标签全是行内标签
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>文本格式标签</title>
</head>
<body>
<!--
1.双标记 行内元素
-->
<!--掌握-->
<b>加粗</b>
<i>倾斜</i>
<u>下划线</u>
<strong>强调</strong>
<em>强调</em>
<sup>上标</sup>
<sub>下标</sub>
2 <sup>3</sup>
<!--了解-->
<s>删除线</s>
<del>删除线</del>
<small>小号字体</small>
<big>大号字体</big>
<ins>插入内容</ins>
</body>
</html>
效果图
语义化标签
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>语义化标签</title>
</head>
<body>
<!--
1.语义化标签
h1
address 地址
正确的标签干正确的事
优点：有利于浏览器搜素引擎来查找
-->
<!--
使用pre标签 标签内的空格和换行不会被编译器省略
-->
<address>昌平区沙河万家灯火</address>
<address>昌平区沙河万家灯火</address>
<p>昌平区沙河 万家灯火</p>
<pre>昌平区沙河
万家灯火</pre>
<pre>昌平区沙河
万家灯火</pre>
</body>
</html>
效果图
实体字符
在 HTML 中，某些字符是预留的。
在 HTML 中不能使用小于号（<）和大于号（>），这是因为浏览器会误认为它们是标签。
如果希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体（character entities）。 字符实体类似这样：
&entity_name;
或
&#entity_number;
如需显示小于号，我们必须这样写：
< 或 < 或 <
提示： 使用实体名而不是数字的好处是，名称易于记忆。不过坏处是，浏览器也许并不支持所有实体名称（对实体数字的支持却很好）。
实例
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>实体字符</title>
</head>
<body>
<!--
空格
< <
> >
-->
东方红路肯德基 反垄断法地方地方
<p>段落</p>
<p>段落</p>
© ©
♥
</body>
</html>
效果图