Html:(hyper Text Markup Language):超文本标记语言——3Html表格***********

最新推荐文章于 2022-06-23 08:00:21 发布
最新推荐文章于 2022-06-23 08:00:21 发布
阅读量133 收藏
点赞数
分类专栏： Java ee自学
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/inexaustible/article/details/103308765
版权
  • <table border="1" width="80%">

                  <!-- 行 -->

                    <tr>

                              <!-- 列 -->

                              <td></td>

                              <td></td>

                     </tr>

                      <tr>

                             <td></td>

                             <td></td>

                        </tr>

                      ..................

  • </table>

 

 

  • 案例：

<!DOCTYPE html>

<html lang="en">

        <head>

                 <meta charset="UTF-8">

                 <title>html_05_table</title>

        </head>

        <body>

                 <h2>第一个表格</h2>

                 <!-- 表格

                         border:边框的粗细（默认没有边框）

                        width：相对于表格的父元素的宽度,表格占父元素（即案例中的body）的宽度80%;

                 -->

                 <table border="1" width="80%">

                         <!-- 行 -->

                         <tr>

                                  <!-- 列 -->

                                  <td>11</td>

                                  <td>12</td>

                                  <td>13</td>

                         </tr>

                         <tr>

                                  <!-- 列 -->

                                  <td>21</td>

                                  <td>22</td>

                                  <td>23</td>

                         </tr>

                 </table>

                 第二个表格:合并

                 跨列

                 <table border="1" width="80%">

                         <!-- 行 -->

                         <tr>

                                  <!-- 列 -->

                                  <td>11</td>

                                  <!-- colspan:跨列

                                          column:列

                                          span:跨

 

                                          12:原来是一个格子,后来占了两个,把13给挤出来了,为了保证我们的队形,

                                          13要删除

                                   -->

                                  <td colspan="2">12</td>

                         </tr>

                         <tr>

                                  <!-- 列 -->

                                  <td>21</td>

                                  <td>22</td>

                                  <td>23</td>

                         </tr>

                         <tr>

                                  <!-- 列 -->

                                  <td>31</td>

                                  <td>32</td>

                                  <td>33</td>

                         </tr>

                 </table>

                 跨行

                 <table border="1" width="80%">

                         <!-- 行 -->

                         <tr>

                                  <!-- 列 -->

                                  <td>11</td>

                                  <td>12</td>

                                  <td>13</td>

                         </tr>

                         <tr>

                                  <!-- 列 -->

                                  <td>21</td>

                                  <!--

                                          rowspan:跨行的意思

                                          22把32给挤出去了

                                          删除33

                                  -->   

                                  <td rowspan="2">22</td>

                                  <td>23</td>

                         </tr>

                         <tr>

                                  <!-- 列 -->

                                  <td>31</td>

                                  <td>32</td>

                         </tr>

                 </table>

                 其它:

                 <!--

                         表头:将第一行的td换成th;换完以后的效果：居中且加粗

 

                         加上thead和tbody没有任何变化,但是有语义的元素;seo(搜索引擎喜欢)

                  -->

                 <table border="1" width="80%">

                         <caption>我是表头</caption>

                         <!-- 表头 -->

                         <thead>

                                  <!-- 行 -->

                                  <tr>

                                          <!-- 列 -->

                                          <th>11</th>

                                          <th>12</th>

                                          <th>13</th>

                                  </tr>

                         </thead>

                         <tr>

                                  <!-- 列 -->

                                  <td>21</td>

                                  <td>22</td>

                                  <td>23</td>

                         </tr>

                         <!-- 表脚 -->

                         <tfoot>

                                  <tr>

                                          <!-- 列 -->

                                          <td>21</td>

                                          <td>22</td>

                                          <td>23</td>

                                  </tr>

                         </tfoot>

                 </table>

<pre>

        总结:

                 表格==xls==数据库中的table;

                 行==tr===row

                 列==td===column

</pre>

        </body>

</html>

