HTML文件路径

最新推荐文章于 2024-05-08 17:38:14 发布
最新推荐文章于 2024-05-08 17:38:14 发布
阅读量209 收藏
点赞数
文章标签： html java linux css python
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45029643/article/details/119640462
版权

HTML文件路径

HTML页面中图片会非常多，通常我们会新建一个文件夹来存放这些图像文件，这时再查找图像，就需要采用“路径”的方式来制定图像文件的位置。
路径可以分为：

  1. 相对路径
  2. 绝对路径

相对路径

相对路径：以引用文件所在位置为参考基础，而建立出的目录路径。

相对路径分类符号说明
同一级路径图像文件位于HTML文件同一级，比如<img src="picture.png">
下一级路径/图像文件位于HTML文件下一级，比如<img src="/picture.png">
上一级路径../图像文件位于HTML文件上一级，比如<img src="../picture.png">

绝对路径

绝对路径：是指目录下的绝对位置，直接到达目标位置,或者是完整的网络地址。
例如：“/Users/gcvition/Downloads/picture.png”，或者是完整的网络地址“https://www.runoob.com/wp-content/uploads/2015/06/go128.png”

超链接

在HTML中，超链接标签使用 <a></a> 来表示。
单词 anchor 的缩写，意为：锚。
href 属性 是<a></a>的必须属性，用于指定链接目标的Url地址。
target 属性 用于指定链接页面的打开方式，其中 _self 为默认值，表示在当前窗口打开超链接，_blank表示在新窗口打开超链接。

空链接：如果当时没有确定链接目标时，<a href="#"></a>

下载链接：如果 href 里面的地址如果是文件或者是要锁包，则打开链接时会下载这个文件。

锚点链接：点击我们的超链接，可以快速定位到页面中的某个位置。
1 - 在链接文本的href属性中，设置属性值为 #名字 的形式，比如 <a href="#two">第2集</a>
2 - 找到目标位置标签，里面添加一个id属性=刚才的名字，如 <h3 id="two">第二集</h3>

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>超链接</title>
</head>

<body>
    <a href="https://www.baidu.com" target="_self">百度一下(本窗口打开)</a><br>
    <a href="https://www.baidu.com" target="_blank">百度一下(新窗口打开)</a>
</body>

</html>

特殊字符

在HTML页面职工，一些特殊的符号不方便直接使用，此时我们就可以使用下面的字符来替代。

