HTML 学习之：列表、块元素、布局、表单创建

1. HTML列表

【列表常用操作】

【列表种类】

1.1 有序列表/无序列表及其属性使用

1.1.1 基础有序/无序列表展示

1.1.2 有序列表属性

• 但有时候，数字排序不是从1开始的，这个时候的处理方法：

1.1.3 无序列表属性

1.2 嵌套列表及其属性使用

1.2.1 普通的无序嵌套列表

1.2.2 普通的有序列表嵌套

1.3 自定义列表项

2. 块元素标签的使用

2.1 HTML 块元素

• 这些元素通常都是新起一行显示。

  <h1>
  <p>
  <ul>
  

2.2 HTML 内联元素

• 内联元素中的内容不会另起一行，而会直接拼接在上一个后面

  <b>
  <a>
  <img>

2.2 HTML div元素

• 承载 HTML 元素的

单纯来看，没有什么不同，但是 div 元素可以承载一些 css 样式

2.4 HTML span 元素

• <span> 元素类似于将一个块元素切分的效果， <span> 中的部分可以进行样式设定

3. HTML 布局

• 使用 HTML 来进行页面布局，既可以使用 <div> 来实现页面分区域，也可以使用 <table> 来进行页面布局。
  

3.1 使用 div 来进行页面布局

• 先使用 <div> 来划分区域
  

• 先再对div区域中的样式进行设定

3.2 使用 table 来进行布局

4. HTML 表单的创建

4.1 HTML 的表单构成

4.1.1 最简单的表单构成

【常用表单类型】

4.1.2 HTML 表单–复选框

4.1.3 HTML 表单–单选按钮

4.1.4 HTML 表单–下拉列表

4.1.5 HTML 表单–文本域

4.1.6 HTML 表单–创建按钮