HTML标签链接和块标签

HTML标签-链接标签

  a:定义一个超链接

    属性:

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

      target:指定打开资源的方式

        _self:默认值

        _blank:在空白页面打开

 

复制代码
    <!--超链接 a-->
    <a href="https://www.baidu.com/">点我</a>
    <br>
    <a href="https://www.baidu.com/" target="_self">默认</a><!--默认页面-->
    <br>
    <a href="https://www.baidu.com/" target="_blank">打开一个新页面</a><!--打开一个新页面-->
    <br>
    <a href="3_HelloWorld.html">公司简介</a><!--跳自己的页面-->
    <br>
    <a href="http://www.baidu.com"><img src="image/logo.jpg" alt="黑马程序员" height="" width=""></a><!--图片超链接-->
复制代码

运行结果:

 

 

 

 

HTML标签-块标签

  div和span:

    div:每个div占满一行,块级标签

    span:文本信息在一行展示,行內标签,内联标签

    <!--块标签  div span-->
    <div>块级标签</div>
    <div>块级标签</div>
    <span>行内标签</span>
    <span>内联标签</span>

运行结果:

  

 

posted @   monkey大佬  阅读(36)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
点击右上角即可分享
微信分享提示