基础学习3

一、文本格式化标签

场景应用：需要让文字加粗、下划线、倾斜、删除线等效果。

代码：

b     加粗

u    下划线

i      倾斜

s      删除线

strong  加粗

ins     下划线

em    倾斜

del    删除线

二、图片标签

应用场景：在网页中显示图片

代码：<img src=" "  alt="  ">

特点：单标签。img标签需要展示对应的效果，需要借助标签的属性进行设置。

 属性名：src

属性值：目标图片的路径

 

 

 

 

属性名：alt

属性值：替换文本

当属性值加载失败时，才显示alt的文本，当图片加载成功时，不会显示alt的文本。

 

 

 属性名：title

属性值：提示文本

当鼠标悬停时，才显示的文本

注：title标签不仅可以用于文本标签，也可以用于其他标签

属性名：width height

属性值：宽度和高度

注：若只设置width或height中的一个，另一个会自动等比例缩放（此图片不会变形）

若同时设置两个，设置不当可能导致图片变形

三、路径

1、绝对路径：指目录下的绝对位置，可直接达到目标位置，通常从盘符开始的路径。

 2、相对路径

相对路径：从当前文件开始去找目标文件的过程

当前文件：当前的html网页

目标文件：要找到的图片

同级目录：当前文件和目标文件在同一目录中

 

 

下级目录：目标文件在下级目录中

 代码：<img src="images/目标图片">  （进文件夹）

上级目录：目标文件在上级目录中

代码步骤：先出当前文件夹，到上一级目录  ../    然后直接写目录文件