HTML常用标签、特殊字符、路径

苦海123

已于 2023-08-31 11:57:19 修改

阅读量263

点赞数 2

分类专栏： html 文章标签： html 前端

于 2021-04-14 11:17:49 首次发布

本文链接：https://blog.csdn.net/weixin_46758988/article/details/115694016

版权

html 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

跳转到邮箱：

 <a href="mailto:someone@microsoft.com?subject=Hello%20again">发送邮件</a>

    <a href="mailto:someone@microsoft.com?cc=someoneelse@microsoft.com&bcc=andsomeoneelse2@microsoft.com&subject=Summer%20Party&body=You%20are%20invited%20to%20a%20big%20summer%20party!">发送邮件！</a>

图像映射：

创建图像映射需要img、map、area三个标签同时存在，img 元素中的 “usemap” 属性引用 map 元素中的 “id” 或 “name” 属性，area中coords属性为设置或返回图像映射中可点击区域的坐标,area标签可以设置多个。相关文档推荐：https://www.w3school.com.cn/html/html_images.asp

 <body>
        <img src="img.PNG" usemap="#buhuo" alt="捕获" />
        <map name="buhuo" id="buhuo">
            <area shape="circle" coords="10,10,100,100" href ="上次阅读位置.PNG" target ="_self"alt="没有图片！" />
            <area shape="circle" coords="10,10,100,100" href ="上次阅读位置.PNG" target ="_self"alt="没有图片！" />
        </map>
    </body>

特殊字符：
标签会被解析，采用特殊字符代码可以代替特殊字符
在这里插入图片描述
锚点定位：

通过锚点链接，用户可以快速的定位到目标。

 <a href="#two">定位到标题2</a><!-- 使用<a href="#id名">链接文本</a>，注意#的使用 --> 
    
  <h3>标题1</h3>
  <h3 id="two">标题2</h3><!-- 使用id名进行标注供锚点链接使用 -->
  <h3>标题3</h3>
  <h3>标题4</h3>

路径：

相对路径：

分为三种情况：1、同级目录 2、上一级目录 3、下级目录

   <img src="picture.jpg"/> <!-- 同级目录下的文件直接写文件名引入即可 -->
    <img src="images/picture.jpg"/> <!-- 下级目录中的文件需要先进入下一级目录，然后/找到文件后写文件名即可 -->
    <img src="../images/picture.jpg"/> <!-- 上级目录中的文件需要先../进入上级目录，再使用同级目录的方法查找文件 -->

绝对路径：

绝对路径是相对于计算机或者网站(网址)而言的，一般很少使用绝对路径

 <img src="C:\Users\17121\Desktop\picture.jpg"/> <!-- 电脑上面绝对路径几乎没人使用，因为换电脑后，文件就无法使用 -->
    <img src="http://webimages/picture.jpg"/> <!-- 网上的绝对路径经常会被使用，但是文件一旦消失或者主机和域名过期，将无法使用 -->

提示：本文图片等素材来源于网络，若有侵权，请发邮件至邮箱：810665436@qq.com联系笔者删除。
提示：本文图片等素材来源于网络，若有侵权，请发邮件至邮箱：810665436@qq.com联系笔者删除。
笔者：苦海123
其它问题可通过以下方式联系本人咨询：
QQ：810665436
微信：ConstancyMan