html 表格的嵌套

最新推荐文章于 2024-06-12 00:17:03 发布
最新推荐文章于 2024-06-12 00:17:03 发布
阅读量6.2k 收藏 4
点赞数 1
分类专栏： html 学习 文章标签： html table border 作业 2010
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/worldmakewayfordream/article/details/8038294
版权

忙了一下午 完成了老师给我的html 作业   表格的嵌套 做的好搓~~


<html>

 <head>

  <title>表格的嵌套

  </title> 

</head>


 <body>

 <table border="0" align=center cellpadding="5">

 <tr>

     <td rowspan="6">

         <table >

               <tr >

                    <td >

                        <img src="0.jpg">

		           </td>

              </tr> 

               <tr>

                         <td align="center">拥抱春天的怒江</p></td>

               </tr>  

               <tr>

                         <td align="center"> </p>《蒲公英的约定》</td> 

               </tr>

               <tr>

                         <td align="center">小学篱笆旁的蒲公英</td>

               </tr>

               <tr>

                         <td align="center">是记忆里有味道的风景</td>

               </tr>

               <tr>

                         <td align="center">午睡操场传来蝉的声音</td>

               </tr>

             <tr>

                         <td align="center">多少年后也开始很好听</td>

            </tr>

        </table>  <!--  嵌套的一个table 占 7行 -->   

   </td>

              <td  align="center">

                     <img src="1.jpg"> </p>大漠孤烟直     

              </td> 

              <td  align="center">

                     <img src="2.jpg"></p>崇山峻岭

              </td>  

              <td  align="center">

                     <img src="3.jpg"></p>风吹草地见牛羊

              </td>  

              <td rowspan="6" >                   <!--第四列嵌套表格 -->

                     <table>



                      <tr>

                                <td><b>点击排行</b> <hr width="200" color="gray"></td>

                      </tr> 

                     <tr>

                                <td> 《魅力云南》 自然风光 <hr width="200" color="gray"></td></td>

                     </tr> 

                     <tr>

                                 <td>昆明翠湖海鸥飞<hr width="200" color="gray"></td>

                     </tr> 

                     <tr>

                                <td>美国，2010冬季之夜<hr width="200" color="gray"></td>

                     </tr> 

                     <tr>

                                <td>比利时剪影欣赏<hr width="200" color="gray"></td>

                     </tr> 

                     <tr>

                               <td>早春郁金香<hr width="200" color="gray"></td>

                     </tr> 

                     <tr>

                              <td>云南罗平花海赏春<hr width="200" color="gray"></td>

                     </tr> 

                     <tr>

                              <td>艳如罂粟虞美人<hr width="200" color="gray"></td>

                     </tr> 

                     <tr>

                              <td>西藏的江南-林芝<hr width="200" color="gray"></td>

                     </tr> 

                     <tr>

                              <td>恬静欧陆的小村庄<hr width="200" color="gray"></td>

                     </tr> 

                     <tr>

                              <td>青藏高原秀丽乌湖畔<hr width="200" color="gray"></td>

                     </tr> 

                     <tr>

                              <td>北京八大处林光寺<hr width="200" color="gray"></td>

                     </tr> 

                     <tr>

                              <td>北欧风光<hr width="200" color="gray"></td>

                     </tr> 

                     <tr>

                              <td>秋菊争艳<hr width="200" color="gray"></td>

                     </tr> 

                     <tr>

                              <td>美丽的桂林山水<hr width="200" color="gray"></td>

                     </tr>            

                     <tr>

                              <td>摄影师眼中的台湾 <hr width="200" color="gray"></td>

                     </tr> 



                     </table>

              </td>

 </tr>   <!--第一行 -->

  

 <tr align="center">        <!--第三行 -->

              <td><img src="4.jpg"></p>迷人雪域

              </td> 

              <td><img src="5.jpg"></p>天高云淡

              </td>  

              <td><img src="6.jpg"></p>海天一色

              </td>  

  </tr> 

 <tr>        <!--第四行 -->

              <td><img src="7.jpg"></p>诱人的郁金香

              </td> 

              <td><img src="8.jpg"></p>城市花园

              </td>  

              <td><img src="9.jpg"></p>繁华城市

              </td>  

 </tr>

 </table>

 </body>

</html>






yangshuolll
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html表格嵌套多选框,基于ElementUI中Table嵌套实现多选的示例代码
weixin_36369605的博客
06-07 1083
前言：写这个是因为帮朋友修改项目中的bug我也是第一次写这个功能，有不对的希望大家指正，如果看完有帮助点个赞！代码中关键是js中Tree的路径查找这个核心，有不懂的自行百度多了不说了，有需要的可以私信找我要代码，来看下我怎么实现的思路：从头开始看这个需求，我们需要知道用到哪写东西1、表格Table2、多选&全选3、嵌套数据(下拉操作)正好我们可以找下ElementUI官方文档找到了我们需要...
HTML表格标记教程(47):表格嵌套
12-04
在页面中，排版是通过表格的嵌套来完成的。即一个表格内部可以套入另一个表格。原因如下： 首先，网页的排版会很复杂，在外部需要有一个表格控制总体布局。...制作表格嵌套。01 <!– ———————
表格表单的嵌套.html
09-18
比较简单的表单与表格的嵌套，只是做一个引导作用，实际意义不大，
html 表格嵌套
QQ654097375的博客
05-11 977
   表格的嵌套就是表格里再有表格，表格的嵌套作用一方面是外观更为漂亮，另一面出于布局的需要，或者两者皆有。只要在外表格（最外面的表格）的&lt;td&gt;&lt;/td&gt;标签间加入对应的table标签就行。 &lt;table border=8 bordercolor=#u0099cc width=100%&gt; &lt;tbody&gt; &lt;tr&gt; ...
