图片标签和图片格式~

想要制作酷炫的网页?

只靠干巴巴的文字可不行

缤纷绚烂的网页才能第一时间抓住读者的眼球

今天带来的是html中的图片插入 img 标签

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><div><img src=" " alt="" width="" height="" ></div></body>
</html>

<!-- 使用img标签来向网页中引入一个外部图片
4个属性
src属性引入图片的路径通过./或者../开头
./ 若引入图片跟你在同一个目录下
../ 跳出当前的目录，再找
alt属性对图片的描述，它会在图片引入不成功的时候，显示文字
它也会帮助浏览器做收录功能
width属性设置图片的宽度
属性值直接写数值或者带长度单位都可
height属性设置图片的高度

注意：一般情况下，width和height只设置一个，另一个让浏览器按比例缩放

图片标签和图片格式~相关推荐

word怎么设置图片编号（图片下标，图片标签，图片序号，图片注释，题注）（交叉引用）
参考文章1:word怎么设置图片自动编号参考文章2:WORD教学五(论文排版之论文中的图表跟随章节插入题注) 参考文章3:题注或页码中不含章节号请使用"开始"选项卡下的" ...
图片标签，内联框架 css简介
目录一.图片标签: 属性: scr 属性指定的是外部图片的路径(路径规则和超链接是一样的) width 图片的宽度(单位是像素) height 图片的高度二.内联框架: src指定要引入的网页的路 ...
html_常用标签_盒子标签_图片标签_超链接_列表标签（2）
接着上一篇博客继续完成常用标签学习本节,将介绍学习: 4.盒子标签 ...
图片-标签、格式\内联框架\音视频播放——HTML
图片标签图片标签用于向当前页面中引入一个外部图片使用img标签来引入外部图片,img标签是一个自结束标签 img这种元素属于替换元素(块和行内元素之间,具有两种元素的特点) img 属性: src ...
HTML学习 1（基本格式、标题标签、段落标签、图片标签）
1.Html基本格式(快捷键 !+ tab) <!DOCTYPE html> <html lang="en"> <head><meta c ...
图片标签图片格式超链接
我们随便打开一个网页,都可以看到很多图片,向网页中添加图片是非常重要的一步操作,几乎在前端工作中每天都会用到,在HTML中,用<img>标签来表示图片元素,这是一个单标签,是行内可替换元素 ...
结构标签、行内与块元素、列表、超链接、图片标签格式及音视频（vscode）
结构标签: <body>  <!-- html5 新增的标签,语义化更 ...
img图片标签及base64图片webp格式图片
语法 <img src="链接" alt="描述"> 示例 <!DOCTYPE html> <html lang="en ...
前端img标签展示tiff格式图片
前端img标签展示tiff格式图片下面展示一些内联代码片. *html<el-form-item label="参考图片"><img id="img ...

图片标签和图片格式~

图片标签和图片格式~相关推荐

最新文章

热门文章