一、HTML5中常用的文本标签
1、标题标签
(1)定义及用法:
HTML中,定义了6级标题,分别为h1. h2、h3、h4、 h5. h6,每级标题的字体大小依次递减,1级标题字号最大,6级标题字号最小。
(2)语法格式:
<h1>1号标题</h1>
<h2>2号标题</h2>
<h3>3号标题</h3>
<h4>4号标题</h4>
<h5>5号标题</h5>
<h6>6号标题</h6>
h系列标签中的内容显示为粗体,而且字的大小从大到小;h系列标签一般只用来定义标题,不建议随便使用。
(3)例子
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>html中h1~h6标题标签的详细介绍</title>
</head>
<body bgcolor="bisque" style="margin-left:100px;">
<h1>1号标题</h1>
<h2>2号标题</h2>
<h3>3号标题</h3>
<h4>4号标题</h4>
<h5>5号标题</h5>
<h6>6号标题</h6>
</body>
</html>
2、段落标签
(1)定义及用法:
<p>
标签用于定义段落。
【注】 在HTML5中,段落标签既可以成对使用,也可以单独使用,为规范代码,建议成对使用
标签。
(2)语法格式:
<p>段落文字</p>
(3)例子
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>段落标签</title>
<html>
<body>
<p>这是段落。</p>
<p>这是段落。</p>
<p>这是段落。</p>
<p>段落元素由 p 标签定义。</p>
</body>
</html>
3、<br>
标签与<wbr>
标签
(1)定义及用法:
<br>
标签可插入一个简单的换行符,用来输入空行,而不是分割段落。
<br>
标签是一个空标签,意味着它没有结束标签。
<wbr>
规定在文本中的何处适合添加换行符。作用是建议浏览器在这个标记处可以断行,只是建议而不是必定会在此处断行还要根据整行文字长度而定。除了Internet Explorer,其他所有浏览器都支持<wbr>
标签。
(2)语法格式:
<p>文本<br>文本</p>
<p>文本<wbr>文本<wbr>文本</p>
(3)例子
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<p>hehhhhhhh hhhhhhh hhhhhh hhhhh tqwetuqwty<br> qwyie</p>
<p>gafjksgjs<wbr>DJGDGAS<wbr>GHGG hfskfjdkafasd</p>
</body>
</html>
4、<bdi>
标签
(1)定义及用法:
<bdi>
标签用于设置一段文本, 使其脱离其父标签的文本方向设置。在发布用户评论或其他您无法完全控制的内容时,该标签很有用。标签主要是让文字的方向发生变化,从左向右或者从右向左。它有一个属性dir,用来定义文本的方向,属性值为ltr,文本从左向右正常方向,属性值为rtl,文本从右向左;默认属性值为auto。
(2)语法格式:
<bdi dir="auto">内容</bdi&g