(具体内容为看了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即像素,应该就是高
当只设置一个,是等比例缩放显示的;
当两个都设置了的时候,就是按照设置的来显示。