7、表格标签。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

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

<title>无标题文档</title>

</head>

<!--

<table>表格标签

表格使用到的标签：

	<table> 表格

    <tr>    行

    <td>    单元格

    <th>     表头   默认的样式是居中，加粗。

    <caption>  表格的标题

表格常用的属性：

	border  设置表格的边框

    width : 设置表格的宽度

    height: 设置表格的高度的。

 	colspan: 设置单元格占据指定的列数。

	rowspan : 设置单元格占据指定的行数。

-->

<body>

	<table align="center" border="1px" bordercolor="#0066CC" width="400px" height="300px">

    	<caption>期末考试成绩表</caption>

        <thead>

            <tr>

                <th>姓名</th>

                <th>分数</th>

                <th>人品</th>

            </tr>

        </thead>

        <tbody>

    	<tr>

        	<td rowspan="2">凡江</td>

            <td>98</td>

            <td>优</td>

        </tr>

        <tr>

            <td>100</td>

            <td>优</td>

        </tr>

        <tr>

        	<td>居东东</td>

            <td>99</td>

            <td>非常好</td>

        </tr>

            <tr align="center">

                <td>综合测评</td>

                <td colspan="2">非常好</td>

            </tr>

         </tbody>

   </table>

</body>

</html>

表格标签的作业：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

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

<title>无标题文档</title>

</head>

<body>

	<table border="1px" align="center" width="400px" height="300px">

    	<tr>

        	<th colspan="3">学生成绩</th>

        </tr>

        <tr>

        	<td rowspan="2">张三</td>

            <td>语文</td>

            <td>98</td>

        </tr>

        <tr>

        	<td>数学</td>

            <td>95</td>

        </tr>

         <tr>

        	<td rowspan="2">李四</td>

            <td>语文</td>

            <td>88</td>

        </tr>

        <tr>

        	<td>数学</td>

            <td>91</td>

        </tr>

    </table>

</body>

</html>

8、表单标签。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

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

<title>无标题文档</title>

<!--

表单标签： 表单标签的作用是用于提交数据给服务器的。

    表单标签的根标签是<form>标签

常用的属性：

	action: 该属性是用于指定提交数据的地址。

	method： 指定表单的提交方式。

    		get : 默认使用的提交方式。  提交的数据会显示在地址栏上。

            post ：  提交的数据不会显示在地址栏上。

注意： 表单项的数据如果需要提交到服务器上面，那么表单项必须要有name的属性值。

-->

</head>

<body>

	<form action="http://www.baidu.com" method="post">

    	<!-- 文本输入框 单行-->

    	用户名：<input name="userName" type="text"/><br/>

        <!-- 密码框 -->

		密码：<input name="password" type="password"/><br/>

        <!-- 单选框  -->

        性别： 男<input checked="true" value="man"  name="sex" type="radio"/>   女<input name="sex" value="woman" type="radio"/><br/>

        <!-- 下拉框 -->

        来自的城市：<select name="city">

                    <option value="BJ">北京</option>

                    <option value="SH">上海</option>

                    <option value="GZ">广州</option>

                    <option value="SZ">深圳</option>

                </select><br/>

        <!-- 复选框  同一组的复选框name的属性值要一致 -->

       兴趣爱好：java <input value="java" name="hobit"  checked="checked" type="checkbox" />javascript <input type="checkbox" value="javascript" name="hobit" />android <input value="android" name="hobit" type="checkbox" /><br/>

       <!-- 文件上传框-->

    	大头照：<input name="image" type="file" /><br/>

    	个人简介:

        <!-- 文本域 -->

        <textarea  name="intro" rows="10" cols="30"></textarea><br/>

        <!-- 提交按钮 -->

        <input type="submit" value="注册"/>

    	<!--  重置按钮 -->

    	<input type="reset" value="重置"/>

    </form>

</body>

</html>

