HTMLチュートリアル(初心者向け)

初心者のためのHTMLチュートリアルいくつかのHTMLを学びたいですか?


それは素晴らしいアイデアのように思えます。したがって、このHTMLチュートリアルを初心者向けにまとめた理由.

今日、世界には少なくとも17億のWebサイトがあります。これらのWebサイトの実質的にすべてが何らかの方法でHTMLを使用している.

追伸:HTMLを学びたくなく、コーディングなしですぐにWebサイトの構築を開始したい場合は、このガイドを参照してください:Webサイトを無料で作成する方法(HTMLを学習せずに).

HTMLの概要


HTMLとは?

HTMLとはHTMLは、HyperText Markup Languageの頭字語で、WebサイトおよびWebアプリケーションを作成するためのコンピューター言語です。通常はテキストファイルに記述され、HTMLとして保存される主に一連のコードで構成され、HTML言語で記述されたコードは、ブラウザーを介して表示すると、美しく適切にフォーマットされたテキストまたはテキストとメディアの組み合わせに変換されます。.

HTMLは、1990年にイギリスの物理学者Tim Berners-Leeによって最初に開発され、それ以来多くの進化を遂げており、最新バージョンでは、言語が最初に発明されたときの想像をはるかに超えることができます。.

このチュートリアルでは、HTML言語の基本と、HTMLを初心者として使い始めるために知っておく必要のあるすべてについて説明します。.

HTMLバージョン

最初に、HTMLが発明されて以来、すべてのHTMLバージョンの簡単な概要.

  • HTML 1.0:これはHTMLの最低限のバージョンであり、言語の最初のリリースでした.
  • HTML 2.0:このバージョンは1995年に導入されました。徐々に進化し、フォームベースのファイルのアップロード、テーブル、クライアント側のイメージマップ、国際化などの追加機能が可能になりました.
  • HTML 3.2:World Wide Webの標準を確実に開発するために、1994年にTim Berners-LeeによってWorld Wide Web Consortium(W3C)が設立されました。1997年までに、HTML 3.2を公開しました。.
  • HTML 4.0:1997年の後半、W3CはHTML 4.0をリリースしました。これは、多くのブラウザ固有の要素タイプと属性を採用したバージョンです。.
  • HTML 4.0は1998年に小規模な編集を加えて再発行されました.
  • HTML 4.01:1999年12月、HTML 4.01がリリースされました.
  • XHTML:仕様は2000年に導入され、HTML 4.01との共同標準として使用することが推奨されました。コードを適切に記述し、プログラミング言語間の相互運用性を確保するためにXMLを組み込んだ.
  • HTML5:W3Cは、推奨事項として2014年10月にHTML5を公開し、その後2016年11月にHTML 5.1をリリースしました.

HTMLエディターの選択

HTMLエディターを選択HTMLでWebページを作成する場合は、HTMLエディターが必要です。 HTMLエディターの使用にはいくつかの利点があります.

優れたHTMLエディターは、コードをクリーンで整理された状態に保ちます。また、新しいタグを開いたときにそれを検出して自動的に閉じ、バグのあるコードが存在しないようにし、その結果、入力する必要のある量を減らします。今日のほとんどのHTMLエディターでは、Webページをプレビューして、WYSIWYG機能を使用してWebブラウザーでどのように表示されるかを確認できます。.

多くの無料および有料のHTMLエディターがあります。以下は、選択できる主なオプションの一部です。

HTMLの基本的な構成要素


使用するHTMLエディターを決定したら、次のステップはHTMLの構成要素を理解することです。 HTMLでコーディングする場合、これらの構成要素を理解することが不可欠です。タグ、属性、要素が含まれます。以下でそれらを基本的に見ていきます。

タグの紹介

HTMLに慣れたら、まず理解する必要があるのはタグです。本質的に、タグは通常のテキストをHTMLコードから分離します.

したがって、HTMLの場合、タグは、ドキュメントが通常のテキストとして表示されるか、基本的には一連のもの(ハイパーリンク、画像、メディア、その他タグに基づいて表示するように指示されたものに基づいて、フォーマットの方法).

