补充利用HTML代码设计表格
实验十七 利用HTML代码设计表格
1、编写HTML代码文件,要求显示结果
定货单苹果香蕉葡萄200公斤200公斤100公斤
苹果 | 香蕉 | 葡萄 |
---|---|---|
200公斤 | 200公斤 | 100公斤 |
html
2、请用HTML语言设计如下表格,表格的宽度为25%,高度为120,边框为1:一个表格有4行,其中第一行:第一列跨4行,内容为:Morning Menu。第二列为表头,内容为Food,第三列内容为A。第二行:第二列为表头,内容为Drink,第三列内容为B。第三行:第二列为表头,内容为Sweet,第三列内容为C。第四行:第二列为表头,内容为Coffe,第三列内容为D。
操作步骤:
打开记事本应用程序,文件菜单下选择新建,输入以下代码:
Morning Menu | Food | A |
---|---|---|
Drink | B | |
Sweet | C | |
Coffe | D |
(2)保存文件。文件菜单下选择保存,在保存类型中选择所有文件,文件名中输入:mune.html
3、练习:请用HTML语言设计如下表格,表格的宽度为40%,高度为128,边框为1:一个表格有4行,其中第一行跨5列,内容为:Morning Menu。第二行为表头,总共有5列,内容分别为:Food,Drink,Sweet,Coffe,Cake。第三行总共有5列,内容分别为:A,B,C,D,E。第四行总共有5列,内容分别为:A1,B1,C1,D1,E1
文件名中为:练习.html