XHTML introductory tutorial: Application of table tags

<br />Table is an awkward tag in XHTML, so you only need to understand it in this section. Before CSS became popular, tables were widely used for positioning. In XHTML, tables are not recommended for positioning, and W3C hopes that CSS can replace <table> in positioning. However, in fact, since using CSS layout often requires a lot of hand-written code (common web design software such as Dreamweaver does not perfectly support the display of div), <table> is still used by many websites for homepage layout. For example, Google's More products page uses table for positioning. However, I personally recommend that you start using CSS to position your pages, as this is the direction the web is heading. Of course, replacing tables with CSS may cause you a lot of trouble in the early stages. Table Tag <table>
In XHTML, the tag for creating a table is <table>. When writing the code, we first use the <tr> tag to divide the table into rows, and then use the <td> tag to divide each row into cells. It is very difficult and inefficient to create a table entirely by handwriting code. However, creating a table in a web page creation software is as easy as in Word. You only need to select simple properties such as rows and columns. However, we may encounter the possibility that the automatically generated table does not meet the requirements and needs to be adjusted in code mode, so we still need to have a general understanding of the specific writing methods of XHTML table tags. Table border properties
The <table> tag can have a border attribute. If you do not set a value for the border property, the browser will not display the table border by default. Table Exercise Let's create a label with four rows and two columns. The code is as follows: <table border="1">
<tr>
<td>a grid</td>
<td>a grid</td>
</tr>
<tr>
<td>a grid</td>
<td>a grid</td>
</tr>
<tr>
<td>a grid</td>
<td>a grid</td>
</tr>
<tr>
<td>a grid</td>
<td>a grid</td>
</tr>
</table>
The displayed results are as follows: Note the code above, there are 4 pairs of <tr>, corresponding to the 4 rows below. And each <tr> (row) has two <td> cells. So it becomes a table with 4 rows and 2 columns.
A table with grids like this is sufficient for listing data and other information, but tables used for positioning are usually more complicated. Once again, we emphasize that we do not recommend using tables for positioning, so here we only briefly introduce <table>.

<<: jQuery implements breathing carousel

>>: Docker-compose quickly builds steps for Docker private warehouse

Example of how to quickly build a Redis cluster with Docker

XHTML introductory tutorial: Application of table tags

Example of how to quickly build a Redis cluster with Docker

How to operate the check box in HTML page

Instance method for mysql string concatenation and setting null value

jQuery combined with CSS to achieve the return to top function

W3C Tutorial (14): W3C RDF and OWL Activities

Example of using @media responsive CSS to adapt to various screens

Solution to the problem of incomplete display of select drop-down box content in HTML and partial coverage

Example code for using CSS cross-fade() to achieve a semi-transparent background image effect

VMware kali virtual machine environment configuration method

js to realize login and registration functions

Recommend

Detailed explanation of jQuery method attributes

JavaScript adds event listeners to event delegation in batches. Detailed process

Detailed explanation of the reasons why MySQL connections are hung

Detailed example of using case statement in MySQL stored procedure

How to install a virtual machine with Windows services on Mac

VMware 15.5 version of the graphic tutorial to build a yum warehouse by mounting the system CD

Things to note when migrating MySQL to 8.0 (summary)

A very detailed explanation of the Linux DHCP service

Detailed explanation of scheduled tasks for ordinary users in Linux

Optimization of MySQL thread_stack connection thread

Dynamic starry sky background implemented with CSS3

Install MySQL database 5.6 source code under Linux and change the login user password

Detailed process of installing various software in Docker under Windows

MySQL 5.7.23 decompression version installation tutorial with pictures and text

Ideas and codes for implementing iframe to intercept part of the website content