HTMLの基本的な知識(および一般的なタグ)と相対パスと絶対パスの違い

1. HTMLの基本的な知識1.Web
サイト:特定の規則に従ってHTMLを使用してインターネット上で作成された特定のコンテンツに関連するWebページのコレクションを指します。
Webページは、Webサイトの「ページ」であり、通常はHTML形式のファイルであり、ブラウザで読み取る必要があります。
ウェブページはウェブサイトを構成する基本的な要素であり、通常、写真、リンク、テキスト、サウンド、ビデオ、その他の要素で構成されています。通常、表示されるWebページは、通常、
.htmまたは.htmlサフィックスで終わるファイルであるため、一般にHTMLファイルと呼ばれます。
2. HTMLとは何ですか?
HTMLは、Webページの記述に使用される言語であるハイパーテキストマークアップ言語(ハイパーテキストマークアップ言語)を指します。
HTMLはプログラミング言語ではなく、マークアップタグのセットであるマークアップ言語です。
いわゆるハイパーテキストには2つの意味があります。
(1)画像、サウンド、アニメーション、マルチメディア、およびその他のコンテンツ(テキストの制限を超える)を追加できます。
(2)あるファイルから別のファイルにジャンプしたり、世界中のホスト上のファイルに接続したりすることもできます(ハイパーリンクテキスト)。
Webページは、htmlタグで記述されたWebページ要素で構成され、ブラウザ分析を通じてユーザーに表示されます。
3. Web標準(フォーカス)Web標準は、W3C組織およびその他の標準化組織によって策定された一連の標準のコレクションです。
W3C(World Wide Web Consortium)は、最も有名な国際標準化機構です。
さまざまな開発者によって作成されたページをより標準的で統一するためにWeb標準に従うことに加えて、次の利点もあります。
(1)Webの開発はより有望です。
(2)より幅広いデバイスからコンテンツにアクセスできます。
(3)検索エンジンによる検索が容易です。
(4)Webサイトのトラフィックコストを削減します。
(5)Webサイトの保守を容易にします。
(6)ページの閲覧速度を向上させます。
4. Web標準の構成には、
主に構造、表示、および動作の3つの側面が含まれます。
ここに画像の説明を挿入

Web標準によって提案された最高のエクスペリエンスソリューション:構造、スタイル、および動作の分離。
簡単な理解:構造はHTMLファイルに書き込まれ、パフォーマンスはCSSファイルに書き込まれ、動作はJavaScriptファイルに書き込まれます。
5.一般的に使用されるカーネルデバイス:次の図に示すように、主に5種類あり
ここに画像の説明を挿入
ここに画像の説明を挿入
ます。2。基本的な構文の概要

  1. HTMLタグは、たとえば山かっこで囲まれたキーワードです。
  2. HTMLタグは通常、となどのペアで表示されます。これをダブルタグと呼びます。タグペアの最初のタグは
    開始タグで、2番目のタグは終了タグです。
  3. 一部の特殊タグは単一タグである必要があります(まれなケース)。たとえば
    、単一タグと呼びます。
    ダブルラベル関係は、封じ込め関係と並列関係の2つのカテゴリに分類できます。
    4.すべてのWebページには基本構造タグ(スケルトンタグとも呼ばれます)があり、ページのコンテンツもこれらの基本タグに書き込まれます。
    HTMLページはHTMLドキュメントとも呼ばれます。
    ここに画像の説明を挿入
    ここに画像の説明を挿入
    ここに画像の説明を挿入

5.文字セット
文字セット(文字セット)は、複数の文字のコレクションです。コンピュータがさまざまな文字を認識して保存できるようにします。タグ内で、タグのcharset属性を使用して、HTMLドキュメントで使用する文字エンコードを指定できます。

文字セットの一般的に使用される値は、GB2312、BIG5、GBK、UTF-8です。UTF-8はユニバーサルコードとも呼ばれ、基本的に世界のすべての国で使用する必要のある文字が含まれています。注:上記grammarは、記述する必要のあるコードです。そうでない場合、文字が文字化けする可能性があります。通常の状況では、「UTF-8」エンコーディングを均一に使用し、「utf8」や「UTF8」の代わりに標準の「UTF-8」を均一に記述してみてください。6. .4まとめ1.上記の3つのコードvscodeは自動的に生成され、基本的に書き直す必要はありません。2。文書型宣言タグは、このページがhtml5バージョンを使用してページを表示することをブラウザーに通知します。ブラウザまたは検索エンジンこれは英語のウェブサイトです。このページは英語で表示されます。

