html--列表,表格，表单

最新推荐文章于 2025-09-21 14:17:20 发布

原创最新推荐文章于 2025-09-21 14:17:20 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html列表 #html表单 #html表格

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

12 篇文章

订阅专栏

html

2 篇文章

订阅专栏

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

一、列表 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>