首页 > 其他分享 >HTML标签链接和块标签

HTML标签链接和块标签

时间:2022-10-24 14:44:25浏览次数:83  
标签:块级 span 标签 HTML div 链接

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>

运行结果:

  

 

标签:块级,span,标签,HTML,div,链接
From: https://www.cnblogs.com/qihaokuan/p/16821260.html

相关文章

  • a标签属性href中#和javasrcipt:;的区别
    a标签中路径“#”和“javasrcipt:;”的区别​​前言​​​​#的效果​​​​javasrcipt:;的效果​​前言在a标签中如果想要超链接无跳转无反应,我们通常会给标签的href属性......
  • 纯css实现卡牌小标签
    纯css实现卡牌小标签​​效果图​​​​代码部分​​​​补充​​效果图代码部分话不多说,直接上代码!<!DOCTYPEhtml><htmllang="zh"><head><metacharset="UTF-8">......
  • HTML概念介绍和HTML快速入门
    HTML概念介绍:1.概念∶是最基础的网页开发语言HyperTextMarkupLanguage超文本标记语言超文本:超文本是用超链接的方法,将各种不同空间的文字信息组织......
  • [java] html转图片方案
    纯java项目后端进行HTML转图片公司有个需求是在小程序将订单信息按一定样式整理后转成图片。客户点击按钮下载后可以将图片保存,并可以直接在微信群里分享。由于时间紧迫......
  • HTML标签中文本标签和练习
    HTML标签-文本标签<b>:文本加粗<!--b文本加粗--><b>1、段落标签段落标签段落标签段落标签段落标签段落</b>运行结果: <i>:文本斜体<!--i文本斜体--><i......
  • 面试HTML CSS基础
    01.如何将下面的代码修改的更有语义化?<div><div>这是一个标题</div><div>这是一段文字</div><div><div>列表1</div><div>列表2</div></div></div......
  • JavaScript发展史和JavaScript语法与html结合方式
    JavaScript发展史JavaScript发展史:1.1992年,Nombase公司,开发出第一门客户端脚本语言,专门用于表单的校验。命名为:C--,后来更名为:ScriptEase2.1995年,Netscape(网景)......
  • HTML躬行记(2)——WebRTC基础实践
    WebRTC(WebReal-TimeCommunications)是一项实时通讯技术,在2011年由Google提出,经过10年的发展,W3C于2021年正式发布WebRTC1.0标准。WebRTC标......
  • HTML滚动条样式代码及使用技巧
    HTML滚动条样式代码及使用技巧2022-04-2109:47更新在html网页中,我们都知道大篇幅的长文章会占据网页的大部分空间,影响了整体网站页面的美观性和阅读体验,因此,在......
  • 大家都会的HTML基础知识-HTML教程(1)
    01、HTML基础简介HTML(HyperTextMarkupLanguage,超文本标记语言)不是一门编程语言,而是一种用于定义内容结构的标记语言,用来描述网页内容,文件格式为.html。HTML由一系......