2020.12.14 html入门

## html 入门

接着上次讲的html，我们进行html进一步学习.，我们首先讲一个font标签，主要用于这个标签主要用于字体样式的，虽然现在因为css的使用基本上已经废弃了，但是初学者还是可以稍微了解一下的。

font标签（已废弃）

字体标签

​ 属性：

​ size ： 1-7 从小到大 一旦超过 了7会出现和7一样大的效果

​ color ： 字体的颜色

​ face： 字体的样式

然后我们进入列表标签的学习，列表标签是我们学习html的比较重要的一部分。

列表标签

​ 分类：

​ 无序列表 有序列表 自定义列表

​ 无序列表 ul li

无序列表

 					无序列表	ul  li

​ u： unordered

​ l： list

选项

​ l： list

​ i： item

	属性：type  进行什么样更改

​ disc 默认的样式 实心圆点

​ square 实心的方块

​ circle 空心的圆圈

有序列表

				有序列表   ol  li
				
			 ordered list OL

​ list item LI

​ 属性：
​ start 开始值
​ reversed 倒序

​ 自定义列表 dl dt dd

自定义标签

	自定义列表   dl  dt   dd
	
	 dl （自定义列表）

​ d: definition

​ l:list

​ dt:（列表标题）

​ d:definition

​ t:title

​ dd:（自定义列表项）

​ d:definition

​ d:description


以上是html中主要要使用的列表标签
说到列表标签，我们就直接进入跟列表标签一样常用的表格标签的学习中。

表格标签

1、表格的作用

​
1、表格的作用
按照一定顺序摆放数据
表格是由一些 单元格 组成
table 意思就是一个表格
属性：
边框 border
单元格和单元格之间的距离 cellspacing
cellpadding 单元格边框和内容之间的距离
aligin 表格水平的位置

tr 行
align 调整一整行内容的水平位置
valign 调整内容的垂直位置（top middle bottom）
注意 tr中width是不生效的
height 调整本行的高度
bgcolor 调整本行的颜色
td 单元格
属性 ：
width、 height
（只要有任何一个单元格发生改变的时候，他所在的那一行或者那一列宽度和高度都会发生变化）
align 调整的自身内容的水平位置
valign 调整自身内容的垂直位置
bgcolor 调整的是自身的颜色

上面写的是一个表格基本上的框架，当然还有一些关于表格细节上的应用。
注意：表格标题
​ 1.必须跟随在table标签之后
​ 2.表格标题只能存在一个

表格的高级运用

​ 1、跨列合并 colspan

​ 从指定单元格位置开始，横向向右合并，几个单元格（包含自己）被合并掉的单元格应从tr中删除

​ 属性： td的colspan属性

​ 取值： 合并单元格的数量

​ 2、 跨行合并 rowspan

​ 从指定单元格的位置处开始，纵向向下合并，几个单元格（包含自己）被合并掉的要删除

​ 属性： td的rowspan属性

​ 取值： 合并单元格的数量
以上就是html入门第2部分的全部内容了，最后一个关于表格标签组合应用的效果图大家可以自己尝试一下。