inexaustible
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML-HyperText Markup Language
aaaaPIKACHU的博客
01-11 313
HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言HyperTextMarkupLanguageHTML 不是一种编程语言，而是一种标记语言。标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页HTML 文档包含了HTML 标签及文本内容HTML文档也叫做 web 页面标签描述定义缩写定义地址定义文字方向定义长的引用定义短的引用语定义引用、引证。
HTML：Hyper Text Markup Language 超文本标记语言
Ren-YY 的博客
03-17 6597
1.HTML是什么? *Hyper Text Markup Language 超文本标记语言 *Hyper Text:超链接.把不同空间的资源,整合在一起,形成逻辑上的网状结构. *Markup Language 标签语言.该语言是由标签构成. *HTML文档=网页 *浏览器解析HTML 2.如何创建一个HTML文档 . *后缀名:.ht
Markup语法参考
Becky123456的博客
07-01 4215
Markup的语法参考 这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导...
HTML （Hyper Text Markup Language）超文本标记语言
m0_67081826的博客
06-23 568
初识HTML （Hyper Text Markup Language）超文本标记语言，常用html标签
Html:(hyper Text Markup Language):超文本标记语言
inexaustible的博客
11-29 2433
1、Html:(hyper Text Markup Language):超文本标记语言 html的运行需要浏览器;凡是在浏览器里面运行的一般都叫网页; Html是一个特殊的xml Html的根节点必须是html; 根节点必须有两个子节点:分别是body(身体)和head(头) 其它的木有要求(父子关系) 学的就是一些指定的元素(节点--标签) 有两种方法生成html的模...
HTML（Hyper Text Markup Language）超文本标记语言基础学习
m0_47794838的博客
08-06 613
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <h1>我的第一个标题</h1> <p>我的第一个段落。</p> </body> </html> 注意：在中文网页中需要使用&
HTML Hyper Text Markup Language（超文本标记语言） 基础知识汇总3
周宇辉的博客
01-14 428
表单 语法 <form method="post" action="result.html"> <p> 名字：<input name="name" type="text" > </p> <p> 密码：<input name="pass" type="password" > </p> <p> <input type="submit" name="Button" v
HTML（Hyper Text Markup Language）超文本标记语言
m0_46893049的博客
11-16 1029
2021.11.10 HTML（Hyper Text Markup Language）超文本标记语言 网页是图片、链接、文字、声音、视频等元素组成，其实就是一个html文件。 五大浏览器：IE、火狐（Firefox）、谷歌（Chrome）、Safari、Opera。 浏览器内核 浏览器内核（渲染引擎）：负责读取网页内容，整理讯息，计算网页的显示方式并显示页面。 浏览器 内核 备注 IE Trident IE、猎豹安全、360极速浏览器、百度浏览器 Firefox Gecko 火狐浏览器内
HTML（Hyper Text Markup Language)超文本标记语言
weixin_43231105的博客
04-30 592
超文本：是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本。 标记语言：由标签构成的语言<>。标记语言不是编程语言 快速入门 语法 1、后缀名：.html或.htm 2、标签分类 围堵标签：有开始标签和结束标签 <html></html> 自闭和标签：开始和结束标签在一起 <br/> 3、标签可以嵌套 4、在开始标签中可...
HTML5{负责静态页面} Hyper Text Markup Language()超文本标记语言
07-19
HTML(Hyper Text Markup Language超文本标记)基础
05-28
HTML表示超文本标记语言（Hyper Text Markup Language）。 HTML文件是一个包含标记的文本文件。 这些标记保速浏览器怎样显示这个页面。 HTML文件必须有htm或者html扩展名。 HTML文件可以用一个简单的文本编辑器...
HTML： 1.HTML是什么？ 超文本 (HyperText) 标记 (Markup) 语言 (Language) 是一种用来创建网页的标准标记语言。
05-25
超文本 (HyperText) 标记 (Markup) 语言 (Language) 是一种用来创建网页的标准标记语言。XML XHTML HTML运行在浏览器上，默认由浏览器解析。 HTML是一套标记语言，不是一套编程语言。 标记语言是一套标记标签...
HTML手册(HTML表示超文本标记语言（Hyper Text Markup Language)
10-30
HTML表示超文本标记语言（Hyper Text Markup Language）。 HTML文件是一个包含标记的文本文件。 这些标记保速浏览器怎样显示这个页面。 HTML文件必须有htm或者html扩展名。 HTML文件可以用一个简单的文本编辑器...
计算机病毒与防护：HTML语言上.ppt
06-10
HTML是用来描述网页的一种语言 HTML指的是超文本标记语言（Hyper Text Markup Language） HTML不是一种编程语言，而是一种标记语言 标记语言是一套标记标签 HTML使用标记标签来描述网页 HTML文档通常以htm和html...
Html:(hyper Text Markup Language):超文本标记语言——1入门+f12(开发工具)
inexaustible的博客
11-29 555
html的运行需要浏览器;凡是在浏览器里面运行的一般都叫网页; Html是一个特殊的xml Html的根节点必须是html; 根节点必须有两个子节点:分别是body(身体)和head(头) 其它的木有要求(父子关系) 学的就是一些指定的元素(节点--标签) <!-- 有两种方法生成html的模板 ...
servlet——1介绍
inexaustible的博客
12-08 503
Tomcat 1、介绍 Tomcat:是一个容器,容器里面放的是Servlet;Servlet:是写的一个程序(main方法) 官网:http://www.apache.org/;它是一个开源社区;又翻译为孵化器;所有的框架软件都可以往这里提，经过一部分孵化以后，升级为一个二级域名;将来学习java框架的90%都出自apache; apache的logo是羽毛： 官网:http://...
CSS（层叠样式表）——1_css_加载三种方式
inexaustible的博客
11-29 390
Web前端有一句话:html是结构层,CSS:表现层,JS:是行为层 CSS加载分为四种方式: 1:默认的效果 2:外部的CSS文件(部样式表) 多个不同的html文件共用一个css文件 3:样式文件,html<style>标签中声明的(内部样式表) ...
GUI之在线版&&离线版
inexaustible的博客
11-29 339
GUI： 分为独立运行的程序(离线版),Window上面运行的每一个程序; 在线版:上网看到了第一个网站,网页;(用户(客户)的电脑上不需要安装任何的软件,只需要浏览器就可以;也不需要单独的开发客户端软件(也需要好长时间)) Qq必装:(Client/Server)--离线版; 网站:(Browser/Serser)--在线版;浏览器:Google,Firefox,IE(Window...
CSS（层叠样式表）——4盒模型
inexaustible的博客
11-30 319
盒模型 盒子与盒子之间如果是父子关系就是padding；如果是兄弟关系就是margin 块元素：此元素特别的霸道,单独占用一行;如:div,p, 行内元素：此元素特别的窝囊,给多大地就使用多大地;如span,a 案例： <!DOCTYPE html> <html lang="en"> <head> <meta charse...
基于HTML的****网设计
最新发布
04-25
基于HTML的网页设计是指使用HTML（Hypertext Markup Language）语言来创建和设计网页的过程。HTML是一种标记语言，用于描述网页的结构和内容。通过使用HTML标签和元素，可以定义文本、图像、链接、表格、表单等在...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值