【HTML】之基本知识2

（具体内容为看了b站视频的总结）
链接: b站视频.

一、常用标签

1、标题

双标记：

<h1 align=”center”>一号标题<h1/>     【align】是水平对齐方式，left（默认值），center，right
<h2>二号标题<h2/>
<h3>三号标题<h3/>
<h4>四号标题<h4/>
<h5>五号标题<h5/>
<h6>六号标题<h6/>
从上到下，字体逐渐变小，而且都是加粗的，都是靠左的

2、段落标记

<p>段落标记<p/>

【align】是水平对齐方式，left（默认值），center，right

3、强制换行

<br/> 单标记，在哪换行，在哪标记。没有任何属性

4、水平线

在页面中画一条水平线，用于划分上下内容

<hr/>单标记（满屏的水平线）

属性：

<hr  color=”” width=”” size=”” align=””/> 

Color:水平线的颜色
Width:宽度（默认单位是像素）
Size:高度（默认单位是像素）
Align:水平位
一个标签可以有多个属性，用空格隔开，不区分前后顺序
其中水平位置居中（center）为默认

二、图片标签

图片常用格式：jpg（jpeg，静态，不支持背景） png（支持背景透明）gif（支持动图）
Psd（ps自动保存的）

路径

<img src=”” alt=””/>

Src：是图片标签的必须属性，写图片的路径，网址

1）绝对路径

①网址
一种可以在网上找完之后右击，选择复制图片链接，然后放到src中；
②盘符
另一种当图片已经存下来的时候，可以在文件夹中找到图片，右击，选择最后一项属性，然后分别将位置还有图片的名字复制粘贴到src中。但是要想看盘符的话，得从文件夹中找到html文件，再打开。

2）相对路径

①平级关系（主要是指在同一个文件夹（目录）之下的文件
可以直接写名字就行
比如，当001.html和001.jpg在同一个文件夹（目录）的时候，在001.html中写路径的时候就可以直接用001.jpg
高度不一样的时候是下对齐
②下一级关系
平级的下一级就是下一级关系

<img src=”平级/图片名字” alt=””/>

③上一级关系
首先必须在同一个项目里面，即必须在同一个项目文件夹里面
跟该级所在文件夹为平级的就是上一级

<img src=”../图片名字” alt=””/>

（上一级是…/ 上两级…/…/
平级就是原名
下一级是原名）

属性

<img src=” ” alt=” ”/>
单标记

1）alt

alt是指当图片路径错误或者网络不好（就是图片加载不出来）的时候，该图片位置会出现这个名字。

2）title

Title是指鼠标悬停在图片上的时候出现的提示。
是除了强制换行都有的属性 除了强制换行，br都有的属性称为通用属性
例如标题也可以有title属性

3）宽和高

Width（宽度）单位是px即像素，应该就是长
Height（高度）单位是px即像素，应该就是高
当只设置一个，是等比例缩放显示的；
当两个都设置了的时候，就是按照设置的来显示。