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

相关文章

CSS去除a标签的下划线的几种方法

《CSS去除a标签的下划线的几种方法》本文给大家分享在CSS中,去除a标签(超链接)的下划线的几种方法,本文给大家介绍的非常详细,感兴趣的朋友一起看看吧... 在 css 中,去除a标签(超链接)的下划线主要有以下几种方法:使用text-decoration属性通用选择器设置:使用a标签选择器,将tex

MyBatis 动态 SQL 优化之标签的实战与技巧(常见用法)

《MyBatis动态SQL优化之标签的实战与技巧(常见用法)》本文通过详细的示例和实际应用场景,介绍了如何有效利用这些标签来优化MyBatis配置,提升开发效率,确保SQL的高效执行和安全性,感... 目录动态SQL详解一、动态SQL的核心概念1.1 什么是动态SQL?1.2 动态SQL的优点1.3 动态S

Python基于wxPython和FFmpeg开发一个视频标签工具

《Python基于wxPython和FFmpeg开发一个视频标签工具》在当今数字媒体时代,视频内容的管理和标记变得越来越重要,无论是研究人员需要对实验视频进行时间点标记,还是个人用户希望对家庭视频进行... 目录引言1. 应用概述2. 技术栈分析2.1 核心库和模块2.2 wxpython作为GUI选择的优

Python Dash框架在数据可视化仪表板中的应用与实践记录

《PythonDash框架在数据可视化仪表板中的应用与实践记录》Python的PlotlyDash库提供了一种简便且强大的方式来构建和展示互动式数据仪表板,本篇文章将深入探讨如何使用Dash设计一... 目录python Dash框架在数据可视化仪表板中的应用与实践1. 什么是Plotly Dash?1.1

基于Flask框架添加多个AI模型的API并进行交互

《基于Flask框架添加多个AI模型的API并进行交互》:本文主要介绍如何基于Flask框架开发AI模型API管理系统,允许用户添加、删除不同AI模型的API密钥,感兴趣的可以了解下... 目录1. 概述2. 后端代码说明2.1 依赖库导入2.2 应用初始化2.3 API 存储字典2.4 路由函数2.5 应

Python GUI框架中的PyQt详解

《PythonGUI框架中的PyQt详解》PyQt是Python语言中最强大且广泛应用的GUI框架之一,基于Qt库的Python绑定实现,本文将深入解析PyQt的核心模块,并通过代码示例展示其应用场... 目录一、PyQt核心模块概览二、核心模块详解与示例1. QtCore - 核心基础模块2. QtWid

最新Spring Security实战教程之Spring Security安全框架指南

《最新SpringSecurity实战教程之SpringSecurity安全框架指南》SpringSecurity是Spring生态系统中的核心组件,提供认证、授权和防护机制,以保护应用免受各种安... 目录前言什么是Spring Security?同类框架对比Spring Security典型应用场景传统

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