web--html基础知识

HTML5常用标签(2-2)标签内部标签

2018-11-25  本文已影响17人  齐桓公

<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

This is heading 2

This is heading 3

This is heading 4

This is heading 5

This is heading 6

请仅仅把标题标签用于标题文本。不要仅仅为了产生粗体文本而使用它们。请使用其它标签或CSS代替。

P

<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!

上一篇 下一篇

猜你喜欢

热点阅读