HTML常用标签、特殊字符、路径
跳转到邮箱:
<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="data: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联系笔者删除。
笔者:苦海
HTML常用标签、特殊字符、路径相关推荐
- HTML的基本知识-和常用标签-以及相对路径和绝对路径的区别
一.HTML的基本知识 1.网站:是指在因特网上根据一定的规则,使用 HTML 等制作的用于展示特定内容相关的网页集合. 网页是网站中的一"页",通常是 HTML 格式的文件,它要 ...
- HTML(一、语法规范,二、结构标签,三、开发工具,四、HTML常用标签,五、注释和特殊字符)
文章目录 前言 一.html语法规范 1. html基本语法规范 2. 标签关系 二.基本结构标签 1. 第一个 HTML 网页 2. 基本结构标签总结: 三.开发工具 1. vscode工具的创建工 ...
- 03 HTML常用标签及特殊字符(狗子前端系列之HTML5)
03 HTML常用标签及特殊字符 1 HTML 常用标签 1.1 标签语义 标签语义是指标签的含义,即这个标签是用来干嘛的 根据标签的语义,在合适的地方给一个最合理的标签,可以让页面结构更清晰 1.2 ...
- html简介及常用标签
目录 一.html的简介 1.什么是html? 2.第一个html程序 3.html的规范(遵循) 4.html的操作思想 二.html中常用的标签 1.文字标签和注释标签 2.注释标签 3.标题标签 ...
- 全端开发——html简介与常用标签
1.html是什么? •超文本标记语言(Hypertext Markup Language,HTML)通过标签语言来标记要显示的网页中的各个部分.一套规则,浏览器认识的规则 •浏览器按顺序渲染网页文件 ...
- HTML常用标签及属性
web准备介绍: w3c:万维网联盟组织,用来制定web标准的机构(组织) web标准:制作网页遵循的规范 web准备规范的分类:结构标准.表现标准.行为标准. 结构:html.表示:css.行为:J ...
- 前端基础----html初识、常用标签
一.HTML初识 web服务本质 import socketdef main():sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM)soc ...
- HTML(简介及常用标签)
一.HTML简介 1.1 html是什么? 超文本标记语言(Hypertext Markup Language,HTML)通过标签语言来标记要显示的网页中的各个部分.一套规则,浏览器认识的规则. 浏览 ...
- html5简介及常用标签
HTML介绍 Web服务本质 # python自制服务器socket通信端import socketsk = socket.socket() sk.bind(("127.0.0.1" ...
- HTML学习笔记_常用标签的使用及注意事项
html学习笔记 本文根据B站pink老师的视频整理而成,包含常用标签的使用及注意事项. 注意:本篇文章排版不好看,不方便大家阅读,重新排版后的文章在这里:HTML学习笔记 | 常用标签的使用及注意事 ...
最新文章
- VS.net2008正式版发布了
- DPI — 业务识别技术
- JAVA并发编程学习笔记之CAS操作
- java fast math,Java FastMath.signum方法代码示例
- 从零开始编写自己的C#框架(23)——上传组件使用说明
- c++ primer plus中文版_如何成为一名厉害的C/C++程序员?
- 中国制造强在哪儿?从美特斯邦威到Shein
- 12306再曝漏洞,一张身份证可买两张相同火车票
- PHP设计模式——观察者模式
- Ubuntu下RabbitMQ安装
- 翻山越岭上uvaoj
- 计算机二级2018VB题库百度云,计算机二级vb题库2017
- 广西建工OA系统office插件显示问题解决方案
- 给刘成龙的回信( 云中逸客)
- 百度 android 笔试题库,百度科目一考试题库
- 微信小程序如何保存图片到本地?
- Kingofark的人工智能启示录
- CUDA Programming Model--CUDA编程模型
- html/css导入自己的字体样式
- APS系统发展现状随笔--唯有坚守本心,方可前行
热门文章
- java - 判断任意一天是这年的第几天
- neo4j browser执行脚本后不提示用时_还不懂什么是分层自动化测试的,有赞的实践经历告诉你...
- oracle11 处理器数,11G AWR中%Total CPU与%Busy CPU指标的疑问
- wether.html5.qq.com,人教版英语九年级全一册Unit 1单元测试卷及参考答案解析(含听力...
- 地线与接地螺丝_电气接地的规范要求及接地的各项参数,收藏!
- linux 电台,linux下架设个人电台的方法
- Mysql在可视化工具navicat中如何解决输入小数变整数的问题,(改变小数位数)
- xshell下载及连接Linux
- 以Python为例对变量类型及运算符进行举例
- 转 最小凸包算法(Convex Hull)(1)-Graham扫描法 -计算几何-算法导论