HTML02:常用的文本标签
程序员文章站
2022-05-29 14:46:20
...
-
标题标签
格式: < hn > 标题文本 </ hn > 说明:< hn > 标题一共六级 h1~h6, 大小:逐渐变小 注意: h1 标签因为重要,尽量少用, 一般h1 都是给logo使用, 或者页面中最重要标题信息。
-
换行标记
格式:< br/ > 作用:换行,是单标签
-
段落标签
格式:< p > 文本内容< /p > 作用:就是个书写文本的盒子,把文本写到这个盒子里, 方便给文本加上具体的样式。
-
文本格式化标签
b (使文字加粗) | strong(具有强调) |
---|---|
i (使文字倾斜) | em |
s (使文字删除) | del |
u (为文字划上下划线) | ins |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
我是 <b>加粗</b><br/>
<strong>具有强调意义的加粗</strong><br/>
我是<i>倾斜</i>的<br/>
<em>具有强调意义的倾斜</em><br/>
<s>原价: 1888</s>, 现价 8.8 <br/>
<del>原价: 1888(具有强调意义的)</del>, 现价 8.8 <br/>
<u>特殊说明</u><br/>
<ins>特殊说明</ins>
</body>
</html>
-
分割线标签
格式:< hr/ >
作用:划一根分割线 -
案例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<h1>我是标题标签</h1>
<h2>我是标题标签</h2>
<h3>我是标题标签</h3>
<h4>我是标题标签</h4>
<h5>我是标题标签</h5>
<h6>我是标题标签</h6>
<p>我是一个段落</p>
<p>我是一个段落</p>
<hr />
</html>
效果: