图像标签
语法:
<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的更多相关文章

  1. 第二天(就业班) html的引入、html常用标签、实体标签、超链接标签、图片标签、表格、框架标签、表单[申明:来源于网络]

    第二天(就业班) html的引入.html常用标签.实体标签.超链接标签.图片标签.表格.框架标签.表单[申明:来源于网络] 第二天(就业班) html的引入.html常用标签.实体标签.超链接标签. ...

  2. html标签,格式控制标签,内容容器标签,超链接标签,图片标签,表格

    打开DREAMWEAVER,新建HTML,如下图: body的属性: bgcolor 页面背景色 background  背景壁纸.图片 text  文字颜色 topmargin  上边距 leftm ...

  3. 详解HTML的a标签(超链接标签)

    原文 简书原文:https://www.jianshu.com/p/d6a2499db73b 大纲 1.什么是<a>标签 2.<a>标签的几个重要属性 3.a标签的运行机制 4 ...

  4. HTML+css基础 p段落标签 a 超链接标签 Src和href有什么区别和关联? target属性 Meta标签

    p段落标签: <p></p> 1.他是唯一一个可以不写结束标签的双标签. a 超链接标签: 从一个页面链接到另一个页面.靠的是href属性.  Src和href有什么区别和关联 ...

  5. a标签,img标签,表格

    <a></a>    a标签,超链接标签 ,引入超链接方式:  src="...."   target="blank" 打开方式--新页 ...

  6. HTML第四耍 超链接标签

    1.HTML 超链接(链接) 一.HTML 超链接 HTML中使用超级链接与网络上的另一个文档相连.几乎可以在所有的网页中找到链接.点击链接可以从一张页面跳转到另一张页面. 超链接可以是一个字,一个词 ...

  7. 前端 HTML body标签相关内容 常用标签 超链接标签 a标签

    超链接标签 <a> 超级链接<a>标记代表一个链接点,是英文anchor(锚点)的简写.它的作用是把当前位置的文本或图片连接到其他的页面.文本或图像,也可以是相同网页上的不同位 ...

  8. 2017.9.14 HTML学习总结---超链接标签图片标签

    2.4 超链接标签 定义:它是指从一个对象指向另一个对象的指针,它可以是网页中的一段文字  也可以是一张图片,以实现从一个页面到另一个页面的跳转. 格式:<a href="url&qu ...

  9. 超链接标签a样式生效,取消下划线,文字垂直(上下)居中

    直接设置超链接标签a的属性时并不会生效, 需要将display属性改为inline-block, 即style="display:inline-block" 添加标签a时,默认是有 ...

随机推荐

  1. ECDSA数字签名算法

    一.ECDSA概述 椭圆曲线数字签名算法(ECDSA)是使用椭圆曲线密码(ECC)对数字签名算法(DSA)的模拟.ECDSA于1999年成为ANSI标准,并于2000年成为IEEE和NIST标准.它在 ...

  2. Java Web 开发中的中文乱码与解决方式

    乱码产生的原因 不管是request乱码还是response乱码,其实都是由于客户端(浏览器)跟服务器端采用的编码格式不一致造成的.以request乱码为例:浏览器向服务器发送请求,因为浏览器与服务器 ...

  3. [Objective-C语言教程]关系运算符(8)

    运算符是一个符号,告诉编译器执行特定的数学或逻辑操作. Objective-C语言内置很多运算符,提供如下类型的运算符 - 算术运算符 关系运算符 逻辑运算符 按位运算符 分配运算符 其它运算符 本教 ...

  4. mysql 开发进阶篇系列 4 SQL 优化(各种优化方法点)

    1 通过handler_read 查看索引使用情况 如果索引经常被用到 那么handler_read_key的值将很高,这个值代表了一个行被索引值读的次数, 很低的值表明增加索引得到的性能改善不高,索 ...

  5. ACM--string常见用法

    在ACM竞赛中,常常需要将读入的数字的每位分离出来,如果采用取余的方法,花费的时间就会太长,这时候,我们可以将读入的数据当成字符串来处理,这样就方便.省时多了.下面这个程序演示了求一个整数各位的和: ...

  6. Chapter 4 Invitations——9

    I didn't want to get into the safety hazards that dancing presented, so I quickly made new plans. 我不 ...

  7. [NewLife.XCode]增删改查入门

    NewLife.XCode是一个有10多年历史的开源数据中间件,由新生命团队(2002~2019)开发完成并维护至今,以下简称XCode. 整个系列教程会大量结合示例代码和运行日志来进行深入分析,蕴含 ...

  8. shiro源码篇 - shiro的filter,你值得拥有

    前言 开心一刻 已经报废了一年多的电脑,今天特么突然开机了,吓老子一跳,只见电脑管家缓缓地出来了,本次开机一共用时一年零六个月,打败了全国0%的电脑,电脑管家已经对您的电脑失去信心,然后它把自己卸载了 ...

  9. 用主题模型可视化分析911新闻(Python版)

    本文由 伯乐在线 - 东狗 翻译,toolate 校稿.未经许可,禁止转载!英文出处:blog.dominodatalab.com.欢迎加入翻译小组. 本文介绍一个将911袭击及后续影响相关新闻文章的 ...

  10. 前端XSS相关整理

    前端安全方面,主要需要关注 XSS(跨站脚本攻击 Cross-site scripting) 和 CSRF(跨站请求伪造 Cross-site request forgery) 当然了,也不是说要忽略 ...