3.タグのセマンティクス
1.タグの学習は巧みです。重要なポイントは、各タグのセマンティクスを覚えておくことです。単純な理解とは、ラベルの意味、つまりラベルの用途を指します。
タグのセマンティクスによれば、適切な場所に最も適切なタグを付けると、ページ構造がより明確になります。
タグセマンティクス
(1)。これ
は単一のタグであり、タグセマンティクス:強制的な改行です。
(2)
タグは単に改行を開始します。段落とは異なり、いくつかの垂直方向のスペースが段落の間に挿入されます。
3. Webページでは、テキストに太字、斜体、または下線の効果を設定する必要がある場合があります。この
場合、テキストを特別な方法で表示するには、HTMLのテキストフォーマットタグを使用する必要があります
ラベルのセマンティクス:通常のテキストよりも重要な重要性を強調します
。4。

そしてラベル

レイアウトにはラベルが使用されますが、現在は1行しか配置できません
大きなボックスタグはレイアウトに使用され、1行に複数の* * 5の画像タグとパス(強調)を含めることができます。HTMLタグでは、タグを使用してHTMLページの画像を定義します。形式:<img src = "Image URL" />画像という単語の略語。画像を意味します。srcはタグの必須属性であり、画像ファイルのパスとファイル名を指定するために使用されます。いわゆる属性:単純な理解がこの画像タグの特徴です。画像タグの他の属性:次の図に示すように:

6.画像タグの属性に関する注意事項:
①画像タグには複数の属性を含めることができ、タグ名の後に書き込む必要があります。
②属性、ラベル名、属性の間に順序はなく、属性と属性はスペースで区切ってください。
③属性は、キーと値のペアの形式、つまり、key = "value"とattribute = "attributevalue"の形式を取ります。
  ディレクトリフォルダとルートディレクトリ:
実際の作業では、ファイルをランダムに配置することはできません。そうしないと、ファイルをすばやく見つけることが難しいため、ファイルを管理するためのフォルダが必要です。
ディレクトリフォルダ:通常のフォルダで、HTMLファイルや画像など、ページを作成するために必要な関連資料のみが保存されます。
ルートディレクトリ:開いているディレクトリフォルダの最初のレベルはルートディレクトリです。
7.パス
ページにはたくさんの画像があります。通常、これらの画像ファイル(画像)を保存するための新しいフォルダを作成します。次に
、「パス」メソッドを使用して画像ファイルの場所を指定する必要があります。画像を探します
パスは次のように分割できます。

  1. 相対パス:参照ファイルの場所に基づいて確立されたディレクトリパス。
    簡単に言うと、HTMLページに対する画像の位置。
    ここに画像の説明を挿入

  2. 絶対パス:ディレクトリの下の絶対パスを指し、ターゲットの場所に直接到達します。通常は、ドライブ文字から始まるパスです。
    たとえば、「D:\ web \ img \ logo.gif」または完全なWebアドレス「http://www.itcast.cn/images/logo.gif」です。
    8.ハイパーリンクタグ(強調)
    HTMLタグでは、タグはハイパーリンクを定義するために使用されます。ハイパーリンクは、あるページから別のページにリンクするために使用されます。

  3. リンクの構文形式:テキストまたは画像
    2.リンクの分類

  4. 外部リンク:たとえば、<a href="http://www.baidu.com"> Baidu。

  5. 内部リンク:ウェブサイトの内部ページ間の相互リンク。<ahref =“ index.html”>のホームページなど、内部ページの名前を直接リンクするだけです。

  6. 空のリンク:その時点でリンクターゲットが決定されていない場合は、<ahref = "#">ホームページ。

  7. ダウンロードリンク:hrefのアドレスがファイルまたは圧縮パッケージの場合、このファイルがダウンロードされます。

  8. Webページ要素のリンク:テキスト、画像、表、オーディオ、ビデオなど、Webページ内のさまざまなWebページ要素にハイパーリンクを追加できます。

  9. アンカーリンク:リンクをクリックして、ページ上の特定の位置をすばやく見つけます
    。リンクテキストのhref属性で、エピソード2のように、属性値を#nameの形式に設定します。
    ターゲットロケーションタグを見つけて、 ID属性=今の名前の中に追加します。

    エピソード2はじめに


    8.
    HTMLのコメントと特殊文字読みやすく理解しやすいがページに表示する必要のないコメントテキストを追加する必要がある場合は、コメントタグを使用する必要があります。
    HTMLのコメントは「」で終わります。

ショートカットキー:ctrl + /タグ付けの目的:コメントタグの内容はプログラマーが見るためのものであり、このコードは実行されず、ページに表示されません。

コメントを追加する目的は、関連する開発者がコードを理解して読むことができるように、コードの機能をよりよく説明することです。プログラムはコメントの内容を実行しません。
* 9.特殊文字:覚えておくべき重要なポイント:スペース、記号より大きい、記号より小さい。その他はほとんど使用されません。振り返る必要がある場合は、使用できます。
HTMLページでは、一部の特殊記号を直接使用するのが難しいか不便です。この場合、代わりに次の文字を使用できます。
一般的に使用される文字を次の図に示します。
ここに画像の説明を挿入

おすすめ

転載: blog.csdn.net/m0_46374969/article/details/111241671