img标签语法使用在html的加入图片的语法
需要注意地方是,img不需要做闭合标签的动作
常见不用闭合标签:<br><meta><link><hr><img>
这些标签都不用闭合标签动作。
使用相对路径方式抓取档案中的header.png
下篇会讲解相对路径及绝对路径基本知识
范例:
<img src="header.png" alt="logo" width="202" height="42" title="logo">
img标签常用的属性 (attributes)
src
指定图片位址(URL),这个属性是最重要的,可以使用绝对路径及相对路径基本知识。
alt
图片替代文字,当图片无法显示时,浏览器会使用文字方式显示,对SEO优化非常帮助的属性。
title
滑鼠提示文字,会自动显示文字,这可以帮助身心障碍人士使用阅读程序浏览网页便利性。
width
能够指定图片的宽度用途,图片可以依照设定的值,这点对浏览器的优化帮助很大提升。
height
能够指定图片的高度用途,图片可以依照设定的值,这点对浏览器的优化帮助很大提升。
以下是图片标签常用的基本用法
参考资料:
HTML 图片 标签 (tag)
不需要闭合标签的语法
<<: #3-打字特效炫起来!(CSS Animation)
>>: [ 卡卡 DAY 4 ] - React Native 专案结构
出於书本 Chapter 7. Passwords 话说... 书本在讲解各种密码破解的相关知识时,...
虽然 Gradle 内建不少任务,也有众多 Plugin 可以增加更多常用任务。但毕竟每个专案都是独...
今天来看看在 # Day 18 Physical Memory Model (三) 的文件中提到的 ...
by Sticky Sidebar Sticky Sidebar 是一个 JavaScript 外...
到目前为止做了那麽多东西,但都仅限於在自己的本机观看,还没有发布到网路上面,因此没有人可以看得到,...