一、表格

<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. 【转载】PHP.INI配置:Session配置详细说明教程

    网上有很多PHP.INI文件配置的中文说明,但是对于PHP初学者来说在进行PHP运行环境搭建配置时还是容易一头雾水,今天换一种角度来分享如何进行php.ini配置,以求达到解决实际问题的效果,开篇以P ...

  2. github的一些指令

  3. zz---Tomcat服务器下部署项目几种方式

    http://blog.sina.com.cn/s/blog_550281c60101hvrs.html 一.静态部署1.直接将web项目文件件拷贝到webapps 目录中     Tomcat的We ...

  4. 0801 am使用tp框架对数据库增删改查

    增添数据,3种方法 function Text3() { $m=D("info"); //1.使用数组 $attr = array( "code"=>&q ...

  5. PoEdu - C++阶段班- Lesson07 To Lesson10_C to C++

    07  重载导致的二义性 问题:为什么一定要重载呢?重载能方便我们注重函数的功能,当参数类型不确定时,我们能很便捷的利用重载的机制达到目的. 重载注意点:二义性 看代码: #include <c ...

  6. freeCodeCamp:Check for Palindromes

    如果给定的字符串是回文,返回true,反之,返回false. 如果一个字符串忽略标点符号.大小写和空格,正着读和反着读一模一样,那么这个字符串就是palindrome(回文). 注意你需要去掉字符串多 ...

  7. 何为“精通Java”

    何为精通Java?本来Java仅仅是一门语言,但从应用技术的角度来看,精通Java是可以无边无际的.很可能你可以对James说:我精通J2EE.JVM.Java服务器.大数据等等一些和Java相关的应 ...

  8. POJ 3468 A Simple Problem with Integers (线段树)

    题意:给定两种操作,一种是区间都加上一个数,另一个查询区间和. 析:水题,线段树. 代码如下: #pragma comment(linker, "/STACK:1024000000,1024 ...

  9. [SmartFoxServer概述]使用文档

    如何使用文档和例子 这份文档提供了一份关于如何通过SmartFoxServer 2X(缩写SFS2X)文档掌握要点的快速教程.在使用例子和技术文档之前,我们建议先参考以下主题内容. 不管你是Smart ...

  10. 使用Notepad++编码编译时报错(已解决?)

    使用Notepad++编码编译时报错(已解决?) 使用Notepad++编码,编译的时候经常会报错,说什么GBK编码啥啥啥~~~但同样的编码用ECLIPSE就没有问题.再有,用记事本把他保存成ANSI ...