Web前端入门知识（标签插入）

1. 标签之图片

1、图片插入：< img >标签定义HTML页面中的图像，是单标签，不需要进行闭合操作。

< img src=" " alt=" “title=” “width=” “height=” ">
属性：
src：路径（图片地址与名字）
alt：规定图像的替代文本
width：规定图像的宽度
height：规定图像的高度
title：鼠标悬停在图片上给予提示
ps：如果图像路径错误导致图片无法显示就会出现alt里的文本。

2、图片路径：绝对路径、相对路径、网络路径

绝对路径：图片不用放在文件夹下，直接从盘开始写路径。
相对路径：两者相对关系，两者在同一个路径下可以直接访问
子级关系：/ 父级关系：…/ 同级关系： ./（可以省略）
eg：< img src=“images/1.webp” alt=" “> 【子级关系】

eg：< img src=”…/1.webp" alt=" "> 【父级关系】

ps:我理解就是图片是html是什么级关系。
网络路径：直接复制网络地址（http：……）

2. 标签之超文本链接

HTML使用标签< a >来设置超文本链接
< a href =“urf” >链接文本< /a>
属性：
在标签< a >中使用href属性来描述链接的地址
默认情况下，链接会以这些形式出现在浏览器：
未被访问时是蓝色字体有下划线，点击时是红色有下划线，访问过显示为紫色有下划线。

3.标签之文本

常见的文本标签：
可以上手试一试【body内代码】

运行结果：

常用文本标签和段落是不同的，段落代表一段文本，而文本标签一般表示文本词汇，一般可以嵌套使用。