ホームページ ウェブフロントエンド htmlチュートリアル HTML の基本構文は、html_HTML/Xhtml_web ページの作成を学び始めたばかりの友人にとって便利です

HTML の基本構文は、html_HTML/Xhtml_web ページの作成を学び始めたばかりの友人にとって便利です

May 16, 2016 pm 04:41 PM
html 基本的な文法

1.1 一般タグ
一般タグは、開始タグ (開始タグ) と終了タグ (終了タグ) で構成されます。 構文は次のとおりです。 制御テキスト< ;/x>
ここで、x はタグ名を表します。 は一連のスイッチのようなものです。開始タグ は特定の機能をオン (ON) にし、終了タグ を追加します。 a スラッシュ /) は OFF 機能を示し、制御されるテキスト情報は 2 つのマークの間に配置されます。例: これは斜体です
一部の属性をタグに付加して、特定の特殊な効果や機能を実現することもできます。例: 制御テキスト
ここで、a1,a2,...,an は属性名、および v1、v2、...、vn は、対応する属性値です。属性値は、引用符の有無にかかわらず、現在使用されているすべてのブラウザーで受け入れられます。ただし、新しい W3C 標準に従って、この属性は、 value は引用符が必要なので、引用符を追加する習慣を身に付けることをお勧めします。
1.2 空のタグ
ほとんどのタグはペアで表示されますが、単独で存在するタグもあります。このように単独で存在するタグを空タグと呼びます。その AND メソッドは次のとおりです:
同様に、空のタグにいくつかの属性 (Attribute) を付加して、特定の特殊効果や機能を完成させることもできます。例: 、例:



など。
W3C によって定義された新しい標準 (XHTML1.0/HTML4.0) では、空のタグは / で終わることを推奨しています。つまり、
追加の属性の場合:
現在使用されているブラウザには、空のタグの後ろ、つまりタグの最後に / を追加するかどうかについて厳密な要件はありません。空のタグ、/、および / を追加しないことは、その機能に影響しません。ただし、ファイルを最新の標準に準拠させたい場合は、/ を追加するのが最善です。

2. HTML タグの分類
2.1 文書構造タグ (文書構造タグ)
このようなタグの目的は、ファイル構造をマークアウトすることです。 、主なものは次のとおりです:
...: html ファイルの開始と終了をマークします。
...: ファイルタイトル領域をマークします。
...: ファイルの本体領域をマークします
2.2 ブロックフォーマットタグ (Block Formatting Tags)
主な目的このようなタグの例は、ファイルの可視性を高めるために、HTML ファイル内のテキストの特定のセクションを特定の形式で表示することです。主なものは次のとおりです:
...: ファイルのタイトル。
...:i=1,2,...,6、ウェブページのタイトル。


: 水平線を生成します。

: 強制改行。

...

: 文書の段落。
...
: オリジナル形式で表示します。
...
: 連絡先担当者の名前、電話番号、住所、その他の情報をマークします。
...
: セクションの引用符。
2.3 文字整形タグ(文字整形タグ)
HTMLファイルのテキストの見た目を変更し、ファイルの美しさを高めるために使用されます。主なものは次のとおりです:
...: 太字のテキスト。
...: 斜体。
...: フォントを入力します。
...: フォント設定を変更します。
...
: 中央揃え。
...: テキストが点滅します。
...: フォントサイズを大きくします。
...: フォントサイズを小さくします。
...: 参照。
2.4 リストタグ
    ...
