HTML5学习笔记（图像标签和超链接标签）

最新推荐文章于 2021-04-17 21:43:27 发布
最新推荐文章于 2021-04-17 21:43:27 发布
阅读量463 收藏 2
点赞数
分类专栏： HTML5 JAVA WEB
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sy952016835/article/details/107048605
版权
这篇博客详细介绍了HTML5中的图像标签`img`的使用，包括src属性、alt和title属性的应用。同时，文章也探讨了超链接标签，讲解了如何创建页面间跳转和跨页面跳转的锚链接，以及如何创建邮件和QQ功能性链接。
摘要由CSDN通过智能技术生成

图像标签和超链接标签

目录

图像标签

在这里插入图片描述

img标签

src 内可写绝对路径和相对路径
推荐用相对路径
alt 为图片加载失败显示的文字
title 为鼠标放上去悬停时显示的文字
例
在这里插入图片描述
其相对路径

<img src="../resources/image/1.jpg" alt="加载失败" title="悬停文字">

超链接标签

<

最低0.47元/天 解锁文章
Kataware Doki
关注
专栏目录
HTML 图像标签 与 超链接标签
m0_50694272的博客
10-14 488
HTML学习自检 作为一个前端小白学习者，在学习前端的过程中，发现前端知识点过于庞杂，知识点细密且零碎，如果不勤于练习，很容易遗忘。于是产生了编写博客进行知识输出，形成自己的知识架构的想法。这是我在CSDN上的第一篇文章，以后也会督促自己能有更多的知识产出，如有错误，希望大家可以直接指出。 图像标签 在 HTML 标签中，<img> 标签用于定义 HTML 页面中的图像。 图像属性 src 是<img>标签的必须属性，用于指定图像文件的路径和文件名。 alt 是为<img&
HTML图像与超链接
wangyang668的博客
08-31 430
1.图像 src:图像路径 alt:加载图像失败就会出现alt中的内容 title:鼠标悬停在图像上显示的内容 &lt;img src="images/3.jpg" height="200px" width="300px" alt="图像的代替文字" title="人" /&gt; 2.超链接 &lt;!--新打开一个网页--&gt; &l
HTML 学习笔记(图像)
ddiv24492的博客
12-13 95
HTML 图像 图像标签（<img>）和源属性（Src） 在HTML中,图像由<img>标签定义。 <img>是空标签，意思是说，他只包含属性，并且没有闭合标签 要在页面上显示图像 你需要使用源属性(src) src是指"source"源属性指的是图片的URL地址。或者图片的文件路径。 替换文本属性（Alt） alt 属性用来为图...
【HTML】图片标签
MY9_19的博客
03-23 119
图片标签 标签：<img src="" alt=""> 属性： src 图片的路径 alt 如果图片不能正常显示，则会显示alt的内容 title 如果鼠标在图片上悬停，会跳出来的提示，这个不是图片专属，除了br，其他都可以设置 width 设置图片的宽度(宽度和高度设置一个会等比例缩放，如果都设置，则绝对缩放) height 设置图片的高度(一般和宽度只设置一个) src路径查找： 绝对路径 1、网址：可以在网站直接复制 2、盘符：在本地磁盘的某一个具体
web前端学习笔记（常见HTML标签、图像和链接、语义化、CSS入门）
weixin_46227249的博客
04-17 335
目录一、超链接标签1、超链接的作用2、语法3、特性4、应用二、列表标签1、无序列表2、有序列表3、自定义列表三、表格1、表格的作用2、简单表格3、表格相关属性4、单元格常用属性5、表格上的css属性6、复杂表格四、HTML语义化1、什么是语义化？2、语义化的好处五、CSS简介六、CSS的三种引入方式1、行内样式（行间样式、内联样式）2、内部样式（内嵌式）3、外部样式（外链式）七、css语法 一、超链接标签 1、超链接的作用 可以点击文字、图片或者整个模块实现页面跳转功能，可以使多个页面之间产生一定的关联 2
HTML图像和超链接总结
qq_43184101的博客
02-06 427
图像（img）和超链接标题（a）总结 文中所有的代码图片引用慕课网前端攻城狮的课程代码图片 List item图像需要注意的是路径问题 图像路径src分为相对路径和绝对路径 绝对路径从磁盘开始的 相对路径是图片相对于网络的路径。 相对路径有三种情况 1 图片和电脑在同一目录下 ：直接写就行了 2照片在上级目录中 ： …/上级目录 3照片在下级目录中 ： 文件夹名...
HTML笔记、案例、可下载原件
jingluo7977的博客
06-26 2425
预备内容:——软件安装 1.记笔记工具:——typora 文件名：基本文件扩展名 eg:SDN.docx 销售统计表.xlsx 备注：显示/隐藏栏目中选中文件扩展名即可 备注：取消勾选隐藏已知文件类型的扩展名 2.截图工具的安装 Greenshot 3.sublimes—无需安装 解压 将解压后的文件复制到C:\programefiles\下 选择sublimes.exe发送到桌面快捷方式 ###一、HTML简介 1.HTML是什么 HTML:Hyper Text Mark
HTML5笔记加案例
weixin_46394435的博客
06-16 1886
软件安装篇 1.记笔记工具----typroa 文件名：基本文件名.扩展名 ​ eg：SDN.docx 用word打开 ​ 销售统计表.xlsx 用excel打开 2.截图工具的安装 Greenshot 3.sublimes----无需安装 解压 将解压后的文件复制到C:\programefiles\下 选择sublimes.exe发送到桌面快捷方式 HTML 一、HTML简介 1.HTML是什么？ HTML：Hyper Text Markup Language
HTML学习笔记-图像和超链接
一条大河
09-04 537
图像 和 超链接 1， URL 绝对路径: https://www.baidu.com/img/bd_logo1.png 相对路径： 本目录： filename.png 上层目录：../filename.png 根相对路基： 永远都是从根目录出开始查找资源文件 注意： 1, url中不能出现...
前端面试总结：HTML/HTML5 知识点思维导图
web前端的发展
07-06 3175
HTML 1 - 浏览器 | 浏览器页面构成 2 - 浏览器 | 浏览器内核相关知识点 3 - W3C | 对WEB标准以及W3C的理解与认识? 4 - 标签 | Doctype相关知识点 5 - 标签 | meta相关知识点 6 - 标签 | label相关知识点 7 - 标签 | link 与 @import 8 - 属性 | 全局属性一览 9 - 属性 | target属性 ...
图像标签、超链接标签、注释标签、特殊字符
qq_40628901的博客
03-21 251
图像标签 < img src=“URL” /> alt:文本。替换文本，图像不能显示的文字。 title：文本。提示文本，鼠标放在图像上，显示文字。 width：像素。设置图像宽度。 height：像素。设置图像高度。 border：像素，设置图像的边框粗细。css 超链接标签 < a href=“跳转目标” target=“目标窗口的弹出方式”>文本或图像< /a&...
《HTML5与CSS3基础教程》第五章学习笔记 图像
Cap220590的博客
02-23 399
文章目录第5章 图像5.1 关于Web图像1.格式2.颜色3.大小（尺寸）4.透明度5.动画5.5 在页面中插入图像5.6 提供替代文本5.7 指定图像尺寸5.8 在浏览器中改变图像的尺寸5.10 为网站添加图标 第5章 图像 5.1 关于Web图像 1.格式 格式 用法 颜色 索引色（基本）透明 Alpha透明 JPEG 适用于大多数照片，以及其他颜色较多且可接受一些质量损失的图...
HTML5学习笔记--第五章 图像、音频、视频
sumisu666的博客
05-13 287
5-1 图片的引入1 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>图片的引入1</title> </head> <body> <!--网页中引入图片：使用img标签， <img src="图片路径"/>--> src属性： 1.用来指定图片文件所在的路径，必须要有 2.
3-图像与超链接标签的应用
weixin_43827819的博客
11-12 477
一、案例：制作简单王者荣耀文化站 二、知识必备 1、图像标签img 1.1用法： <img src="img/logo.png" alt="王者荣耀" width="200" height="200"> 1.2属性说明： src:图像路径，即URL alt:替换文本 width:图像宽度,默认单位px，可省略 height:图像高度，默认单位px> 1.3 图像常用格式： 1.4图像路径： 2、超链接标签a 2.1作用： 从1个页面跳到另一个页面或在同一页面不同位置间跳转。 2
06-29图像标签+超链接标签（a标签+页面+锚点+功能）
weixin_46400833的博客
06-28 398
一、图像标签 body部分设计图像的标签，如下： <dl> <dt><img src="图片连接 或者 本地的图片 路径"> </dt> <dt> 喜欢的网站</dt> <dd>百度</dd> <dd>京东</dd> <dd>视屏网站</dd> </dl> 图片格式（所有网站通用的）： png gif jpg 注：
html标签（图像标签和路径，以及超链接标签）-小白学习中
mryer的博客
08-17 462
html-3 8.路径 在图像标签和超链接标签中，会经常使用路径来找到目标文件，所以先介绍一下路径。 相对路径 图片相对于html页面的位置 同一级路径：没有任何的符号，直接将文件名输入到其中就可以了。 例如： <img src="1.jpg" /> 下一级路径：/ 如果需要打开的文件在同一级文件夹中，则需要使用符号 / 来打开文件夹。 例如： <img src="a/1.jpg" /> 上一级路径： 需要的符号为：../ 如果需要打开的文件在上一级文件夹中，则需要使用符号
常用标签、图像和超链接
qq_41293573的博客
04-03 407
HTML 标签属性： :加粗 :斜体 :下划线 :删除线 :上标 :下标 <b>加粗</b> <i>斜体</i> <u>下划线</u> <s>删除线</s> <sup>上标</sup> <sub>下标</sub> <h1>一级标题</h...
HTML5入门学习：标签、图像与路径解析
"HTML5个人学习笔记，涵盖了基础标签、链接、注释、表格、列表、视频、音频等内容，适合初学者入门学习。" 在HTML5的学习中，首先要理解的是文档类型声明，`<!DOCTYPE html>` 用于指定文档类型为HTML5，这使得...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值