1、HTML+DIV+CSS零基础快速入门到制作企业站视频课程_4 简单表格应用<table>

模仿:华为手机大全_华为智能手机_华为商城.html

https://www.vmall.com/list-36

HTML <table> 标签

  1 <!DOCTYPE html>
  2 <html lang="en">
  3 <head>
  4     <meta charset="UTF-8">
  5     <title>Document</title>
  6 </head>
  7 <body>
  8     <table width="100%" cellpadding="0" cellspacing="0">
  9         <tr>
 10             <td align="center">
 11                 <table cellpadding="0" cellspacing="0" width="1200">
 12                     <tr>
 13                         <td>
 14                             <table cellpadding="0" cellspacing="0">
 15                                 <tr>
 16                                     <td colspan="2" align="center">
 17                                         <img src="https://res.vmallres.com/pimages//product/6901443148066/428_428_1476858329809mp.jpg" width="180" height="180">
 18                                     </td>
 19                                 </tr>
 20                                 <tr>
 21                                     <td colspan="2" align="center"><a href="#">HUAWEI nova 3GB+32GB 移动全网通定制版(皓月银)</a></td>
 22                                 </tr>
 23                                 <tr>
 24                                     <td colspan="2" align="center"><font color="red">¥1899</font></td>
 25                                 </tr>
 26                                 <tr>
 27                                     <td align="center"><a href="#">到货通知</a></td>
 28                                     <td align="center">6200人评价</td>
 29                                 </tr>
 30                             </table>
 31                         </td>
 32                         <td>
 33                             <table cellpadding="0" cellspacing="0">
 34                                 <tr>
 35                                     <td colspan="2" align="center">
 36                                         <img src="https://res.vmallres.com/pimages//product/6901443148066/428_428_1476858329809mp.jpg" width="180" height="180">
 37                                     </td>
 38                                 </tr>
 39                                 <tr>
 40                                     <td colspan="2" align="center"><a href="#">HUAWEI nova 3GB+32GB 移动全网通定制版(皓月银)</a></td>
 41                                 </tr>
 42                                 <tr>
 43                                     <td colspan="2" align="center"><font color="red">¥1899</font></td>
 44                                 </tr>
 45                                 <tr>
 46                                     <td align="center"><a href="#">到货通知</a></td>
 47                                     <td align="center">6200人评价</td>
 48                                 </tr>
 49                             </table>
 50                         </td>
 51                         <td>
 52                             <table cellpadding="0" cellspacing="0">
 53                                 <tr>
 54                                     <td colspan="2" align="center">
 55                                         <img src="https://res.vmallres.com/pimages//product/6901443148066/428_428_1476858329809mp.jpg" width="180" height="180">
 56                                     </td>
 57                                 </tr>
 58                                 <tr>
 59                                     <td colspan="2" align="center"><a href="#">HUAWEI nova 3GB+32GB 移动全网通定制版(皓月银)</a></td>
 60                                 </tr>
 61                                 <tr>
 62                                     <td colspan="2" align="center"><font color="red">¥1899</font></td>
 63                                 </tr>
 64                                 <tr>
 65                                     <td align="center"><a href="#">到货通知</a></td>
 66                                     <td align="center">6200人评价</td>
 67                                 </tr>
 68                             </table>
 69                         </td>
 70                         <td>
 71                             <table cellpadding="0" cellspacing="0">
 72                                 <tr>
 73                                     <td colspan="2" align="center">
 74                                         <img src="https://res.vmallres.com/pimages//product/6901443148066/428_428_1476858329809mp.jpg" width="180" height="180">
 75                                     </td>
 76                                 </tr>
 77                                 <tr>
 78                                     <td colspan="2" align="center"><a href="#">HUAWEI nova 3GB+32GB 移动全网通定制版(皓月银)</a></td>
 79                                 </tr>
 80                                 <tr>
 81                                     <td colspan="2" align="center"><font color="red">¥1899</font></td>
 82                                 </tr>
 83                                 <tr>
 84                                     <td align="center"><a href="#">到货通知</a></td>
 85                                     <td align="center">6200人评价</td>
 86                                 </tr>
 87                             </table>
 88                         </td>
 89                         <td>
 90                             <table cellpadding="0" cellspacing="0">
 91                                 <tr>
 92                                     <td colspan="2" align="center">
 93                                         <img src="https://res.vmallres.com/pimages//product/6901443148066/428_428_1476858329809mp.jpg" width="180" height="180">
 94                                     </td>
 95                                 </tr>
 96                                 <tr>
 97                                     <td colspan="2" align="center"><a href="#">HUAWEI nova 3GB+32GB 移动全网通定制版(皓月银)</a></td>
 98                                 </tr>
 99                                 <tr>
