Example tutorials on tables and lists in html-HTML Tutorial-php.cn

Table of Contents

Today I have prepared forms and lists for you. " > Today I have prepared forms and lists for you.

<ol> 　　　　 Ordered list attribute: 　　<li></li> 　　　　　　　　　　　　　　　　　　　　　　　　　　　　 around down around through the list >" >Ordered list: <ol> 　　　　 Ordered list attribute: 　　<li></li> 　　　　　　　　　　　　　　　　　　　　　　　　　　　　 around down around through the list >

Home

Web Front-end

HTML Tutorial

Example tutorials on tables and lists in html

零下一度

Jun 24, 2017 am 11:58 AM

html Base sheet

Today I have prepared forms and lists for you.

1. The article has various data tables This web page is no exception.

(1), label meaning

----------------------Table start
　　-------Table title
　　　------------Row start tag
--Cell
-------------------End of line tag

-------- -------------Table end

(2), table style

cellpadding Attribute setting cell The distance between the border and the cell content.
cellspacing The property sets the distance between cells. .
height Set the height of the table. [Note]: It is best to write the attribute "High" in
table and let it expand automatically. But this can give tr the required height for each row
Code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
`<html>`
     `<head>`
    `<title>表格</title>`
     `</head>`
     `<body>`
    `<table border="1px"` `width="500px"` `cellpadding="10px"` `cellspacing="10px">`
　　      `<caption>表格标题</caption>`
　　　　        `<tr height="50px">`
　　　　　　      `<th>表头</th>`
　　　　　　      `<th>表头</th>`
　　　　        `</tr>`
        `<tr>`
　　　　　　      `<td>单元格</td>`
　　　　　　      `<td>单元格</td>`
　　　　        `</tr>`
    `</table>`
     `</body>`
`</html>`
Copy after login

Effect

2. Unordered list

<html>
     <head>
    <title>表格</title>
     </head>
     <body>
     <ul type="circle">       
        <li>无序列表</li>    
     </ul>           
 
     </body>
</html>

Copy after login

Effect
　

三, Ordered list

Ordered list:
　　　　 Ordered list attribute: 　　
　　　　　　　　　　　　　　　　　　　　　　　　　　　　 around down around through the list >

It does not start from 1 by default but starts from 2)

Code

<html>
     <head>
    <title>有序列表</title>
     </head>
     <body>
      <ol type="A">       
        <li>有序列表</li>  
        <li>有序列表</li>
        <li>有序列表</li>   
      </ol>                     
 
     </body>
</html>

Copy after login

The above is the detailed content of Example tutorials on tables and lists in html. For more information, please follow other related articles on the PHP Chinese website!

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