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

HTML超链接标签和HTML块标签

时间:2022-10-26 11:12:05浏览次数:51  
标签:窗口 标签 HTML 超链接 打开 属性

HTML超链接标签:

超链接就是从一个网页跳转到另一个网页,可以使一个网页,也可以是一张图片

也可以是一个文件、一段文本。

在HTML里超链接的标签是a,里面的属性是href是指向一个网站的路径,还有target属性

有四个属性值一个是blank的意识是在一个新窗口打开,self的意思是在当前的窗口下打开的

parent属性实在父窗口打开,使得文档载入父窗口或者包含来超链接引用的框架的框架集。

top属性值是在顶级窗口打开,使得文档载入包含这个超链接的窗口,用 _top 目标将会清除

所有被包含的框架并将文档载入整个浏览器窗口。

超链接格式:

<!--超链接标签a-->
    <a href="文本标签练习.html" target="_blank">在新窗口打开</a><br>
    <!--超链接标签a-->
    <a href="图片标签.html" target="_self">在当前窗口打开</a><br>
    <!--超链接标签a-->
    <a href="https://www.baidu.com/" target="_parent">父窗口打开</a>
    <!--超链接标签a-->
    <a href="https://www.baidu.com/" target="_top">顶级窗口打开</a>

 

 

 

 

HTML块标签:

块标签有div和span标签,这两个标签都是什么意思

第一个div标签是占满一整行的。块级标签

第二个span标签是文本信息在一行展示,行内标签,内联标签

div的标签格式:

<!--块标签div-->
    <div style="color: crimson">
        块标签
    </div>

span的标签格式是:

<p>我的母亲有 <span style="color:blue">蓝色</span> 的眼睛。</p>

 

标签:窗口,标签,HTML,超链接,打开,属性
From: https://www.cnblogs.com/hungui/p/16827553.html

相关文章

  • CSS概述以及与HTML结合方式
    CSS-概述概念:CascadingStyleSheets 层叠样式表层叠:多个样式可以作用在同一个HTML的元素上,同时生效好处:1.功能强大2.将内容展示和样式控......
  • HTML元素大全(2)-表单
    01、<form>表单<form>表单是比较重要的HTML元素,块元素,主要作用是向服务端提交数据。结合表单元素input使用,通过内部的button按钮提交(type="submit")表单数据。元素/......
  • HTML标签表单标签表单项select&textarea以及注册页面
    HTML标签-表单标签-表单项select&textareaselect:下拉列表子元素:option:指定列表项selected:默认选项textarea:文本域:cols:每一行有多少个字符ro......
  • HTML标签_文件标签HTML标签_文本标签1HTML标签_文本标签2
    HTML标签_文件标签html:html文档的根标签 head:头标签。用于指定html文档的一些属性。引入外部的资源title:标题标签body:体标签......
  • 第二十七章 使用 CSP 进行基于标签的开发 - CSP 标记语言
    第二十七章使用CSP进行基于标签的开发-CSP标记语言CSP标记语言CSP标记语言是一组指令和标记,可用于控制CSP编译器生成的类。当编译CSP文档时,结果是一个执行......
  • 【转】VUE 动态绑定 html 的 class
            ......
  • 【HTML&CSS】唉,我以为行内元素都不能设置宽高
    又是面试驱动学习的一天常见的行内元素有哪些?abr img input label object span select textarea行内的置换元素是可以设置宽高的,置换元素有哪些呢?让我们来......
  • k8s-标签(labels)
    官网https://kubernetes.io/zh-cn/docs/concepts/overview/working-with-objects/labels/标签(Labels)是附加到Kubernetes对象(比如Pod)上的键值对。标签旨在用于指定......
  • HTML三详解
    Web存储随着互联网的快速发展,基于网页的应用越来越普遍,同时也变的越来越复杂,为了满足各种各样的需求,会经常性在本地存储大量的数据,传统方式我们以document.cookie来进行......
  • HTML5详解二
    本文主要内容拖拽历史地理位置全屏拖拽如上图所示,我们可以拖拽博客园网站里的图片和超链接。在HTML5的规范中,我们可以通过为元素增加draggable="true"......