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>