例として「彼は男の子です」という単語を見てみましょう。

  • 通常のテキスト形式では、彼は男の子です。.
  • 太字のテキスト形式では、次のようになります。 彼は男の子です

私たちが太字で示しているものを実現するには、 鬼ごっこ.

HTMLでテキストを太字にする

生のHTMLでは 彼は男の子です ブラウザはこれを次のように変換します。 彼は男の子です.

「彼は男の子です」も斜体で出てきます.

これは、 鬼ごっこ.

HTMLでテキストを斜体にする

我々は持っています: 彼は男の子です その後、 彼は男の子です.

ハイパーリンクは、 鬼ごっこ.

HTMLでハイパーリンクされたテキストを作る

生のHTMLには次のようなものがあります。.

タグについて理解しておくべきことがいくつかあります。

  • タグは実質的にHTMLの構成要素です。タグなしでHTMLを作成することはできません。使用するタグが見つからない場合は、HTMLの定期的な表を確認してください。.
  • ほとんどすべての開いているタグを閉じる必要があります。例外があることに注意してください。閉じる必要のないタグの例は、改行などの空のタグです。
    .
  • タグは「より小さい」(「<”) and greater than (“>”)山かっこ。終了タグには、終了するタグの名前の前になるスラッシュが含まれています。開始タグの例: . 閉じたタグの例 .
  • すべてのHTMLファイルは開始タグで始まります 終了タグで終了します. HTMLファイルの最初の行でドキュメントのタイプを宣言し、ブラウザが使用するHTMLフレーバーを認識できるようにする必要があります。これが、HTMLページが「」HTMLコードが始まる前.

コンテンツが追加される前のほとんどのHTMLファイルは、基本的に次のようになります。

HTML--

次のセクション タグには通常、ドキュメントのタイトル、メタタグ、CSSファイルの場所などの情報が含まれています。ブラウザページには直接表示されないコンテンツです。 「 そして」(「メインコンテンツ」で表します)は、ビューアでブラウザに表示されるHTMLファイルのメインコンテンツが配置される場所です。これには、最初の段落からハイパーリンク、フォーマット、マルチメディア、その他すべてまでが含まれます.

要素の紹介

要素の紹介

HTMLでは、「要素」は開始タグと終了タグ、およびタグ間のコンテンツで構成されます.

の中に “彼は男の子です」(太字)の例では、HTMLで次のように記述しています。 彼は男の子です. 「彼は男の子です」というテキストは、開始タグと終了タグで囲まれています。開始タグ、コンテンツ、終了タグを含むすべてが要素です.

タグが開かれると、コンテンツが導入され、タグが閉じられると、要素があります.

要素は、基本的な形式でも複雑な形式でもかまいません。どうして?なぜなら、開始タグと終了タグの間、およびこれらのタグの間はすべて要素だからです。つまり、要素内に要素を含めることができます。現在の例では、「彼は男の子です」(彼は男の子です)は要素です.

先ほど言ったように、HTMLドキュメントには コンテンツが始まる前にタグを付けます。コンテンツには何百もの異なる要素を含めることができますが、これらの要素はすべて「body」要素の一部です(body要素は開いており、コンテンツを含み、その後閉じているため)。.

属性の紹介

HTMLドキュメントは基本的にすべてにタグを使用しますが、要素内の追加情報を伝達したい場合があります。この場合、属性を使用します。この属性は、要素の特性を定義するために使用され、要素の開始タグ内で使用されます。属性は名前と値で構成されています.

属性の値は、次の形式を使用して引用符で囲まれていることに注意してください。 あなたのテキスト.

属性の例

彼は男の子です

この例では、「彼は男の子です」がドキュメントの中央に配置されるように指示しています.

HTML入門


HTMLを使い始める今日、独自の基本的なHTMLドキュメントを作成したい場合、どのように始めますか?ページタイトルの作成からフォームの作成まで、HTMLの使用を開始する方法を以下で説明します.

