文本格式化标签

标签	描述	标签	描述
< 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;

如需显示小于号，我们必须这样写：

&lt; 或 &#60; 或 &#060;

提示：使用实体名而不是数字的好处是，名称易于记忆。不过坏处是，浏览器也许并不支持所有实体名称（对实体数字的支持却很好）。
实例

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>实体字符</title>
</head>
<body>
<!--
空格  &nbsp;
<     &lt;
>    &gt;

-->
东方红路肯德基&nbsp;&nbsp;&nbsp;&nbsp;反垄断法地方地方
<p>段落</p>
&lt;p&gt;段落&lt;/p&gt;

©   &copy;
&hearts;


</body>
</html>

效果图
在这里插入图片描述

HTML文本格式标签_实体字符

文本格式化标签

语义化标签

实体字符

在 HTML 中，某些字符是预留的。

猜你喜欢