图片标签img

BMP位图
一般在项目目录下创建一个resource目录,专门存放资源
相对路径…/表示上一级目录

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><img src="resource/image/李长歌.jpg" width="55px" height="95px" alt="图片丢失时的替代文字" title="鼠标悬停在图片上时的文字"></body>
</html>

运行结果

alt替代文字

title悬停文字

超链接标签a

target设置跳转模式:_blank打开新窗口,_self还是当前窗口
href=index.html#top:锚链接,到index.html页面的,id为top的,地方去

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><!--链接标签:target设置跳转模式:_blank打开新窗口,_self还是当前窗口href=index.html#top:锚链接,到index.html页面的,id为top的,地方去--><a href="index.html#top" target="_self">图片式链接,点击文字和图片都可以<img src="resource/image/李长歌.jpg" width="55px" height="95px"></a><!-- ==================================================================== --><a href="mailto:123456@qq.com">邮箱链接(邮向指示器),会打开系统的邮箱应用,自动准备给设定的123456@qq.com发送消息</a><!-- ==================================================================== --><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=&site=qq&menu=yes">qq推广<img border="0" src="http://wpa.qq.com/pa?p=2::51" alt="请联系我"/></a></body>
</html>

qq推广

运行结果

图片标签img和超链接标签a相关推荐

HTML5中各种标签总结（超链接标签、锚点设置）
一.超链接标签<a></a> 作用:实现页面的跳转功能 href:控制跳转的目标位置 target:_self:再自身页面打开(默认效果也是在自身页面打开) _blank:在空 ...
Web前端开发笔记——第二章 HTML语言第四节超链接标签
目录前言一.超链接标签 (一)链接其它子网页 (二)链接其它站点 (三)虚拟超链接二.从当前页面链接到指定位置三.链接的访问情况四.在新窗口中打开链接例题结语前言本节介绍超链接标签即 ...
html 超链接标签 a 的基本用法
HTML中具有使当前页面跳转到一个新的页面的功能的标签-------超链接标签(a标签),超链接标签为双标签,写法如下: <a></a>,默认是一个行内标签. href 链接 ...
HTML学习记录二:html标签（五）：超链接标签
HTML学习记录二:html标签(五):超链接标签一.超链接标签写法二.超链接标签的属性三.超链接的锚点用法四.链接分类一.超链接标签写法在 HTML 标签中, 标签用于定义超链接,作用是 ...
html页面包含头文件,Web前端技术：HTML部分---Head标签中包含的头文件标签，body标签包含的内部标签...
1.Head标签中包含的头文件标签的作用: (1)title标签:定义网页的标题. (2)meta标签:一般用于定义页面的特殊信息,例如页面的关键字.页面描述等 (3)link标签:用于引入外部样式 ...
02HTML 超链接与图像标记各是什么,【HTML篇】3.HTML的图片标签、超链接标签
1.图片标签 img src:图片路径 width:设置图片的宽度,如果是单独设置,则保存图片比例进行修改,单位可以是px和% height:设置图片的高度,如果是单独设置,则保存图片比例进行修改,单 ...
图片标签，超链接标签
图片标签使用本地资源和网络资源 img src=""/ 图片标题 title 图片出事故后显示 alt <html><head><title> ...
html清理超链接前面的黑点,【0基础学前端】1.2 段落文字图片超链接标签
前情提要: 自备一个后缀文件格式为.html的txt文件之外,其文件内部需写有基本的html结构(微笑脸,先默打一遍算作是复习吧!!!). 作为一个前端一定要膨胀!OK? UI设计师的设计图要我们去实 ...
【HTML】P2 HTML 文本标签、图片标签、超链接标签
标签 (1)基础标签 (2)文本标签 2.1 常用文本标签 2.2 不常用文本标签 (3)图片标签 3.1 图片格式 (4)超链接标签 4.1 超链接打开网站 4.2 超链接点击下载 4.3 超链接跳 ...

图片标签img和超链接标签a

图片标签img

运行结果

超链接标签a

qq推广

运行结果

图片标签img和超链接标签a相关推荐

最新文章

热门文章