HTMLの作成 素子

HTMLドキュメントを作成する場合、最初に作成するのは 素子。これにはメタデータ(またはHTMLドキュメントに関するデータ)が含まれます。これには、文字セット、ドキュメントタイトル、ドキュメントスタイル、スクリプトなどの情報が含まれます.

の要素の一部 で作成されたタイトルを含めます 鬼ごっこ.</p><p><strong>例</strong>:</p><pre><title>これは私たちのページのタイトルです

このタイトルはブラウザのタブに表示されます。また、検索エンジンボットがウェブサイトをクロールしたときに、ページのタイトルとしてインデックスに登録されます。.

これには、 要素。検索エンジンがリストのコンテンツを説明するために使用できる情報を指定するためによく使用されます。これには、説明、キーワード、著者情報などが含まれます。 要素は、HTMLドキュメントが使用する文字セットも指定します.

HTMLで見出しを作成する

HTMLで見出しを作成する

見出しは、ウェブサイトの成功に大きな役割を果たす。まず、読者がページのコンテンツを簡単にスキャンできるようにします。第二に、そしておそらくもっと重要なこととして、それらはあなたのウェブページの構造を検索エンジンに伝え、それゆえしばしばあなたのコンテンツが検索エンジンの結果でランク付けされる方法に影響を与えます.

つまり、見出しタグを使用してテキストを大きくしたり太字にしたりしないようにすることが重要です。そのために使用できる他のタグがあります(このセクションの後半で説明します)。代わりに、見出しタグは構造のみに使用する必要があります.

HTMLには6つの見出しタグがあります。

, とともに

最も重要な見出しと
最も重要でない見出しを示すタグ.

見出しを作成するには、作成する見出しを決め、通常の見出しタグで見出しを開き、完了したらタグを閉じることを忘れないでください。.

HTML見出しの例

  • これが最初のHTML見出しです

    (最大)

  • これは2番目のHTML見出しです

  • これは3番目のHTML見出しです

  • これは4番目のHTML見出しです

  • これは5番目のHTML見出しです
  • これは6番目のHTML見出しです

段落を作成する

HTMLで段落を作成する

次のステップは、段落の作成を開始することです。段落は、

鬼ごっこ.

これが最初の段落です.

これは2番目の段落で、さらに多くの段落を作成します.

HTMLでの記述は、純粋なテキストでの記述とは大きく異なることに注意してください。したがって、新しい段落を開始せずにHTML内のテキストを分割する場合、ブラウザでテキストがいつ表示されるかは重要ではありません。代わりに、次のように表される改行を使用します
鬼ごっこ.

これは新しい段落です. そして、私は多くの新しい行を使いたいです. だから私はそれを分割しています.

これは次のようには出てきません:

これは新しい段落です.
そして、私は多くの新しい行を使いたいです.
だから私はそれを分割しています.

代わりに、次のようになります。

これは新しい段落です。そして、私はいくつかの新しい行を使いたいです。だから私はそれを分割しています.

では、テキストを次のように改行するにはどうすればよいでしょうか。

これは新しい段落です.
そして、私は多くの新しい行を使いたいです.
だから私はそれを分割しています.

改行を使用する.

これは新しい段落です.
そして、私は多くの新しい行を使いたいです.
だから私はそれを分割しています.

とはいえ、改行(
)タグは空のタグなので、閉じる必要はありません.

HTMLでのテキストのフォーマット

HTMLでのテキストのフォーマット

次のステップは、テキストをHTMLにフォーマットすることです。ここで、テキストを太字、斜体、下線付き、下付き、上付きなどで表示するかどうかを指定できます。これは基本的なガイドであるため、このセクションは書式設定のすべてではありません。代わりに、いくつかの基本的なフォーマットタグのみを含めます。他の形式のフォーマットを使用するプロセスは簡単です。必要なタグを見つけて、先に進んでください。

太字を使用彼は男の子です 出てくる 彼は男の子です

イタリックを使用する彼は男の子です 出てくる 彼は男の子です

