学习内容:

1.超链接的基本知识

2.超链接的建立

3.内部链接

4.书签链接

5.外部链接

1.超链接的基本知识

认清两个概念:

__绝对路径:  是主页上的文件或目录在硬盘上的真正的路径.

绝对路径的缺点:1.输入内容多 2.如果文件移动了,就要重新设置相关的链接.

__相对路径:  是自己相对于目标的位置.

../上一级目录    ../../上上级的目录

相对路径的写法:

同一目录下的文件:只需要输入文件的名称即可.如22.htm.

上一级目录中的文件:在目录名和文件名之前加入"../"

假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html

假设index.html路径是:c:\Inetpub\wwwroot\sites\index.html

在info.html加入index.html超链接的代码应该这样写:

index.html

假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html

假设index.html路径是:c:\Inetpub\wwwroot\index.html

在info.html加入index.html超链接的代码应该这样写:

index.html

假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html

假设index.html路径是:c:\Inetpub\wwwroot\sites\wowstory\index.html

在info.html加入index.html超链接的代码应该这样写:

index.html

下级目录:输入目录和文件名

引用下级目录的文件,直接写下级目录文件的路径即可。

假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html

假设index.html路径是:c:\Inetpub\wwwroot\sites\blabla\html\index.html

在info.html加入index.html超链接的代码应该这样写:

index.html

假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html

假设index.html路径是:c:\Inetpub\wwwroot\sites\blabla\html\tutorials\index.html

在info.html加入index.html超链接的代码应该这样写:

index.html

2.超链接的建立

语法:链接元素或

设置超链接的目标窗口

语法:链接元素

target的值:

_parent   在上一级窗口打开,常在分帧的框架页面中使用

_blank     在新窗口中打开

_self         在同一窗口打开,默认值

_top         在浏览器的整个窗口打开.忽略所有的框架结构

3.内部链接

内部链接是指链接的对象是在同一个网站中的资源.

如有三个文件

/www/index.htm

/www/film/film1.htm

在index加入film1超链接的代码应该这样写:

film1

在film1加index超链接的代码应该这样写:

主页

主要是相对路径的设置.

4.书签链接

建立书签

语法:文字

链接到同一页面的书签(运用)

语法:链接的文字

链接到不同页面的书签

