HTML学习笔记5（表格练习）

最新推荐文章于 2024-08-05 22:35:13 发布
最新推荐文章于 2024-08-05 22:35:13 发布
阅读量36 收藏
点赞数
分类专栏： 菜鸟网站之路 文章标签： html 学习 笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/YanMCui/article/details/131009206
版权
这是一个展示坤力学院部分学生基本信息和成绩的表格，包括学生的姓名、性别、专业以及课程和对应分数。计算机专业的蔡徐坤和capper在程序设计课程上的分数分别是59和48，而建筑专业的华晨宇在建筑设计课程上得了58分。
摘要由CSDN通过智能技术生成

<!-- 表格练习 -->

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>坤力学院信息表</title>

</head>

<body>

    <table border="5" cellspacing="0" align="center" width="600" heigth="600">

        <caption>坤生信息表</caption>

        <tr>

            <th colspan="3">学生基本信息</th>

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

        </tr>

        <tr>

            <th>姓名</th>

            <th>性别</th>

            <th>专业</th>

            <th colspan="2">课程</th>

            <th>分数</th>

        </tr>

        <tr>

            <td align="center" >蔡徐坤</td>

            <td align="center" >女</td>

            <td rowspan="2" align="center" >计算机</td>

            <td colspan="2" rowspan="3" align="center" >程序设计</td>

            <td align="center" >59</td>

        </tr>

        <tr>

            <td align="center" >capper</td>

            <td align="center" >男</td>

            <td align="center" >48</td>

        </tr>

        <tr>

            <td align="center" >姜云升</td>

            <td align="center" >男</td>

            <td align="center" >会计</td>

            <td align="center" >17</td>

        </tr>

        <tr>

            <td align="center" >华晨宇</td>

            <td align="center" >男</td>

            <td align="center" >建筑</td>

            <td colspan="2" align="center" >建筑设计</td>

            <td align="center" >58</td>

        </tr>

    </table>

</body>

</html>

猫漆
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML5学习笔记
m0_61721166的博客
03-08 8940
一、网页 1.什么是网页 网站是指在因特网上根据一定的规则，使用 HTML等制作的用于展示特定内容相关的网页集合。 网页是网站中的一“页” ，通常是 HTML 格式的文件，它要通过浏览器来阅读。 网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页，常见以.htm或.html 后缀结尾的文件，因此将其俗称为HTML文件。 2.什么是HTML HTML指的是超文本标记语言(HyperTextMarkupLanguage)，它是用来描述网页的一种语言。HTML不
HTML学习笔记6——表格
少儿编程乔老师
09-16 747
为了让我们页面显示的更加整齐，HTML提供了三个标签：表格、表单、列表。 表格 table(会使用) 目标： 理解： 能说出表格用来做什么的 表格的基本结构组成 应用： 能够熟练写出n行n列的表格 能简单的合并单元格 表格作用： 表格是较为常用的一种标签，但不是用来布局，主要用来显示、展示表格式数据。 因为它可以让数据显示的非常的规整，可读性非常好。 特别是后台展示数据的时候表格运用是否熟练就显得很重要，一个清爽简约的表格能够把繁杂的数据表现得很有条理，虽然 div 布局也可以做到，但是
HTML5 & CSS学习笔记
m0_56387086的博客
05-26 992
1.html骨架 <head>头标签</head> <body>主体标签</body> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport"
HTML5 案例学习笔记
你若盛开，清风自来。
02-26 1054
HTML5 案例学习笔记
HTML学习笔记
weixin_42098295的博客
05-06 771
HTML（HyperText Markup Language）是用来描述和定义网页内容的标记语言。
学习笔记（十二）HTML表格
qq_41008787的博客
05-13 625
表格基础表格表格高级特性标题基础表格 <table></table>：每一个表格的内容都包含在这两个标签中; <td>列（单元格）：在表格中，最小的内容容器是单元格, 是通过 <td> 元素创建的 (‘td’ 代表 ‘table data’).； <tr>行：如果想让这一行停止增加，并让单元格从第二行开始，我们需要使用 <tr> 元素 <th>：表格中的标题是特殊的单元格，通常在行或列的开始处，定义行或列包含的数据类型。用
HTML学习笔记--表格
白菜先森
11-27 187
 HTML——table 通过对网络交友平台的模仿练习，熟悉和掌握表格中标签的用法以及特性 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;千里姻缘一线牵&lt;/title&gt; &am
HTML学习笔记4：表格
提辖鲁的博客
01-11 189
HTML学习笔记：表格
前端HTML5学习笔记
PM_2_30的博客
03-27 475
小白初学前端可看 前端 Hyper Text Markup Language（全称） W3C（World Wide Web Consortium）万维网联盟 W3C标准包括 结构化标准语言（HTML XML) 表现标准语言（CSS) 行为标准（DOM ECMAScript） 流程 先setting一个包，然后删掉.src，然后再建一个包 head标签代表网页头部 body代表网页主体，以后所有内容写在里面 title代表网页标题
我的HTML学习笔记1
08-04
在你的学习笔记中，你已经接触到了一些基础的HTML概念和标签，下面我会详细解释这些知识点。 1. **DOCTYPE声明**：DOCTYPE是一个指令，告诉浏览器文档遵循的HTML或XHTML规范的版本。在HTML5中，通常使用的DOCTYPE...
HTML语言学习笔记
06-29
HTML语言学习笔记主要涵盖以下几个核心知识点： 1. **文档声明（DOCTYPE）**：在HTML5中，通常使用的文档声明是`<!DOCTYPE html>`，它告诉浏览器使用哪种HTML版本解析页面。在例子中，使用的是一种较旧的HTML4.01...
前端学习笔记-HTML（2）表格二
08-19
前端学习笔记-HTML（2）表格二。前端学习笔记-HTML（2）表格二。
html学习笔记
05-23
在"html学习笔记"中，我们主要会涉及到以下几个关键知识点： 1. **文本**：HTML中的文本元素是最基本的组成部分，包括段落（`<p>`）、标题（`<h1>`至`<h6>`）、强调文本（`<strong>`和`<em>`）、换行（` `）、...
前端HTML总结
最新发布
m0_54066656的博客
08-05 909
前端笔记，HTML标签详解。
HTML-09.表单项标签
程小白的博客
08-05 358
【代码】HTML-09.表单项标签。
前端面试宝典【HTML篇】【5】
BDawn的专栏
08-05 99
form标签用于定义 HTML 表单，它用于收集用户输入的数据。而input 标签则是表单中最常用的元素之一，用于创建各种类型的输入控件。 template 标签是 HTML5 中引入的一个新元素，用于定义文档中的不可见模板。这些模板可以被脚本动态地克隆并插入到文档的可见部分中，从而实现动态内容的快速构建。
JavaWeb基础1：HTML/CSS/JS/HTTP
m0_53842576的博客
08-05 463
JavaWeb基础1：HTML/CSS/JS/HTTP (qq.com)
4个自定义倒计时
lulei5153的博客
08-03 342
【代码】4个自定义倒计时。
学习CSS与HTML的笔记，构建网页的基础知识
本篇文章是关于CSS与HTML的笔记，勤做笔记不仅可以让自己学得扎实，更重要的是可以让自己少走弯路。有人说："再次翻开笔记是...希望大家在学习过程中能够认真做好笔记，多多练习，让知识更加扎实，少走弯路。 加油！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值