メインページの準備ができたhtmlコード。 メモ帳でのHTMLページの作成:ダミーの説明
ここで、このページを作成するために使用したタグについて少し説明します。
例からのhtmlタグの説明
1. -これらのタグは、すべてのWebページに存在する必要があります。 彼らはこれがhtmlページであることをブラウザと検索エンジンに伝えます。
すべてのhtmlページの構造は次のとおりです。
... ヘッダータグ ... ...ページの本文..。
2.
-ページのすべての表示コンテンツは、これらのタグで囲まれています。4.
それでは、htmlページの本文(内部)にあるタグに移りましょう。
5.
6.
見出しタグのクラスの1つです..、通常、ページのタイトルはその中に囲まれています。 たとえば、このページには「htmlページの作成例」という見出しタグがあります。ノート
これらのタグはサイトのランキングで大きな重みを持っているため、慎重かつ賢明に使用する必要があります。
htmlコードを作成するときは、単純なルールに従う必要があります。見出しタグを最初に配置する必要があります。
、そして彼らはすでに行くことができます
, NS。 主なことは、最初のものがないということです 、 後 、 後 NS。 厳密な階層が必要です。 ヘッダー
, NS。 多分たくさん。
NS。 主なことは、最初のものがないということです 、 後 、 後 NS。 厳密な階層が必要です。 ヘッダー
, NS。 多分たくさん。
、 後 NS。 厳密な階層が必要です。 ヘッダー
, NS。 多分たくさん。
, NS。 多分たくさん。
7.
は単一のタグであり、終了タグは必要ありません。 次の行に移動します。 私の例では、次の行に2回移動するために、2つの単一タグを続けて記述しました。
8.
画像を表示する単一のタグです。
- srcは必須パラメーターであり、画像アドレスを指定します(IMAGE_URLの代わりに、画像が保存されているアドレスを書き込む必要があります)。
ノート:- 画像がhtmlページと同じフォルダにある場合は、画像の名前を書き込むだけで十分です。それ以外の場合は、絶対URLまたは相対URLのいずれかを書き込む必要があります。
- 画像拡張子を含めることを忘れないでください。 たとえば、.jpg、.gif、.jpegです。
- altまたはtitle-これらのパラメータで、画像の説明を書くことができます。 画像にカーソルを合わせると、この説明が表示されます。 これらのパラメータは、特に画像検索において、ウェブサイトのプロモーションにとって重要です。 画像を読み込めなかった場合は、このテキストが表示されます。これもプラスです。
9. -これらのタグは、フォント、背景、サイズなどを変更するために作成されます。 つまり、テキストの書式設定に関連するすべてのものを1つのタグで構成できます。 このタグにはかなりの数の属性がありますが、これについては別のチュートリアルで説明します。
注:-同様のタグ。
これらすべてのパラメータを設定できるCSSフォントプロパティもあります。
10.-太字で強調表示します。 その間のすべて と太字で強調表示されます。 たとえば、コンテンツの最初に書き込み、最後に閉じると、ページ上のすべてのテキストが太字で強調表示されます。 これはかなり一般的なタグであり、その類似物は .
検索エンジンは、キーワードの影響を増幅するという観点から、このタグに注意を払っています。 ただし、キーワードを太字で強調表示するたびにスパムとして認識されるため、注意が必要です。
Webページを開くと、サイトのタイプとフォーカスに応じて変化しない一般的な要素が含まれています。 例4.1は、基本的なタグを含む単純なドキュメントのコードを示しています。
例4.1。 Webページのソースコード
見出し
第一段落。
2番目の段落。
この例の内容をコピーして、example41.htmlとしてc:\ www \フォルダーに保存します。 その後、ブラウザを起動し、メニュー項目からファイルを開きます [ファイル]> [ファイルを開く](Ctrl + O)..。 [ドキュメントの選択]ダイアログボックスで、ファイルexample41.htmlを指定します。 ブラウザは図に示すウェブページを開きます。 4.1。
米。 4.1。 実行結果の例
エレメント現在のドキュメントのタイプ(DTD(ドキュメントタイプ定義、ドキュメントタイプの説明))を示すことを目的としています。 HTMLにはいくつかのバージョンがあり、HTMLに似ていますが構文が異なるXHTML(EXtensible HyperText Markup Language)もあるため、これはブラウザが現在のWebページの解釈方法を理解するために必要です。 ブラウザが「混乱」せず、Webページを表示する標準に従って理解し、コードの最初の行に設定する必要があるようにするため .
いくつかのタイプがあります、ターゲットとするHTMLのバージョンによって異なります。 テーブル 4.1。 主な種類のドキュメントとその説明が記載されています。
DOCTYPE | 説明 |
---|---|
HTML 4.01 | |
厳密なHTML構文。 | |
移行HTML構文。 | |
フレームはHTMLドキュメントで使用されます。 | |
HTML 5 | |
このバージョンのHTMLにはDoctypeが1つだけあります。 | |
XHTML 1.0 | |
厳密なXHTML構文。 | |
移行XHTML構文。 | |
ドキュメントはXHTMLで記述されており、フレームが含まれています。 | |
XHTML 1.1 | |
XHTML 1.1の開発者は、HTMLが徐々に置き換えられることを期待しています。 ご覧のとおり、構文は同じであり、明確な規則に従っているため、この定義には型への分割はありません。 |
厳密なドキュメント記述と一時的なドキュメント記述の違いは、ドキュメントコードを記述するための異なるアプローチです。 厳密なHTMLは、HTML仕様に厳密に準拠する必要があり、容赦がありません。 トランジショナルHTMLは、コードのいくつかの欠陥についてより「緩和」されているため、特定の場合にはこのタイプが推奨されます。
たとえば、厳密なHTMLおよびXHTMLでは、タグ
以下では、主にstrictを使用します、 特に指定しない限り。 これにより、よくある間違いを回避し、構文的に正しいコードを作成する方法を学ぶことができます。
多くの場合、使用せずにHTMLコードに出くわすことができます、このような場合でもWebページは表示されます。 ただし、使用時に同じドキュメントがブラウザで異なって表示される場合がありますそしてそれなしで。 さらに、ブラウザはそのようなドキュメントを独自の方法で表示できます。その結果、ページは「崩れ」ます。 開発者が望んでいるのとはまったく異なる方法で表示されます。 このような状況を回避するには、常に追加しますドキュメントの先頭に。
鬼ごっこ HTMLファイルの先頭を定義し、その中にヘッダー(
)およびドキュメント本文(ブロックは別名と呼ばれるため、ドキュメントのタイトル
、テキストとタグを含めることができますが、このセクションのコンテンツは、コンテナを除いて、ページに直接表示されません。
鬼ごっこ はユニバーサルであり、特にメタタグを使用して、クラス全体の機能を追加します。このタグは一般的に呼ばれるため、ページエンコーディングの変更、キーワードの追加、ドキュメントの説明などを行うことができます。 ブラウザがUTF-8エンコーディング(Unicode変換形式)を処理していることを理解できるように、この文字列が追加されます。
鬼ごっこ
米。 4.2。 ブラウザのヘッダービュー
鬼ごっこ
必ず終了タグを追加してくださいドキュメントのタイトルブロックが完了したことを示します。
ドキュメント本文
見出し
HTMLは、見出しの後のセクションの相対的な重要性を示す6つの異なるレベルのテキスト見出しを提供します。 だから、タグ
最も重要な第1レベルの見出し、およびタグを表します 第6レベルの見出しを示すのに役立ち、重要性が最も低くなります。 デフォルトでは、最初のレベルの見出しは最大の太字で表示され、次のレベルの見出しはサイズが小さくなります。 タグ: ...はブロック要素であり、常に新しい行から始まり、その後に他の要素が次の行に表示されます。 さらに、見出しの前後に空白が追加されます。
...はブロック要素であり、常に新しい行から始まり、その後に他の要素が次の行に表示されます。 さらに、見出しの前後に空白が追加されます。
一部のテキストは、コメントにすることでブラウザの表示から隠すことができます。 ユーザーにはそのようなテキストは表示されませんが、それでもドキュメントで送信されるため、ソースコードを見ると、隠されたメモを見つけることができます。
Webページを開くと、サイトのタイプとフォーカスに応じて変化しない一般的な要素が含まれています。 例1は、基本的な要素を含む単純なドキュメントのコードを示しています。
例1.Webページのソースコード
見出し
第一段落。
2番目の段落。
この例の内容をコピーして、example2.htmlとしてc:\ www \フォルダーに保存します。 その後、ブラウザを起動し、メニュー項目からファイルを開きます ファイル>ファイルを開く(Ctrl + O)。 ドキュメントを選択するためのダイアログボックスで、ファイルexample2.htmlを指定します。 ブラウザは、図7に示すWebページを開きます。 1.1。
米。 1.ブラウザでの例の結果
エレメント(jarg。doctype)は、現在のドキュメントのタイプ(DTD(ドキュメントタイプ定義))を示すことを目的としています。 HTMLにはいくつかのバージョン(最新のHTML5またはレガシーHTML4とXHTML)が存在するため、これはブラウザーが現在のWebページの解釈方法を理解するために必要です。 ブラウザが「混乱」せず、Webページを表示する標準に従って理解し、コードの最初の行に設定する必要があるようにするため.
将来的にはHTML5のみを使用するため、必要なのは短くて最新のDoctypeが1つだけです。
要素名は大文字と小文字で書くことができると述べました。 にこのルールも適用され、さまざまな方法で記述できます。 ただし、伝統的に、この要素の名前は大文字で書かれています。
オープニングタグ HTMLドキュメントの始まりを定義し、その中に「頭」(
)およびドキュメントの「本文」( ).このセクションの内容は、要素を除いて、ページに直接表示されません。