Web初步-html-超链接_html 超链接target=main-程序员宅基地

技术标签: web  超链接  其他  html  

使用html建立超链接

HTML链接使用 < a > 标签定义

例如:

<a href="http://www.CodingDict.com">WEB程序</a>

链接的目标使用 href 属性来定义

  • 基本文字超链接
    eg:
<a href="http://www.baidu.com">点击百度一下</a>

当点击文字的时候,就会跳到百度的网址

  • 设置图片的超链接
    只需要将文字改为一个图片就好了,标签的嵌套。
<a href="http://www.baidu.com"> <img src = "f:q.png"> </a>

当点击图片的时候,就会跳到百度的网址

  • 设置以新窗口显示链接
    上面的两个设置连接的方法都是在原页面变成了一个新界面,但是如果想当点击的时候,是弹出一个新页面,原来的页面也存在。那么就可以使用target属性:
    eg:
<a href = "http://www.baidu.com" target = "_blank" > <img src = "f:q.png"> </a>

_blank 的意思是空白的,这样当点击连接时,就会弹出一个新的界面而原来的界面也同时存在

  • 页面设置电子邮件链接
<a href="mailto:[email protected]" target = "_blank"> <img src = "f:q.png"> </a>

有待修改

  • 框架之间的链接
    框架是一种常用的网页布局工具。它的作用是把浏览器的显示空间分割为几个部分,每个部分都可以独立显示不同的网页。这个就分为几种情况。

1 用 cols 属性将窗口分为左右两部分
这里引入一个新的标签,这个标签和标签是同一级别的,所以在使用的时候,要将标签去掉。在,标签加入了标签,它的意思是每一块。也就是说分成了多少块 就要写入多少个标签。
< frameset>,标签中使用属性cols来区分左右大小
eg:

<frameset cols = "40%,*">
<frame>
<frame>
</frameset>

40%表示左边占40%,*表示其余,即60% ,当然,其实也可以分成更多块,需要注意的是,这个方法已经被废弃掉了

2 用 rows 属性将窗口分为上中下三部分
其实与cols是差不多的,只是这里是上下分而已。这里就不写示例了。

3 框架的嵌套
上下分格和左右分割是可以嵌套的
eg:
先上下分为两部分

<frameset rows = "40%,*">
<frame>
<frame>
</frameset>

接着,将第二个< frame>改为一个新的分割,这样就会出现上,下左,下右三部分。

<frameset rows = "40%,*">

<frame>

<frameset  cols = "40%,*">
<frame>
<frame>
</frameset>

</frameset>

4 用 src 属性在框架中插入网页
在< frame>中使用src属性

<frameset cols = "40%,*">

<frameset rows = "60%,*">
<frame src = "a.html">
<frame src = "b.html">
</frameset>

<frameset rows = "40%,*">
<frame src = "c.html">
<frame src = "d.html">
</frameset>

</frameset>

在这段代码中,将网页分成了四个部分。在同级的html文件中另外创建了四个html文件,内容分别为a,b,c,d,然后四个部分的< frame>使用src属性分别加入a,b,c,d文件

5 框架之间建立链接
接下来要用到4个html文件main,h1,h2,h3。
对于main页面,将其分为左右两部分,左部分插入页面h1,右页面使用属性name设置名字为main

<frameset cols = "30%,*">
<frame src = "h1.html">
<frame name = "main">
</frameset>

h2,h3的内容分别为b,c,下面以c为例,b是一样的

<body>
c
</body>

h1对h2和h3使用基本文字超链接,并将目标显示设置为main区域,即在main页面的右边,当点击时,会在main右边页面显示内容
下面是h1的代,码

<body>
<a href = "b.html" target = "main">b</a><br/>
<a href = "c.html" target = "main">c</a><br/>
</body>

嵌入式框架 iframe
使用的< iframe>标签,在一个页面里面嵌入另外一个页面
eg:

<iframe width = 500 height = 300 src = "http://www.baidu.com">

< iframe> 可以单独使用,上面代码设置了嵌入网页的尺寸,然后嵌入百度的网址。

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_44512194/article/details/97168257

智能推荐

容器三把斧之 | cgroup原理与实现_struct list_headtasks;-程序员宅基地

