HTMLの基礎とWebデザイン

すべてのHTML文書は、文書の全体的な構造を定義する次の要素が含まれて：

あなたのタイトルをここに文書の本文をここに。

前述の例で示すように、HTMLタグは一般的にペアで使用されている文書を同封の部分。開始タグなど、 は、そのセクションに固有の書式設定の起動信号、終了タグなど、 は、タグ名の前にスラッシュが含まれ、そのセクションの書式設定の終わりを示します。ここで、これらの各タグの説明です：

-： このタグはHTMLドキュメント内の最初のものとして表示される必要があります。これは、ブラウザでファイルをHTMLファイルのことを伝えます。
- および ： これらのタグと呼ばれるドキュメントのセクションで囲む ヘッダー、 これは、文書全体に適用される情報が含まれます。
- "/ HTMLの" </strong><strong>および </strong><strong>： これらのタグは文書のタイトルを囲みます。それには、HTMLドキュメントのタイトルとして使用されて表示される任意のテキスト。これは、ブラウザのタイトルバーに表示されるテキストです。
- および ： これらのタグは開始して、ドキュメントの部分の終わりには、ブラウザに表示されたときにページビューをマークします。スタッフの多くは、これらのタグの間に落ちる。
-： このタグは、常にお客様の文書の最後のタグです。

を指定するフォントの設定

Webの初期には、HTMLを正確にWebページ上のタイプの外観を制御を有効にする方法を提供していない。しかし、現在では、HTML HTML形式では、フォントの設定を制御できるように2つのタグ： としてのタイプを制御するためのいくつかのメソッドを提供します。一方 、 タグには 、 デフォルトのフォント 、 ドキュメント全体に使用される設定タグを使用するテキストの個々のブロックのためのフォントの設定を制御することができます。これらの両方のタグのすぐに1つまたは複数が続きます 。 属性は、 これは、タグに固有の情報を提供します。ここでは、 タグの中で最も重要な属性があります：

-顔：書体を設定します。 -サイズ：1のスケールで7で、7位であり、1型のサイズ付与は最小である。デフォルトのサイズは3です。 -カラー：テキストの色を設定します。ここで、HTMLのは、書体、サイズを設定するコード、および色のテキストに使用されます： 
これは通常の本文テキストのフォントは、BASEFONTをタグセットを使用する。 
 これは 、 見出し 
後は、見出し、テキストはBASEFONT要素の設定に戻ります。
  

ときに、次の行に分解するための行を強制的にしたい場合は、段落を挿入することができます（

その時点で）タグです。

テキストの新しい行を前に、タグも挿入するスペースの余分な空白行が始まります。場合は、余分な空白行を追加したくない場合は、使用することができます
タグです。このタグはまた、しかし、改行を強制的に任意の余分なスペースが挿入されません。どちらも

タグや
タグは、終了タグが必要です。

を入力する見出し

中断のないテキストの一定のストリームを使用してWebページを記入しないでください。代わりに、見出しや段落ごとにページ上のコンテンツを整理する。HTMLの見出しタグ等は、管理可能なチャンクにあなたのテキストを分割を作成する簡単な作業を確認します。あなたの見出しの6つのレベルに、WebページのHTMLタグを使用して開くを使用することができます

、

などを介して

。 HTMLの次のスニペットを使用するすべての6つの見出しスタイルを示しています：

これは、見出し1 
これは、見出し2 
これは、3見出し
これは、4見出し
これは見出し5です
これは、6見出し
これは、通常のテキストの段落です。

テキストの書式設定

次のサブセクションでどのようにコントロールを配置すると、太字、斜体を追加できるように書式設定コマンドを挿入すると、HTMLドキュメントに色を示しています。

アライメント

HTMLを使用するテキストを整列させるため、多くの選択肢を提供していません。デフォルトでは、テキストは左ページに配置されます。しかし、あなたの使用することができます

タグは、この例のように中央に配置するテキストを指定する：

このテキストを中心です。

太字

書式を設定する太字のテキストタグを使用することができます。すぐに太字で表示したいテキストの前にタグを追加する。続いて、次の例に示すように 、 終了タグを追加：によって太字をオフにする

この大胆なテキストです。