テキストに下線を引く彼は男の子です 出てくる 彼は男の子です. 注目に値する タグはHTML 4.01で廃止され、HTML5で文体的に異なるテキストを表すように再定義されました。そのため、CSSを使用して下線を引くテキストを示すことをお勧めします。この記事は基本的なガイドなので、シンプルにしています。.

下付き文字の使用彼は男の子です 出てくる 彼は男の子です

上付き文字の使用彼は男の子です 出てくる 彼は男の子です

書式設定に使用できる他のタグについては、このリソースの最後にある用語集をご覧ください。関連するHTMLタグが多数含まれています。.

順序付きリストと順序なしリスト

遅かれ早かれ、リストを作成する必要があります。リストは順序付けされている(つまり、番号付けされている)か、順序付けされていない(つまり、番号付けされていない).

順序付きリストの例は次のとおりです。

  1. アイテム1
  2. アイテム2
  3. アイテム3

作成方法は次のとおりです。

  1. アイテム1
  2. アイテム2
  3. アイテム3

以下は、順序付けされていないリストの例です。

  • アイテム1
  • アイテム2
  • アイテム3

作成方法は次のとおりです。

  • アイテム1
  • アイテム2
  • アイテム3

それがまだ明らかでない場合。内訳は次のとおりです。

  • タグは、リストの各項目を示すために使用されます。リストを作成するときは、
      順序付きリストを示すタグ(「o」=順序付き、「l」=リスト)または
        順不同リストを示すタグ(「u」=順不同、「l」=リスト)。要点を得た?

        ネストされたリスト

        ネストされたリストやリスト内のリストを持つこともできます.

        例:

        • アイテム1
          • ネストされたアイテム1
          • ネストされたアイテム2
        • アイテム2
        • アイテム3

        これは次のようにして作成できます:

        • アイテム1
          • ネストされたアイテム1
          • ネストされたアイテム2
          • ネストされたアイテム3
        • アイテム2
        • アイテム3

        ご覧のとおり、別のリスティングタグを開くだけです。

          )または順不同(
            )–入れ子にするアイテムを閉じる前に必要なものに応じて.

            HTMLでハイパーリンクを作成する

            ウェブは、大規模に相互接続されたページのネットワークの1つです。ウェブサイトを作成する場合は、内部または外部のいずれか、または両方で、他のページにリンクする必要があります。 Webサイトの内部ページまたはWebの外部ページへのリンクは、ハイパーリンクと呼ばれます。人々は通常テキストをリンクしますが、HTML要素(たとえば画像)はリンクできます.

            タグはHTMLでリンクを定義するために使用され、「href」属性はリンクの宛先を指定するために使用されます。リンクは、タグが閉じられる前に「等しい」記号の後に引用符で囲まれます.

            ハイパーリンクを作成するには、こちら:YOUR LINK TEXT HEREがYOUR LINK TEXT HEREとして表示されます

            ここで、すべてのHTMLページが同じフォルダーにあるローカルファイルにリンクするとします。この場合、ウェブサイトのURLを含める必要はありません。ファイルパスを追加するだけです。たとえば、about-page.htmlというタイトルのファイルにリンクすると、ハイパーリンクは次のようになります。 ここにあなたのリンクテキスト, about-page.htmlファイルへのリンク.

            リンク先のHTMLファイルがローカルであるが、メインフォルダーとは異なるフォルダーにある場合は、ファイルパスを指定するだけです。たとえば、ファイルが現在のドキュメントがあるメインドキュメントの下の「files」フォルダにある場合、ハイパーリンクは次のようになります ここにあなたのリンクテキスト

            リンクを開く方法を指定することができます。新しいウィンドウ/タブで。そのためにターゲット属性を使用します.

            ここにあなたのリンクテキスト リンクを新しいタブで開くことを指定します.

            ここにあなたのリンクテキスト リンクを同じタブで開くことを指定します.

            リンクを開く必要があるさまざまな方法を通信するために使用できる他の属性があります。

            • _blank –新しいタブで開く.
            • _self –同じタブで開く.
            • _parent –親フレームで開く
            • _top –ウィンドウ全体で開く
            • フレーム名–名前付きフレームで開く

            リンクへの画像ポイントを設定することもできます.

            彼は男の子です
            

            これは、画像ファイル「images / html-tutorial-for-beginners-3.jpg」から取得した画像を表示し、https://websitesetup.orgにリンクするようブラウザに指示します。 「alt」属性は、画像を表示できない場合に表示する必要があるものを表します(ブラウザーの設定、または画像の表示を妨げる​​その他の要因により)。.

            画像の使用

            HTMLでの画像の使用

            画像はHTMLドキュメントに追加され、 鬼ごっこ。の タグは空のタグなので、閉じる必要はありません.

            彼は男の子です

            これは、HTMLドキュメントと同じディレクトリからプルした「images / html-tutorial-for-beginners-3.jpg」というタイトルの画像を表示するようブラウザに指示する基本的な例です。 「alt」属性は、何らかの理由でブラウザまたはインターネット設定がブラウザに画像を表示できない場合、「彼は少年です」と呼ばれるテキスト(「代替テキスト」と呼ばれる)を表示するようブラウザに指示します。別のディレクトリまたは外部サイトにイメージをプルする場合は、完全なアドレス/パスを指定する必要があります.

            基本を超えて、他の属性を使用して画像をより適切にカスタマイズすることもできます。たとえば、「style」属性を使用して、幅、高さ、またはその両方を指定できます.

            あなたの代替テキスト

            (イタリック体の「幅」と「高さ」は、画像に必要な「px」(「20px」など)の実際の値に置き換える必要があります。)

            テーブルの作成

            HTMLでテーブルを作成する

            HTMLをさらに深く理解するにつれて、より体系的な方法で情報を提示するさまざまな方法を学びたいと思うでしょう。そのような方法の1つは、テーブルを使用することです。.

            テーブルは、

            鬼ごっこ。テーブルの各ヘッダーは、 (「テーブル行」)タグ。次に、テーブルデータが
            (「テーブルヘッダー」)タグ
            鬼ごっこ.

            テーブルヘッダー1 テーブルヘッダー2 テーブルヘッダー3
            ヘッダー1の下に入力1 ヘッダー2の下に入力1 ヘッダー3の下に入力1
            ヘッダー1の下に入力2 ヘッダー2の下に入力2 ヘッダー3の下に入力2
            ヘッダー1の下に入力3 ヘッダー2の下に入力3 ヘッダー3の下に入力3

            これにより、次のようになります。

            表の例1

            ご覧のとおり、テーブルはありますが、少し整理されていません。整理するために、コードにスタイルを追加できます。この場合、幅を広げています。

            テーブルヘッダー1 テーブルヘッダー2 テーブルヘッダー3
            ヘッダー1の下に入力1 ヘッダー2の下に入力1 ヘッダー3の下に入力1
            ヘッダー1の下に入力2 ヘッダー2の下に入力2 ヘッダー3の下に入力2
            ヘッダー1の下に入力3 ヘッダー2の下に入力3 ヘッダー3の下に入力3

            これにより、より整理された結果が得られます。

            表の例2

            さらに高度にして、境界線を使用したり、テーブルのコンテンツに水平または垂直の配置を設定したり、仕切りやパディングを導入したりすることもできます。ただし、このようなことを行うには、CSSを学ぶ必要があります。このチュートリアルは基本的なものなので、この記事では説明しません。.

            HTMLでの引用

            HTMLでの引用

            引用にはさまざまなタイプがあり、これらの引用はさまざまな要素によって表されます.

            基本的な見積もりの​​例を以下に示します。

            これはサンプルです。そして これが私たちの引用です

            これは次のようになります。これはサンプルです。そして「これが私たちの引用です」

            あなたが使うとき タグ、引用符はタグで囲まれたものに自動的に追加されます.

            また、ブロッククォートを使用することもできます。

            鬼ごっこ.

            例:

            これはサンプルです。そして

            これが私たちのブロッククォートです。この例では、HTMLでブロック引用を示すためにテキストをフォーマットする方法を示します。これは通常の引用とは異なり、実際の「引用」記号はCSSスタイルに応じて追加される場合と追加されない場合がありますが、テキストは強調表示されます。.

            次のようになります。

            blockquoteの例1

            HTMLでのコメントの使用

            何らかの形式のコーディングを行う場合、コードにコメントを含める方法を学ぶことが重要です。コメントは、コードをより整理するために使用されます。自分へのリマインダーや他の人へのメモを含めて、物事を簡単にすることができます.

            最初は重要ではないように思われるかもしれませんが、何百、何千行ものコードを書き始めたときや、物事が複雑になり始めたときに、コメントが役に立ちます。.

            コメントはブラウザによってビューアに表示されません。それらはソースコードで見ることができることを覚えておいてください.

            コメントはコード内のどこでも使用できます。コードの機能を変更することはありません.

            二重ハイフンを含む括弧を開き、別の二重ハイフンを含むコメントを追加して、括弧を閉じることにより、コメントを含めることができます。.

            特にデバッグするときは、それも注目に値します, コード行をコメント化できます. このように、コードはドキュメントに残りますが、コメントしたため機能しません.

            この場合、「彼は男の子です」は太字で表示されるはずですが、コメントしました。ブラウザでは無視されます。このシナリオでは、ブラウザに関する限り、何もありません.

            これは次の方法でも使用できます。

            男の子 示す 彼は男の子. これは、「is a」をコメントアウトしたためです。要素の内外を問わず、実質的にはコメント化できることを示しているだけです。参照用にコメントにコメントを含めることができます-表示される内容の性質は変わりません.

            HTMLでの色の使用

            HTMLでの色の使用

            遅かれ早かれ、HTMLドキュメントの特定の要素を示すために色を使用する必要があります。これは、3つの主な方法で実行できます。HEX値、RGB値、または色の名前を使用します。.

            HTMLでの色の使用は通常、style属性で行われます.

            例1

            これは青い色です

            青色「#0000FF」のHEX値を使用して、青色を使用してテキスト(この場合は「これは青色」)を表示するようブラウザに指示しています.

            例2

            これは緑色です

            RGB値を使用してテキストを緑色で強調表示するように指示しています.

            例3

            これは黄色です

            HSL値を使用して、テキストを黄色で強調表示するように依頼しました.

            実施例4

            これはオレンジ色です

            HTMLカラー名(この場合は「オレンジ」)を使用して、テキストをオレンジ色で強調表示するように要求します。明らかに、これは、色の名前がわかっているテキストでのみ実行可能であり、HEXコードまたはRGB値で簡単に実行できる特定の色合いでは難しい場合があります。とにかく、あなたはのリストを見つけることができます 140のHTMLカラー名 HTMLカラーコードでコンパイル.

            当然のことながら、すべての色について必要な情報(HEXコード、RGB値など)をすべて持っているわけではありません。パニックにならないでください–カラーピッカー W3Schools 任意の色を選択できる優れたツールで、HEXコード、RGB値、HSL値など、その色に関するすべての情報が表示されます.

            HTMLでのiFrameの使用

            HTMLドキュメントでは、iFrame(インラインフレーム)を使用して、現在のドキュメントにファイルを埋め込むことができます。本質的には、それを使用して、現在のページ内にある別のWebサイトまたは別のWebページのコンテンツを表示できます。.

            上記のコードでは、https://websitesetup.orgのコンテンツをこのページのすぐ内側のフレームに表示するようにブラウザに指示しています.

            iframeを使用して、Webサイト、ビデオ、画像、またはその他の形式のコンテンツを表示できます。.

            このためのコードは単純です:

            「URL」を表示したいウェブサイト/コンテンツへのリンクに置き換えるだけです.

            さらにカスタマイズして、iframeの特定の値(高さと幅など)を指定できます.

            高さ350px、幅400pxを使用してiframeを表示するようにブラウザーに指示しています.

            HTMLのフォント

            HTMLでのフォントの使用

            効果的なHTMLドキュメントを作成するには、フォントの仕組みを理解することが不可欠です。まず、フォントを使用すると、テキストのサイズを簡単に設定できます。また、コンテンツの色や書体(またはフォントの「タイプ」)を簡単に設定できます.

            HTMLドキュメントが使用するフォントを示すには、 鬼ごっこ。 「size」、「color」、または「face」属性を使用して、フォントサイズ、フォントの色、またはフォントフェースを設定できます.

            サイズの設定—例:

            フォントサイズ6を使用してこのテキストを表示します

            この例では、フォントサイズ6を使用してテキストを表示するようにブラウザに指示しています。許容されるフォントサイズの範囲は1〜7であることに注意してください。7より大きいものはすべて、自動的にフォントサイズ7に調整されます。フォントサイズは3.

            フォントの色—例:

            テキストを青色で表示します

            私たちは タグを使用して、ブラウザにテキストを青色で表示するように要求します。この例では、HTMLの色名(「青」)を使用しました。これは、必要に応じてHEXコードまたはRGB値に置き換えることができます.

            フォントフェイス—例:

            Times New RomansではなくVerdanaを好みますか?次のように設定します。

            このテキストをVerdanaフォントで表示してください

            Verdanaフォントでテキストを表示するようにブラウザーに指示しています。フォントフェイスの値を変更して、使用するフォントを指定できます.

            代替フォントフェイス:

            ユーザーが指定したフォントで表示されたテキストを表示できるのは、そのフォントがコンピューターにインストールされている場合のみです。そうでない場合は、デフォルトのフォントフェイス(通常はTimes New Roman)が表示されます。そのため、「Webセーフ」フォントを使用することを強くお勧めします。.

            できるだけ多くの代替フォントを含めると役立つ場合があります。このように、メインのフォントフェイスがない場合でも、重要度の高い順に他のフォントを指定できます。これはコンマを使用して行われます.

            例に戻ります。

            メインフォントが使用できない場合は、このテキストを最初にVerdanaフォント、Helvetica、Arial、またはComic Sansの順に表示してください。

            Verdanaでテキストを表示するようにブラウザーに指示しました。 Verdanaが利用できない場合、デフォルトのTimes New Romansに戻す代わりに、Helvetica、またはHelveticaが利用できない場合はArial、Arialが利用できない場合はComic Sansを表示できます。.

            結論

            結論として、HTMLはこのガイドにあるものよりも複雑です。希望をあきらめないでください。このガイドの基本的な概念を理解できれば、良いスタートを切ることができます。それは言語のABCを知るようなもので、他のすべてがはるかに簡単になります.

            見事なウェブサイトを作成することを目的としてこのチュートリアルを実施された場合、失望して申し訳ありません。この方法ではうまくいきません。これは基本的なHTMLチュートリアルです。これは、基盤となる基盤を開発するのに役立ちます。優れたWebサイトを作成するには、かなりの労力が必要であり、多くの場合、言語の組み合わせを使用して多くの開発時間が必要です。.

            ウェブサイトの作成に関するガイドで詳細に説明したWordPressを使用すると、驚くべきウェブサイトを数分で準備できます.

            HTMLリソース

            • HTML周期表–これは、すべてのHTMLタグを周期表の形式でリストし、それらを簡単に学習/使用できるようにします.
            • W3Schools / Tags –アルファベット順に並べられたすべてのHTMLタグのリスト.
            • Mozilla / HTML属性 –アルファベット順に並べられたすべてのHTML属性のリスト.
            • HTMLチートシート
            • HTMLカラーコード/カラー名 – HEXコード、RGB値、HSL値を含む140のHTMLカラー名のリスト.

            Jeffrey Wilson Administrator
            Sorry! The Author has not filled his profile.
            follow me
              Like this post? Please share to your friends:
              Adblock
              detector
              map