ウェブサイトの作成は難しくありません. 記事上で, HTML ページ作成の基本とミニインクルード リストの作成方法を説明します。. 次, HTMLの使用方法について説明します>-テキストを強調表示するタグ. 最終的に, わずか数時間でウェブサイトを作成する方法を紹介します. その他の便利なテクニックもいくつか取り上げます.
HTML は Web ページを構築するために使用される言語です. Web ページの構造を定義し、CSS はコンテンツの表示方法を制御します。. 基本的な HTML ページを作成するのは難しくありません. 開始するためのステップバイステップのガイドは次のとおりです. 基本的な HTML ページを作成したら, より複雑で動的なものを作成する準備ができました. はじめに, テキストエディタとWebブラウザが必要です.
MS Word などのワード プロセッサを使用して Web ページのコンテンツを作成することもできます。. ハイパーリンクを使用してテキストを相互に接続できます. ファイルを HTML ファイルとして保存することもできます, ウェブページ. この方法はうまくいきます, しかし、この方法で作成したページは巨大で、ブラウザ ウィンドウでは見栄えがよくありません。. この方法の唯一の欠点は、利用可能なツールの使い方を学ばなければならないことです。.
HTMLはマークアップ言語です, つまり、ページ上のコンテンツをフォーマットするにはタグを含める必要があります。. 各タグはページの要素の 1 つを表します。. タグは山かっこで識別されます. 一部の要素にはタグが 1 つだけ必要です, 他の人は2つ必要ですが. 終了タグにはスラッシュが含まれています. 例えば, 段落タグは段落と呼ばれる要素を作成します. 開始タグと終了タグの間のテキストが段落テキストを構成します. 同様に, ul タグは順序なしリストを作成します.
ミニインクルードセクションの作成は、同じ Web ページ上のさまざまな要素をリンクする効果的な方法です。. HTML ページはいくつかのサブセクションに分割できます, 各セクションには要素のリストが含まれます. これらの要素はさまざまな目的を果たします. type 属性を使用してアルファベット順に表示できます. 小文字を使用して、文字 a を含む要素のリストを作成することもできます。, b, または c.
要素の追加は簡単です. 単純な HTML ドキュメントには、そのコンテンツを定義するタグが含まれています. これらのタグは通常ペアで使用されます. 開始タグは、その中の要素をリストするために使用されます。, 終了タグが要素を閉じている間、. 開始タグ, または頭, 文書に関する説明情報が含まれています. この情報にはタイトルが含まれる場合があります, スタイルシート情報, スクリプト, またはメタ情報. 終了タグ, 一方で, 要素を閉じます.
html>-タグは、HTML ドキュメントのメイン コンテンツ領域を定義するために使用されます。. メイン コンテンツ領域は、ページの中心的なトピックまたは機能に関連するテキストで構成されます。. サイト上の他のコンテンツとは一意である必要があります. 他のコンテンツがサイドバーの形式でページに表示される場合があります, ナビゲーションリンク, 著作権情報, サイトのロゴ, と検索フォーム. HTML ページは HTML に従う必要があります>-HTML ページと見なされるタグ.
href= 属性はリンク要素を開きます. その後 “=” サイン, リンクのURLを貼り付ける必要があります. 1 つの見出しで複数の段落行を使用することもできます. 右括弧は必須です. これにより、リンクが誤解されるのを防ぐことができます. HTMLページを読みやすくするには, ウェブサイトにリンクを追加する. html>-タグを使用すると、別の Web ページを指すリンクを追加できます。.
HTML ファイルには、それが HTML ファイルであることをコンピュータに伝える .html 拡張子が付いています。. スペースの代わりにハイフンを使用することをお勧めします, スペースがあると Web ブラウザがファイルを見つけることができなくなるため、. HTMLページの作成が完了したら, それを保存する必要があります. 次, HTML ファイルのあるフォルダーに移動し、右クリックします。. 以下のスクリーンショットのように表示されるはずです.
マークが使えます> HTML ドキュメント内のテキストを強調表示するタグ. 比較的新しいHTMLです 5 特徴, 段落のハイライト部分を定義します. マーク> タグは、基礎となる HTML ドキュメントの背景色プロパティを変更することで機能します。. マーク> タグはグローバル属性とイベント属性の両方をサポートします. テキストを黄色または黒で強調表示します. 基になるCSSファイルのテキストの色を変更することも可能です.
ほとんどのスクリーン リーダーはマーク要素をアナウンスしません, ただし、CSS コンテンツ プロパティまたは .before および.after 疑似要素を使用して、どのテキストを強調表示したいかを明確にすることができます。. お知らせが冗長で、ページに不必要な情報が追加されている, したがって、慎重に使用する必要があります. 例えば, アナウンスを使用して、検索語を強調表示したり、引用符をブロックしたりできます. アナウンスはすべての主要なブラウザでサポートされています.
背景色のスタイルに加えて, 「ハイライト」を使用できます’ HTML ドキュメント内のテキストを強調表示するクラス. 背景色のスタイルはすべてのブラウザでサポートされています. 「黄色」という言葉も使えます’ カラーコードの代わりに. 同じコードを使用して、テキストの段落またはセクションを強調表示できます。. CSS クラスを使用してテキストを強調表示することもできます.
html>-タグはミニインクルードのリストを作成するために使用されます. 対応する終了タグが含まれており、要素の名前は小文字です。. HTML ドキュメントは UTF-8 文字エンコーディングを使用してエンコードされます, Unicode 文字の組み込みをサポートします. htmlを使用する場合>-鬼ごっこ, 必ず UTF-8 を選択してください。 “名前を付けて保存” ダイアログボックス.
HTMLの使用>-タグを使用してミニインクルードリストを HTML ページに追加するのは簡単です. このタグは、順序なしリストをサポートする任意の要素に使用できます。. 順序なしリストをナビゲーション メニューに使用することもできます. dl 要素には、用語と説明のペアのリストが含まれます。. 順序付きリスト内の項目は、左側にエスカレートするカウンターとともに表示されます. リスト項目の直後に別の要素が続く場合は、dl 要素を省略することもできます。.
ミニインクルードリストを挿入する別の方法は、HTML ドキュメントにフッター要素を追加することです。. この要素は、最も近いセクション化コンテンツのフッターを表します。. 通常、作者に関する情報が含まれています, 著作権データ, または関連ドキュメントへのリンク. HTMLの使用>-HTML ページ上にミニインクルード リストを作成するためのタグ
HTML5 では、個々のテキスト ブロックが マークで強調表示されます。> エレメント. この HTML5 タグは、ソース内のコンテンツの色を黄色または黒の特定の色合いに変更します。, 読者が重要なテキストを区別できるようにする. 他のテキストよりも注意が必要なコンテンツのセクションを示すために使用することもできます。. マーク> 要素は HTML のグローバル属性とイベント属性をサポートします. 正しく使用すると, この HTML5 タグにより、Web ページの読みやすさが向上します。.
HTML4 標準は物理スタイルの文字レベルのタグを非推奨にします. 彼らはプレゼンテーションを担当します, これらの目的には CSS を使用することをお勧めします. HTML5 ではそれらが再導入されました. それらは廃止されなくなりました, しかし、それでも個々のテキスト ブロックを強調表示する唯一の方法ではありません。. CSS を使用して HTML5 でテキストの個々のブロックを強調表示する! この簡単な方法では、コンテンツ内の個々のテキスト ブロックを強調表示します。.
フロート: この CSS プロパティを使用すると、要素を含む要素の左端または右端に要素をフロートさせることができます。. グリッドまたは列の作成に使用できます. また、float と呼ばれる CSS プロパティを使用して、iframe または画像をブラウザーの左または右マージンにフローティングすることもできます。. これらの属性により、CSS で個々のブロックを簡単に強調表示できるようになります。.