HTML总结（三）之路径问题和超链接

最新推荐文章于 2022-03-21 18:19:25 发布
最新推荐文章于 2022-03-21 18:19:25 发布
阅读量1.4k 收藏 8
点赞数 2
分类专栏： HTML+CSS 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_46071321/article/details/106446159
版权
本文详细介绍了HTML中的路径概念，包括目录文件夹、根目录、相对路径和绝对路径，并分别讲解了同一级、下一级和上一级路径的使用。此外，重点讨论了超链接标签``，包括其语法格式和不同类型的链接：外部链接、内部链接、空链接、下载链接、网页元素链接以及锚点链接。
摘要由CSDN通过智能技术生成

一、路径

在学路径之前，先来明确两个概念。什么是目录文件夹和根目录。
目录文件夹：就是普通文件夹，里面只不过存放了我们做页面所需要的相关素材，比如html文件、图片等。
根目录：打开目录文件夹的第一层就是根目录。
路径又分为相对路径和绝对路径
相对路径：以引用文件所在位置为参考基础，而建立出的目录文件
这里简单来说就是，图片相对于HTML页面的位置
相对路径又分为以下几类：
1.同一级路径
图像文件位于HTML文件同一级
在这里插入图片描述
在body中编写<img src="img.jpg" />即可显示图片。
2.下一级路径
图像文件位于HTML文件的下一级
在这里插入图片描述
在这里插入图片描述
在这里可以看到，HTML文件和ima

