文本标签
标题标签
<h1>一级标题</h1>
h1-h6:字号逐渐变小，自带换行效果。
h7之后为无效标签，但是浏览器也不会报错，而是以普通文本的形式进行展现
横线标签
<hr />
属性
width:设置横线宽度。
align:设置横线水平位置。
段落标签
<p></p>
段落中文字自动换行，段落和段落之间有空行。
换行标签
<br />
加粗标签
<b> </b>
倾斜标签
<i> </i>
下划线标签
<u> </u>
删除线标签
<del></del>
居中标签
<center> </center>
强调标签
<em></em>
预编译标签
<pre></pre>
在页面上显示原样效果
空格字符
 
一个英文字符空格
&emsp
一个中文字符空格
字体属性
color
设置字体颜色
size
设置字体大小
face
设置字体样式
常用字符
练习
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文本标签</title>
</head>
<body>
<!--标题标签
h1-h6:字号逐渐变小，自带换行效果
h7之后为无效标签，但是浏览器也不会报错，而是以普通文本的形式进行展现
-->
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
<h7>无效标签</h7>
<!--横线标签
属性：width——设置宽度，可设置固定值或百分比
align——设置位置，left,center(默认),right
-->
<hr width="600px" align="left"/>
<hr width="60%" align="left" />
<!--段落标签
段落效果：段落中文字自动换行，段落和段落之间有空行
-->
<p>丑奴儿·书博山道中壁</p>
<p>少年不识愁滋味，爱上层楼。爱上层楼。为赋新词强说愁。而今识尽愁滋味，欲说还休。欲说还休。却道天凉好个秋。</p>
<p>人年少时不知道忧愁的滋味，喜欢登高远望，喜欢登高远望，为写一首新词无愁而勉强说愁。现在尝尽了忧愁的滋味，想说却说不出。想说却说不出。却说好一个凉爽的秋天啊！</p>
<hr width="100%" /><br />
<!--换行标签-->
丑奴儿·书博山道中壁<br />
[宋]辛弃疾<br />
少年不识愁滋味，爱上层楼。<br />
爱上层楼。为赋新词强说愁。<br />
而今识尽愁滋味，欲说还休。<br />
欲说还休。却道天凉好个秋。<br />
<hr width="100%" /><br />
<!--加粗、倾斜、下划线、删除线 -->
<b>加粗</b><br />
<i>倾斜</i><br />
<u>下划线</u><br />
<b><i><u>加粗倾斜下划线</u></i></b><br />
<em>强调</em><br />
<center>居中</center><br />
<del>删除线</del><br />
<hr width="100%" /><br />
<!--预编译标签
在页面上显示原样效果
-->
<pre>
丑奴儿·书博山道中壁
[宋]辛弃疾
少年不识愁滋味，爱上层楼。
爱上层楼。为赋新词强说愁。
而今识尽愁滋味，欲说还休。
欲说还休。却道天凉好个秋。
</pre>
<hr width="100%" /><br />
<!--空格字符
 ——一个英文字符空格，
&emsp——一个中文字符空格。
-->
而今识尽愁滋味，欲说还休。<br />
少年不识愁滋味，爱上层楼。<br />
 爱上层楼。为赋新词强说愁。<br />
<hr width="100%" /><br />
<!--字体属性
color——设置字体颜色；
size——设置字体大小；
face——设置字体样式。
-->
<font color=" blue" size="4" face="楷体">蓝色四号楷体</font>
</body>
</html>实现效果
版权声明：本文为wqh101121原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。