どのようにHTMLテーブルを作成します。 カラー表

新しいウェブマスターは多くの課題に直面しています。 それは私たちがあなた自身のウェブサイトのテンプレートを作成するために使用することができ、今日のように見えるだろうが、トラブルがあり、彼らは常に所望の特性を持って、その後、最初からウェブサイトのデザインを作成するか、あるいは既存のコードに変更を加えるためにどちらかの必要はありません。 そして、それはHTMLコードと、背景色とページを設定した画像や動画を挿入し、HTMLでテーブルを作成する方法の最小アイデアの知識が必要になります。

テーブルの上に仕事のスタート

テーブル - マークアップHTML-ページの中で最も困難なことの一つ。 問題は、実際には、あまりにも難しいことではありません覚えている、タグの複雑さではなく、コードを書くとき、あなたは簡単にミスを犯すことができること - それが必要な場合行かないテキストを入力し、余分な行またはセルを登録するには忘れて、そして他の些細なこと。 そしてテーブルより、間違いを作るチャンス大きいです。

そのため、HTMLでテーブルを作成し始めて、我々は最大の焦点をお勧めしますし、気を取られません。

まず、我々は、特定の要素の基本的なパラメータをどのセルにあなたがなることを記念して、だけでなく、自分自身のために注意して、一枚の紙の上に将来のテーブルを描画する必要があります。

以下は、テーブル内の行の数と各列内のセルの数を計算することです。 また、我々は、このようなテーブル内の画像の存在、などの項目に注意することをお勧めします 背景色、 ボーダー、テキストを。 そうしてあなたは、格納された情報を使用して、HTMLテーブルを作成するために始めることができます。

エディタ

だから、レイアウトテーブルを作成しました。 今、私たちはそれを作成するための適切なエディタを選択する必要があります。 あなたはそれらのテーブルを作るために、特定のサイト、および設計者を選ぶことができます。 テーブルを作成し、このソフトウェアを使用すると、Word文書のと同じくらい簡単です。 あなたは、FrontPageのようなプログラムを選択することができます。 プログラムはかなり古いであるという事実にもかかわらず、それがチュートリアルよりも見つけることができるほかに、良いウェブサイトを作成するのに役立ちます。

あなたは、この目的のため、通常のノートPCや通常のWord文書のために使用することができる特別なコードを使用して、HTMLテーブルを作成したい場合。 しかし、ここであなたは長いだろうコードを書くよう努力する必要があり。

あなたはソフトウェアエンジン自体に組み込まれたエディタを使用することができます。 あなたは、多くのエンジンにレコードを作成するときに、それはテーブルなど様々な要素を、追加する機能を提供します。 あなたが満たされていない基本的な機能のエディタは、作る場合でも、コードへの変更は、最初からそれを書くより容易になります。

タグ

かかわらず、あなたがHTMLでテーブルを作成するために開始する前に、エディタでは、どのように使用するかの、あなたは基本的なタグを覚えておいてください。 それらのすべての3つ - <表>、および。 すべてのタグが対になっていることに注意してください。 最初の表は、全体としてタグを表す第二のライン、第三の定義 - 行内のセル。

タグのそれぞれについてもう少し。 テーブルには、常にタグ<表>で始まり、で終わります。 任意のブラウザは彼の前のテーブルであるものの象徴です。 次に、タグを開き、で終了行を処方。 各行において、タグ細胞のと所定数を使用。

このように、2×2の表のコードは次のようになります。

<表>

HTMLコードページ選択エディタからコピーすることができますにテーブルを挿入します。

パラメータ、行とセルのテーブル

そこで、我々は、基本的なコードを議論しました。 さて、それは明るく、より魅力的に、テーブルを改善する方法について話しましょう。 これを行うには、タグの基本的なパラメータを知っている必要があります。 各パラメータの後に等しく、そして次に引用符で撮影その値が登録されているこれらは、開始タグに書き込まれます。 <表BGCOLOR =«#FFFFFF»>：たとえば、HTMLテーブルの背景は、以下のように定義されます。

私たちはあなたに最も参考になるいくつかの基本的なパラメータをリストします。 のは、テーブル自体を見てみましょう。

だから、任意の数値を取ることができ境界線の幅パラメータボーダーの助けを、設定します。 境界線の色ははBorderColorを設定します。 一般的な背景には、BGCOLORを設定します。

あなたは、テーブルの背景画像を作成する場合は、URLパターンを設定する必要があり、この場合には、使用されるバックグラウンドを使用しています。

テーブルパラメータの周りにページの内容は、左中央、右に設定することができ、整列する位置に合わせます。

タイトルタグを設定し、すぐに開始タグ<表>の後に登録され、<キャプション>のペアをするのに役立ちます。

パラメータのビット列。 列内のセルの色は、BGCOLORを使用して設定しました。 VALIGN（中間または下部、上部の値をとる） - テキストの配置は、水平パラメータALIGN（左、中央または右）、垂直方向を使用して行うことができます。

セルに関する背景色と背景パターンがテーブル全体と同じパラメータを使用してそれを与えられることに留意されたいです。 あなたはALIGNとVALIGNパラメータを使用することができ、テキストを揃えます。

COLSPANとROWSPAN - 固有の設定もあります。 最初に細胞を拡張するであろう、列の数を設定することができます。 第二は、所与のセルが延びる可能性があるため、行の数を指定します。

つまり、すべてのより多くの有用なオプションです。

カラー表

のは、カラーテーブルなどに有用なものについていくつかの単語を言ってみましょう。 ページの背景の助けを借りて、テキスト、リンク、および他の要素の色を設定されています。 カラーテーブルは、およそ216色が含まれています。 それらのそれぞれが独自の進コードを持っています。

コード自体はポンド記号で始まり、数字や文字の三対を含みます。 例えば、テーブル内の緑色は、コード＃1 007F0を有しています。 赤、緑、青 - 各対は、三原色のうちの一つの強度を表します。 テーブルを使用して、あなたがしたい色を選択し、コードを使用して、それを設定することができます。

あなたがテーブルを使用することができない場合は、英語でその名前を使用して色を設定することができます。

コンテンツ

内容についてのいくつかの単語。 もちろん、ほとんどの場合、我々は、HTMLテーブル内のテキストを見ることができますが、それはそれだけで私たちはそこに置くことができていることを意味するものではありません。 そして、細胞株はまた、画像、オーディオファイルやビデオファイル、リンクが含まれることがあります。

テキストまたはセル内の他の情報（行）を配置するために、2つのタグの間に設定する必要があります。 たとえば、次のように名前。 これは、細胞内の「名前」を表示します。

<オーディオ>、や<動画> - 特別なタグを使用してグラフィック情報とメディアファイルを置きます。

ヒント

最後に、我々はすぐにどんな複雑なHTMLテーブルの作成を支援するためにいくつかの有用なヒントを与えます。

テーブルを書くとき、あなたが最初の表とその主なパラメータをタグ自身を登録することをお勧めします。 その後の行は、タグをリストアップ。 各ペアは、新しい行を開始します。 つまり、あなたのテーブルに行数が表示されます。 彼らは基本と異なる場合にも、行または列のパラメータをリストします。 その後、我々は新しい行として各セルを登録するために開始することをお勧めします。 端から1または2インデントタブを作成することが望ましいです。 このように、あなたは非常に明確にコードの構造が表示されます。

セルおよび行の内容は、テーブルのフレームが準備ができたとき、早けれエンドとして登録することをお勧め。