【前端学习笔记】——04图像和代码

04图像和代码

4.1图像

• 语法：<img src =" " alt =" " .../>

• 属性：

属性	值	描述
Src	URL	显示图像的URL
alt	文字	图像代替文本
height	数值和百分比	图像的高
width	数值和百分比	图像的宽

• 文件的路径分为绝对路径和相对路径

<img src="C:/Users/xingz/Pictures/Saved Pictures/img/1.jpg">

<img src ="../1.jpg"/>	//图片在html文件上一级目录中，其中../代表一个上一级
<img src ="文件夹名/1.jpg"/>	//图片在html文件下一级目录中
<img src ="1.jpg"/>	//图片与html文件在同一级目录中

• alt 属性可以代替图像显示在浏览器中的内容，一般为文本

4.2代码

• 单行代码：<code> </code>

• 多行代码：<pre> </pre>

• 注：<pre>标签的主要作用为预格式化的文本，被包围在 其中的文本通常会保留空格和换行符。