: 番号なしのリスト。
    ...
  1. ...
  2. : 項目をリストします。
    ...
    : 定義のリスト。
    ...
    : プロジェクトを定義します。
    ...
    : プロジェクトを定義します。
    ...: ディレクトリリスト。
    ...: メニューリスト。
    2.5 リンクタグ(アンカータグ)
    リンクは HTML ハイパーテキスト ファイルの生命線とも言えます。HTML ではリンク タグを使用して、世界中に散在する画像、テキスト、ビデオ、音声などの情報を統合します。このようなタグの主な目的は、主に以下を含むハイパーテキスト リンク (Hypertext Link) をマークすることです:
    ...: ハイパーリンクを確立します。
    2.6 マルチメディアタグ
    このタイプのタグは画像データを表示するために使用されます。主に以下が含まれます:
    HTML の基本構文は、html_HTML/Xhtml_web ページの作成を学び始めたばかりの友人にとって便利です: 埋め込み画像。
    : マルチメディアオブジェクトを埋め込みます。
    : BGM。
    2.7 テーブルタグ
    このようなタグはテーブルを作成するために使用されます。主に以下が含まれます:
    ...
    : テーブルセクションを定義します。
    ...: テーブルのタイトル。
    ...: ヘッダー。
    ...: テーブルの列。
    ...: 表のセル。
    2.8 フォームタグ
    このようなタグは、インタラクティブなフォームを作成するために使用されます。主なタグは次のとおりです。
    ...
    : 開始と終了を示します。フォームセクションの。
    : 単一行のテキスト ボックス、ラジオ ボタン、チェック ボックスなどを生成します。
    : 複数行の入力テキストボックスを生成します。
    : ドロップダウン リストの開始と終了を示します。
    : ドロップダウン リストに選択項目を生成します。
    HTML タグは大文字と小文字を区別しません。つまり、 と は同じです。これらのタグを以下に紹介します。

    3. ファイル構造マーク
    HTML ファイルの構造は基本的に 2 つの部分に分けられ、1 つの部分はタイトル領域 (Head Section) と呼ばれます。メインエリア(ボディセクション)と呼ばれます。ファイル構造タグは、ヘッダーがどこに属するか、本文がどこに属するかを示すために使用されます。
    3.1: ドキュメント全体をマークします
    目的: HTML ドキュメント全体をマークします
    説明: 標準の HTML ドキュメントは で始まり、ファイルは < で終わります;/html>。つまり、

    ... HTML ファイルの全文
    : HTML ファイルでは、
    と で挟まれた領域をタイトル領域と呼びます。ファイル。通常、head セクションは html セクションに含まれます。つまり、
    ... HTML ファイルのタイトル領域
    ... ..


    3.3: Web ページのタイトル<br><br> <title>.... HTMLファイルのタイトル部分でよく使われるタグ。タイトル領域の他のタグには、 などがあります。 タグの目的は、Web ページのタイトルを設定することです。このタイトルはブラウザ ウィンドウのタイトル バーに表示され、ブラウザのページ テキストには表示されません。ほとんどのブラウザのお気に入り、ブックマーク、履歴リストの機能も、このファイルのタイトルに基づいて名前が付けられています。 </strong> <title>... でマークされたテキストに長さの制限はありませんが、長すぎるタイトルは場合によっては切り取られ、覚えにくくなることがあります。

    3.4: ファイルの本体領域をマーク

    説明: HTML ファイル内で、... セクションの後にあります。 3.5 タグの属性

    backgroud 属性: この属性では、背景パターンとしてグラフィック ファイル (通常は gif または jpeg) を指定できます。グラフィックはタイルのようにレイアウトされ、Web ページ全体の基本イメージを形成します。
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

HTMLの表の境界線 HTMLの表の境界線 Sep 04, 2024 pm 04:49 PM

HTML の表の境界線に関するガイド。ここでは、HTML でのテーブルの境界線の例を示しながら、テーブル境界線を定義する複数の方法について説明します。

HTML のネストされたテーブル HTML のネストされたテーブル Sep 04, 2024 pm 04:49 PM

これは、HTML でのネストされたテーブルのガイドです。ここでは、テーブル内にテーブルを作成する方法をそれぞれの例とともに説明します。

HTML 左マージン HTML 左マージン Sep 04, 2024 pm 04:48 PM

HTML マージン左のガイド。ここでは、HTML margin-left の概要とその例、およびそのコード実装について説明します。

HTML テーブルのレイアウト HTML テーブルのレイアウト Sep 04, 2024 pm 04:54 PM

HTML テーブル レイアウトのガイド。ここでは、HTML テーブル レイアウトの値と例および出力について詳しく説明します。

HTML入力プレースホルダー HTML入力プレースホルダー Sep 04, 2024 pm 04:54 PM

HTML 入力プレースホルダーのガイド。ここでは、コードと出力とともに HTML 入力プレースホルダーの例について説明します。

HTML 内のテキストの移動 HTML 内のテキストの移動 Sep 04, 2024 pm 04:45 PM

HTML でのテキストの移動に関するガイド。ここでは、概要、マーキー タグが構文でどのように機能するか、および実装例について説明します。

HTML 順序付きリスト HTML 順序付きリスト Sep 04, 2024 pm 04:43 PM

HTML 順序付きリストのガイド。ここでは、HTML 順序付きリストと型の導入とその例についても説明します。

HTML の onclick ボタン HTML の onclick ボタン Sep 04, 2024 pm 04:49 PM

HTML オンクリック ボタンのガイド。ここでは、それらの紹介、動作、例、およびさまざまなイベントでの onclick イベントについてそれぞれ説明します。

See all articles