语法:链接的文字  (注意引号和#号)

5.外部链接

外部地址.就要输入它们的绝对地址

链接文字

链接文字

链接文字

链接文字

参数:

cc__抄送收件人__文字

subject__电子邮件主题__文字

bcc__暗送收件人__文字

body__抄送收件人__文字

带几个参数时要用&符号对参数进行分隔

意见建议 a>

html超链接到index,HTML基础___超链接 第四天相关推荐

  1. jsp超链接到java文件,jsp页面超链接传中文终极解决办法

    在做web前端页面的时候,经常碰到传中文问题.网上有许多方案,但仍不能根治,最终要用js或者java的encode相关方法. 常规方案有三部: 1.改tomcat的server.xml中URIEnco ...

  2. html插入精灵,帮助插入超链接到CSS精灵代码..Java? HTML?

    在CS5中使用内置的Javascript来完成滚动图像非常简单,但是,我需要基于CSS来执行此操作.帮助插入超链接到CSS精灵代码..Java? HTML? 我已经设法让代码工作和精灵都很好,但我似乎 ...

  3. html如何超链接到servlet

    使用html连接到servlet的方法有三种: 1.使用超级连接,连接地址指向一个请求,而处理请求的配置就配置到一个servlet,从而实现连接到servlet的功能,如:<a href=&qu ...

  4. PHP文件加到WordPress页面,WordPress-所有页面链接到index.php文件

    [WORDPRESS上的新功能] 我正在使用自己的CSS等创建自己的wordpress主题.我设法在index.php文件中获得了所有不错的东西, 而且我现在也尝试制作其他页面. 当我制作home.p ...

  5. SSH开发中 使用超链接到action 其excute方法会被执行两次 actual row count: 0; expected: 1...

    由于执行两次excute,所以在做删除操作的时候会出现 Batch update returned unexpected row count from update [0]; actual row c ...

  6. PPT超链接到Word文档中的某一页

    拢共两步 1.在Word中的目标位置创建书签 2.在PPT中添加超链接后加 # 书签名 在Word中的目标位置创建书签 插入 -> 书签 -> 添加 PPT中添加超链接及书签名

  7. php添加超链接到html,总结几种实现超链接html代码

    在我们的网页中,经常需要用到锚点或者链接,有的是点击文字时跳转链接,有的是点击图片,那该如何实现呢?本文向大家总结下有关超链接的知识点: 超链接:也叫URL(Uniform Resource Loca ...

  8. html点击超链接怎么打开ppt,ppt怎么查看所有超链接 设置完成后可以发现刚刚设置的超链...

    怎么在ppt中查看加入的超链接 在ppt里使用超链接,怎么返回原来的位置 因为它是超链接操作的演示, 所以我省略了 PPT 生产过程, 提前做了三张幻灯片, 目的是为了节省时间. 新建一个PPT空白文 ...

  9. 区块链教程(四):搭建私链、web3.js基础

    注:本教程为技术教程,不谈论且不涉及炒作任何数字货币 区块连教程(一):前置知识-linux补充 区块链教程(二):基础概念介绍 区块链教程(三):Solidity编程基础 区块链教程(四):搭建私链 ...

最新文章

  1. 语义分割车道线,来自两篇论文的融合算法
  2. Nvidia: Mx150 CUDA10安装驱动
  3. python cookie使用_Python使用cookielib模块操作cookie的实例教程
  4. 搬家请搬家公司好还是请朋友帮忙好?
  5. TensorFlow模型保存和提取方法
  6. Web.config中用customErrors可以自定义默认的出错页面
  7. KITTI数据集Raw Data与Ground Truth序列00-10的对应关系,以及对应的标定参数
  8. 磁共振计算机都是量子技术吗,IBM利用磁共振对单个原子成像 未来用于量子计算机...
  9. 关于李沐深度学习softmax学习中代码出错的问题及解决方法
  10. 跨考计算机专业怎么学,跨考计算机考研经验分享
  11. 樊登读书会极致读后感_【学习部落】樊登读书会可复制的领导力感悟
  12. mysql emoji表情 保存utf8mb4 错误原因总结
  13. 百万比亚迪仰望出圈靠的不止技术
  14. vue时间天气插件_基于vue.js 2.0的百度天气应用 – vue-weather
  15. JNLP文件的打开方法
  16. java微信网页支付_java实现微信H5支付
  17. 前端学习笔记(一)HTML5
  18. 中国福利彩票,牛B,开奖和数据传输有什么关系?
  19. 如何理解行高和高度?
  20. 计算机与现代化在线投稿,计算机与现代化投稿要求

热门文章

  1. R基于H2O包构建深度学习模型实战
  2. R语言dplyr包排序及序号函数实战(row_number、ntile、min_rank、dense_rank、percent_rank、cume_dist)
  3. R语言as.double函数(转化为浮点型)和is.double函数(检验是否为浮点型)实战
  4. 运维管理工具+chef+puppet+ansible+SaltStack
  5. ps grep java_ps -ef | grep java 查看所有关于java的进程
  6. ML基石_4_FeasibilityOfLearning
  7. java自考真题_自考04747JAVA语言程序设计(一)历年真题试卷下载
  8. mysql slave 配置_【mysql5.6】 数据库主从(Master/Slave)配置记录
  9. 快速人体姿态估计--Pose Proposal Networks
  10. 语义分割DeepLab v2--DeepLab: Semantic Image Segmentation with Deep Convolutional Nets, Atrous Convolut