4.HTML常用标签2-_br_hr_h1~h6_a

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接: https://blog.csdn.net/weixin_43167546/article/details/102736495

HTML常用标签2-_br_hr_h1~h6_a

上一篇介绍的是html的组成标签,从这一篇开始讲一些比较常用的标签,上一篇讲的那几个也算.

1.br标签:

用来实现段内换行,注意它是单独出现的标签,直接结束

2.hr标签:

用来设置水平线,注意它也是单独出现的标签

(HTML中大多都是成对出现的标签,只有少量标签会单独出现,这里小编 都会有所提示的)

3.h1~h6标签:

用于标题的标签,数字越大字体越小.

4.a标签

  4.1用来制作超链接

有文字超链接,图片超链接,导航栏,单击之后就可以跳转到新的页面.

  4.2锚点

    链接到同一页面的不同位置

  4.3打电话

    <a href="tel:手机号">打电话给谁</a>

  4.4发邮件

    <a href="mailto:邮件地址">发邮件给#</a>

5.代码展示

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">

        <title>常用标签</title>

    </head>

    <body>

        <!-- br标签:换行 -->

        哥是老司机,要开车喽!<br>

        滴滴,学生卡!<br>

        滴滴,老年卡!

        

        <!-- hr标签:水平线 -->

        <hr>

        

        <!-- 标题标签:h1~h6 -->

        <h1>我是1级标题</h1>

        <h2>我是2级标题</h2>

        <h3>我是3级标题</h3>

        <h4>我是4级标题</h4>

        <h5>我是5级标题</h5>

        <h6>我是6级标题</h6>

        

        <!--

            快捷方式生成:

                1.快速生成一个标签。  h1+tab。

                2.快速生成多个同类型标签。比如:生成6个h1标签。h1*6 + tab。

                3.快速生成h1~h6标签。h$*6 + tab。

                4.快速生成标签的同时,生成标签内的内容。

                    h${我是1号标题}*6   {} 大括号代表标签内的内容。

        -->

        <!--

            标签:

                a: 超链接。

            属性:

                href: 存储跳转地址,跳转到哪里去。网址。

                target: 新的页面的打开方式。_blank: 新窗口打开。

        -->

        <a href="https://www.baidu.com/">点我,跳百度</a>

        <a href="#">回到顶部</a>

    </body>

</html>

6.实现效果

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_43167546/article/details/102736495