一、文本格式化标签
场景应用:需要让文字加粗、下划线、倾斜、删除线等效果。
代码:
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/目标图片"> (进文件夹)
上级目录:目标文件在上级目录中
代码步骤:先出当前文件夹,到上一级目录 ../ 然后直接写目录文件