HTMLでテーブルを作成する方法：の詳細な説明を

表 - Webページ上に存在しなければならない最も重要な、しかし同時に、複雑な要素の一つ。 彼らの助けを借りて、かなり簡潔な形で重要かつ有用な情報を適用するのが便利です。 もちろん、テンプレート内のほとんどのエディタは、異なるエンジンで作業し、自動的にあなたのウェブサイトまたは別のパブリケーションにテーブルを挿入しますが、どのような場合、Webデザインリソース、そのページが最初から作成されますか？ そして、初心者のマスターは、問題を取得することがあります。作り方を HTMLのテーブルを。 のは、迅速かつ正確には、アイテムを作成する方法を見てみましょう。

エディタを選択

まず、テーブルを作成し始めて、あなたが働くれているエディタを定義する必要があります。 もちろん、あなたが基本的なサイトのコードを作成するプログラムを選択する最も簡単な方法。 しかし、それは、この目的のために、古き良きメモ帳を使用するのが最適です。

あなたは右のエディタですべてを行う場合は、結果はあまりにも、すぐに見られ、さらに、使用するプログラムを要求することができますので、なぜ、あなたの人生を複雑に、求めることができます。

はい、それは本当ですが、最初からテーブルを作成するには、徹底的にその作成の原則を調べることができるようになりますだけでなく、基礎となるコードで恥ずかしいタイプミスやエラーを防止します。 時にはカーソルを下に移動され、エラーでコードを書くプロセスを見つけることが困難な場合がある、で這うことを偶然に起こります。 ノートブック内のテーブルを作成するには、コードをコピーし、あなたのための適切な場所に貼り付けることができます。

テーブルを作成するためのアルゴリズム

開始するには、HTMLでテーブルを作る方法を、短いアルゴリズムを作ります。 これは、各ステップの順序を理解していることを確実にするためです。 そして、各項目を実行する方法を正確に分析します。

のは、準備行動を見てみましょう。

1.用紙テーブルの画像上の図を描きます。

2.行とセルの数をカウントします。 異なる過去の数がいる場合 - 個別ryadochkaを考えます。

3行ヘッダーセルの数字（例えば、«№»細胞、「名前」とT。D.）を決定します。

色、高さと幅、テキストの配置 - - あなたがフィットに見える短い、すべてのもの4.メインテーブルのパラメータを書き留めます。

次に、表の作成に直接移動：

1.タグテーブルを挿入します。

2.あなたが必要とする量に基づいて、ラインのタグを挿入します。

3行は、紙に記録された量に基づいて、（正常および大文字）細胞のタグを挿入します。

4.テーブル全体のパラメータを設定します。

5.個々のセルのパラメータを設定する必要がある場合。

6.私たちのセルのテキストを入力します。

テーブルを作成します

だから、あなたはエディタを選択し、今のはHTMLでテーブルを作成する方法を見てみましょう。 表（<表>）可能タグは、ページのコードに挿入された対になっている、つまり、私たちの構造は、このタグで始まり、で終了します。

タグテーブルの挿入、行とセルの作成に進みます。

今、私たちは、これらの要素はまた、対になっていることに注意してください。 タグ の文字列を定義し、 - 細胞を。

上部細胞についてペア要素を使用すべきです。

すでに述べたように、最初のステップは、その後、彼らはセルを登録する必要があり、ラインを描画することです。 混乱を避けるために、ラインまたは2に各ブロック間のいずれかのパディングを行うために、または他の「タブ」キーを使用して、新しいブロック要素を規定することをお勧めします。

それはどのようにのように見えることができますか？ このような何か：

• <表>。
• 。
• は、p / P №。
• 名前。
• 。
• 。
• 1 。
• イワノフ。
• 。
• 。

あなたが見ることができるように、何もそれについて複雑ません。 主なものは - 行とセルの数で迷子にしないでください。 それ以外の場合は、テーブルが傾いています。

私たちは、今、私たちが行列し、その行とセルの両方のパラメータに進むことができ、HTMLでテーブルを作成するために解体されています。

テーブルオプション

アライメント：コードが書かれている場合は、次の点に注意する必要がある テーブルHTMLの色 ようにボーダー、背景、テキスト、および。

パラメータは、テーブルタグ<表>に指定されています。 これらは、次のとおりです。

1.ボーダー - 境界線の幅。 整数によって定義されています。 デフォルトでは、任意のテーブルの罫線が消えます。

2. BORDERCOLOR - 境界線の色。 これは、16進数のカラー（＃00008B）として与えられ、そしてangliykomに彼の名前（DarkBlueに）することができます。 デフォルトでは、それは常にグレーです。

3. BGCOLOR - 背景色。 コードまたは名前で指定されているように。

4.合わせ - テーブルのテキストを揃えます。 デフォルト - 左に。 このパラメータには、以下のオプションがあります。

• 左 - 右のラップ。
• 左へ右-obtekanie。
• センター - 流れがないと途中で出力テーブル。

5.幅と高さ - テーブルの幅と高さ。 これは、ピクセル単位またはパーセント（ブラウザウィンドウのサイズに対して）のいずれかとすることができます。

特定の指標を処方、あなたがデザインに特に注意を払う必要があります。 「等しい」に署名行くためにパラメータを指定した後、引用符で所定の値を示した後。

テキストの色については、その後、HTML形式のプレーンテキストと同じようにそれを作ります。

テーブルの例：

• <テーブル境界= "2" はBorderColor = "＃00008B" BGCOLOR = "#FFFFFF" 整列= "中心" 幅= "800" 高さ= "800">。
• 。
• は、p / P №。
• 名前。
• 。
• 。
• 1 。
• イワノフ。
• 。
• 。

パラメータ行

だから我々はすでにHTMLでテーブルを作成し、その主なパラメータを処方する方法を考え出しました。 しかし、我々は、文字列を割り当てるために何が必要か？ 彼女のいないテーブルの本体としてチェックしてください！

ラインパラメータは、データテーブルと同様に、タグで記述されています。 以下の変数を定義することができます行に：

1.はすでにあなたに国境はBorderColorとBGCOLORを知られています。

2.揃え - 行のテキストを揃えます。 これは、左中央、右に設定することができます。

3. VALIGN - タグは、テキストを垂直方向に整列します。 それは次の値をとります。

• トップ - テキストが上限に整列されます。
• 真ん中 - 真ん中に。
• 下 - 下端。

例ラインクリアランス：

• 。
• は、p / P №。
• 名前。
• 。

パラメータ細胞

ノーマルと資本の両方、個々の細胞のパラメータ - そして最後の事はあなたがHTMLでテーブルを作る方法を知りたい人に注意を払う必要があります。 実際には、すべてがテーブルまたは行と同じ方法で行われます。 2つのだけ重要な要素を追加しました：

1. COLSPAN - このパラメータは、セルが延びる可能性があるため、列の数を指定します。

2. ROWSPANは - すでにこのセルによって占有された行の数を示します。

デザインは処方箋ラインと違いはありませんので、それは、サンプルコードにはなりません。

調査結果

テーブルを作ることは、それは一見見えるかもしれないほど難しいことではありません。 主なものにそのコードの書き込み - 忍耐力と注意を。

HTMLのテーブルを挿入する方法については、そのコード番号は、あなたの意見では、配置する必要があり、その中で、あなたのページの代わりにそれをコピーして貼り付けることができれば十分です。

試すことを恐れてはいけない、とすぐに、あなたは完全にテーブルを作成するための技術を習得しています。 幸運！