img图像标签和超链接标签a
图像标签
语法:
<img src="" alt="".../>
img属性:
src="" 显示图像的URL
alt="" 鼠标放在图片上显示的文字,用于网速太慢,src属性中的错误,或者浏览器禁用图像
height= 数值和百分比 图像的高 使用百分比时,图片高度会随着其父元素的高变化而变化
width= 数值和百分比 图像的宽 使用百分比时,图片宽度会随着其父元素的宽变化而变化
绝对路径:从盘符开始写的路径。
相对路径:图片相对于开发网页的路径。
网页与图片同一目录下:
<img src="1.jpg"/>
图片在网页上一级目录中:
<img src="../1.jpg"/>
图片在网页下面一级目录:
<img src="文件名/1.jpg"/>
超链接标签
语法:
<a href="">内容</a>
当链接为空的时候,点击超链接会刷新页面。<a href="">刷新<a/>
href:链接地址,可以是内部链接(站内链接使用相对连接)或者外部链接(站外链接要用绝对链接)。
a的其他属性:
target="_self" 在本窗口进行跳转
target="_blank" 新建一个窗口
target="_top" 在框架中的原来窗口打开
target="_parent" 在框架中的父窗口进行跳转
title="" 鼠标悬浮在链接上面时提示该链接的内容
name="" 链接命名,俗称锚。在也锚时,一定要#+锚名。
同一页面进行跳转到的超链接标签,定义锚,锚定义下那里就以锚名所在的位置为起始位置显示在网页第一行:
<a href="#锚名1"> 目录1</a>
<a href="#锚名2">目录2</a>
在页面中有时候可以使用空连接进行定位,如:
<a name="JsText"></a>
同一网页进行跳转的步骤:
1,在需要跳转的位置设置锚名(这里可以是一个空连接<a href="" name="position">产品介绍</a>)
2,在设置点击跳转链接如:<a href="#position">产品介绍</a> 注意跳转链接是使用href指定要跳转的位置。这里一定要使用#+锚名。
锚点链接,命名锚点使用的是name属性值; href属性用于指定要链接内容的地址.
超链接标签
定义锚:(不同页面的锚点)
1,<a href="网页#锚名">...</a>
2,<a name="锚名">...</a>
锚链接和超链接都是使用<a>标签定义;命名锚点使用<a>标签的name属性值,
使用<a>标签的 href属性指定要链接到锚点的位置,可跳转到同一网页和不同网页内;超链接打开网页。
跳转到同一页面超链接设置的锚位置<a href=“#锚名”>,跳转到不同页面中超链接设置的锚位置<a href=“网页名#锚名”>。
发送邮件
使用超链接拓展到发送邮件(如果想要发送成功就必须安装邮箱软件):
<a href="mailto:304676177@qq.com">反馈意见</a>
下载文件
<a href="下载文件的地址即可下载">文件下载</a>
<a href="pictures.rar">下载文件</a>
<a href="Documents.rar">下载文件</a>
浏览器会根据下载地址进行判断,如果改地址是进入官网地址进行,那就直接进入官网下载页面。
如果是直接进行下载,那么就会直接跳出下载窗口进行下载。浏览器会自动判断如何下载,再显示窗口。
此外还可以在连接上右击---选择---另存为...(修改下载存放目录)
img图像标签和超链接标签a的更多相关文章
- 第二天(就业班) html的引入、html常用标签、实体标签、超链接标签、图片标签、表格、框架标签、表单[申明:来源于网络]
第二天(就业班) html的引入.html常用标签.实体标签.超链接标签.图片标签.表格.框架标签.表单[申明:来源于网络] 第二天(就业班) html的引入.html常用标签.实体标签.超链接标签. ...
- html标签,格式控制标签,内容容器标签,超链接标签,图片标签,表格
打开DREAMWEAVER,新建HTML,如下图: body的属性: bgcolor 页面背景色 background 背景壁纸.图片 text 文字颜色 topmargin 上边距 leftm ...
- 详解HTML的a标签(超链接标签)
原文 简书原文:https://www.jianshu.com/p/d6a2499db73b 大纲 1.什么是<a>标签 2.<a>标签的几个重要属性 3.a标签的运行机制 4 ...
- HTML+css基础 p段落标签 a 超链接标签 Src和href有什么区别和关联? target属性 Meta标签
p段落标签: <p></p> 1.他是唯一一个可以不写结束标签的双标签. a 超链接标签: 从一个页面链接到另一个页面.靠的是href属性. Src和href有什么区别和关联 ...
- a标签,img标签,表格
<a></a> a标签,超链接标签 ,引入超链接方式: src="...." target="blank" 打开方式--新页 ...
- HTML第四耍 超链接标签
1.HTML 超链接(链接) 一.HTML 超链接 HTML中使用超级链接与网络上的另一个文档相连.几乎可以在所有的网页中找到链接.点击链接可以从一张页面跳转到另一张页面. 超链接可以是一个字,一个词 ...
- 前端 HTML body标签相关内容 常用标签 超链接标签 a标签
超链接标签 <a> 超级链接<a>标记代表一个链接点,是英文anchor(锚点)的简写.它的作用是把当前位置的文本或图片连接到其他的页面.文本或图像,也可以是相同网页上的不同位 ...
- 2017.9.14 HTML学习总结---超链接标签图片标签
2.4 超链接标签 定义:它是指从一个对象指向另一个对象的指针,它可以是网页中的一段文字 也可以是一张图片,以实现从一个页面到另一个页面的跳转. 格式:<a href="url&qu ...
- 超链接标签a样式生效,取消下划线,文字垂直(上下)居中
直接设置超链接标签a的属性时并不会生效, 需要将display属性改为inline-block, 即style="display:inline-block" 添加标签a时,默认是有 ...
随机推荐
- HashMap是如何实现快速存取的
一.存储实现:put(key,vlaue) 首先我们先看源码: // 将“key-value”添加到HashMap中 public V put(K key, V value) { // 若 ...
- Python学习笔记【第十二篇】:Python异常处理
什么是异常 异常就是程序运行时发生错误的信号,在python中,错误触发的异常如下 错误类型分为两种:语法错误和业务逻辑错. 异常的类型 AttributeError 试图访问一个对象没有的树形,比如 ...
- 在 React、Vue项目中使用 SVG
在一些现代的扁平化设计网站,特别是移动端网站,经常会包含许多简单而清晰的小图标,例如网站图标.用户的默认头像.移动端网页首页底部固定的切换栏等,这些小图标一般都是由美工做好,可能会放到精灵图上,前端再 ...
- 字符串(string)的常用语法和常用函数
在python中,加了引号(单引号.双引号.三引号)的字符就是字符串类型,python并没有字符类型. 字符串也是很常用的数据类型,这里介绍一些用的较多的语法和方法,直接以代码示例展示. str = ...
- vue计算属性(通过计算得来的属性)
1.computed:是一个计算属性,用来监听属性的变化 eg: <p>computed:{{count}}</p> computed:{ count(){ c ...
- Java之单元测试工具(Junit)
Junit是Java单元测试框架,一般Eclipse里面会集成这个Junit4测试工具 既然是测试工具,虽然开发用得比较多,但作为测试人员也需要具备会Junit测试的思想,况且技多不压身 这里简单介绍 ...
- 扒一扒.net、.net framework、mono和Unity
zhaichao 标签: .net.net frameworkc#monounity 2017-04-23 14:39 425人阅读 评论(0) 收藏 举报 版权声明:本文为博主原创文章,未经博主允许 ...
- 深入理解Java Stream流水线
前面我们已经学会如何使用Stream API,用起来真的很爽,但简洁的方法下面似乎隐藏着无尽的秘密,如此强大的API是如何实现的呢?Pipeline是怎么执行的,每次方法调用都会导致一次迭代吗?自动并 ...
- nginx入门教程
nginx入门教程 一.概述 什么是nginx? Nginx (engine x) 是一款轻量级的Web 服务器 .反向代理服务器及电子邮件(IMAP/POP3)代理服务器. 什么是反向 ...
- Microsoft 机器学习产品体系对比和介绍
Microsoft 提供多种多样的产品选项用于生成.部署和管理机器学习模型. 本文将比较这些产品,并帮助你选择所需的产品,以便最有效地开发机器学习解决方案. 机器学习产品 描述 作用 Azure云端服 ...