ウェブサイトを作成する場合、言語なしhtmlハイパーテキストマークアップを使用すると、遠くまで行けません。もちろん、CSS、PHP、およびその他のスクリプト言語はまだあります。これがないと、これまで見たような本格的なWebサイトは機能しません。ただし、サイトの基盤を築くことができるのはメインのHTMLタグです。
HTMLドキュメントを開くか、Webページには、膨大な数の異なるタグが表示されます。ただし、よく見ると、同じ要素を説明しているため、ほとんどが繰り返されています。たとえば、メインのhtmlタグには、ドキュメントタイプ<!DOCTYPE html>、、
、、などのタグが含まれます。
現在のドキュメントのタイプを示すには、次を使用します<!DOCTYPE>要素。ブラウザは、特定のWebページの解釈方法を認識する必要があります。使用しているHTMLのバージョンに応じて、この要素の外観は異なります。 HTML5では、次の値を取ります:<!DOCTYPE html>
どのタイプを指摘した後ドキュメントを参照するには、タグを使用します。他のほとんどのタグと同様に、ペアになっています。つまり、開始タグと終了タグがあります。 2つの違いは、終了タグの前にスラッシュ「/」が配置されることです。したがって、サイトを作成するための最も基本的なhtmlタグは次のようになります。
...
html>
この場合、残りのコードは開始タグと終了タグの間に配置され、Webページのコンテンツ全体が囲まれます。
このタグはメインのhtmlタグでもあります。の後に記述され、ペアになっており、主にWebページのメタデータが含まれています。このデータは、HTMLページの表示部分(ページ名を含む
メタデータ
head>
htmlサイトのメインタグ。すべてのテキスト、すべての写真、その他の情報-ページのすべての表示要素が含まれています。実際、タグのように、他のタグのコンテナです。例:
<本体>
表示されるWebページコンテンツ
body>
上記のタグはすべて基本的なものですhtml言語タグ。ただし、ハイパーテキストマークアップの言語には、他にも多数の要素があります。たとえば、段落タグと見出しタグ。テキストを構造化し、個別の段落に分割して強調表示できます。したがって、段落の場合、
タグが使用されます。これは、開始要素と終了要素の間にテキストが存在するペアのタグです。例:
段落テキスト
p>
段落に加えて、テキストにはヘッダー。ただし、内部に含まれるテキストの外観も変更され、サイズが大きくなり、太字で強調表示されます。サイズが異なる6種類の見出しがあります。たとえば、ヘッダー
Никакой сайт не обходится без изображений, 写真と写真。実際、これがなければ、Webページは無味乾燥なテキストであり、研究には興味がありません。サイトに画像を埋め込むには、ハイパーテキストマークアップ言語でタグが使用されます。このタグはペアになっていないことに注意することが重要です。そのため、コードではとして記述されます。
多くの場合、テキストやさまざまな画像に加えて、サイトはリンクを使用します。サードパーティのリソースまたはサイトの別のページにリダイレクトできます。リンクの存在を示すために、タグが使用されます。
基本的なタグを少し理解しました。ただし、ほとんどのタグには属性もあります。それらは開始要素に登録され、2つの部分で構成されます。 1つ目は属性自体の名前、2つ目はこの属性の値です。「=」記号の後に記述され、引用符で囲まれています。
多くのタグには属性があります。ただし、一部のタグでは、何らかの方法で要素を変更したくない場合、その存在はオプションです。他のタグの場合、たとえばタグ(ハイパーリンクの作成用)やタグ(ページに画像を追加するため)などの属性の存在は必須です。問題は、これらの基本的なhtmlタグで属性とその値を指定しないと、サイトページにそれらが表示されないことです。
Если вы укажете в коде текст, заключенный в тег 、Webページにはこのテキスト以外には何も表示されません。実際、タグ自体は、ハイパーリンクを作成する意図を示しているだけであり、実際に作成するには属性が必要です。この属性はhrefであり、この属性の値は特定のリソース参照になります。したがって、サイトfb.ruへのリンクを作成する場合、次のようになります。
したがって、タグの間にあるすべてのテキストはハイパーリンクであり、二重引用符で囲まれたhref属性の値は、テキストをクリックして移動するアドレスになります。
この状況は、タグと似ています。属性とその値を指定しない場合、Webページ上の画像は表示されません。 タグの場合のように、タグの存在は、コードに写真を挿入することを意味するだけです。ただし、この画像を表示するには、この画像のアドレスを指定する必要があります。これらの目的のために、src属性を使用する必要があります。この属性の値は、サードパーティのリソースまたはコンピューター上にある画像のアドレスになります。
さらに、タグには別の属性。必須とは見なされませんが、使用が推奨されていると認識されています。この属性は、代替テキスト属性です。この属性の値は、写真または画像の説明に対応するテキストになります。何らかの理由で画像の読み込みに失敗した場合、このテキストが表示されます。さらに、この属性を使用すると、スクリーンリーダーを使用する視覚障害者に役立ちます。したがって、タグと提供される2つの属性は次のようになります。
alt = "画像の説明" />
膨大な数の属性があります。リストは、基本的なhtmlタグのリストと同じくらい巨大です。ただし、多くのタグに固有の属性があります。これは整列です。 タグと
タグで使用できます。その本質は、ページ上の画像またはテキストの位置を設定することです。この属性の最も基本的な値はrightとleftであり、それぞれ左と右の配置を示します。画像に適用すると、コードは次のようになります。
alt = "画像の説明"
揃える = "右" />
ただし、最近注目されているのはこれらの属性の一部は使用されず、代わりにカスケード スタイル シート (CSS) が使用されます。 html でスタイルを使用するために、スタイルを接続するように設計された <link> タグが記述され、<body> タグ内に配置されます。