img图片标签基本语法

img标签语法使用在html的加入图片的语法

需要注意地方是,img不需要做闭合标签的动作

常见不用闭合标签:<br><meta><link><hr><img>
这些标签都不用闭合标签动作。


使用相对路径方式抓取档案中的header.png
下篇会讲解相对路径及绝对路径基本知识

范例:

     <img src="header.png" alt="logo" width="202" height="42" title="logo">

https://ithelp.ithome.com.tw/upload/images/20210919/20140764FmO5rM2RVD.png

img标签常用的属性 (attributes)

src
指定图片位址(URL),这个属性是最重要的,可以使用绝对路径及相对路径基本知识。

alt
图片替代文字,当图片无法显示时,浏览器会使用文字方式显示,对SEO优化非常帮助的属性。

title
滑鼠提示文字,会自动显示文字,这可以帮助身心障碍人士使用阅读程序浏览网页便利性。

width
能够指定图片的宽度用途,图片可以依照设定的值,这点对浏览器的优化帮助很大提升。

height
能够指定图片的高度用途,图片可以依照设定的值,这点对浏览器的优化帮助很大提升。

以下是图片标签常用的基本用法

参考资料:
HTML 图片 标签 (tag)
不需要闭合标签的语法


<<:  #3-打字特效炫起来!(CSS Animation)

>>:  [ 卡卡 DAY 4 ] - React Native 专案结构

Day 13 - 密码破解软件初体验

出於书本 Chapter 7. Passwords 话说... 书本在讲解各种密码破解的相关知识时,...

第十八天:客制化 Gradle Task

虽然 Gradle 内建不少任务,也有众多 Plugin 可以增加更多常用任务。但毕竟每个专案都是独...

# Day 21 Heterogeneous Memory Management (HMM) (一)

今天来看看在 # Day 18 Physical Memory Model (三) 的文件中提到的 ...

【Day 29】超级好用的侧边栏固定效果 - Sticky Sidebar

by Sticky Sidebar Sticky Sidebar 是一个 JavaScript 外...

DAY22 - 将作品发布出去吧 - 前端篇 (firebase)

到目前为止做了那麽多东西,但都仅限於在自己的本机观看,还没有发布到网路上面,因此没有人可以看得到,...