HTML图片标签及相关超链接

1、在HTML页面制作中添加图片

主要用到的标签为：<img scr="此为图片所在的位置（即路径---包括图片格式）"在次可以设置图片大小及像素</a> 具体举例如下所示

<img src="../images/01 (1).png" width="300px" height="200px"></a>

（1）img：标签引入图片

（2）img是一个自结束标签（单标签）

2、标签属性

（1）、src：指定需要插入图片的路径（本地路径或者网络路径）

（2）、alt：替换文本，当图片无法正常显示时替换的文本

（3）、title：提示文本，当鼠标停放在图片上时提示的文本

（4）、width和height：设置图片的高度和宽度，单位是像素

3、在HTML页面的图片添加超链接

主要用到的标签是<a></a>标签,具体举例如下：

<a href="https://www.baidu.com/"> <img src="../images/01 (1).png" width="300px" height="200px"></a>

此代码段表示的那个点击01 (1).png图片是页面跳转到https://www.baidu.com/百度网页

<a href="https://www.baidu.com/">表示当前图片要跳转的页面

<img src="../images/01 (1).png" width="300px" height="200px">表示插入的图片及图片大小

HTML图片标签及相关超链接相关推荐

图片标签img和超链接标签a
图片标签img BMP位图一般在项目目录下创建一个resource目录,专门存放资源相对路径-/表示上一级目录 <!DOCTYPE html> <html lang=" ...
web前段学习day_01:HTML（学习如何搭建页面结构和内容）：文本标签、列表标签、图片标签、超链接、表格、表单表单、分区标签、实体引用
学习如何构造页面结构和内容安装HBuilderX 一.HTML 创建第一个HTML页面写完html后如何测试写在body中的常见标签有哪些? 注释快捷键 Ctrl+Shift+/ 1.文本相关标 ...
html_常用标签_盒子标签_图片标签_超链接_列表标签（2）
接着上一篇博客继续完成常用标签学习本节,将介绍学习: 4.盒子标签 ...
结构标签、行内与块元素、列表、超链接、图片标签格式及音视频（vscode）
结构标签: <body>  <!-- html5 新增的标签,语义化更 ...
前端(一)——HTML之基本标签、图片标签、超链接、锚链接
文章目录 1. 定义 2. 发展史及优势 2.1 发展史 2.2 优势 3. W3C标准 4. HTML的基本结构 5. 网站的基本标签 5.1 标题标签 5.2 段落标签 5.3 水平线标签 5.4 ...
02HTML 超链接与图像标记各是什么,【HTML篇】3.HTML的图片标签、超链接标签
1.图片标签 img src:图片路径 width:设置图片的宽度,如果是单独设置,则保存图片比例进行修改,单位可以是px和% height:设置图片的高度,如果是单独设置,则保存图片比例进行修改,单 ...
图片标签，超链接标签
图片标签使用本地资源和网络资源 img src=""/ 图片标题 title 图片出事故后显示 alt <html><head><title> ...
【攻破html系列——第四天】图片标签和超链接
文章目录 1.图片标签 <**img**> 1.1 定义 1.2 图片属性 1.3 实验前的图片资源 1.4 图片属性的效果展示 1.5 图像标签属性注意点 1.6 相对路径和绝对路径 1 ...
【HTML】P2 HTML 文本标签、图片标签、超链接标签
标签 (1)基础标签 (2)文本标签 2.1 常用文本标签 2.2 不常用文本标签 (3)图片标签 3.1 图片格式 (4)超链接标签 4.1 超链接打开网站 4.2 超链接点击下载 4.3 超链接跳 ...

HTML图片标签及相关超链接

HTML图片标签及相关超链接相关推荐

最新文章

热门文章