学习HTML的第二天

一、对所学标签的运用

体育新闻（案例）

原本内容是

先使用标题标签<h1> - <h6>：

 再使用段落标签<p></p>：

最后使用换行标签<br />：

二、文本格式化标签（突出重要性）

四组标签：

 1.加粗标签

 2.倾斜标签

 3.删除线标签

 4.下划线

 三、HTML常用标签

<div></div>和<span></span>没有语义，就是一个盒子，用来装内容。

 div是division的缩写，表示分割、分区。span意为跨度，跨距。

特点：

1.<div>标签用来布局，但是现在一行只能放一个<div>，大盒子

2.<span>标签用来布局，一行上可以多个<span>，小盒子

 四、图像标签（重点）

1.<img>标签用于定义HTML页面中的图像（单标签），单词image的缩写

src是<img>的必须属性，它用于指定图像文件的路径名和文件名。

格式：

<img src="图像URL" />

 2.图像标签的其他属性：

 alt属性：

 title属性：

 width和height属性：

 border属性：

 3.图像标签属性注意点：

 first：图像标签可以拥有多个属性，必须写在标签名的后面。

例如：这些属性都是写在img的后面

second：属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开。

third：属性采取键值对的格式，即key=“value”的格式，属性=“属性值”

 五、路径

1.目录文件夹和根目录

目录文件夹：就是普通的文件夹，里面只不过存放了我们做页面所需要的相关素材，比如html文件、图片等。

根目录：打开目录文件夹的第一层就是根目录。

2.VSCode打开目录文件夹

文件------打开文件夹，选择目录文件夹，后期非常方便管理文件