关于HTML的两个实例
例子一:使用HTML语言编写一个菜单
代码如下:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>菜谱</title>
</head>
<body>
<table border="1">
<tr>
<th colspan="5">星期一菜谱</th>
</tr>
<tr>
<th rowspan="2">素菜</th>
<th colspan="3">清炒茄子</th>
<th>花椒扁豆</th>
</tr>
<tr>
<th colspan="3">小葱豆腐</th>
<th>炒白菜</th>
</tr>
<tr>
<th rowspan="2">荤菜</th>
<th colspan="3">油闷大虾</th>
<th>海参鱼翅</th>
</tr>
<tr>
<th colspan="3">红烧肉</th>
<th>烤全羊</th>
</tr>
</table>
</body>
</html>
例子二:使用HTML语言编写一个课程表
代码如下:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>课程表</title>
</head>
<body>
<table border="1">
<tr>
<th>项目</th>
<th colspan="5" >上课</th>
<th colspan="2">休息</th>
</tr>
<tr>
<th>星期</th>
<th>星期一</th>
<th>星期二</th>
<th>星期三</th>
<th>星期四</th>
<th>星期五</th>
<th>星期六</th>
<th>星期日</th>
</tr>
<tr>
<th rowspan="4">上午</th>
<th>语文</th>
<th>数学</th>
<th>英语</th>
<th>英语</th>
<th>物理</th>
<th>计算机</th>
<th rowspan="4">休息</th>
</tr>
<tr>
<th>数学</th>
<th>数学</th>
<th>地理</th>
<th>历史</th>
<th>化学</th>
<th>计算机</th>
</tr>
<tr>
<th>化学</th>
<th>语文</th>
<th>体育</th>
<th>历史</th>
<th>地理</th>
<th>计算机</th>
</tr>
<tr>
<th>政治</th>
<th>英语</th>
<th>体育</th>
<th>历史</th>
<th>地理</th>
<th>计算机</th>
</tr>
<tr>
<th rowspan="2">下午</th>
<th>语文</th>
<th>数学</th>
<th>英语</th>
<th>英语</th>
<th>物理</th>
<th>计算机</th>
<th rowspan="2">休息</th>
</tr>
<tr>
<th>数学</th>
<th>数学</th>
<th>地理</th>
<th>历史</th>
<th>化学</th>
<th>计算机</th>
</tr>
</table>
</body>
</html>
关于HTML的两个实例的更多相关文章
- 使用Timer类的两个实例 动态时钟
package chapter16; import javax.swing.*; import chapter15.StillClock; import java.awt.event.*; publi ...
- mysql-schema-sync同步两个实例
参考:https://github.com/hidu/mysql-schema-sync 需求:测试环境表结构变动同步到开发环境,两个实例各有数百个库,不适合每个库写一个配置文件 环境:操作系统ubu ...
- c#反射机制判断同一个类的两个实例的值是否完全一样
; i < properties1.Length; i++) { string s = properties1[i].DeclaringTyp ...
- springboot ----> sts如何启动两个实例
idea 实现启动两个spring boot工程实例的方法 可以参考这篇博客. 因为使用spring tool suite 学习spring cloud 需要实例化两个spring boot 工程来构 ...
- PHP实现图片压缩的两则实例(转)
本文介绍了PHP实现图片压缩的两种方法,读者可以根据具体应用参考或加以改进,以适应自身应用需求!废话不多说,主要代码部分如下: 实例1: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 ...
- WPF中元素拖拽的两个实例
今天结合之前做过的一些拖拽的例子来对这个方面进行一些总结,这里主要用两个例子来说明在WPF中如何使用拖拽进行操作,元素拖拽是一个常见的操作,第一个拖拽的例子是将ListBox中的子元素拖拽到ListV ...
- 如何在IntelliJ Idea中同时启动不同端口的两个实例
在SpringCloud开发过程中需要在一个项目中启用不同的端口,我使用的工具是IDEA 步骤1 创建SpringBoot工程 步骤2 在配置文件中添加如下配置: spring.application ...
- 关于Json处理的两个实例
<script> var value1="{\"layer_datum\":{\"holdId\":\"dcdm\", ...
- ArcPy批量计算Mean Center的两个实例
很久没用arcpy了,碰了好几次壁,把这次做的贴上来,以备下次可以跳过这些简单的问题 import arcpy arcpy.env.workspace = 'C:\Users\Qian\Documen ...
随机推荐
- CSS的box-sizing属性
box-sizing属性可以为三个值之一:content-box(default),border-box,padding-box. content-box,border和padding不计算入widt ...
- 利用Eclipse构建SpringMVC项目
简述 SpringBoot对Spring的的使用做了全面的封装,使用SpringBoot大大加快了开发进程,但是如果不了解Spring的特性,使用SpringBoot时会有不少问题 目前网上流传使用I ...
- XOR算法的原理和实现
XOR算法的原理和实现 XOR算法这种方法的原理 当一个数A和另一个数B进行异或运算会生成另一个数C,如果再将C和B进行异或运算则C又会还原为A. 相对于其他的简易加密算法,XOR算法的优点如下. ( ...
- Uva 11729 Commando War (简单贪心)
Uva 11729 Commando War (简单贪心) There is a war and it doesn't look very promising for your country. N ...
- UE4 分层材质 Layerd Materials
在UE4中最正规的材质制作流程就像: 建立新材质,并将其调整为达至完美. 在内容浏览器中,建立新材质函数,并将所有材质函数节点复制/粘贴到其中. 将网络连接到新的 Make Material Attr ...
- 如何在Chrome下使用Postman进行rest请求测试
在web和移动端开发时,常常会调用服务器端的restful接口进行数据请求,为了调试,一般会先用工具进行测试,通过测试后才开始在开发中使用.这里介绍一下如何在chrome浏览器利用postman应用进 ...
- 如何从Android工程导出apk安装包
http://jingyan.baidu.com/article/1876c852b3208b890b137606.html
- JAVA异步加回调的例子
package com.sunchao.callback; /** * callback interface * @author Administrator * */ public interface ...
- Nodejs的运行原理-生态篇
前言 这里是重点:Nodejs 是由v8 engine,libuv和内置模块组成,可以将v8 engine和 libuv看成一个库,两者是以源码的方式直接编译执行node中去的. 这是一个广泛的介绍, ...
- Javascript学习--时钟
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8&quo ...