文章浏览阅读1.6k次,点赞5次,收藏12次。前面我们介绍了CGroup的使用与基本概念,接下来将通过分析源码(本文使用的 Linux2.6.25 版本)来介绍CGroup的实现原理。在分析源码前,我们先介绍几个重要的数据结构,因为CGroup就是通过这几个数据结构来控制进程组对各种资源的使用。cgroup结构体前面介绍过,cgroup是用来控制进程组对各种资源的使用,而在内核中,cgroup是通过cgroup结构体来描述的,我们来看看其定义:structcgroup{unsignedlongfla..._struct list_headtasks;

SpringMVC初认识_兔头程序员-程序员宅基地

文章浏览阅读164次。SpringMVCMVC1. 什么是MVC?MVC是一种框架模式,是Model View Controller(模型-视图-控制器)的缩写。Model 模型数据模型,提供要展示的数据,用于封装数据View 视图展示数据Controller 控制器控制模型的数据要在哪一个视图展示2. 作用MVC模式使展示与模型分离,流程控制逻辑、业务逻辑调用与展示分离。最终实现系统的职能分工。3. 优缺点优点耦合性低重用性高生命周期成本低部署快可维护性高有利于软件工程化管理_兔头程序员

Svchost.exe进程详解及Svchost.exe病毒清除方法_svchost.exe -k rpcss-程序员宅基地

文章浏览阅读2.3w次,点赞3次,收藏18次。这几天在宿舍上网的时候其他的舍友反映网络特别的卡。不知道是什么原因。然后我就发现自己的电脑有一个程序,自己走流量而且每秒能达100kb以上对于宿舍8个人共用的一个4M的网线来说已经算是占了好大一部分网速了。在金山流量监控上发现这个程序叫Svchost.exe。这是一个什么程序呢。然后我就尝试禁用。但我发现win7的任务管理器的进程中是找不到这个进程的。然后我通过上网了解了这个进程。 s_svchost.exe -k rpcss

java中修改对象类的数据_Java基础09 类数据与类方法-程序员宅基地

文章浏览阅读728次。我们一直是为了产生对象而定义类(class)的。对象是具有功能的实体,而类是对象的类型分类。这是面向对象的一个基本概念。在继承(inheritance)中,我们将类当做可以拓展的主体,这提高了我们对“类”的认识。类本身还有许多值得讨论的地方。我们将继续深入。static数据成员有一些数据用于表述类的状态。比如Human类,我们可以用“人口”来表示Human类的对象的总数。“人口”直接描述类的状态,..._java中如何用方法来改变一个类的值

hdu 2066:一个人的旅行_输入数据:每组的第一行是三个整数t,s和d,表示有t条路,和去往临近城市高铁站、火车-程序员宅基地

文章浏览阅读448次。草儿决定要在最短的时间去一个自己想去的地方,因为草儿的家在一个小镇上,没有火车经过,所以她只能去邻近的城市坐火车。多组输入数据,每组的第一行是三个整数T,S和D,表示有T条路,和草儿家相邻的城市的有S个,草儿想去的地方有D个;接着有T行,每行有三个整数a,b,time,表示a,b城市之间的车程是time小时;(1=接着的第T+1行有S个数,表示和草儿家相连的城市;接着的第T+2行有D个_输入数据:每组的第一行是三个整数t,s和d,表示有t条路,和去往临近城市高铁站、火车

java统计字符串中每个字符出现的次数_java string 统计某个字符出现的次数-程序员宅基地

文章浏览阅读6.3w次,点赞33次,收藏76次。例如String str = “abcaaaefdabbhg”; 统计该字符串中每个字符出现的次数,输出: a====5 b====3 c====1 d====1 e====1 f====1 g====1 h====1方法一: 采用HashMappublic static void count(String str){ //将字符串转化为字符数组_java string 统计某个字符出现的次数

随便推点

python 数据存储方式_数据存储是什么python-程序员宅基地

文章浏览阅读1.9k次。blog.csdn.net/ffblog/article/details/46558051一.序列1.用于存储一系列的数据2.在内存中,序列就是一块用于存放多个值的连续的内存空间如a=[10,20,30,40]存储示意:3.python中序列结构:str,list,tuple,dict,set..._数据存储是什么python

【语音去噪】IIR+FIR滤波器语音信号去噪(含滤波前后对比图)【含Matlab源码 4062期】-程序员宅基地

文章浏览阅读354次,点赞4次,收藏4次。IIR+FIR滤波器语音信号去噪(含滤波前后对比图)完整的代码,包运行;运行操作视频见CSDN资源!适合小白!

Tensorflow-hub[例子解析1]-程序员宅基地

文章浏览阅读364次。0. 引言Tensorflow于1.7之后推出了tensorflow hub,其是一个适合于迁移学习的部分,主要通过将tensorflow的训练好的模型进行模块划分,并可以再次加以利用。不过介于推出不久,目前只有图像的分类和文本的分类以及少量其他模型这里先通过几个简单的例子,来展示该hub的使用流程。1. 一个超简单例子1.1 创建一个Module#该文件名为half_plus_two..._tensorflow hub、py

Linux利用重定向三步搞定请求百度主页源代码_linux socket 访问百度-程序员宅基地

文章浏览阅读1.4k次。Linux利用重定向三步搞定请求百度主页源代码第一步:新建文件描述符,简历与百度通信的socket通道exec 8<> /dev/tcp/www.baidu.com/80命令解释:8:新建的文件描述符<>:既要发送请求,又要接收响应数据/dev/tcp:这个目录看不到,但内核确实有一旦执行该命令,就会新建一个socket连接删除文件描述符:..._linux socket 访问百度

C primer plus(第六版) 第七章答案_第七章单元测试提交作业6. 单选题(2分)下图中哪个点是最小方差点?( )。a点cb-程序员宅基地

文章浏览阅读7.1k次,点赞21次,收藏19次。C primer plus(第六版) 第七章答案/* 第一题 */#include<stdio.h>#define SPACE ' 'int main(void){ int count_space = 0; int count_line_break = 0; int count_others = 0; int ch; printf("Please pu..._第七章单元测试提交作业6. 单选题(2分)下图中哪个点是最小方差点?( )。a点cb

Ubuntu:显存占用及处理_ubuntu root图形界面占显存-程序员宅基地

文章浏览阅读2.7k次。问题在进行深度学习时,显存是一种非常宝贵的资源。但是即便在Ubuntu下,各种各样的系统配置都会不自觉的占用一些显存,导致深度学习难以为继。在本博客中,主要搬运一些查询显存占用原因及处理方法。翻译来源链接https://unix.stackexchange.com/questions/591393/how-to-shift-process-from-gpu-to-cpu-usagehttps://askubuntu.com/questions/1220144/can-somebody-explai_ubuntu root图形界面占显存

推荐文章

热门文章

相关标签