05 - 超链接 a 标签+ 图片标签img

简介: 05 - 超链接 a 标签+ 图片标签img

1 、A标签

<!--
超链接:a
属性:
href:连接地址
target:
_blank:在新的窗口打开连接
_self:在本身原来的窗口打开连接(默认值)
title属性,加入这个属性后,当鼠标移动到热点时,则在鼠标下方显示title的内容;
-->
<a href="06.列表.html" target="_self" title="点我去百度">百度</a>

 

2、img

<!--
图片:src="图片路径"
alt:当图片不显示的时候,出现的文字
width:'200'
height:'200'
html的属性的属性值不加单位(px)可以,但是后面css一定要加
-->
<img src="../images/xiaozhu.jpg" border="6" alt="留下穷人的眼泪" title="留下穷人的眼泪">
<!--
*相对路径的写法:
(同级)
1)当当前文件与目标文件在同一目录下,直接书写目标文件的文件名+扩展名;
(上级找下级)
2)当当前文件与目标文件所处的文件夹在同一目录下,写法如下:
文件夹名/目标文件全称+扩展名;
(下级找上级)
3)当当前文件所处的文件夹和目标文件在同一目录下,写法如下:
../目标文件文件名+扩展名;
-->



相关文章
|
6月前
|
搜索推荐
img标签上title与alt属性的区别是什么?
img标签上title与alt属性的区别是什么?
177 0
|
1月前
|
前端开发
【HTML】img标签和超链接标签
【HTML】img标签和超链接标签
43 2
|
2月前
|
前端开发 Windows
【前端web入门第一天】02 HTML图片标签 超链接标签 音频标签 视频标签
本文档详细介绍了HTML中的图片、超链接、音频和视频标签的使用方法。首先讲解了`&lt;img&gt;`标签的基本用法及其属性,包括如何使用相对路径和绝对路径。接着介绍了`&lt;a&gt;`标签,用于创建超链接,并展示了如何设置目标页面打开方式。最后,文档还涵盖了如何在网页中嵌入音频和视频文件,包括简化写法及常用属性。
51 13
|
1月前
|
搜索推荐
<img>标签上的 title 属性与alt 属性的区别
<img>标签上的 title 属性与alt 属性的区别
164 0
|
2月前
将一个图片作为一个超链接
将一个图片作为一个超链接。
43 6
|
4月前
|
XML 数据采集 机器学习/深度学习
使用 XPath 定位 HTML 中的 img 标签
使用 XPath 定位 HTML 中的 img 标签
|
6月前
|
数据采集 算法 前端开发
img标签中的title和alt属性有什么区别
img标签中的title和alt属性有什么区别
42 0
|
6月前
|
前端开发
HTML图片音频视频标签、超链接标签、列表标签和布局标签示例
HTML图片音频视频标签、超链接标签、列表标签和布局标签示例
82 0
|
6月前
标签添加背景图
标签添加背景图
61 0
|
11月前
HTML的基本知识(二)——段落标签、强制换行标签、水平线标签、图片标签
HTML的基本知识(二)——段落标签、强制换行标签、水平线标签、图片标签