html基础

html

html中的标签之段落，换行，水平线

段落（p）

换行（br）

水平线（hr）

段落标签：<p>在这中间可以输入一个段落</p>

几个<p></p>就有几个行段落

如果你需要在<p></p>之间在换行那么就要用到换行标签了

换行标签(可以把一段话换行)：

用法：<p>一段话 一段话</p>

加上之后就在运行网页的时候这俩段话就分行进行打印了

水平线标签：<hr/>可以在html中创建一条水平线

​

---

并且可以改变水平线的颜色，长度，高度，对齐方式​

color颜色

width长度

size高度

align对齐方式

填颜色的具体用法就是在<boby></boby>之间加入<hr color="颜色">

如图

结果：

长度width

要用到px像素来当单位

​

 

---

​

高度size

也要用px

​

---

​

img标签（单标签）

来定义图片

<img scr="输入下载好的图片名称">

需提前下载图片保存在该文件里面

然后如图

结果

奇妙是在奇妙！

这里有的img标签的属性：

scr：路径（图片地址与名字）

alt：规定图像的替代文本

width：规定图像宽度

height：规定图像高度

title：鼠标悬停在图片上给的提示

scr，顾名思义就是在其中输入图片的路径就可以得到图片

alt，就是如果你图片加载不出来它最后显示的就是代替图片出来的文本

例如：

如果图片路径不对就会出现下图

width与height顾名思义就是设置图片的宽高大小

用法就是在后面加上限制就行

title：就是鼠标放在图片上出来的显示词

图片路径

分为：

绝对路径

相对路径

网络路径

其中绝对路径指一个电脑的盘符存储与访问的具体地址

相对路径：

子级关系：/

父级关系：../

同级关系：./

网络路径：

具体的网址。

其他标签

div：容器元素，也是页面中见到的最多的元素

就是一个盒子用来装东西，代码可以更加清晰，容易读

头部为head标签

导航为nav标签

文章或者内容为article标签

定义文档中的节为section标签

侧边栏为aside标签

底部为footer标签