html基础标签-图片（3）

最新推荐文章于 2023-09-04 15:02:25 发布
最新推荐文章于 2023-09-04 15:02:25 发布
阅读量128 收藏
点赞数
分类专栏： HTML 文章标签： html5 css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/isfor_you/article/details/108718681
版权

一、使用到的标签用法介绍

图片标签：

<img title="提示" alt="失败" scr="../图片路径">

title=“提示”： 鼠标划上去是的提示文字
alt=“失败”： 图片加载失败提示的文字

二、简单代码演示

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<img src="images/1.jpg" width="100%">
		<img src="images/2.jpg" width="100px" title="鼠标画上去是提示的文字" alt="图片加载失败"><!---->
	</body>
</html>

1.width设置图片的宽度，hight设置高度，同时设置时需要注意图片的长宽比例
2.100%表示沾满，px是像素单位

三、输出结果

在这里插入图片描述

一枚小棋子
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML基础教程 插图
m0_56641394的博客
03-30 954
HTML基础教程 插入图片（注：图片必须和网页在同一个文件夹里） 素材 美女.png 将美女.png插入网页中 例如： <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <title>图片</title> </head> <body> <img src="美女.png
HTML入门-页面结构&基础标签
01-08
(面试题)三、三个版本和一个标准（面试题）四、html5的扩展五、html创建文件（重点）六、html格式（重点）七、html基本结构（重点）八、注释九、基础标签（重点）十、文本标签十一、布局标签十二、特殊符号 ...
HTML基础 之 img 图片
FLY346422332的博客
02-24 876
图像标签（<img>）和源属性（Src） 在 HTML 中，图像由 <img> 标签定义。 <img> 是空标签，意思是说，它只包含属性，并且没有闭合标签。 要在页面上显示图像，你需要使用源属性（src）。src 指 “source”。源属性的值是图像的 URL 地址。 URL 指存储图像的位置。如果名为 “boat.gif” 的图像位于 www.w3school.com.cn 的 images
HTML基础-常用标签及图片
weixin_30325793的博客
09-20 164
标记/标签{元素} 　　双标签： 　　　　<标签>内容</标签> 　　　　<html></html> 网页 页面的根元素 　　　　<head></head> 头部 　　　　<body></body> 主体 　　　　<p></p> 段落 　　　　<h1...
HTML基础——图像标签（img标签）
热门推荐
Ariel_欢
01-09 2万+
一、思维导图： 二、代码： <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title>img标签</title> </head> <body> • <img src="花花.jpg" /> • &l
前端基础---HTML常用标签
luckyboy!的博客
08-11 3540
例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考提示：这里对文章进行总结：例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas的使用，而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。...............
HTML基础 - SVG标签
最新发布
seevc的专栏
09-04 2630
svg是基于XML语法的图像格式，全称：Scalable Vector Graphics，即可缩放矢量图。svg图片可以加载。svg可以绘制基本图形，如：直线、圆形、矩形、多边形、路径等，下面就详细介绍下。
〖大前端 - 基础入门三大核心之 html 篇⑩〗- 图片标签
易编橙 · 终身成长社群，相遇已是上上签！
03-04 2万+
前面我们学习了标题标签、段落标签、列表标签等，都是在网页上插入文本格式的内容，那么网页上常见的图片、视频音频、超级链接等是怎么插入的呢？这就用到了多媒体标签，多媒体标签包括图片标签、超级链接、音频和视频。
html怎样在标签中显示图片,HTML-图片标签学习
weixin_35403151的博客
06-25 2882
这个账号呢我们要做一个计算机语言的基础教程，我们会尽量做到简单易懂，从最基础的入门开始，让想学习计算机语言的朋友可以入门到这个领域。上一个章节我们讲了HTML的列表标签，这一节我们学习一下HTML的图片标签。当你打开一个网页，如果都是密密麻麻的文字，那阅读起来肯定是很累的，要是配上精美的配图或者是和网页新闻相关的照片，不仅美观易读，网页想要表达的内容也更加直观，容易理解，网友常说的“有图有真相”就...
【HTML基础-1】HTML标签简介及常用标签
m0_64378913的博客
03-24 4155
目录1 HTML概述1.1 什么是HTML1.2 HTML的语法规则2 HTML标签简介2.1 HTML标签2.2 HTML元素2.3 HTML实例3 HTML常用标签3.1 标题标签3.2 段落标签3.3 换行标签3.4 < hr/ >水平线3.5 span标签和div标签3.6 文字段落缩进标签3.7 文字特殊样式3.8 超链接标签3.9 图片标签3.10 注释及特殊字符标签3.11 建立列表3.11.1 建立无序列表3.11.2 建立有序列表3.1
HTML基础标签
weixin_45348240的博客
03-23 6061
一、HTML介绍 1、什么是HTML? HTML是一门语言，所有的网页都是用HTML这门语言编写出来的。HTML(HyperText Markup Language):超文本标记语言。 超文本：超越了文本的限制，比普通文本更强大。除了文字信息，还可以定义图片、音频、视频等内容。 标记语言：由标签构成的语言 HTML运行在浏览器上，HTML标签由浏览器来解析 HTML标签都是预定义好的。例如:使用< img>展示图片 2、W3C标准:网页主要由三部分组成 结构:HTML 表现:css 行为:
(完整word版)HTML标签-按功能分类.doc
11-15
1. **基础标签**： - `<!DOCTYPE>`：声明文档类型，如`<!DOCTYPE html>`声明为HTML5文档。 - `<html>`：定义整个HTML文档的根元素。 - `<title>`：设置网页的标题，显示在浏览器的标签页上。 - `<body>`：定义...
html--2.基础标签
04-09
在这个"html--2.基础标签"的主题中，我们将深入探讨一些核心的HTML标签，它们在构建网页时起着至关重要的作用。 首先，我们从HTML文档的基本结构开始。每个HTML文件都由`<!DOCTYPE html>`声明开始，告知浏览器使用...
JS基础----图片切换.html
01-02
JS基础----图片切换 使用HTML、CSS、JS制作最简单基础的图片切换小案例。 欢迎大家留言谈论，共同学习。
HTML5常用标签-------学习分享
06-01
这个"HTML5常用标签-------学习分享"的主题涵盖了多个关键的HTML元素，这些元素是构建网页布局和交互的基础。接下来，我们将深入探讨这些标签及其在实际应用中的作用。 首先，表单标签（`<form>`）是网页中收集用户...
html垂直居中的方法
isfor_you的博客
10-15 2万+
1.行高法line-height（适用于单行或较少几个文字） 设置文字的行高和容器的高度相同 <div id="div1"> 单行文本或几个字的垂直居中 </div> <style> #div1{ width: 300px;height: 100px;/* 设置容器的宽高 */ margin: 100px auto;/* 使容器水平边距自动相等 */ border: 1px solid red;/* 给文本加上边框可以更
html制作简单的表单＜form＞
isfor_you的博客
09-22 6273
文章目录一、使用到的标签用法介绍1.演示标签代码2.标签使用具体介绍二、表单制作代码三、结果显示 一、使用到的标签用法介绍 1.演示标签代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <form action="/demo/demo_form.asp">
html背景图的使用
isfor_you的博客
09-23 2110
1.背景图-动图gif <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <style type="text/css"> html,body { margin:0; height:100%; } body { background-image:url(6.gif);
html 超链接＜a＞
isfor_you的博客
09-21 400
文章目录一、使用到的标签用法介绍二、简单新闻代码案例1.输入代码2.输出结果 一、使用到的标签用法介绍 超链接标签 <a href="超链接地址" target="_blank">文本内容</a> target="_blank" ：在空白新页面打开这个超链接 图片标签 <img src="../要显示的图片的路径" width="100pc" height="200pc" /> src="…/要显示的图片路径"： …/ 为返回上一级目录 width=“10
HTML基础教程：学习HTML基本标签
HTML基本标签是构建网页内容的基础，它们告诉浏览器如何显示网页的各种元素。HTML（HyperText Markup Language）是一种标记语言，用于描述网页的结构和内容。自1993年以来，HTML经历了多个版本的迭代，从最初的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值