哈尔滨网站优化流程,建设什么网站比较好,温州网站建设报价,四川航天中瑞建设工程有限公司网站目录
一.相对路径
二.绝对路径
三.超链接标签
四.锚点链接 首先#xff0c;扩展一些HTML执行的原理#xff1a; htmL(hypertext markup Language) 是一种规范#xff08;或者说是一种标准#xff09;#xff0c;它通过标记符#xff08;tag#xff09;来标记要显示…
目录
一.相对路径
二.绝对路径
三.超链接标签
四.锚点链接 首先扩展一些HTML执行的原理 htmL(hypertext markup Language) 是一种规范或者说是一种标准它通过标记符tag来标记要显示的网页的各个部分。 通过在网页中添加标记符可以告诉浏览器如何显示网页即确定内容的格式。 浏览器按顺序阅读网页文件htmL文件然后根据内容周围的htmL标记符解释和显示各种内容这个过程叫做语法分析。 htmL中的超文本功能也就是超链接功能使网页之间可以链接起来。 网页与网页的链接构成了网站而网站与网站的链接就构成了多姿多彩的www 一.相对路径
如下是3种不同等级的语法 同级目录src同级目录.png 上级目录src下级目录/下级目录.jpg 下级目录src../上级目录.jpg 文件中不同级别文件目录的存放方式如下 整体的代码
!DOCTYPE html
html langen
headmeta charsetUTF-8meta http-equivX-UA-Compatible contentIEedgemeta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/title
/head
bodydiv img src同级目录.png width400 title这是同级目录//div!-- 同级目录直接使用图片名及文件类型 --div img src下级目录/下级目录.jpg width300 title这是下级目录//div!-- 下级目录使用/来依次跳级 --div img width500 title这是上级目录//div!-- 上级目录使用../进行依次跳级 --
/body
/html
效果图 二.绝对路径 绝对路径是指文件本质上存在的位置——而并不是相对于某一物品而言的。
bodyimg srcE:\照片\太理美景\111.jpg width400/!-- 斜杠位置与相对路径相反一定要注意 --!-- 绝对路径直接复制文件在当前pc端的位置即可 --!-- 实际开发中一般不会用绝对路径平时方便练习偶尔用用。 --img srchttps://img0.baidu.com/it/u2024927183,22484188fm26fmtautogp0.jpg/!-- 也可以直接复制图片在网络上的地址也作为绝对路径的一种。 --/body
斜杠位置与相对路径相反一定要注意绝对路径直接复制文件在当前pc端的位置即可实际开发中一般不会用绝对路径因为耦合度过高不易于项目的维护~
三.超链接标签 超链接又被称为超文本超文本是用超链接的方法将各种不同空间的文字信息组织在一起的网状文本。超文本更是一种用户界面范式用以显示文本及与文本之间相关的内容。现时超文本普遍以电子文档方式存在其中的文字包含有可以链结到其他位置或者文档的连结允许从当前阅读位置直接切换到超文本连结所指向的位置。超文本的格式有很多最常使用的是超文本标记语言标准通用标记语言下的一个应用及富文本格式。 非常重要的标签在日常接触的各种网页或web应用程序中每一个跳转界面的功能都由该标签实现~ a href跳转/a href属性规定了a标签所跳转到的路径。 外部链接 a hrefhttp://www.qq.com target_blank腾讯/a 内部链接也可以跳转到项目内部的网页 a hrefE:\HTML 文件\案例1-9号目录文件夹练习\7号 文本格式化.html第一个页面/a 空链接——实际开发中的暂略方式 a href#空连接/a 下载链接——点击后下载目标文件 a href12号辅助.zip下载连接/a 元素链接 a href12号第二辅助.jpg元素链接/a 四.锚点链接 HTML中的链接正确的说法应该称作锚点它命名锚点链接(也叫书签链接)常常用于那些内容庞大繁琐的网页通过点击命名锚点不仅让我们能指向文档还能指向页面里的特定段落更能当作精准链接的便利工具让链接对象接近焦点.便于浏览者查看网页内容。类似于我们阅读书籍时的目录页码或章回提示。在需要指定到页面的特定部分时,标记锚点是最佳的方法。 通俗地说锚点链接是网页开发中增强用户体验的一种技术可以跳转到页面中的指定位置
跳转的目的地
h1 idddd目的地br //h1 !-- id值为ddd点击相关链接即可跳转 --实现跳转的目标按钮 h4a href#ddd返回顶部/h4/a!-- 注意不能缺少#号 -- 格式一定要保证对实现跳转的元素使用href属性id名前加#号而目的地需要用id属性标识名称
在百度百科等诸多博客类型的网站里面锚点链接的应用尤为频繁~如下图