最低0.47元/天 解锁文章
♚ Painting
关注
  • 2
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
专栏目录
html跳转上级目页面录,html如何表示上级目录
weixin_33737110的博客
06-03 1692
该楼层疑似违规已被系统折叠隐藏此楼查看此楼如何表示上级目录../表示源文件所在目录的上一级目录，../../表示源文件所在目录的上上级目录，以此类推。假设info.html路径是：c:\Inetpub\wwwroot\sites\blabla\info.html假设index.html路径是：c:\Inetpub\wwwroot\sites\index.html在info.html加入index...
HTML 超链接和路径
xiaoxiaobukuang的专栏
09-28 4747
学习要点： 超链接的属性 相对与绝对路径 锚点设置 一、超链接属性< a > 元素属于文本元素，有一些私有属性或者叫局部属性。那么，相对应的还有通用属性或叫做全局属性。 属性名称 说明 href 指定< a > 元素所指资源的URL hreflan
HTML中的路径和超链接标签
Dreamer
10-14 840
HTML中的路径和超链接标签 路径 1、目录文件夹和根目录 目录文件夹是一个普通文件夹，文件夹中存放一些制作页面所需要的相关素材，比如HTML文件、图片等 根目录是打开目录文件夹的第一层目录 2、VSCode打开目录文件夹 文件—>打开文件夹，打开一个根目录。在后续操作中可以直接在根目录中创建新的文件，也可以快速打开根目录中的文件。也可以将目录文件夹拖到VSCode中。 3、路径 ​ 路径可以分为相对路径和绝对路径 相对路径：以引用文件所在位置为参考基础，而建立出的目录路径。也就是图片相对于HTML文
HTML学习记录之超链接和路径
Must so
09-13 1144
学习视频：http://edu.csdn.net/course/detail/489/5453?auto_start=1 代码示例： 超链接和路径 百度 --> 百度 --> <!-- href属性是必须属性，指定要跳转的网站的链接 target属性告诉浏览器希望将所链接的资源显示在哪里 _blank : 在新窗口或标签页中打开文档 _self
【HTML5学习笔记】3：超链接和路径
LauZyHou的笔记
04-15 1594
标签的href属性用于指定URL，target属性用于指定打开方式，默认的打开方式是在当前窗口打开文档(_self)。 target属性还有一个常用的值为_blank，它使得点击超链接的时候将在新窗口打开。 相对路径：相对于页面而言的另一个页面的路径，可以自动识别当前目录。 绝对路径(很少用)：从file:///磁盘符开始的完整路径。   *使用相对路径 超链接和路径
路径问题1
08-08
- 表单和超链接的路径书写方式与上述相同，即绝对路径、以“/”开头的相对路径和不以“/”开头的相对路径。这些路径用于指定提交表单的处理程序或链接指向的页面。 3. **JavaScript（location.href）**： ...
简单的html网站5界面.zip
12-22
这些页面将展示HTML的各种应用，如头部（header）、导航栏（navbar）、主体内容（main content）、侧边栏（sidebar）、页脚（footer）等部分，以及如何使用表格（tables）、段落（paragraphs）、列表（lists）、图像...
第18章 超文本标记链接语言(HTML).doc
09-02
HTML是Web的基础，它结合了URL（统一资源定位符）、HTTP（超文本传输协议）和超文本链接技术，使得用户能轻松浏览和交互信息。HTML4.0是广泛使用的版本，支持各种功能，如表格、表单和多媒体集成。HTML5则进一步增强...
html5的代码注释
10-08
* 第三步：第二行（使用字体标签和超链接标签显示导航栏信息）。 * 第四步：第三行（放置图片）。 * 第五步：第四行（嵌套一个三行七列的表格）。 * 第六步：第五行（放置一张广告图片）。 * 第七步：第六行（嵌套一...
(完整word版)HTML-CSS上机实验指导书-网页设计实验指导.doc
11-17
实验四涉及了列表标签和超链接标签的运用。无序列表和有序列表，以及列表项用于组织信息。超链接标签的使用更加深入，比如可以设置链接的目标窗口(_blank, _self, _parent, _top)，以及链接的锚点(#name)来实现在...
初入WEB前端日记（3）HMTL5 超链接访问上下级目录、图片插入、内联框架
wanna__ac的博客
06-29 1420
小白一枚，初入WEB前端第三天，进行一些记录，可以直接粘贴运行 1.超链接的上下级目录 如何在下级目录的html中访问到上级目录中的某个html 如何在上级目录的html中访问到下级目录的某个html？？ 下级访问上级 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wi
html上上上级目录,html如何表示上级目录
weixin_33998152的博客
06-18 378
该楼层疑似违规已被系统折叠隐藏此楼查看此楼如何表示上级目录../表示源文件所在目录的上一级目录，../../表示源文件所在目录的上上级目录，以此类推。假设info.html路径是：c:\Inetpub\wwwroot\sites\blabla\info.html假设index.html路径是：c:\Inetpub\wwwroot\sites\index.html在info.html加入index...
HTML入门5
weixin_46574699的博客
03-21 847
1.插入图像 图像标签 在 HTML 中，图像由<img>标签定义。语法为： <img src="url" alt="" /> <img>是空标签，它只包含属性，没有闭合标签。要在页面上显示图像，你需要使用源属性（src）。src的值是图像文件的 URL，也就是引用该图像的文件的的绝对路径或相对路径。alt规定图像的替代文本即当图片未成功显示的时候显示的文本信息。title设置鼠标悬停时显示的内容（一般不用设置）。此外还可以通过设置width...
HTML使用
ParkJiYeon_的博客
10-10 575
html简介 HTML Hyper Text Markup Language 超文本标记语言 用于编写页面，搭建页面的结构 基本结构 <!DOCTYPE html> 文档类型声明 表明是HTML5版本 <html> 根标签 <head> 头部（不可见） <meta charset="UTF-8"> 元标签 设置字符编码 <title>标题内容</title> 标题 </.
前端开发必备技能知识笔记-二级目录的配置
花姐夫JUN的博客
03-18 2658
说明在同一个域名下部署多个项目的情况，我们就需要配置使用二级目录。二级目录，就是子目录，继承在主站目录下的，相当于在网站的根目录下再建立一个文件夹存放网站。例如：http://192.168.1.201/mr-resource-viewerhttp://192.168.1.201/mr-miningright-viewerhttp://192.168.1.201/mr-miningrules-vi...
HTML学习08（实践2）：超链接、绝对路径、相对路径
Blog of Lytracy
07-16 6522
文章目录1、URL2、超链接3、绝对路径和相对路径`Absolute vs Relative paths`3、1 使用相对路径的超链接3、2 使用绝对路径的超链接4、实践 上一讲中，我们制作了一张页面，有时我们需要在页面中跳转到网站的另一个页面，或者跳转到别的网站去，此时需要使用超链接。 1、URL URL（Uniform Resource Locator，统一资源定位器），它是WWW的统一资源定位标志，就是指网络地址。 URL由三部分组成：协议、服务器、文件路径。 当在浏览器的地址栏输入一个URL时会发
HTML中如何设置超链接相对路径--上级目录与下级目录的写法
weixin_34321753的博客
12-12 5232
　　HTML中用../表示源文件所在目录的上一级目录，../../表示源文件所在目录的上上级目录，再上层目录类似。 　　若chap1.html在D:php\Tutor\student1\math\chap1.html，student1.html在D:php\Tutor\student1.html，则在chap1.html中访问student1.html这样写： 　　<a href = "...
0001-HTML中上一级目录、上上级目录、下一级目录、下下级目录中的页面的相互引用
热门推荐
wakeya的专栏
01-23 1万+
如何表示上级目录../表示源文件所在目录的上一级目录，../../表示源文件所在目录的上上级目录，以此类推。 假设info.html路径是：c:\a\ab\abc\blabla\info.html假设index.html路径是：c:\a\ab\abc\index.html 在info.html加入index.html超链接的代码应该这样写： index.html 假设info.html路径是：c:\
html加超链接绝对路径,HTML相对路径(Relative Path)和绝对路径(Absolute Path)
weixin_32631179的博客
06-15 883
HTML相对路径(Relative Path)同一个目录的文件引用如果源文件和引用文件在同一个目录里，直接写引用文件名即可。我们现在建一个源文件info.html，在info.html里要引用index.html文件作为超链接。假设info.html路径是：c:\Inetpub\wwwroot\sites\blabla\info.html假设index.html路径是：c:\Inetpub\www...
html图像标签和超链接标签
最新发布
05-09
HTML 图像标签用于在网页中插入图片，语法如下： ``` <img src="图片路径" alt="替代文本" width="宽度" height="高度"> ``` 其中，`src` 属性指定图片的路径，`alt` 属性指定图片无法显示时的替代文本，`width` 和 `height` 属性指定图片的宽度和高度。 HTML 超链接标签用于在网页中创建链接，语法如下： ``` <a href="链接地址">链接文本</a> ``` 其中，`href` 属性指定链接的地址，链接文本是用户可点击的文本。例如： ``` <a href="http://www.example.com">访问实例网站</a> ```
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值