100                                     <td colspan="2" align="center"><font color="red">¥1899</font></td>
101                                 </tr>
102                                 <tr>
103                                     <td align="center"><a href="#">到货通知</a></td>
104                                     <td align="center">6200人评价</td>
105                                 </tr>
106                             </table>
107                         </td>
108                     </tr>
109                     <tr>
110                         <td>
111                             <table cellpadding="0" cellspacing="0">
112                                 <tr>
113                                     <td colspan="2" align="center">
114                                         <img src="https://res.vmallres.com/pimages//product/6901443148066/428_428_1476858329809mp.jpg" width="180" height="180">
115                                     </td>
116                                 </tr>
117                                 <tr>
118                                     <td colspan="2" align="center"><a href="#">HUAWEI nova 3GB+32GB 移动全网通定制版(皓月银)</a></td>
119                                 </tr>
120                                 <tr>
121                                     <td colspan="2" align="center"><font color="red">¥1899</font></td>
122                                 </tr>
123                                 <tr>
124                                     <td align="center"><a href="#">到货通知</a></td>
125                                     <td align="center">6200人评价</td>
126                                 </tr>
127                             </table>
128                         </td>
129                         <td>
130                             <table cellpadding="0" cellspacing="0">
131                                 <tr>
132                                     <td colspan="2" align="center">
133                                         <img src="https://res.vmallres.com/pimages//product/6901443148066/428_428_1476858329809mp.jpg" width="180" height="180">
134                                     </td>
135                                 </tr>
136                                 <tr>
137                                     <td colspan="2" align="center"><a href="#">HUAWEI nova 3GB+32GB 移动全网通定制版(皓月银)</a></td>
138                                 </tr>
139                                 <tr>
140                                     <td colspan="2" align="center"><font color="red">¥1899</font></td>
141                                 </tr>
142                                 <tr>
143                                     <td align="center"><a href="#">到货通知</a></td>
144                                     <td align="center">6200人评价</td>
145                                 </tr>
146                             </table>
147                         </td>
148                         <td>
149                             <table cellpadding="0" cellspacing="0">
150                                 <tr>
151                                     <td colspan="2" align="center">
152                                         <img src="https://res.vmallres.com/pimages//product/6901443148066/428_428_1476858329809mp.jpg" width="180" height="180">
153                                     </td>
154                                 </tr>
155                                 <tr>
156                                     <td colspan="2" align="center"><a href="#">HUAWEI nova 3GB+32GB 移动全网通定制版(皓月银)</a></td>
157                                 </tr>
158                                 <tr>
159                                     <td colspan="2" align="center"><font color="red">¥1899</font></td>
160                                 </tr>
161                                 <tr>
162                                     <td align="center"><a href="#">到货通知</a></td>
163                                     <td align="center">6200人评价</td>
164                                 </tr>
165                             </table>
166                         </td>
167                         <td>
168                             <table cellpadding="0" cellspacing="0">
169                                 <tr>
170                                     <td colspan="2" align="center">
171                                         <img src="https://res.vmallres.com/pimages//product/6901443148066/428_428_1476858329809mp.jpg" width="180" height="180">
172                                     </td>
173                                 </tr>
174                                 <tr>
175                                     <td colspan="2" align="center"><a href="#">HUAWEI nova 3GB+32GB 移动全网通定制版(皓月银)</a></td>
176                                 </tr>
177                                 <tr>
178                                     <td colspan="2" align="center"><font color="red">¥1899</font></td>
179                                 </tr>
180                                 <tr>
181                                     <td align="center"><a href="#">到货通知</a></td>
182                                     <td align="center">6200人评价</td>
183                                 </tr>
184                             </table>
185                         </td>
186                         <td>
187                             <table cellpadding="0" cellspacing="0">
188                                 <tr>
189                                     <td colspan="2" align="center">
190                                         <img src="https://res.vmallres.com/pimages//product/6901443148066/428_428_1476858329809mp.jpg" width="180" height="180">
191                                     </td>
192                                 </tr>
193                                 <tr>
194                                     <td colspan="2" align="center"><a href="#">HUAWEI nova 3GB+32GB 移动全网通定制版(皓月银)</a></td>
195                                 </tr>
196                                 <tr>
197                                     <td colspan="2" align="center"><font color="red">¥1899</font></td>
198                                 </tr>
199                                 <tr>
200                                     <td align="center"><a href="#">到货通知</a></td>
201                                     <td align="center">6200人评价</td>
202                                 </tr>
203                             </table>
204                         </td>
205                     </tr>
206                 </table>
207             </td>
208         </tr>
209     </table>
210 </body>
211 </html>

