HTML链接标签和块标签

HTML链接标签

a：定义一个超链接

　　>属性：

　　　　href：指定访问资源的URL(统一资源定位符)

　　　　target：指定打开资源的方式

　　　　　　_self：默认值，在当前页面打开

　　　　　　_blank：在空白页面打开 

<!--        链接标签          -->
<a href="http://www.baidu.com">点我跳转到百度</a>
<br>
                                <!--_self在本页面打开-->
<a href="http://www.baidu.com" target="_self">点我跳转到百度</a>
<br>
                                <!--_self在新页面打开-->
<a href="http://www.baidu.com" target="_blank">点我跳转到百度</a>
<br>
<a href="图片标签.html">图片标签</a>
<br>
<a href="mailto:itcast@itcast.cn">联系我们</a>
<br>
<!--点击图片跳转到百度-->
<a href="http://www.baidu.com"><img src="../../image/a2.jpg"></a>

当前页面打开

新页面打开

连接到你编写的HTML或IDEA里的某个页面

 

 <a href="mailto:itcast@itcast.cn">联系我们</a>

 进行跳转邮箱

点击图片调转百度

 

块标签

div：每一个div占满一整行。块级标签（或者是个盒子）

span：文本信息在一行展示，行内标签 内联标签

    <!--div span-->
    <span>span标签</span>
    <span>span标签</span>
    <hr>
    <div>div标签</div>
    <div>div标签</div>

 

 

posted @ 2022-08-01 09:03  魔光领域  阅读(41)  评论(0)  编辑  收藏  举报