在上一篇文章中主要讲了，http的一些基础标签，比方说链接标签，图片标签，html框架等，那接下来主要针对表格标签，列表标签，表单标签做一个详细的讲解

1：表格标签

    表格的标签

html>
    
        
            <!-- 原创作者：蜗牛 -->
            <title>table标签</title>
        
        
            

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       

我的好朋友

姓名	性别	年龄	爱好
小红	女	20	跳舞
小舵	女	24	唱歌

            

注解：

        标签用于表示行

     标签用于表示列

     标签用于表示表格的标题，用法和  一样只是里面的内容会自动加大加粗

border            设置表格边框的宽度，单位为pixel

width              设置表格宽度，单位为pixel

height             设置表格高度，单位为pixel

cellspacing   设置单元格之间的距离,就指表格表格边框的间距

cellpadding  设置文字距离单元格边框的距离

bgcolor          设置表格的背景颜色

align              用于设置对齐方式，比如center，left，right

OpenClaw Model Router Skill

一款AI工具，主要用于OpenClaw 确定性模型路由：支持前缀路由（`@codex` / `@mini`）、时区感知的调度切换、切换后验证、回滚以及锁保护，适合需要提升相关任务效率的用户。

下载

    表头名用于表示表头

（2）关于合并单元格

html>

         
        <title>table中合并单元格</title>
    
    
        

                                                                                                                                                                                                                                                                                                                                                                                                                       

1	占两列	2
占两行	3	4	5
6	7	8

   

运行结果如下：

 

注意：当你在表格的每个单元格中输入不同内容是，你的的内容长度不同内容会变，要想每个单元格保持一样大有两种方法1；比如当你的表格总hight为400，你设置4行，那么在每个

标签中添加属性：hight=100；就相当于平均分配，同样宽度用同样方法。2：会比第一种简便，就是设置css样式，把tr和td大小固定

2：列表标签

html>

    
    <title>列表标签</title>
    
    
        <!-- 无序列表 -->
        2017年心愿
        

                  
• 父母身体健康
            
• 宝宝健康成长
            
• 媳妇健健康康
        

                 2017年大事件         

                 
1. 老婆要生小孩了
            
2. 自己换工作了
            
3. 要卖掉一套房
        

                          

                                 

时刻告诉自己

            

不抱怨

            

零负能量

            

该与不该

        

    

运行结果如下：

3：表单

       表单标签

html>

<title>form表单</title><!--form 指的是表单标签   当前标签的内容在提交的时候都会被自动提交    action=""是指把当前表单提交的位置-->
    

          

                                    

用户注册

                                                        用户名:

         密码 :

                      性别:男性                 女性    

                      学历:                                                      博士                                     研究生                                               本科                       专科                                                     

        兴趣爱好:骑车                     睡觉                    吃饭                  敲代码 
        备注: 

                   个人头像:
                                   个人网站: 
                                   个人邮箱:
                                          身体体重:
                                        出生日期:
                                            详细时间:
                                              隐藏项：   
                                                                                                           47         

              

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！