HTML基础标签（二）【列表标签、表格标签、块级标签、表单标签】

最新推荐文章于 2022-04-14 19:34:25 发布

im୧

最新推荐文章于 2022-04-14 19:34:25 发布

阅读量414

点赞数

分类专栏：笔记文章标签： html css

本文链接：https://blog.csdn.net/weixin_53568450/article/details/115832993

版权

本文详细介绍了HTML的基础标签，包括列表（无序列表、有序列表、定义列表及嵌套）、表格（整体结构、属性等）、块级标签（段落、span、label和div）以及表单的使用，如表单的作用、构成、创建方法以及各种表单控件（input、select、textarea）的应用。

摘要由CSDN通过智能技术生成

一、列表

1、无序列表

列表项没有先后顺序

   <ul type="disc">
     <li>列表项</i>
	 <li>列表项</i>
	 <li>列表项</i>
	 <li>列表项</i>
	 ......
   </ul>

type属性：表示的是项目符号的类型；
circle：空心圆圈；
disc：实心圆点(默认类型)；
square：实心方块；

2、有序列表

列表项有先后顺序

    <ol>
	   <li>列表项</i>
	   <li>列表项</i>
	   <li>列表项</i>
	   <li>列表项</i>
	   ......
	</ol>

type属性：表示的是项目符号的类型

属性值	Value
1	项目符号是数字
a或A	项目符号是26个字母
i或I	项目符号是罗马数字

start属性：表示项目符号的起始值，属性值必须是数字

3、定义列表(项目列表)

对项目的解释说明，列表项前没有项目符号

    <dt>
	   <dd>列表项</dd>
	   <dd>列表项</dd>
	   <dd>列表项</dd>
	   ......
	</dt>

4、列表的嵌套

在列表项下嵌套列表，可以表示分类

    <ul>
	  <li>列表项</li>
	     <ol>
		    <li>列表项</li>
		 </ol>
	</ul>

二、表格标签

表格整体结构：

<table border="边框线宽" cellspacing="单元格间距" cellpadding="内容和单元格边框线的间距">
	<caption>标签的标题</caption>
    <thead>
        <tr>
            <th>列标题</th>
            <th>列标题</th>
            <th>列标题</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>内容</td>
            <td>内容</td>
            <td>内容</td>
        </tr>
    </tbody>
</