a标签和iframe框架、frameset框架

2023-10-22 10:09
文章标签 框架 iframe 标签 frameset

本文主要是介绍a标签和iframe框架、frameset框架,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

一、URL

    1、含义:

         统一资源定位符,是URI(标识符)的一种,可以唯一标识一个网络资源。

    2、组成:

        协议://主机ip:端口号/资源文件?参数名=参数值

    http协议端口:80,自动省略

    https协议端口:443

注意:默认的访问文件(不指定的情况下)是index.html

二、超链接,a标签

    1、格式<a href="#">标签名</a>

    2、属性

               href:资源目标地址:

               title:光标放上显示信息

               target:

                       _self:在本窗口打开链接的目标资源文件

                      _blank:新开一个窗口用来链接目标资源文件

                     _parent:覆盖父页面

                     _top:覆盖最外层页面

注意:href属性不写不具备链接功能。

三、锚点

所有的标签基本都具备的属性:

    id,class,name,style

    格式:

        1、a标签的target属性值=要定位的目标的标签的id属性值

        2、a标签的target属性=要定位目标a标签的name属性值

四、iframe分帧
    说明:就是页面嵌套

    1、属性

           frameborder:设置边框

          scrolling:是否要滚动条,no否,yes是,auto自动

          name:iframe的name=a标签的target属性值,可以实现将a标签href链接的资源文件显示在iframe框架中(点击)

          src:设置iframe默认显示的页面资源,或者说在a标签点击之前显示默认资源文件

<a href="http://www.baidu.com" target="if">百度一下</a><br/><iframe name="if"  frameborder="1" scrolling="yes" width="800px" height="600px" src="nav.html"/>

五、frameset

    1、说明:代替body标签,使一个页面能够显示多个页面的内容

    2、 属性:

          rows:垂直方向的框架内容划分,可以指定像素或者百分比来设置这部分框架的大小,*代表其他

          cols:水平方向的框架内容划分,也可以指定大小,同上

          noresize:进制拖拽改变大小

          border:设置边框宽度

          bordercolor:设置边框的颜色

      3、frameset中的frame标签

                          说明:代表iframe中的每一个页面

                          属性src:目标资源文件

      4、frameset中的noframe标签:

                          说明:针对不支持frameset的低级浏览器的兼容设置(这种浏览器太。。)

<frameset frameborder="0" rows="100,*" noresize><frame src="http://www.baidu.com" /><frameset cols="20%,*"><frame src="http://www.qq.com" /><frame src="http://www.sina.com.cn" /></frameset><noframes><body>浏览器太low</body></noframes></frameset>

         

 

这篇关于a标签和iframe框架、frameset框架的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/260732

相关文章

Maven pom.xml文件中build,plugin标签的使用小结

《Mavenpom.xml文件中build,plugin标签的使用小结》本文主要介绍了Mavenpom.xml文件中build,plugin标签的使用小结,文中通过示例代码介绍的非常详细,对大家的学... 目录<build> 标签Plugins插件<build> 标签<build> 标签是 pom.XML

Python结合Flask框架构建一个简易的远程控制系统

《Python结合Flask框架构建一个简易的远程控制系统》这篇文章主要为大家详细介绍了如何使用Python与Flask框架构建一个简易的远程控制系统,能够远程执行操作命令(如关机、重启、锁屏等),还... 目录1.概述2.功能使用系统命令执行实时屏幕监控3. BUG修复过程1. Authorization

SpringBoot集成图片验证码框架easy-captcha的详细过程

《SpringBoot集成图片验证码框架easy-captcha的详细过程》本文介绍了如何将Easy-Captcha框架集成到SpringBoot项目中,实现图片验证码功能,Easy-Captcha是... 目录SpringBoot集成图片验证码框架easy-captcha一、引言二、依赖三、代码1. Ea

Gin框架中的GET和POST表单处理的实现

《Gin框架中的GET和POST表单处理的实现》Gin框架提供了简单而强大的机制来处理GET和POST表单提交的数据,通过c.Query、c.PostForm、c.Bind和c.Request.For... 目录一、GET表单处理二、POST表单处理1. 使用c.PostForm获取表单字段:2. 绑定到结

HTML5中下拉框<select>标签的属性和样式详解

《HTML5中下拉框<select>标签的属性和样式详解》在HTML5中,下拉框(select标签)作为表单的重要组成部分,为用户提供了一个从预定义选项中选择值的方式,本文将深入探讨select标签的... 在html5中,下拉框(<select>标签)作为表单的重要组成部分,为用户提供了一个从预定义选项中

修改若依框架Token的过期时间问题

《修改若依框架Token的过期时间问题》本文介绍了如何修改若依框架中Token的过期时间,通过修改`application.yml`文件中的配置来实现,默认单位为分钟,希望此经验对大家有所帮助,也欢迎... 目录修改若依框架Token的过期时间修改Token的过期时间关闭Token的过期时js间总结修改若依

MyBatis框架实现一个简单的数据查询操作

《MyBatis框架实现一个简单的数据查询操作》本文介绍了MyBatis框架下进行数据查询操作的详细步骤,括创建实体类、编写SQL标签、配置Mapper、开启驼峰命名映射以及执行SQL语句等,感兴趣的... 基于在前面几章我们已经学习了对MyBATis进行环境配置,并利用SqlSessionFactory核

python解析HTML并提取span标签中的文本

《python解析HTML并提取span标签中的文本》在网页开发和数据抓取过程中,我们经常需要从HTML页面中提取信息,尤其是span元素中的文本,span标签是一个行内元素,通常用于包装一小段文本或... 目录一、安装相关依赖二、html 页面结构三、使用 BeautifulSoup javascript

【Prometheus】PromQL向量匹配实现不同标签的向量数据进行运算

✨✨ 欢迎大家来到景天科技苑✨✨ 🎈🎈 养成好习惯,先赞后看哦~🎈🎈 🏆 作者简介:景天科技苑 🏆《头衔》:大厂架构师,华为云开发者社区专家博主,阿里云开发者社区专家博主,CSDN全栈领域优质创作者,掘金优秀博主,51CTO博客专家等。 🏆《博客》:Python全栈,前后端开发,小程序开发,人工智能,js逆向,App逆向,网络系统安全,数据分析,Django,fastapi

cross-plateform 跨平台应用程序-03-如果只选择一个框架,应该选择哪一个?

跨平台系列 cross-plateform 跨平台应用程序-01-概览 cross-plateform 跨平台应用程序-02-有哪些主流技术栈? cross-plateform 跨平台应用程序-03-如果只选择一个框架,应该选择哪一个? cross-plateform 跨平台应用程序-04-React Native 介绍 cross-plateform 跨平台应用程序-05-Flutte