html基础之三

表格

table 标签

  • border 边框,单位是像素,设置为0则不显示边框
  • width 表格宽度,可使用像素或百分比
  • height 表格高度,可使用像素或百分比
  • cellspacing 单元格之间的间隙 默认2
  • cellpadding 单元格和单元格内容之间的间隙 默认0
  • align 表格相对于周围元素的位置,left|center|right
  • bgcolor 表格背景色
  • background 表格背景图片

tr标签 表示一行

  • align 行内文字的水平对齐方式 left/center/right
  • valign 行内文字的垂直对齐方式 top/middle/bottom
  • height 行高度。 没有width属性
  • bgcolor

td标签 表示单元格

  • align
  • valign
  • width
  • height
  • rowspan 合并行
  • colspan 合并列

th标签

  • 用于写表头

属性 同 td

thead标签

tbody标签

tfoot 标签

caption标签

  • 定义表格标题

colgroup/col

  • 用于对表格中的列进行组合,以便对其进行格式化
  • 规定了 元素内部的每一列的列属性。

表单

form标签

  • action
  • method 值 get/post 默认get
  • target
  • enctype

input标签 单

  • name 属性
  • type 属性
    • text 默认 文本框
    • password 密码框
    • radio 单选框
    • checkbox 复选框
    • file 文件上传
    • submit 提交按钮
    • reset 重置按钮
    • button 普通按钮
    • image 把图片作为提交按钮样子 不推荐
    • hidden 隐藏域
  • value属性 默认值 type值不同vlaue的意义不一样
  • size 属性 控制输入框宽度 适用于 text/password
  • maxlength 属性 最大输入字符个数 适用与text/password
  • checked(checked不需要赋予值) 属性 默认选中 适用于 radio/checkbox
  • readonly 只读 适用于text/password
  • disabled 表示不可用 (不需要赋予值)
  • placeholder 属性规定可描述输入字段预期值的简短的提示信息(比如:一个样本值或者预期格式的短描述)。
    该提示会在用户输入值之前显示在输入字段中。
    注意:placeholder 属性适用于下面的 input 类型:text、search、url、tel、email 和 password。

button元素

  • type属性
    • submit(默认)
    • reset
    • button

select 标签(定义下拉列表)

  • name
  • size 显示几个下拉
  • multiple 设置多选
  • disabed

option 标签

  • value
  • disabled
  • selected 默认选项

optgroup 对select下的option进行分组

textarea 文本域

  • name
  • disabled
  • rows 高度
  • cols 宽度
  • readonly

label

  • for 表单控件的ID
  • label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。

fieldset 表单的外框

  • 定义围绕表单中元素的边框

legend 标题

  • 定义 fieldset 元素的标题。

iframe 标签规定一个内联框架。

  • name 定义iframe的名称
  • width 定义iframe宽度
  • height 定义height高度
  • src 要显示文档的url
原文地址:https://www.cnblogs.com/yan--li/p/7236352.html