HTML中表示标题1~标题6的写法分别是

HTML中表示标题1~标题6的写法分别是,第1张

一篇结构清晰的文章通常都有标题和段落,HTML网页也不例外。为了使网页中的文字有条理地显示出来,HTML提供了相应的标记,对它们的具体介绍如下

(1)标题标记<h1>——<h6>

为了使网页更具有语义化,经常会在页面中用到标题标记,HTML提供了6个等级的标题,即<h1>、<h2>.<h3>、<h4>、<h5>和<h6>,从<h1>到<h6>字号依次递减。其基本语法格式如下:

<hn align=”对齐方式”>标题</hn>

上述语法中n的取值为1-6, align属性为可选属性,用于指定标题的对齐方式,用于标题对齐方式,具体实例代码如下:

<h1>1级标题</h1>

<h2>2级标题</h2>

<h3>3级标题</h3>

<h4>4级标题</h4>

<h5>5级标题</h5>

<h6>6级标题</h6>

默认情况下标题文字是加粗左对齐的,并且从<hb>到<h6字号依次递减。如果想让标题文字右对齐或居中对齐,就需要使用align属性设置对齐方式取值如下

●lef: 设置标题文字左对齐(默认值)。

●center: 设置标题文字居中对齐。

●right: 设置标题文字右对齐。

注意:

1)一个页面中只能使用一个<h1>标记,常常被用在网站的logo部分。

2)由于h标记拥有确切的语义,请慎重选择恰当的标记来构建文档结构。禁止仅仅使用h标记设置文字加粗或更改文字的大小。

(2)段落标记<p>

在网页中要把文字有条理地显示出来,离不开段落标记。就如同平常写文章一样,整个网页也可以分为若干段落,而段落的标记就是<P>。默认情况下,文本在段落中会据浏览器窗口的大小自动换行。<p>是HTML文档中最常见的标记,其基本语法格式如下

<p align=”对齐方式">段落文本</p>

上述语法中 align属性为<p>标记的可选属性,和标题标记<h><h6>一样,同样可以使用 align属性设置段落文本的对齐方式。

1、<header>标签是 HTML 5 中的新标签,功能是定义文档的页眉(介绍信息)。

在html5之前一般都是定义一个div,比如<div class="head"></div>,html5出现以后,主张语义化标签,选择器直接就写<header></head>就可以了。

2、HTML中h元素<h1>到<h6>标签用来定义标题。<h1>定义最大的标题。<h6>定义最小的标题。由于 h 元素拥有确切的语义,因此要慎重地选择恰当的标签层级来构建文档的结构。例子:

六个不同的 HTML 标题:

<h1>这是标题 1</h1>

<h2>这是标题 2</h2>

<h3>这是标题 3</h3>

<h4>这是标题 4</h4>

<h5>这是标题 5</h5>

<h6>这是标题 6</h6>

HTML 文档和 HTML 元素是通过 HTML 标签进行标记的,HTML 标签由开始标签和结束标签组成,下面我们来看一下HTML中常用的块状标签。

什么是块级标签?我们可以通过一个简单的方式来判定,那就是在网页上单击右键选择“审查元素”,在审查元素当中显示为可折叠的就是块状标签.

1.jpg

那么常见的块状标签有哪些呢?

标题标签

<h1></h1>、<h2></h2>、<h3></h3>......以此类推,其中,规范的写法里<h1></h1>在一个页面当中仅出现一次,也就是页面标题。

代码如下

<h1>一级标题</h1>

<h2>二级标题</h2>

<h3>三级标题</h3>

<h4>四级标题</h4>

<h5>五级标题</h5>

<h6>六级标题</h6>

效果如下

2.jpg

段落标签

<p></p>有时候会出现没有换行的情况,那么可以使用换行标签<br></br>

水平线标签

<hr></hr>

效果如下:

3.jpg

有序列表标签

就是会按照1、2、3......或者其它递进方式排列

<ol>

<li>列表项1</li>

<li>列表项2</li>

<li>列表项3</li>

</ol>

显示效果

4.jpg

无序列表标签

每一个列表都是一样的标示

代码如下

<ul>

<li>列表项1</li>

<li>列表项2</li>

<li>列表项3</li>

</ul>


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/7549455.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-07
下一篇2023-04-07

发表评论

登录后才能评论

评论列表(0条)

    保存