html--列表,表格，表单

一个回和

于 2019-02-27 23:28:10 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： web开发 html 文章标签： html列表 html表单 html表格

本文链接：https://blog.youkuaiyun.com/g_optimistic/article/details/87995892

web开发同时被 2 个专栏收录

12 篇文章

订阅专栏

html

2 篇文章

订阅专栏

本文详细介绍了HTML中的三种基本元素：列表、表格和表单的使用方法及属性设置，包括有序列表、无序列表、自定义列表、表格结构与样式、以及表单的创建，是前端开发者必备的基础知识。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、列表 list

二、表格 table

三、表单 form

一、列表 list

列表种类		行	属性
有序列表 order list	ol	li	type=" " strat=" "
无序列表 unorder list	ul	li	type=" squre/none" style="list-style:none"
自定义列表 defined list	dl	dt title 标题
		dd data 数据

<body>
<ol type="a">
    <li>11</li>
    <li>12</li>
    <li>13</li>
</ol>
<ul type="square">
    <li>苹果</li>
    <li>香蕉</li>
    <li>梨</li>
</ul>
</body>

<body>
<dl>
    <dt>购物指南</dt>
    <dd>电脑</dd>
    <dd>床</dd>
    <dd>沙发</dd>
</dl>
</body>

二、表格 table

table	标题	caption
	表头	thead
	行	tr
	列	td

注意：给表格加边框时，使其在浏览器上表现为细线

<table border="1px" align="center" cellpadding="0" cellspacing="0" style="border-collapse: collapse ">

<body>
<table border="1px" align="center" cellpadding="0" cellspacing="0" style="border-collapse: collapse width:600px;height:400px" bgcolor="green">
    <caption>明星信息</caption>
    <thead>
    <tr>
        <td>姓名</td>
        <td>爱好</td>
    </tr>

    </thead>
    <tr>
        <td>周杰伦</td>
        <td>唱歌</td>
    </tr>
    <tr>
        <td>翟天临</td>
        <td>抄论文</td>
    </tr>
</table>
</body>
</body>