一、表格

<table></table>

width:宽度。可以用像素或百分比表示。

border:边框,常用值0

cellpadding:内容跟单元格边框的边距。常用值0

align:对齐方式

bgcolor:背景色

background:背景图片

<tr></tr>行

align:一行的内容的水平对齐方式

valign:一行的内容的垂直对齐方式

height:行高

bgcolor:背景色

background:背景图片

<td></td>单元格

<th></th>表头,单元格的内容自动居中、加粗

align:单元格的内容对齐方式

valign:单元格的内容的垂直对齐方式

width:单元格宽度

height:单元格高度

bgcolor:背景色

background:背景图片

内容必须放在单元格里,单元格必须放在行里,行必须放在表格里。

单元格合并:clospan:"n"合并同一行单元格

rowspan:"n"合并同一列单元格

二、表单

<form id="" name="" method="post/get" action="负责处理的服务端">

</form>

id不可重复;name可重复;get提交有长度限制,并且编码后的内容在地址栏可见,

post提交无长度限制,且编码后内容不可见

1、文本输入

文本框:<input type="txt" name="" id="" value="" />

密码框:<input type="password" name="" id="" value="" />

文本域:<textarea name="" id="" cols="" rows=""></textarea>

隐藏域:<input type="hidden" name="" id="" value="" />

2、按钮

提交按钮:<input type="submit" name="" id="" disabled="disabled" value="" />

重置按钮:<input type="reset" name="" id="" disabled="disabled" value="" />

普通按钮:<input type="button" name="" id="" disabled="disabled" value="" />

图片按钮:<input type="image" name="" id="" disabled="disabled" src="" />

3、选择输入

单选按钮组:<input type="redio" name="" checked="checked" value="" />

复选框组:<input type="checkbox" name="" checked="" value="" />

文件上传:<input type="file" name="" id="" />

下拉列表框:

<select name="" id="" size="" multiple="multiple">----------mutiple为多选

<option value="值">内容1</option>

<option value="值">内容2</option>

<option value="值">内容3</option>

</select>

菜鸟日记-HTML-表格与表单的更多相关文章

  1. DOM之表格与表单基础分享

    我是沐晴,好久不见.马上要放假啦,也是比较的忙. 今天来谈谈表格和表单的基本知识.前期的写的都是比较基础的知识,后期会慢慢增加实例.一起来学习吧. 先看表格,DOM中提供了一些属性,便于我们获取表单节 ...

  2. css011 表格和表单的格式化

    css011 表格和表单的格式化 一.    让表格专司其职    Html中创建一个三行三列的表格 <table> <caption align="bottom" ...

  3. BootStrap入门教程 (二) :BASE CSS(排版(Typography),表格(Table),表单(Forms),按钮(Buttons))

    上讲回顾:Bootstrap的手脚架(Scaffolding)提供了固定(fixed)和流式(fluid)两种布局,它同时建立了一个宽达940px和12列的格网系统. 基于手脚架(Scaffoldin ...

  4. 第3天:CSS浮动、定位、表格、表单总结

    今天学的是浮动.定位.表格.表单等内容,这些是CSS中最容易混淆的知识,有许多小技巧在写代码过程中需要注意.下面是主要知识点: 一.float浮动1.块元素在一行显示2.内联元素支持宽高3.默认内容撑 ...

  5. WEB入门二 表格和表单

    学习内容 Ø        表格的作用和制作 Ø        表单的制作 能力目标 Ø        掌握表格的创建 Ø        掌握设置表格的常用属性: Ø        理解表单的作用 Ø ...

  6. HTML&CSS精选笔记_表格与表单

    表格与表单 表格标记 创建表格 要想创建表格,就需要使用表格相关的标记 <table>     <tr>     <td>单元格内的文字</td>   ...

  7. Unit01: Web概述 、 HTML概述 、 文本处理 、 图像和超链接 、 表格 、 表单

    Unit01: Web概述 . HTML概述 . 文本处理 . 图像和超链接 . 表格 . 表单 demo1.html <!-- 声明网页的版本(文档类型) --> <!doctyp ...

  8. 13、Semantic-UI之表格与表单

    13.1 定义基础样式表格   在HTML中可以通过table进行表格定义,在Semantic-UI中也可以通过class="ui table"定义表格. 示例:定义基础表格 &l ...

  9. 框架,表格,表单元素,css基础以及基本标签的结合

    <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8&quo ...

随机推荐

  1. POJ 2398 - Toy Storage 点与直线位置关系

    Toy Storage Time Limit: 1000MS   Memory Limit: 65536K Total Submissions: 5439   Accepted: 3234 Descr ...

  2. ZERO 笔试

    1.大多考到了 计算机网络 tcpip  和  操作系统 多线程的知识  直接 懵逼 2.  考到了 递归的全排列 #include<iostream> using namespace s ...

  3. shell 脚本注意事项

    设脚本名为test.sh 第一行应该为#! /bin/bash 1.运行和调试的结果是不一样的 调试 sh -x test.sh  这时在计算两个数的和sum=$[$a+$b]时得到sum=3+4,而 ...

  4. python 2.X

    from BaseHTTPServer import BaseHTTPRequestHandler

  5. java有符号无符号的转换

    数据处理中常常遇到基本数据类型的操作,java都是有符号的数据,而与下位机通信中常常遇到无符号的比如uint8, uint16,uint32等等 1.为了完成这个功能还专门采用ByteBuffer的方 ...

  6. andorid lint

    (一)Lint简介 Android SDK提供了一个代码扫描工具,称为lint.可以帮助您轻松地识别并纠正问题与结构质量的代码,不必执行应用程序或编写任何测试用例.每个问题检测到该工具报告的一个描述消 ...

  7. powerdesigner12.5入门教程

    2015年1月23日21:13:43|  分类: 默认分类 |  标签: |字号大中小 订阅 转自http://blog.163.com/aijingyuan_198814/blog/static/1 ...

  8. Cocos2d-x v3.6制作射箭游戏(二)

    原文 Cocos2d-x v3.6制作射箭游戏(二) 六 24, 2015by RENSHANin COCOS2D-X 上章我们创建并加载了游戏地图,接下来的两章我们将实现如下的效果. 在开始之前,先 ...

  9. java基础-反射之Class.forName

    Class.forName 查阅javaAPI public static Class<?> forName(String className) throws ClassNotFoundE ...

  10. Windows下Qt5搭建Android开发环境笔记

    Windows很大的特点是配置使用几乎都可以图形化进行,和Linux比起来在很多时候配置环境也要方便很多.所以,搭建Qt for Andorid也是十分简单的.需要以下工具: 1.最方便的Qt官方包, ...