博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
html之超链接、图片
阅读量:5092 次
发布时间:2019-06-13

本文共 910 字,大约阅读时间需要 3 分钟。

1、<a> 超链接标签

a标签常用的属性:
href : 用于指定链接的资源
target: 设置打开新资源的目标。 _Blank 在独立的窗口上打开新资源 _self 在当前窗口打开新资源

file: file协议(文件协议)这种协议主要是用于搜索本地机器的资源文件的。

格式:

file:\\\f:\美女\1.jpg
a标签的原理:
1. a标签的href属性值如果是以http开头的,那么浏览器会马上启动http解释器去解释该网址,首先
会在本地机器去找一个hosts文件, 如果在hosts文件上该域名没有对应的主机,那么浏览器就去到对应的
dns服务器去寻找该域名对应的主机号。如果找到了对应的主机,那么该请求就会发给对应的主机。
2. 如果a标签的href属性值没有以任何协议开头,那么浏览就会启动file协议解释器去解释该资源路径。
3. 如果a标签的href属性值并不是以http开始,而且其他 的一些协议,那么这时候浏览器就回去到我们本地的注册
表中去查找是否有处理这种协议 的应用程序,如果有,那么马上启动该应用程序处理该协议。
邮件的协议: mailTo
迅雷的协议: thunder

超链接标签的作用:

1. 可以用于链接资源。
2. 锚点点位.
1. 首先编写一个锚点 锚点的格式: <a name="锚点名字"> 数据</a>
2. 使用a标签 的herf属性连接到锚点出。 href=”#锚点的名字“

百度     带你去看1.html
如果有需要请发送邮件至:123456@qq.com
一个人.avi 顶部
qqqqqqq qqqqqqq qqqqqqq   回到顶部 

 

2、图片

<img>图片标签:

img标签常用的属性:
width: 设置图片宽度
height 设置图片高度
alt: 如果图片资源无法找到,那么就显示对应的文字对图片进行说明。

设置热点图:

设置图片冒个区域为链接

  

 

转载于:https://www.cnblogs.com/mswangblog/p/6439191.html

你可能感兴趣的文章
Vue文章
查看>>
《软件工程》总结——第八章
查看>>
第一册:lesson ninety-nine。
查看>>
LR性能测试结果样例分析
查看>>
福大软工1816 · 第三次作业 - 结对项目1
查看>>
java-泛型
查看>>
table显示json数据传递
查看>>
GDOI2015的某道题目
查看>>
c# CLI托管工程开启调试c++库工程代码
查看>>
Xerces链接错误原因之/Zc:wchar_t-设置不一致
查看>>
2019牛客暑期多校训练营(第一场)-E(DP)
查看>>
Flash 中与 JS 的通信
查看>>
Android中的WebView
查看>>
JsBridge "Uncaught TypeError: Cannot call method 'callHandler' of undefined", source
查看>>
LeetCode【110. 平衡二叉树】
查看>>
Mybatis 与hibernate
查看>>
第一章:python基础语法| 字符编码| 条件语句...
查看>>
CSS 2. 盒模型|浮动
查看>>
双十一电商打折套路解析
查看>>
JavaWeb之Servlet: ServletConfig 与 ServletContext
查看>>