html$の使用法

WBOY
リリース: 2023-05-27 11:03:37
オリジナル
1168 人が閲覧しました

HTML は Hyper Text Markup Language の略で、Web ページの作成に使用される言語です。 HTML には、単純な従来の Web ページから複雑な Web サイトやアプリケーションに至るまで、非常に幅広いアプリケーション シナリオがあり、そのすべてを HTML で開発できます。この記事では、初心者でもすぐに始められるように、HTML の基本的な使い方と実践的なスキルを紹介します。

  1. HTML ドキュメントの構造

HTML では、通常、.html または .htm で終わるファイル名が Web ページ ファイルとして使用されます。 HTML ページを開くと、ブラウザは HTML ドキュメントの構造を解析し、ビジュアル インターフェイスに表示します。

HTML ドキュメントは、ヘッド、ボディ、フッターの 3 つの主要部分で構成されます。これらの部分はHTMLタグで構成されています。次のコードは、単純な HTML ドキュメントの例を示しています。

<html>
  <head>
    <title>这里是标题</title>
  </head>
  <body>
    <h1>欢迎使用HTML</h1>
    <p>这里是文本内容。</p>
  </body>
 </html>
ログイン後にコピー

上記の例では、HTML ドキュメント全体を表すために「」タグと「」タグが使用されています。 ;head> " および "" タグはドキュメントの先頭を表すために使用され、"" および "" タグはドキュメントのタイトルを定義するために使用されます。 「」および「」タグはドキュメントの本文を表すために使用され、その中で「

」および「

」タグは第 1 レベルの内容を定義します。見出し、「

」および「

」タグはテキストのセクションを定義します。

  1. HTML タグ

HTML タグは、ブロック レベル タグとインライン タグの 2 つのタイプに分類されます。

  • ブロックレベルのタグは、文書構造を整理するために使用されるタグで、通常、文書内の段落、タイトル、リスト、その他の要素を表すために使用されます。ブロックレベルのタグは独自の行を占有し、コンテキスト内で自動的にスペースが配置されます。一般的に使用されるブロックレベルのタグには、

      などがあります。
    1. インライン タグは、テキストにスタイルと特別なコメントを追加するために使用されます。インライン タグは、ハイパーリンクの追加、テキストの強調、色の変更などによく使用されます。一般的に使用されるインライン タグには、 などがあります。
    2. 一般的に使用される HTML タグの一部を次に示します:

      タグの説明

      タイトルの定義

      < ; p> 段落の定義

      リンクの定義

      画像の定義

        順序なしリストの定義

      • リスト項目を定義します

        テーブルを定義する テーブルの行を定義する
        ヘッダーセルを定義する テーブルのデータセルを定義する
        ドキュメント内のセクションまたは段落を定義します はドキュメント内のセクションを定義します 強調テキストを定義する 強調テキストを定義する 3. HTMLコメント コメントは、コード内でコードの意図を説明する方法です。 HTML で「」タグを使用してコメント コンテンツを含めることができ、ブラウザはこれらのコンテンツを自動的に無視します。 HTML コメントの例を次に示します。 `

        ここにテキストがあります

        ` 上の例では、「」タグを使用して段落記号

        の内容をコメントアウトしています。これはブラウザの出力には影響しませんが、コードの可読性と保守性を向上させることができます。 4. HTML 属性 HTML タグには属性を含めることができ、これを使用してタグの動作と特性を制御します。通常、プロパティにはプロパティ名とプロパティ値が含まれており、これらは引用符で囲む必要があります。以下は、属性を含む HTML ハイパーリンク タグです。 ` 百度にアクセス ` 上記の例では、「href」が属性名、その属性値が「https://www.baidu.com」というWebページへのリンクを指定するURLアドレスとなっています。 「href」に加えて、次に示すように、HTML には他にもよく使用される属性が多数あります。 プロパティ名 説明 style は要素のスタイルを定義します class は要素のクラス名を定義します id は要素 ID を定義します title は要素のタイトルを定義します src は画像の URL アドレスを定義します 5. HTML スタイル HTML マークアップでは、CSS スタイルを使用して外観とレイアウトを定義できます。 CSS は、Web ページの外観とレイアウトを記述するために使用される言語である Cascading Style Sheets を指します。以下は、HTML テキストのスタイルを設定する方法を示す例です。 ` p { 赤色; フォントサイズ: 16px; }

        ここでは、フォント サイズ 16 ピクセルの赤いテキストを示します。

        ` 上記の例では、CSS スタイルは HTML ドキュメントの タグに含まれています。このうち、「p」セレクターはテキストの選択に使用され、「color」プロパティと「font-size」プロパティはテキストの色とフォント サイズを定義するために使用されます。 6 結論 この記事では、HTMLの基本的な使い方と実践的なスキルを紹介します。 HTML は Web ページやアプリケーションを構築するための基礎であり、HTML を学ぶことは、Web ページの理解と開発に役立ちます。もちろん、この記事では HTML の一部を紹介しているだけですので、より深い知識を知りたい場合は、より詳細な HTML チュートリアルやドキュメントを参照してください。

以上がhtml$の使用法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート