Web前端开发基础（HTML+CSS+JavaScript）课件 第3章 HTML高级标签.pptxVIP

第三章HTML高级标签

第三章HTML高级标签

讲师:

日期:

Web前端开发基础

1

第三章HTML高级标签

学习目标

学习不同类型的HTML列表（有序、无序、自定义列表）及其用法。

掌握HTML表格的创建、结构和数据呈现方式。

理解HTML表单的元素、属性和用户输入的处理方法。

Web前端开发基础

2

第三章HTML高级标签

3.1HTML列表

有序列表`ol`’

按照数字顺序排列的列表

使用`li`标签存放内容

`ol`’

`li`

`列表选项1/li

`li`列表选项2,

`/li`,

`/;o-:;l:(,,),

特征

只能包含`li`标签

li中可以包含其他标签

Web前端开发基础

3

第三章HTML高级标签

无序列表`ul’`

使用特定符号排列数据

通过`–li`’标签存放内容

`ul`

`li`

`列表选项1/li

`li`列表选项2/li

`/ul`

特征

常用于无序数据展示

最常用的列表标签

Web前端开发基础

4

第三章HTML高级标签

自定义列表`dl`’

用于描述术语或项目

使用`dt`和–`dd`’标签

`dl;-:;:(,,)`

`dt

`术语/dt`

dd`描述;-:1/dd;:(,,)`/dl

特征

dt表示术语，dd表示描述

一个dt可对应多个dd

Web前端开发基础

5

第三章HTML