How to use html table (to show the visual effect of web page)

We know that when using HTML on NetEase Blog, we can add the code directly to the template, but the effect is not very good. That's because the codes are not arranged well. Now I'll talk about using tables to arrange them, which can display the special effects well.

In HTML syntax, table is an indispensable part. Without it, it is difficult to display the visual effect of the web page. Now I will talk about table. The following is a table with two rows and two columns:

The code is: <TABLE style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid" cellSpacing=1 cellPadding=1 width="100%" border=1>
<TBODY>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD></TR>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD></TR></TBODY></TABLE>

tr represents rows, td represents columns, border represents thickness ("0" means it will not be displayed), and &nbsp; represents spaces. Here, the width of the table is best to be 100% (width="100%"). Do you understand now? Once you understand it, you can add the code you want in "<TD>&nbsp;</TD>".

For example: <TABLE style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid" cellSpacing=1 cellPadding=1 width="100%" border=1>
<TBODY>
<TR>
<td><marquee>Welcome to ω.⑨s. Messenger's Home</marquee></td>
<TD>&nbsp;</TD></TR>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD></TR></TBODY></TABLE>

The effect is:

Just like this, the rest is the same.

One more thing: when we make tables, some of them look like this:

The approach is:

<table border="1" width="100%">
<tr>
<td colspan="2">&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>

and
<table border="1" width="100%">
<tr>
<td rowspan="2">&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</table>

If you look closely, you will see that there are extra colspan="2" and rowspan="2", right? ! ! !

This is what you want. "2" is a parameter, which you also need to set yourself.

<table border="1" width="100%">
<tr>
<td colspan="2"><marquee>Welcome to ω.⑨s. Messenger's Home</marquee></td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>

and
<table border="1" width="100%">
<tr>
<td rowspan="2"><marquee>Welcome to ω.⑨s. Messenger's Home</marquee></td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</table>

The effects are:

and

Note: Other codes must be added in <td>....</td>. This is for those friends who don’t understand HTML! !