h5表格小练习1

最新推荐文章于 2022-12-03 13:56:15 发布
最新推荐文章于 2022-12-03 13:56:15 发布
阅读量536 收藏 1
点赞数 2
分类专栏： h5 文章标签： h5小练习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ddd5678/article/details/82860193
版权

最近刚接触h5,记录下一个小小的练习。

基本知识：

表格的基本组成table,tr,td.

table(表格标记)

tr(行标记)

td(单元标记)

练习的代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Untitled Document</title>
    </head>
    <body>
        <table border="2" bgcolor="gray">
            <tr>
                <td colspan="3"align="center">学生成绩</td>
            </tr>
            <tr>
                <td width="60" rowspan="2">张三</td>
                <td width="50">语文</td>
                <td width="30">98</td>
            </tr>
            <tr>
                <td width="50">数学</td>
                <td width="30">95</td>

            </tr>
            <tr>
                <td rowspan="2" width="60">李四</td>
                <td width="50">语文</td>
                <td width="30">88</td>
            </tr>
            <tr>
                <td width="50">数学</td>
                <td width="30">91</td>

            </tr>
        </table>
    </body>
</html>

练习的截图：

代码细节记录：

border="2" bgcolor="gray"colspan="3"align="center"width="60" rowspan="2"

boreder表示外边框的宽度，值越大越粗

bgcolot表示背景颜色

colspan表示所占用的行的比例

rowspan表示所占用的列的比例

align表示对齐方式

width表示当前单元格的宽度