タグの使用において、けちしてください。太字の時折使用するが、もし過剰に太字の書式は、テキストを読むことが難しくなります大丈夫です。

イタリック体

書式を設定するイタリック体のテキストタグを使用することができます。すぐにはイタリック体で表示したいテキストの前にタグを追加する。続いて、次の例に示すように 、 終了タグを追加する：部品イタリック書体をオフにする

これはイタリック体のテキストです。

イタリック体の時々使用すると、大丈夫ですが、無理しないようにしてください。

カラー

さまざまなHTMLタグの色を指定することができます。たとえば、 は、お客様のページの背景色を指定することができますBGCOLORは属性があります。 タグのCOLOR属性のテキストの色を設定します。標準的なHTMLを使用する定義済みの色を設定する：を使用することができます14色の名前を定義するブラック、シルバー、グレー、ホワイト、マルーン、パープル、フクシア、グリーン、ライム、オリーブ、イエロー、ネイビー、ティールとアクア。色を設定する最も簡単な方法のいずれかの色の名前を使用することです。たとえば、次のようなタグを使用できます：黄色のテキストを作成する

このテキストは黄色です。

リストの作成

HTMLを使用することにより、あなたのWebページのリストの2つの基本型を作成することができます。

-箇条書き： もっと正式に知られて 順序を示します。 箇条書きで、行頭文字（通常はドット）リスト内の各項目をマークします。

-番号付きリスト： もっと正式に知られて 順序を示します。 番号は、番号付きリストの各項目をマークします。 Webブラウザのうち数は各アイテムのリストを使用して把握を行います。

箇条書き

、箇条書き、または順序付けられて、リストはこれらの3つのタグが必要です： - 
    マークを順不同リストの先頭に- 
  • リスト内のマークを、各項目のを開始します。対応する
    • タグが必要です。 - 
マーク全体のリストの最後に、ここのHTMLは、箇条書きのリストをセットアップの一部です： 
住民のオズの魔法使い
  • スケアクロウ
  • 錫男
  • 憶病ライオン
  • チキン
  • ウィザード
  • 邪悪な魔女、西の
  • グレンダ

番号、番号付きリストまたは順序、リストはこれらの3つのタグが必要です：

- 
    マーク付きリストの始まり- 
  1. リスト内のマークを、各項目のを開始します。対応する
    2. タグが必要です。 - 
マーク全体のリストの最後に、ここでは、番号のリストを作成するHTMLコードの断片は： 
ピザを注文するための手順
  1. 受話器
  2. ダイヤル番号
  3. のご注文
  4. ハングアップする携帯電話を

挿入水平方向の規則

水平方向の規則 水平線は、あなたのWebページ上で視覚的な改行を作成するに追加することができます。ページにルールを追加するには、使用する

タグ（ない終了タグ）が必要です。場合は、高さ、幅を制御することができますし、ルールの配置サイズ、幅を使用して、とalign属性。例えば：

この例では、ルールの半分は、ページの幅、高さ6ピクセル、ページを中心に、多くのWebデザイナーというよりも、グラフィックイメージを使用することを好む

タグの水平方向のルールを作成する。ため、様々なWebブラウザで表示する
タグ異なるため、ルールのイメージを使用して正確にどのようにあなたのルールに基づいて表示を制御する画面ができます。これらの手順に従ってイメージルールを使用するには：

1。 タイプのイメージのルール（）タグで、通常使用すること

タグは、水平方向のルールを作成する：

2。 ソースの場合は（鉄骨）内の属性 タグは、型の名前グラフィックスは、画像のルールを使用する場合を含むファイル：

3。 に追加 幅 その場合は、必要のピクセル数を指定する属性スパン、または画面の幅の割合のルール：

4。 挿入
タグの直前に改行を強制するためにルールを次のこのように：


記事ジュスティーヌマケイン提出

免責事項：弊社のウェブサイトは、この資料の内容については責任を負いません。 Webarticles無料の情報リソースです。
重要： この記事は、"HTMLの基礎とWebデザイン"の自動ソフトウェアによって翻訳された。大変申し訳ございませんが発生した可能性があります任意のスペルミスを感じている。お客様のご理解いただき、ありがとうございます。


Online: 411 users browsing the articles directory