HTML怎么嵌套
xjj18348253352的博客
06-12 432
在HTML中，嵌套指的是将一个HTML元素放在另一个HTML元素内部。嵌套时，内部的元素会继承外部元素（或称为父元素）的某些样式和属性，除非内部元素有自己的特定样式或属性覆盖它们。表单元素如`<form>`可以嵌套多种输入元素，如`<input>`、`<textarea>`、`<select>`等。在这个例子中，`<p>`元素（段落）被嵌套在`<div>`元素内部。在这个例子中，`<input>`元素被嵌套在`<form>`元素中。`<table>`元素也可以嵌套其他`<table>`元素。
html表格嵌套
行善之人必有余庆
05-19 8928
表格嵌套 网站logo 网站banner 网站导航 网页导航 网页导航 网站导航 网页导航 网页导航
利用html设置嵌套式表格,表格嵌套 HTML
weixin_39657825的博客
06-23 4858
嵌套表格就是在一个大的表格中，再嵌进去一个或几个小的表格，即插入到表格单元格中的表格。如果用一个表格布局页面，并希望用另一个表格组织信息，则可以插入一个嵌套表格。表格的嵌套一方面是为使页面的外观更为漂亮，利用表格嵌套来编辑出复杂而精美的效果，另一方面是出于布局需要，用一些嵌套方式的表格来做精确的编排，或者二者兼而有之。熟练地掌握表格的嵌套技巧并不是很困难的，只要思路清晰，对表格的整体嵌套构架做到心...
HTML——表格、表格嵌套、表格布局
热门推荐
ShyuDai的博客
10-14 5万+
&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&am
HTML表格嵌套步奏
最新发布
07-28
HTML表格嵌套通常是指在一个表格中包含另一个表格，这是一个常见的布局技术，用于创建更复杂的数据结构或布局。以下是嵌套HTML表格的基本步骤： 1. **开始创建外部表格**: - 使用`<table>`标签开始创建一个表格，...
Element实现表格嵌套、多个表格共用一个表头的方法
11-21
在本文中，我们将探讨如何使用Element UI库来实现表格嵌套以及多个表格共用一个表头的功能。Element UI 是一个基于 Vue.js 的组件库，它提供了丰富的UI组件，包括表格（el-table）等，用于构建美观且响应式的前端...
html表格嵌套表格边框设置
05-12
可以通过在 HTML 中使用 CSS 来设置表格嵌套表格的边框。以下是一个示例： ```html table { border-collapse: collapse; } table td { border: 1px solid black; padding: 5px; } 嵌套表格的内容 ...
html中表格和表单嵌套以及css基础知识
sz1125218970的博客
12-08 6169
笔记
HTML之表格篇——表格的嵌套
xyjikl
06-29 1万+
表格的嵌套一方面是为使页面（贴子）的外观更为漂亮，利用表格嵌套来编辑出复杂而精美的效果，另一方面是出于布局需要，用一些嵌套方式的表格来做精确的编排，或者二者兼而有之。熟练地掌握表格的嵌套技巧并不是很困难的，只要你思路清晰，对表格的整体嵌套构架做到心中有数，在实际编辑时就不会出乱，发布出来的作品也就不会只是一堆代码。 下面将从最简单的表格嵌套开始演示和讲解，不会太难的。 两张表格的嵌套：
HTML之表格篇-表格嵌套表格
if_smile的博客
12-09 8555
嵌套表格一： 效果如图所示代码如下： &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &lt;style&gt; tabl
html嵌套表格示例
weixin_30294295的博客
08-19 1017
html嵌套表格示例 常用嵌套表格示例，出自《网页开发手记：HTML+CSS+JavaScript实战详解》 <html> <head> <title>嵌套表格布局网页...
HTML学习——简单表格嵌套实例
我本浪人--游吟世间
03-30 3002
TABLE嵌套 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>花房姑娘</title> <style> a { text-decoration: none; } table tr:fi...
HTML表格嵌套和属性
qq_45228525的博客
10-26 961
二、表格嵌套 嵌套表格说明： 1.要有完整的表格结构 2.放入td标签中 <table> <tr> <td>...</td> <td> <table> <tr> <td>...</td> <td>...</td
HTML表格嵌套
思过留痕
01-29 1105
注意： 表格的嵌套只能在td标签内 在上图的基础上，对最后一行的合并单元格进行嵌套两行两列的单元格
html table嵌套实例
ssl vpn ------adito (ssl explorer) (openvpn als)&amp;amp;&amp;amp;网络安全
12-01 6574
<br />html 表嵌套，不管 怎样嵌套必须使用<tr><td>数据</td></tr> 这样的方式来包含数据，不能使用<tr>数据</tr>来包装数据。<br /> <br />以下为实例：<br /><br /><html><br /><body><br /><table border=1><br /> <br /><tr width="600" height="300"><br /><td><br />ssss<br /></td><br /> <br /><td><br /><table wid
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值