小西西222号
关注
专栏目录
表格练习HTML5
LaoXieyyds的博客
07-19 548
个人简历表格建立
H5基础阶段二（表格、表单）
CSDN_GMC的博客
02-06 1675
HTML5基础阶段--表格、表单一. 表格Ⅰ 表格的基本构成Ⅱ 合并Ⅲ 属性1. table的属性（基本，边框，背景属性）2. tr：表格的行属性3. td：表格的单元格属性Ⅳ 表格作业示例：二. 表单Ⅰ 概念Ⅱ 向服务器提交数据的方式Ⅲ 表单控件及其属性1. input框类型 及 属性1）表单控件类型2）input标签属性（后面都是跟 =" "）2. 下拉列表 select & opti...
table.html（html表格练习）
07-21
html5简单的项目支出表格作业，表内容为 项目负责人 联系电话 项目支出细化预算(单位：万元)项目类别 发展性专项 建设性专项 基本建设和大修理项目 合计 项目前期费用 征地费 建筑工程费 安装工程费 设备等购置费 原 材 料 其他费用 各种建筑物面积 起始年 终 止 年 项目属性 新增项目 上年延续项目 项目预算来源 项目当年预算 项目总预算 合计 1、财政拨款（补助） 会议培训项目
h5+css3 小练习
11-30
H5是指第5代HTML，也指用H5语言制作的一切数字产品。所谓HTML是“超文本标记语言”的英文缩写。我们上网所看到网页，多数都是由HTML写成的。“超文本”是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。而“标记”指的是这些超文本必须由包含属性的开头与结尾标志来标记。浏览器通过解码HTML，就可以把网页内容显示出来，它也构成了互联网兴起的基础。
H5+CSS练习
cainiao0314的博客
06-21 618
PC端,手机端,hbuilder
H5新闻小练习
hongxheng的博客
09-25 376
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>与华为5G“近身肉搏” 美国芯片巨头“放大招”</title> <style> a{ text-decorati...
html5-表格练习题
tester92的博客
04-18 6073
纯html编写（仅供参考，并非完美答案）：&lt;!DOCTYPE html&gt;&lt;html&gt;    &lt;head&gt;        &lt;meta charset="UTF-8"&gt;        &lt;title&gt;&lt;/title&gt;    &lt;/head&gt;    &lt;body&gt;        
html表单表格小练习两个
mrgaohaihang的博客
03-19 1062
编写实现如图所示页面效果的HTML代码并提交。其中，A、 B、C、D、E加粗显示，它们都位于各自单元格的正中间，A单元格的高度为200像素，宽度为100像素，B单元格的高度为100像素，宽度为200像素，C单元格的宽度为100像素，高度为200像素。（在浏览器中展示时表格居中 这里注意colspan与rowspan的用法 colspan是横跨列rowspan是横跨行 width=300这里指3...
表格 表单与H5
Baiqicute的博客
11-21 337
1.表格标签 表格是较为常用的一种标签，但不是用来布局，常用来处理、显示表格式数据。 、创建表格 创建表格的基本语法格式如下： <table> <tr> <td>单元格内的文字</td> ... </tr> ...</table> 在上面的语法中包含三对HTML标签，分别为 table、tr、td，他们是创建表格的基本标签，缺一不可，下面对他们进行具体地解释。 1.table用于定义一个表...
表格练习
crraxx的博客
10-20 993
表格1： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <!-- 表格标签，table（表）、tr（表格中的行）、td（普通表格）和th（表头），写在表头中的内容会自动居中和加粗 --> <!-- border="1"表格有边界；border="0"表格无边界。 --> &l
HTML5访问表格元素
11-22
用Html5编写的表格，并能访问其中的标题，单元格的数据。
H5测试题源代码
07-03
微信小程序测试题源码，答题小游戏，最新最符合当前小程序吸粉的游戏。
H5的初步练习
一叶障目的博客
11-25 1095
其实我也是个白，也是几天刚自学的，说的不对的地方还希望见谅！废话不多说，开始了！ 首先，你想开发H5就需要有开发工具，但是工具不是唯一的，比如（Hbuilder、APICloud等）。Hbuilder链接、APICloud的下载就进入其官网（APICloud官网）。 A、首先当然是注册。 B、然后逐步解压，这就是我们的开发工具！ C、打开工具新建我们的第一个项目。新建一个APICloud项
H5学习练习——多媒体（音频视频）
weixin_44089544的博客
04-03 250
H5学习练习——多媒体（音频视频） 常用方法:load()、play()、pause() 常用属性:currentSrc、currentTime、duration 常用事件:oncanplay， ontimeupdate，onended 等 具体地址:参考文档 <!DOCTYPE html> <html lang="en"> <head> <m...
H5学习练习——拖放
weixin_44089544的博客
04-03 391
拖放概念： 拖放是HTML5标准的一部分，任何元素都能够拖放。 操作：拖拽：Drag、 释放：Drop 注意：拖拽指的是鼠标点击源对象后一直移动对象不松手，一但松手即释放了 拖放使用： 设置元素为可拖放：draggable 属性：标签元素要设置draggable=true，否则不会有效果 （注意：链接和图片默认是可拖动的，不需要 draggable 属性。） 常用API： 被拖动的源对象可以...
h5测试
weixin_40512519的博客
10-05 682
&lt;input type="search"/&gt;当点击输入框中的"x"时，输入框中的内容会被删除。 &lt;meter&gt;&lt;/meter&gt; &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;body&gt; &lt;p&gt;显示度量值：&lt;/p&gt; &lt;me
H5浮动练习
xuemoKingDeath的博客
04-16 1221
html> html lang="en"> head> meta charset="UTF-8"> style> #header{ height: 100px; background-color: red; } #body{ background-color: gree
一、HTML5基础综合练习-表单与表格
m0_52766105的博客
07-25 454
=""
期末测试——H5方式练习题
最新发布
红目香薰
12-03 942
先创建base.css文件以及编码，之后创建正式的index.htmlwen文件，通过link引入base.csscss文件夹是放置base.css文件的，在外层是index.html我们要处理，内外边距，ul样式，十二分之一列宽，十二分之十列宽，还有100%列宽三个就够了。 base.css文件引入(5分) 直接通过link引入css文件，这里路径是【css/base.css】 引入位置 这里是确认考生信息，确认学生自行完成。拼接方式：考场 姓名 时间 3、网页框架(30分) 网页框架共计
H5表格与表单详解：复选框控件与表格模型
表格由`<table>`元素构成，内部包含`<caption>`（表格标题）、`<col>`和`<colgroup>`（列定义）、`<thead>`（表头）、`<tbody>`（主体）和`<tfoot>`（表尾）等子元素。表格的行用`<tr>`表示，单元格用`<td>`（普通...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值