HTML のテーブルとリストに関するチュートリアルの例-htmlチュートリアル-php.cn

HTML のテーブルとリストに関するチュートリアルの例

零下一度

リリース： 2017-06-24 11:58:41

オリジナル

1486 人が閲覧しました

今日はあなたのためにフォームとリストを用意しました。

1. 記事にはさまざまなデータが含まれていますテーブルこのウェブページも例外ではありません。

(1)、ラベルの意味

---------------------テーブルの始まり
- ------テーブルタイトル
----------- 行開始タグ
---- ----------ヘッダー
----------行末タグ

------ ---表終了

(2)、表 style

cellpaddingプロパティは、セルの境界線とセルの内容の間の距離を設定します。 SC
ellSpacing セル間の距離。 Border プロパティは、フレームのフォームの幅を示します。高さ
テーブルの高さを設定します。 [注意]: tableのhigh属性をmediumに記述して、自動的に開くようにするのが最善です。しかし、これにより、tr に各行の必要な高さを与えることができます

<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>

ログイン後にコピー

effect

2番目の順序なしリスト

' ディスク（黒丸）サークル（白丸）スクエア（四角） code

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

     </body>
</html>

ログイン後にコピー

効果

3. 順序付きリスト

順序付きリスト:

< ;/li> (type 属性)
1 ('数字1.2.3...で下に並べる) A (aによると)小文字の a.b.c .... Lowing)
ⅰ ⅰ (大として、Ⅱ、Ⅲ .... Lowing)
(Start 属性) & lt; start = " 2">(この順序付きリストがそうでないことを示します)デフォルトでは1から始まりますが、2から始まります)
Code
```
<html>
     <head>
	<title>有序列表</title>
     </head>
     <body>
	  <ol type="A">       
   		<li>有序列表</li>  
   		<li>有序列表</li>
   		<li>有序列表</li>   
 	  </ol>                     

     </body>
</html>
```
ログイン後にコピー
効果はA、B、C…に応じて型は下向きにしか書けませんその3種類

以上がHTML のテーブルとリストに関するチュートリアルの例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

HTML のテーブルとリストに関するチュートリアルの例

今日はあなたのためにフォームとリストを用意しました。

Code