Community Learn Tools Library Leisure
search
English
Home > Web Front-end > HTML Tutorial > HTMLTable layout_html/css_WEB-ITnose

HTMLTable layout_html/css_WEB-ITnose

WBOY
Release： 2016-06-24 11:41:52
Original
1158 people have browsed it

 1 <DOCTYPE html> 2 <html> 3     <head> 4         <meta http-equiv="Content-Type" Content="text/html" charset="utf-8"/> 5         <title>table布局</title> 6     </head> 7     <body> 8         <table border="0" width="800px"> 9             <tr>10                 <td colspan="2" style="background-color:#99bbbb">11                     <h1>Main Title of The web page</h1>12                 </td>13             </tr>14             <tr valign="top" >15                 <td style="background-color:#ffff99;width:300px; height:400px;text-align:top;">16                     HTML<br/>17                     CSS<br/>18                     JavaScript<br/>19                     Jquery<br/>20                 </td>21                 <td style="background-color:#EE8888;text-align:top;width:500px;height:300px;">Content Goes here</td>22             </tr>23             <tr>24                 <td colspan="2" style="text-align:center; background-color:#CCCCCC">CopyRight W3CSchool.com.cn</td>25             </tr>26         </table>27     </body>28 </html>
Copy after login

Rendering:

Related labels：
HTMLTable布局
source：php.cn
Previous article：Pure CSS to create a silver MacBook Air (2)_html/css_WEB-ITnose Next article：Thoroughly understand the difference between px and em units in css_html/css_WEB-ITnose
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
Creating this specific design using a grid: a step-by-step guide I'm trying to create a layout similar to this image, I've tried using this grid but can't ...
From 2024-04-06 20:29:08
0
2
492
Forced refresh is a consequence of accessing undefined paths or error pages in Next.js Accessing an undefined path or error page causes Next.js to do a hard refresh, causing my ...
From 2024-04-05 08:32:46
0
1
400
box protocol in grid layout in css I want the first two boxes to go up with max width and the second box to go down with max ...
From 2024-04-03 16:36:04
0
2
334
Create diverse card layouts using a single grid or Flex: a practical guide I'm trying to make a responsive card layout like the one pictured. What I'm currently doin...
From 2024-04-02 21:07:36
0
2
377
Layout in Next.js obscures page content I'm trying to use bottom navigation from Material-ui (https://mui.com/material-ui/react-bo...
From 2024-04-02 19:42:19
0
1
275
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template