2.1 HTMLページのtableタグA
16722 ワード
2.1 HTMLページのtableタグA
説明:表ラベル1.フォーマットは次のとおりです. <table>
<tr>
<td>td>
tr>
table>
解析:tableラベル、ブラウザに伝えて、表の形式で解析してtr-行td-列を表示する注意:tdはtrの内部に書いてtrと平行しないで急速に1つのN行N列の表の作用を生成します:開発効率を高めますEclipseの中でもtable>tr 4>td 5 Tabの問題を識別することができます:1.テーブルに枠線borderが設定されていない場合、ブラウザはtableテーブルに枠線border=1 px 2を追加するように正常に表示できません.各行の各列は、デフォルトの幅と高さ設定テーブルの幅と高さwidth height 3である.最初の行の各列に幅を設定すると、残りの列は自動的に拡張されます.重複コードについては、重複利用が必要であり、コード量CSSスタイルを減らす必要があることが分かった-1.ラベルセレクタ2.クラスセレクタはまずheadラベルにラベルを書きます
<html>
<head>
<meta charset="utf-8">
<title> title>
<style type="text/css">
/* : 1 */
tr{
/*height="100px"*/
height:100px ;
}
/* */
.t1{
width: 100px;
text-align: center;
}
style>
head>
<body>
<table border="1px" align="center">
<tr>
<td class="t1">1td>
<td class="t1">2td>
<td class="t1">3td>
<td class="t1">4td>
<td class="t1">5td>
tr>
<tr >
<td align="center">6td>
<td align="center">7td>
<td align="center">8td>
<td align="center">9td>
<td align="center">10td>
tr>
<tr >
<td align="center">11td>
<td align="center">12td>
<td align="center">13td>
<td align="center">14td>
<td align="center">15td>
tr>
<tr >
<td align="center">16td>
<td align="center">17td>
<td align="center">18td>
<td align="center">19td>
<td align="center">20td>
tr>
table>
body>
html>
<table>
<tr>
<td>td>
tr>
table>
<html>
<head>
<meta charset="utf-8">
<title> title>
<style type="text/css">
/* : 1 */
tr{
/*height="100px"*/
height:100px ;
}
/* */
.t1{
width: 100px;
text-align: center;
}
style>
head>
<body>
<table border="1px" align="center">
<tr>
<td class="t1">1td>
<td class="t1">2td>
<td class="t1">3td>
<td class="t1">4td>
<td class="t1">5td>
tr>
<tr >
<td align="center">6td>
<td align="center">7td>
<td align="center">8td>
<td align="center">9td>
<td align="center">10td>
tr>
<tr >
<td align="center">11td>
<td align="center">12td>
<td align="center">13td>
<td align="center">14td>
<td align="center">15td>
tr>
<tr >
<td align="center">16td>
<td align="center">17td>
<td align="center">18td>
<td align="center">19td>
<td align="center">20td>
tr>
table>
body>
html>