小白零基础入门HTML5第二天

佳佳猪
92 阅读2分钟

标题段落换行等标签的使用

一.标题的使用

1.标题(Heading)是通过h1,h6标签来进行定义的,h1定义的是最大的标题,h6定义的是最小的标题

<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>

Pay attention:生成h1~h6快捷键:h$*6
2.正确的使用标题，请确保HTML标题标签只用于标题,不要仅仅是为了生成粗体或大号的文本而使用标题。正确使用标题有益于SEO,应该将h1用作主标题(最重要的),其后是h2(次重要的),再其次是 h3>，以此类推
3.标题标签的位置摆放：在标签中添加属性: align="left| |center|right”默认居左(后续通过CSS来实现不同的效果)效果图如下：

image.png

二.段落,换行,水平线的使用

1.段落是通过p标签定义的,可以理解为段落是文字的集合,通常是用来描述某样东西的 使用方法如下：

<!DOCTYPE html>
<html>
    <head>
        <title>
            我的网页
        </title>
    </head>
    <body>
        <p>
            这是一个段落
        </p>
    </body>
</html>

2.换行符号：如果您希望在不产生一个新段落的情况下进行换行 (新行)，请使用 br标签符号。br元素是一个空的 HTML 元素

<p>这个<br>段落<br>演示了分行的效果</p>

3.水平线:hr 标签在 HTML 页面中创建水平线

<hr color="" width="" size="" align=""/>

其中color: 设置水平线的颜色,width: 设置水平线的长度,size: 设置水平线的高度,align: 设置水平线的对齐方式 (默认居中) ，可取值left|right。效果图大致如下：

image.png

三.个人总结

通过对标题标签h1~h6,段落标签p,换行标签br,水平线标签hr的学习，我明白了一个网页的基本组成该有的结构，以及对什么样的情况该如何去使用这些标签有了较为明确的认识。

avatar
文章
阅读
粉丝