zoukankan      html  css  js  c++  java
  • HTML基本语法3

    表格

    table 标签

    • border 边框
    • 不建议使用:
    • width 可用像素或百分比
    • height 同上
    • cellspacing 单元格之间的间隙 默认为2
    • cellpadding 单元格和单元格内容之间的间隙 默认为1
    • align
    • bgcolor 表格背景色
    • background 背景图片

    tr 标签 表示一行

    • 不建议使用:
      • align 行内文字的水平对齐方式 left/center/right
      • valign 行内文字的垂直对齐方式 top/middle/bottom
      • bgcolor 背景色
      • height 行高度

    td 标签 表示单元格

    • rowspan 合并行
    • colspan 合并列
    • 不建议使用
      • height
      • width
      • align
      • valign

    th 标签 表示表头

    属性同td

    thead 标签

    • 不建议使用
      • align
      • valign
      • bgcolor
      • background

    tbody 标签

    属性同 thead

    tfoot 标签

    属性同 thead

    caption 标签 定义表格标题

    colgroup 对表格中的列进行组合

    • span 规定<col>元素应该横跨的列数
    • 不建议用
      • width
      • align
      • valign

    col 规定了<colgroup>元素内部的每一列属性

    表单

    form 标签

    • action
    • method get/post
    • target
    • enctype

    input 标签 单

    • name 必须有,否则数据无法传递
    • type
      • text 默认 文本框
      • password 密码框
      • radio 单选框 对应的name的属性值必须一样才可以进行单选。
      • checkbox 复选框
      • file 文件上传
      • submit 提交按钮
      • reset 重置按钮
      • button 普通按钮 无功能,只是一个按钮的样子
      • image 把图片作为提交按钮样子 不推荐
      • hidden 隐藏域
      • 输入框 隐藏域必须加name属性
      • 提交按钮不需要加name属性
    • value 属性 默认值 type值不同value的意义不一样
    • size 属性 控制输入框宽度 适用于 text/password
    • maxlength 属性 最大输入字符个数 适用于 text/password
    • checked 属性 默认选中 适用于 radio/checkbox
    • readonly 只读 适用于 text/password
    • disabled 表示不可用

    button 元素

    • type 属性
      • submit 默认
      • reset
      • button
    • name
    • id

    select 标签 定义下拉列表

    • name 必须有
    • size 显示几个下拉
    • multiple 多选 默认灰 显示所有,名字要使用数组like[]
    • disabled 禁用

    option 标签

    • value 提交的值,若没有,则提交内容
    • disabled
    • selected 默认选项

    optgroup 对select下的option进行分组

    textarea 文本域

    • name 必须有
    • disabled
    • rows 高度 行数
    • cols 宽度
    • readonly 文本区只读

    label

    • for 表单控件的ID
      • for属性应当与相关元素id的属性相同,产生 聚焦

          例如:
          <tr>
          	<td>
          		<label for="pwd">密码</label>
          	</td>
          <!-- 	<td>密码</td> -->
          	<td>
          		<input type="password" name="pwd" id="pwd">
          	</td>
          </tr
        

    fieldset 定义表单的外框

    legend 定义fiedset元素的标题

    利用表单form 嵌套表格table 使表单格式整齐
    例如:
    	<form action="http://www.baidu.com/s" method="get">
    	<fieldset>
    		<legend>我的表单</legend>
    		<input type="text" name="wd">
    		<input type="submit" value="提交">
    	</fieldset>
    </form>
    

    HTML全局属性

    • title
    • id
    • class
    • dir
    • style

    做项目 购物等活动

    • 利用图片映射
  • 相关阅读:
    重要的环境变量
    常用的转义字符
    常用系统工作命令
    栈 队列 和 双向队列
    时间
    默认值字典
    Counter
    random
    22 内置常用模块01
    super
  • 原文地址:https://www.cnblogs.com/pangwl/p/7236834.html
Copyright © 2011-2022 走看看