HTML基础标签body、br、dir属性、h1~h6、hr

boby

定义

<body> 标签定义文档的主体。

body 元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等)。

<!DOCTYPE html>
<html>
<head>
    <title>文档的标题</title>
</head>
<body>
    文档的内容......
</body>
</html>

br

定义

<br>标签用于插入一个简单的换行符。
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>小朱学长入门学习Web(Html5+Css3)</title>
</head>
<body>
    <p>
        Welcome<br>To<br><br>鱼C工作室<br>
    </p>
</body>
</html>

dir属性

定义

dir 属性规定元素内容的文本方向。

注意:dir 属性在以下标签中无效:<base>, <br>, <frame>, <frameset>, <hr>, <iframe> 以及 <script>。

语法

<element dir="ltr|rtl">

属性值
值 描述
auto 让浏览器根据内容来判断文本方向。仅在文本方向未知时推荐使用。
ltr 默认。从左向右的文本方向。
rtl 从右向左的文本方向。

实例:

<!DOCTYPE html>
<html>
   <meta charset="UTF-8">
   <title>小朱学长入门学习Web(Html5+Css3)</title>
<body>
   <p dir="rtl">小朱 right-to-left!</p>
   <p dir="ltr">小朱 right-to-left!</p>
</body>
</html>

h1~h6

定义:

<h1> - <h6> 标签可定义标题。
<h1> 定义最大的标题。<h6> 定义最小的标题。

由于 h 元素拥有确切的语义,因此请慎重地选择恰当的标签层级来构建文档的结构。因此,请不要利用标题标签来改变同一行中的字体大小。

相反,应当使用层叠样式表定义来达到漂亮的显示效果。

实例:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>小朱学长基础入门学习Web(Html5+Css3)</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
This is heading 2
This is heading 3
This is heading 4
This is heading 5
This is heading 6
请仅仅把标题标签用于标题文本。不要仅仅为了产生粗体文本而使用它们。请使用其它标签或 CSS 代替。

hr

定义

<hr> 标签用于在 HTML 页面中创建一条水平分隔线。

水平分隔线可以在视觉上将文档分隔成各个部分。

实例:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>小朱学长基础入门学习Web(Html5+Css3)</title>
</head>
<body>
    <p>hr 标签定义水平线:</p>
    <hr>
    <p>这是段落。</p>
    <hr>
    <p>这是段落。</p>
    <hr>
    <p>这是段落。</p>
</body>
</html>

hr 标签定义水平线:

这是段落。

这是段落。

Guess you like

Origin blog.csdn.net/weixin_52908342/article/details/120262069