2.1文字标签

一,html5的一些特殊符号

特殊符号 符号码
"
& &
< &lt;
> &gt;
® &copy;
© &reg;

在这里插入图片描述
二,标题标签
在浏览器中的正文部分,可以显示标题文字,所谓标题文字就是以某几种固定的字母显示文字,分别为<h1><h6>共六个标题字标签,他们是逐渐减小的

<h1>标题内容</h1>

标题字标签默认样式为加粗和换行![因为为了代码美观,我在<h1>到<h6>之间加了回车,但回车键是不会换行的在这里插入图片描述
三,修饰文字标题

<strong>粗体的字体</strong>
<em>斜体字</em>
<u>带下划线的字体</u>
<sup>上标标签</sup>
<sub>下标标签</sub>

在这里插入图片描述
四,修饰字体标签!

<font size="字号" color="颜色(为十六进制的数字)" face="字体">要修饰的字体</font>

在这里插入图片描述
五,段落标签

<p>段落文字</p>

在这里插入图片描述简单的说就是换行,因为前面说过回车键是不会让效果像文本一样换行的
六,取消文字换行标签

<nobr>不显示换行的文字</nobr>

默认状态下,如果浏览器中的单行文字的宽度过长,浏览器会自动将该文字换行显示,如果希望强制让浏览器不换行可使用此标签,使用后,若此时浏览器的宽度不够时会出现滚动条

在这里插入图片描述
七,修饰段落的对其属性

<p align="center">内容</p>居中
<p align="left">内容</p>左对齐
<p align="right">内容</p>右对齐

在这里插入图片描述

八,保留原始排版标签

<pre>内容</pre>

在使用此标签时,内容在代码里怎么样那真正效果就怎么样,此时内容里的空格和回车换行才是有效的
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/P_ning/article/details/89282650