html详解（三）的更多相关文章

  1. .NET DLL 保护措施详解(三)最终效果

    针对.NET DLL 保护措施详解所述思路完成最终的实现,以下为程序包下载地址 下载 注意: 运行环境为.net4.0,需要安装VS2015 C++可发行组件包vc_redist.x86.exe.然后 ...

  2. Android 之窗口小部件详解(三)  部分转载

    原文地址:http://blog.csdn.net/iefreer/article/details/4626274. (一) 应用程序窗口小部件App Widgets 应用程序窗口小部件(Widget ...

  3. WebSocket安卓客户端实现详解(三)–服务端主动通知

    WebSocket安卓客户端实现详解(三)–服务端主动通知 本篇依旧是接着上一篇继续扩展,还没看过之前博客的小伙伴,这里附上前几篇地址 WebSocket安卓客户端实现详解(一)–连接建立与重连 We ...

  4. logback -- 配置详解 -- 三 -- <encoder>

    附: logback.xml实例 logback -- 配置详解 -- 一 -- <configuration>及子节点 logback -- 配置详解 -- 二 -- <appen ...

  5. python设计模式之装饰器详解(三)

    python的装饰器使用是python语言一个非常重要的部分,装饰器是程序设计模式中装饰模式的具体化,python提供了特殊的语法糖可以非常方便的实现装饰模式. 系列文章 python设计模式之单例模 ...

  6. Python操作redis字符串(String)详解 (三)

    # -*- coding: utf-8 -*- import redis #这个redis不能用,请根据自己的需要修改 r =redis.Redis(host=") 1.SET 命令用于设置 ...

  7. pika详解(三)SelectConnection及其他Connection

    pika详解(三)SelectConnection及其他Connection   本文链接:https://blog.csdn.net/comprel/article/details/94661147 ...

  8. View绘制详解(三)，扒一扒View的测量过程

    所有东西都是难者不会,会者不难,Android开发中有很多小伙伴觉得自定义View和事件分发或者Binder机制等是难点,其实不然,如果静下心来花点时间把这几个技术点都研究一遍,你会发现其实这些东西都 ...

  9. Android WebView 开发详解(三)

    转载请注明出处   http://blog.csdn.net/typename/article/details/40302351 powered by miechal zhao 概览 Android ...

  10. KeilC51使用详解 (三)

    C51强大功能及其高效率的重要体现之一在于其丰富的可直接调用的库函数,多使用库函数使程序代码简单,结构清晰,易于调试和维护,下面介绍C51的库函数系统. 第一节 本征库函数(intrinsic rou ...

随机推荐

  1. Errors running builder 'DeploymentBuilder' on project '工程名'

    打开myEclipse就会报 Errors running builder 'DeploymentBuilder' on project '工程名' xxxNullpointException 的错误 ...

  2. Dubbo框架应用之（三）--Zookeeper注册中心、管理控制台的安装及讲解

    我是在linux下使用dubbo-2.3.3以上版本的zookeeper注册中心客户端.Zookeeper是Apache Hadoop的子项目,强度相对较好,建议生产环境使用该注册中心.Dubbo未对 ...

  3. linux：CPU私有变量(per-CPU变量)

    一.简介2.6内核上一个新的特性就是per-CPU变量.顾名思义,就是每个处理器上有此变量的一个副本.per-CPU的最大优点就是,对它的访问几乎不需要锁,因为每个CPU都在自己的副本上工作.task ...

  4. 判断&数学&生活

    作者:黄永刚 初次接触<概率论与数理统计>这门课的时候,脑袋中只有三个词:黑球.白球.袋子,所有的课程内容就是先取,后取,接触一月之后成功的被放趴下了,因此对于这门课程是没有什么好感的,考 ...

  5. Xcode Organizational Identifiers

    操作系统(不管是iOS或是OS X)使用bundle标识去唯一标识你的应用.Bundle标识由一个组织id和你App的名字组成. 一般的,组织id是你域名的反转.如果你的域名是example.com那 ...

  6. OpenCV +Python 制作画板

    效果图 画图工具实现 代码 运行结果 程序分析 窗体自由度 如何退出程序 滚动条相关 支持的事件 首先声明一下,本例思路不是博主原创,博主在前人的代码上进行了个性化的修改,制作了一个简单的画图工具.下 ...

  7. Ajax PHP JavaScript MySQL实现简易的无刷新在线聊天室

    思路 消息显示区 发消息 板块 消息显示 消息发送 优化 显示非重复性的数据 优化显示 加上滚动条 每次都显示最新消息 完整代码 前端代码 数据库表结构 服务器端代码 总结与展望 总结 展望 为更好的 ...

  8. 干货：MySQL 索引原理及慢查询优化

    MySQL凭借着出色的性能.低廉的成本.丰富的资源,已经成为绝大多数互联网公司的首选关系型数据库.虽然性能出色,但所谓"好马配好鞍",如何能够更好的使用它,已经成为开发工程师的必修 ...

  9. Xcode8之后，苹果列出了最新App被拒十大原因

    开发者在开发应用程序之前,熟悉苹果审核应用的技术.内容以及设计准则是非常重要的,可以大大降低应用审核被拒的可能性. 最近,苹果通过一个专门的页面给出了截止2016年10月10日应用提交审核被拒的十大原 ...

  10. 带你深入理解STL之Set和Map

    在上一篇博客带你深入理解STL之RBTree中,讲到了STL中关于红黑树的实现,理解起来比较复杂,正所谓前人种树,后人乘凉,RBTree把树都种好了,接下来就该set和map这类关联式容器来" ...