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

相关文章

Spring 框架之Springfox使用详解

《Spring框架之Springfox使用详解》Springfox是Spring框架的API文档工具,集成Swagger规范,自动生成文档并支持多语言/版本,模块化设计便于扩展,但存在版本兼容性、性... 目录核心功能工作原理模块化设计使用示例注意事项优缺点优点缺点总结适用场景建议总结Springfox 是

HTML中meta标签的常见使用案例(示例详解)

《HTML中meta标签的常见使用案例(示例详解)》HTMLmeta标签用于提供文档元数据,涵盖字符编码、SEO优化、社交媒体集成、移动设备适配、浏览器控制及安全隐私设置,优化页面显示与搜索引擎索引... 目录html中meta标签的常见使用案例一、基础功能二、搜索引擎优化(seo)三、社交媒体集成四、移动

HTML input 标签示例详解

《HTMLinput标签示例详解》input标签主要用于接收用户的输入,随type属性值的不同,变换其具体功能,本文通过实例图文并茂的形式给大家介绍HTMLinput标签,感兴趣的朋友一... 目录通用属性输入框单行文本输入框 text密码输入框 password数字输入框 number电子邮件输入编程框

HTML img标签和超链接标签详细介绍

《HTMLimg标签和超链接标签详细介绍》:本文主要介绍了HTML中img标签的使用,包括src属性(指定图片路径)、相对/绝对路径区别、alt替代文本、title提示、宽高控制及边框设置等,详细内容请阅读本文,希望能对你有所帮助... 目录img 标签src 属性alt 属性title 属性width/h

Python的端到端测试框架SeleniumBase使用解读

《Python的端到端测试框架SeleniumBase使用解读》:本文主要介绍Python的端到端测试框架SeleniumBase使用,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全... 目录SeleniumBase详细介绍及用法指南什么是 SeleniumBase?SeleniumBase

HTML5 中的<button>标签用法和特征

《HTML5中的<button>标签用法和特征》在HTML5中,button标签用于定义一个可点击的按钮,它是创建交互式网页的重要元素之一,本文将深入解析HTML5中的button标签,详细介绍其属... 目录引言<button> 标签的基本用法<button> 标签的属性typevaluedisabled

全面解析HTML5中Checkbox标签

《全面解析HTML5中Checkbox标签》Checkbox是HTML5中非常重要的表单元素之一,通过合理使用其属性和样式自定义方法,可以为用户提供丰富多样的交互体验,这篇文章给大家介绍HTML5中C... 在html5中,Checkbox(复选框)是一种常用的表单元素,允许用户在一组选项中选择多个项目。本

使用Python和Tkinter实现html标签去除工具

《使用Python和Tkinter实现html标签去除工具》本文介绍用Python和Tkinter开发的HTML标签去除工具,支持去除HTML标签、转义实体并输出纯文本,提供图形界面操作及复制功能,需... 目录html 标签去除工具功能介绍创作过程1. 技术选型2. 核心实现逻辑3. 用户体验增强如何运行

C++ HTTP框架推荐(特点及优势)

《C++HTTP框架推荐(特点及优势)》:本文主要介绍C++HTTP框架推荐的相关资料,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录1. Crow2. Drogon3. Pistache4. cpp-httplib5. Beast (Boos

SpringBoot基础框架详解

《SpringBoot基础框架详解》SpringBoot开发目的是为了简化Spring应用的创建、运行、调试和部署等,使用SpringBoot可以不用或者只需要很少的Spring配置就可以让企业项目快... 目录SpringBoot基础 – 框架介绍1.SpringBoot介绍1.1 概述1.2 核心功能2