html入门——列表、表格、表单

本文详细介绍了HTML中列表的三种类型(无序、有序、定义列表),表格的基本用法、合并单元格,以及表单的相关元素,如input、label、button等,并提供了综合案例,包括体育新闻列表和注册信息表单。
摘要由CSDN通过智能技术生成

目录

一:列表

01无序列表

02有序列表

03定义列表

二:表格

01基本用法

02基本使用     

03表格结构标签 - 了解

04合并单元格

三:表单

01 input标签基本使用

02input标签占位文本   

03单选框radio   

04上传文件 - file  

05多选框 - checkbox

06下拉菜单

 07文本域

08label标签

(a)增大点击范围

09按钮 - button

10无语义的布局标签

11字符实体

四:综合案例一 

01体育新闻列表

02注册信息


一:列表

作用:布局内容排列整齐的区域

列表分类:无序列表、有序列表、定义列表

01无序列表

作用:布局排列整齐的不需要规定顺序的区域

标签:ul嵌套li,ul是无序列表,li是列表条目

例:像下面这个ul无序列表,每一条都是一个li标签

02有序列表

作用:布局排列整齐的需要规定顺序的区域

标签:ol嵌套li,ol是有序列表,li是列表条目

03定义列表

标签:dl 嵌套 dt 和 dd,dl 是定义列表,dt 是定义列表的标题,dd 是定义列表的描述 / 详情

以及像这种一个标题下有多个小分类的列表,通常要使用定义列表。

二:表格

01基本用法

网页中的表格与Excel表格类似,用来展示数据  

02基本使用     

标签:table嵌套 tr,tr嵌套td/th

03表格结构标签 - 了解

作用:用表格结构标签把内容划分区域,让表格结构更清晰,语义更清晰

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值