列表元素 <ul> <li> 表格 <table> 表单<form>

列表元素

有序列表ol,直接元素只能用li

无序列表ul,直接子元素只能是li

定义列表 dl 直接子元素只能是dt dd

dt 是项目名称 dd项目描述,一个dt后面可以跟着多个dd

表格元素

table内部的tr td元素
细线表格

<style>
        td {
            border: 1px solid #000;
        }
        /*合并单元格*/
        table {
            border-collapse: collapse;
        }
    </style>

更完整的表格元素

  • tbody 表格的主体
  • caption 表格的标题
  • thead 表格的表头
  • tfoot 表格的页脚
  • th 表格的表头单元格子元素

单元格的合并

  • rowspan行合并
  • colspan 列合并
  • border-spacing 设置单元格之间的水平,垂直间距

表单 form

表单:一般情况下,其他表单相关元素都是他的后代。
input :<input type="?">单行文本输入框,单选框 复选框 按钮等元素

  • text : 文本
  • password 密文文本
  • button 按钮
  • radio 单选框 提交表单的时候需要设置 value,name
  • checkbox 复选框 提交表单的时候需要设置 value,name
  • reset重置表单内的内容
  • submit 提交表单内容
  • name,设置name属性可以提交表单的时候可以作为参数名

textarea : 多行文本框
label 元素一般配合input元素使用,用来表示input的标题,点击会自定激活锁配套的input焦点,必须设置id属性

<form>
    <label for="phone">账号</label>
    <input type="text" id="phone">
</form>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 有序列表(ordered list) 作用: 给一堆内容添加有序列表语义(一个有顺序整体), 列表中的条目有先后之...
    Jackson_yee_阅读 3,214评论 0 1
  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 9,672评论 0 0
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,023评论 1 45
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 8,664评论 1 41
  • 今天看书,看到这句话,便写下来“人经的事越多,眼界便会越开阔,昨日的你想不到今天的样子,就像今日的你也不知道未来的...
    轻而易举地富足阅读 1,521评论 1 4