<body>标签内部常用元素:
H1-H6
<h1>
-<h6>
标签可定义标题。
<h1>
定义最大的标题。<h6>
定义最小的标题。
由于 h 元素拥有确切的语义,因此请慎重地选择恰当的标签层级来构建文档的结构。因此,请不要利用标题标签来改变同一行中的字体大小。
相反,应当使用层叠样式表定义来达到漂亮的显示效果。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>这是个标题</title> <body> <h1>This is heading 1</h1> <h2>This is heading 2</h2> <h3>This is heading 3</h3> <h4>This is heading 4</h4> <h5>This is heading 5</h5> <h6>This is heading 6</h6> <p>请仅仅把标题标签用于标题文本。不要仅仅为了产生粗体文本而使用它们。请使用其它标签或 CSS 代替。</p> </body> </html>
This is heading 1
<p>
标签用于定义一个段落。
p 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间,你也可以通过样式表进行约束。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>这是个标题</title> </head> <body> <p>这是段落。</p> <p>段落元素由 p 标签定义。</p> </body> </html>
这是段落。
段落元素由 p 标签定义。
HR
<hr>
标签用于在 HTML 页面中创建一条水平分隔线。
水平分隔线可以在视觉上将文档分隔成各个部分。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>这是个标题</title> </head> <body> <p>hr 标签定义水平线:</p> <hr> <p>这是段落。</p> <hr> <p>这是段落。</p> <hr> <p>这是段落。</p> </body> </html>
hr 标签定义水平线:
这是段落。
这是段落。
BR
<br>
标签用于插入一个简单的换行符。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>这是个标题</title> </head> <body> <p>Welcome<br>To<br><br>the web world<br></p> </body> </html>
Welcome
To
the web world
DIR
dir 属性规定元素内容的文本方向。
注意:dir 属性在以下标签中无效:<base>
, <br>
, <frame>
, <frameset>
, <hr>
, <iframe>
以及 <script>
。
<element dir="ltr|rtl">
值 | 描述 |
auto | 让浏览器根据内容来判断文本方向。仅在文本方向未知时推荐使用。 |
ltr | 默认。从左向右的文本方向。 |
rtl | 从右向左的文本方向。 |
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>这是个标题</title> </head> <body> <p dir="rtl">这是个段落 right-to-left!</p> <p dir="ltr">这是个段落 left-to-right!</p> </body> </html>
!这是个段落 right-to-left
这是个段落 left-to-right!