HTML(路径和字符)

本文详细介绍了HTML中的链接路径类型,包括相对路径和绝对路径的定义与应用。同时,讲解了链接标签的语法、属性及不同类型的链接,如外部链接、内部链接、空链接、下载链接等。此外,还阐述了锚点链接的实现方法,以及HTML注释的使用。最后,提到了一些特殊字符的替换方法,如空格、大于号、小于号的HTML实体表示。
摘要由CSDN通过智能技术生成

路径:

分为相对路径和绝对路径:
    相对路径:以引用文件所在位置为参考基础,而建立出的目录路径。图片相对于 HTML 页面的位置
    特点:相对路径是从代码所在的这个文件出发,去寻找目标文件的,而我们这里所说的上一级 、下一级和同一级就是 图片相对于 HTML 页面的位置。
    绝对路径:1.是指目录下的绝对位置,直接到达目标位置,通常是从盘符开始的路径。

链接标签:

 链接的语法格式
    <a href="跳转目标" target="目标窗口的弹出方式"> 文本或图像 </a>
属性:
    1.href:用于指定链接目标的url地址
    2.target:用于指定链接页面的打开方式_self默认值 _blank新窗口打开
    3.#:空链接

链接分类:
1.外部链接: 例如 < a href=“http:// www.baidu.com “> 百度。
2.内部链接:网站内部页面之间的相互链接. 直接链接内部页面名称即可,例如 < a href=“index.html”> 首页 。
3.空链接: 如果当时没有确定链接目标时,< a href=”#”> 首页 。
4.下载链接: 如果 href 里面地址是一个文件或者压缩包,会下载这个文件。
5.网页元素链接: 在网页中的各种网页元素,如文本、图像、表格、音频、视频等都可以添加超链接.
6.锚点链接: 点我们点击链接,可以快速定位到页面中的某个位置.

  •    在链接文本的 href 属性中,设置属性值为 #名字 的形式,如<a href="#two"> 第2集 </a> 
    
  •    找到目标位置标签,里面添加一个 id 属性 = 刚才的名字 ,如:<h3 id="two">第2集介绍</h3>
    

注释

如果需要在 HTML 文档中添加一些便于阅读和理解但又不需要显示在页面中的注释文字,就需要使用注释标签。HTML中的注释以“ < !--”开头,以“ -->” 结束。
具体实现:
     <! -- 注释语句 -->      快捷键: ctrl +  / 
一句话: 注释标签里面的内容是给程序猿看的, 这个代码是不执行不显示到页面中的.
添加注释是为了更好地解释代码的功能,便于相关开发人员理解和阅读代码,程序是不会执行注释内容的

特殊字符:

在 HTML 页面中,一些特殊的符号很难或者不方便直接使用,此时我们就可以使用下面的字符来替代。

重点记住:空格 &nbsp;、大于号&gt;、 小于号&lt; 这三个, 其余的使用很少,如果需要回头查阅即可。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值