Rest a day, summed up the day before the new content, the main understanding of some text style, the focus is the production of tables.
Let's summarize the commands for making the table: Table <table>, header <th>, row <tr>, column <td>, merge two rows of cells <colspan> Merge two columns of cells < rowcolspan>, font size <front-size>, table background image <background-image>.
The following is an example of making a curriculum:
<! DOCTYPE html>
<title> Schedule </title>
<style>
caption{
/* Font Size */
font-size:30px;
Color:blue;
}
#a {
width:250px;
height:50px;
color:red;
Background-color:grey;
}
. same{
width:250px;
Text-align:center;
line-height:50px;
Color:purple;
Background-color:yellow;
}
</style>
<body>
<!--Forms-
<table width= "750px" height= "350px" border= "1px" >
<!--table Header--
<caption> Schedule </caption>
<!--the header here to the search engine to see
<thead>
<!--line--
<tr id= "a" >
<!--headers--
<th> Monday </th>
<th> Tuesday </th>
<th> Wednesday </th>
<th> Thursday </th>
<th> Friday </th>
</tr>
</thead>
<!--form here to search engine to see
<tbody>
<TR class= "Same" >
<!--Columns--
<td> Math </td>
<td> language </td>
<td> English </td>
<td> Chemistry </td>
<td> Physics </td>
</tr>
<TR class= "Same" >
<td> Biology </td>
<td> Politics </td>
<td> Art </td>
<td> Geography </td>
<td> History </td>
</tr>
<TR class= "Same" >
<td> Music </td>
<td> Sports </td>
<td> Math </td>
<td> language </td>
<td> English </td>
</tr>
<TR class= "Same" >
<td> Chemistry </td>
<td> Physics </td>
<td> Biology </td>
<td> Music </td>
<td> Geography </td>
</tr>
<TR class= "Same" >
<td> Politics </td>
<td> Art </td>
<td> History </td>
<td> English </td>
<td> language </td>
</tr>
<TR class= "Same" >
<td> Chemistry </td>
<td> Politics </td>
<td> Physics </td>
<td> History </td>
<td> Math </td>
</tr>
</tbody>
</table>
</body>
Schedule effect
Table merge cells simply include the merge attribute in the <tr> or <th> you want to merge, plus the number of rows or columns you want to merge. To add a background image to the table, add the <background-image> command and then URL to the image address.
16-11-11