原文地址:https://www.cnblogs.com/denggelin/p/8993265.html

时间: 2024-10-10 08:14:24

1、HTML+DIV+CSS零基础快速入门到制作企业站视频课程_4 简单表格应用<table>的相关文章

1、HTML+DIV+CSS零基础快速入门到制作企业站视频课程_8 css 3种样式引用方法&lt;link&gt;&lt;style&gt;

0.行内样式添加CSS <p style="color: red;">这是一个段落</p> 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>css</title> 6 </head> 7 <body> 8 <p&

1、HTML+DIV+CSS零基础快速入门到制作企业站视频课程_15 css背景属性

背景属性: background-color 背景颜色 background-image 背景图片 背景重复: background-repeat: repeat/no-repeat/repeat-x/repeat-y 背景位置:background-position: position: x y: ? 像素:100px 100px ? 百分比:10% 20%: (容器宽度-图片宽度)*10% ? left center right, top center bottom; ? -100px,0p

1、HTML+DIV+CSS零基础快速入门到制作企业站视频课程_18 盒模型[浮动计算]

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>清除浮动</title> 6 <style> 7 ul,li { 8 list-style-type: none; 9 margin: 0px; 10 padding: 0px; 11 } 12 li { 13 float:

1、HTML+DIV+CSS零基础快速入门到制作企业站视频课程_20 css样式作业

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>css样式作业</title> 6 <style> 7 * { 8 font-family: "微软雅黑" 9 } 10 body { 11 background: url("http://rea

1、HTML+DIV+CSS零基础快速入门到制作企业站视频课程_21 css定位作业

CSS3 border-radius 属性 定义和用法 border-radius 属性是一个简写属性,用于设置四个 border-*-radius 属性. 提示:该属性允许您为元素添加圆角边框! 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 &

1、HTML+DIV+CSS零基础快速入门到制作企业站视频课程_3 表格标签&lt;table&gt;

HTML <table> 标签 定义和用法 <table> 标签定义 HTML 表格. 简单的 HTML 表格由 table 元素以及一个或多个 tr.th 或 td 元素组成. tr 元素定义表格行,th 元素定义表头,td 元素定义表格单元. 更复杂的 HTML 表格也可能包括 caption.col.colgroup.thead.tfoot 以及 tbody 元素. 1 <!DOCTYPE html> 2 <html lang="en"&

1、HTML+DIV+CSS零基础快速入门到制作企业站视频课程_2 html列表的用法

0.无序列表 1.有序列表 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 </head> 7 <body> 8 <!--这是一个注释--> 9 <!--无序列表--> 10 <ul> 1

1、HTML+DIV+CSS零基础快速入门到制作企业站视频课程_12 css边框

复合写法: border: 2px solid red; 分开写法: border-color: red; border-bottom-color: blue; border-bottom-style: dotted; border-bottom-width: 5px; border-left-color: yellow; border-left-style: solid; border-left-width: 6px; border-right-color: green; border-rig

1、HTML+DIV+CSS零基础快速入门到制作企业站视频课程_11 css字体样式

复合写法: font: italic bold 20px "微软雅黑" 分开写法: font-family: "微软雅黑"; font-size: 20px; font-size: 2em; 1em=16px font-style: italic; font-style: normal; font-weight: bold; font-weight: normal; 原文地址:https://www.cnblogs.com/denggelin/p/8994214.h