特殊字符描述字符的代码
空格符&nbsp;
<小于号&lt;
>大于号&gt;
&和号&amp;
¥人民币&yen;
©版权&copy;
®注册商标&reg;
°摄氏度&deg;
±正负号&plusmn;
×乘号&times;
÷除号&divide;
²平方&sup2;
³立方&sup3;
「已注销」
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html文件路径_HTML文件路径
08-02 2205
html文件路径An HTML file path specifies the location of a file in the website folder. The file paths are very similar to an address of file for the web browser. With the HTML file paths, one could link an...
html5文件夹上传
11-14
html5文件夹上传，实现文件夹拖拽上传
HTML 文件路径
thgj0006的博客
03-10 661
如果使用了相对路径，那么您的网页就不会与当前的基准 URL 进行绑定。所有链接在您的电脑上 (localhost) 或未来的公共域中均可正常工作。 标签以及 src 和 alt 属性在 HTML 图像这一章做了讲解。文件路径描述了网站文件夹结构中某个文件的位置。相对路径指向了相对于当前页面的文件。使用相对路径是个好习惯（如果可能）。
html实现文件夹的上传
最新发布
weixin_45525177的博客
05-08 434
html实现文件夹的上传，html实现文件夹上传解决方案，html实现文件夹上传思路，html实现文件夹上传实例，html实现大文件上传，html实现大文件分块上传，html实现大文件分片上传，html实现大文件切片上传，html实现大文件加密上传，html实现大文件多线程上传，但是如果有上传文件夹，文件夹中包含很多文件，比如1万或者10万，这种场景下用起来就不是那么的舒服了，如果单个文件的大小超过10G，比如20G，这种场景下用起来也不是特别的舒服。HTML5分片，分段，分块，分割，切片，切割上传。
一段关于从HTML文件找出资源地址的小程序(不断更新)
PlusA的专栏
07-30 828
今天应经理要求，写了这么一个类，输入一个HTML文件的地址，输出一个文本文件，记录这个HTML文件里面的src资源的地址现在想用string类完全改写这个类先写了一个试用版本#include #include #include using namespace std;class FindObject{private: char filename[100];    char line
python输出当前目录下index.html文件路径的方法
09-22
3. 使用`os.path.join()`函数将上一步得到的目录与文件名`'index.html'`组合成完整的文件路径。`os.path.join()`是安全地连接路径部分的函数，它会根据操作系统的类型自动添加适当的路径分隔符。 结合以上步骤，...
HTML使用相对路径获取各级目录下文件方式详解
01-19
整个文件的完整路径，比如X:\www\web\index.html，或者 http://waldo.com.cn/index.html 。这两者都属于绝对路径。 相对路径多种使用方式详解 假设当前有一个页面，要链接到一个页面名称为test.html的页面，以下展示...
EnumerationList:此存储库包含用于子域枚举的字词列表，php文件路径，html文件路径和js文件路径
03-31
此存储库包含用于子域枚举的字词列表，php文件路径，html文件路径和js文件路径 庞大的780万列表，外加用于子域枚举的唯一单词。 非常感谢Emad Shanab的贡献。 我刚刚根据扩展名对单词表进行了分隔，以进行特定的...
HTML的图像标签、目录文件夹、路径（相对路径、路径之绝对路径）
m0_51796659的博客
09-07 2170
HTML的图像标签(src、alt 、title、width、height、border 的介绍与使用)目录文件夹（根目录的介绍)、路径（相对路径( 图像文件位于HTML文件同一级、下一级、上一级路径如何操作) 、路径之绝对路径）
HTML详细基础（二）文件路径
前端，算法，MATLAB，统计学爱好者，目前主攻Web全栈+考研内容
09-26 2059
格式一定要保证对，实现跳转的元素使用href属性，id名前加#号；而目的地需要用id属性标识名称。非常重要的标签，在日常接触的各种网页或web应用程序中，每一个跳转界面的功能都由该标签实现~href属性规定了a标签所跳转到的路径。内部链接：（也可以跳转到项目内部的网页）——而并不是相对于某一物品而言的。下载链接——点击后下载目标文件。空链接——实际开发中的暂略方式。实现跳转的目标（按钮 ）
JS实现文件夹选择.HTML
07-18
使用js实现文件夹选择功能，操作方便简单
html 管理文件夹,文件夹下的html   统一管理
weixin_36324960的博客
06-11 539
htmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">文件管理var$=function(id){return"string"==typeofid?document.getElementById(id)...
桌面创建html文件夹路径,HTML5+ - DirectoryEntry（文件夹及文件操作）
weixin_31414801的博客
05-30 653
关于RelativeURL 相对路径URL说明：只能在扩展API中使用，相对于基座提供的特定目录，以“_”开头。常量："_www": (DOMString 类型 )应用资源目录保存应用的所有html、css、js等资源文件，与文件系统中根目录PRIVATE_WWW一致，后面加相对路径如“_www/res/icon.png”。注意：应用资源目录是只读目录，只能读取次目录下的文件，不能修改或新建。"_...
html页面自动扩充,前端学习笔记（四）HTML入门扩充
weixin_39617006的博客
05-31 239
之前在学习HTML的时候，按照Web 前端怎样入门？中汪小黑的回答中所给的学习路线图，照着W3school的HTML基础教程，只学习到了HTML列表部分。在学习CSS的过程中，逐渐发现有一些HTML内容(块、类等等)并不熟悉。现在在开始着手做练手小项目静态网页之前，我想再把HTML的基础补习一下，把HTML基础教程全部看完，并且尽量手敲一下。1.HTML块元素是块级元素(block level e...
HTML5学习笔记（二）
m0_69772676的博客
01-20 1221
HTML5学习笔记（二） 对目录文件夹和根目录进行了解，并用vscode打开目录文件夹
HTML--关于文件路径的写法
m0_52313001的博客
07-08 1329
这时我们需要加以思考，当png文件的目录和html文件的目录不在同一目录下时，应该如何引用。1、*.html 文件跟 *.png 文件(f盘)在不同目录下： 2、*.html 文件跟 *.png 图片在相同目录下： 3、*.html 文件跟 *.png 图片在不同目录下：a、图片 *.png 在 image 文件夹中，*.html 跟 image 在同一目录下： b、图片 *.png 在 image 文件夹中，*.html 在 connage 文件夹中，image 跟 connage 在同
Html读取本地文件夹下文件
热门推荐
祥龙九霄的专栏
08-07 6万+
目的        在Html上选择本地文件夹，自动读取文件夹及子文件夹下的所有文件（本例以图片为例）并显示。 技术分析         存在问题        Html中file标签获取到的路径时相对的。        Html中Img指定源时需要的是绝对路径。         解决方法      调用Web API接口FileReader中readAsDataURL方法读取数据（...
html 打开文件夹_HTML重点标签
weixin_39643336的博客
12-01 2346
今天我复习了html相关知识，记录一些重点标签，再次回顾一下，如果有想学习html的朋友也可以看看希望可以帮助到大家。准备工作建立HTML-demo1文件夹 所有学习标签放在这个文件里用VScode打开HTML-demo1下新建a-xxx.html文件，专门研究标签插件推荐推荐一个插件，打开终端输入代码 。不要双击HTML打开超链接了，正常的打开一个网页步骤是输入一个网址，打开一个网页 。这两个工...
python调用html文件路径,python 文件路径
05-17
# HTML文件路径 html_file = "path/to/file.html" # 使用默认浏览器打开HTML文件 webbrowser.open(html_file, new=2) ``` 至于Python文件路径，您需要提供更多的信息，比如您想要做什么。一般而言，可以使用Python...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值