HTML基础标签
img标签
<src alt title>
- img = image图片
- 标准格式
<img src=" "> src=source"显示图片的名称" - img标签不会独占一行
- 属性
width、height代表图片的宽度、高度不设置属性，则按照图片原本大默认宽高显示。等比例放大只需修改其中一个属性即可 - title：鼠标悬停图片显示属性
- alt：当图片找不到时显示什么内容
br标签(Break)
- br = Break
- 标准格式
<br/>让内容换行
注意点
- 多个br标签可以连续使用，一个br标签换一行。
- 由于HTML的作用是用于给文本添加语义，br的意思是不另起一个段落进行换行, 而网页中需要换行时都是因为另起了一个段落, 所以应该用p来做
相对路径和绝对路径
图片路径分为两种, 一种是绝对路径, 一种是相对路径, 我们重点学习相对路径, 在企业级开发中没有人使用绝对路径
相对路径几种查找方式
如需要编写路径，统一使用/因为将来面对开发的程序可能会部署到其他操作系统的服务器上，会引发未知风险
同级
直接编写, 例如girl.png
加上./ 编写, 例如./girl.png
./代表当前目录, ./girl.png代表在当前目录下查找
下级
直接编写, 例如image/girl.png
加上./ 编写, 例如./image/girl.png
相对当前目录有几个文件夹,就在后面依次补全几个文件夹名称即可, 例如 aaa/bbb/ccc/ddd/girl.png或./aaa/bbb/ccc/ddd/girl.png
一般使用的文件分类
index.html
css
images
上级
../代表访问上级目录
假设a文件夹下面有b文件夹, 图片存放在a文件夹中, html文件存放在b文件夹中, 那么路径为../girl.png
html文件在b文件夹中, 所以路径是相对于b文件夹的, 所以../代表访问b文件夹的上一级目录, b文件夹的上一级目录是a文件夹, 所以../girl.png就代表在a文件夹查找girl.png