HTML Learning Diary part06

Use UL to add a list of news messages

<ul>

<li> News One </li>

<li> News II </li>

<li> News Three </li>

</ul>

Use OL, add book sales leaderboard, that is, before the text to automatically add numbers

<ol>

<li> News One </li>

<li> News II </li>

<li> News Three </li>

</ol>

Separate plates for Web pages with <div> tags

<div>bla...bla</div>

Name the div to make the logic clearer

<div id= "Plate name" >bla...bla</div>

Table tags, recognize tables on a Web page

1.<TABLE>...</TABLE>: The entire table starts with a <table> marker and ends with a </table> marker.

2, <tbody>...</tbody>: When the table content is very long, the form will download a little bit, but if the <tbody> tag is added, the form will be displayed after all the contents of the table have been downloaded.

3, <tr>...</tr>: One row of the table, so there are several pairs of TR tables.

4, <td>...</td>: A cell in a table that contains several pairs in a row <td>...</td> , stating that there are several columns in a row.

5, <th>...</th>: A cell in the head of a table, table header. the text in the table header, which is the th tag, defaults to bold and centered .

Use CSS styles to add a border to a table

<style type= "Text/css" >

Table TR td,th{border:1px solid #000;}

　　</style>

　　Add a title and a summary to a table

Add Summary: <table summary= "Table Introduction Text" >

Add title: <caption> Title Text </caption>

　　

HTML Learning Diary part06