HTMLクイックアンドダーティチュートリアル

HTML5は、Web上に表示されるページを記述するためのマークアップ言語です。 最初はあなたには分かりにくいルールに従います。 しかし、HTML5では、すべてのワープロプログラムで実行できるHTML文書の作成を開始するために知っておくべきことがいくつかあります。

タグを開く/閉じる

ほんのわずかな例外を除いて、タグと呼ばれるすべての命令がペアになります。 それらはHTML5で開いて閉じます。 開始タグと終了タグの間にあるものは、開始タグによって与えられた指示に従います。 コーディングの唯一の違いは、終了タグにスラッシュを追加したことです。 例えば:

見出しはここに移動

ここの2つのタグは、2つのタグの間のすべてのコンテンツが見出しサイズh1に表示されることを示します。 終了タグを追加するのを忘れた場合、開始タグの後に続くすべてが見出しサイズh1に表示されます。

HTML5の基本タグ

HTML5ドキュメントに必要な基本要素は次のとおりです。

doctype宣言はタグではありません。 それは、HTML5が来ていることをコンピュータに伝えます。 それはすべてのHTML5ページの先頭にあり、次の形式になります。

HTMLタグは、開始タグと終了タグの間に現れるすべてのものがHTML5のルールに従っていることをコンピュータに伝えます。これらのルールに従って解釈する必要があります。 タグの中には、通常、タグとタグがあります。

これらのタグはドキュメントの構造を提供し、ブラウザに使い慣れたものを与えます。また、ドキュメントをXHTMLに切り替えると、そのバージョンの言語で必要となります。

ヘッドタグはSEOや検索エンジンの最適化にとって重要です。 良いタイトルタグを書くことは、あなたのページに読者を引き付けるためにできる最も重要なことです。 ページには表示されませんが、ブラウザの上部に表示されます。 タイトルを書くときは、ページに適用されるキーワードを使用しますが、読みやすいようにしてください。 タイトルは開始タグと終了タグの内側に表示されます。

bodyタグには、Webページを開いたときにコンピュータの画面に表示されるものがすべて含まれています。 開いているタグと閉じているタグの間に、Webページ用に書いたほとんどすべてが表示されます。 これらの基礎をまとめて、あなたは以下を持っています:

あなたのタイトルヘッドはここに行きます。 ウェブページのすべてがここにあります。 各タグには対応する終了タグがあることに注意してください。

見出しタグ

見出しタグは、Webページ上のテキストの相対的なサイズを決定します。 h1タグが最大で、h2、h3、h4、h5、およびh6タグのサイズが続きます。 これらを使用して、ウェブページ上のテキストの一部を見出しまたはサブヘッドとして目立たせるようにします。 タグなしでは、すべてのテキストが同じサイズで表示されます。 見出しタグは次のように使用されます:

サブヘッドはここに行く

それでおしまい。 見出しと副題を含むテキストで構成されるWebページを設定して書き込むことができます。

これからしばらく練習したら、画像を追加する方法や他のWebページへのリンクを入力する方法を学びたいと思うでしょう。 HTML5は、この簡単な基本的な紹介よりもはるかに多くのことができます。