HTMLの基本概念の詳細な説明

HTMLの基本概念の詳細な説明

HTMLとは何ですか?

HTML は Web ページを記述するために使用される言語です。

•HTMLはハイパーテキストマークアップ言語の略です
•HTMLはプログラミング言語ではなく、マークアップ言語です
•マークアップ言語はマークアップタグのセットです
•HTMLはマークアップタグを使用してWebページを記述します

HTML タグ

HTML マークアップ タグは、多くの場合 HTML タグと呼ばれます。

•HTMLタグは、<html>のように山括弧で囲まれたキーワードです。
•HTMLタグは通常、<b>と</b>のようにペアで表示されます。
• タグペアの最初のタグは開始タグであり、2番目のタグは終了タグです
• 開始タグと終了タグは、開始タグと終了タグとも呼ばれます

HTML要素

HTML 要素とは、開始タグから終了タグまでのすべてのコードを指します。

開始タグ要素コンテンツ終了タグ
<p>これは段落です</p>
<a href="default.htm">これはリンクです</a>
<br />

注: 開始タグは多くの場合、開始タグと呼ばれ、終了タグは多くの場合、終了タグと呼ばれます。

HTML要素の構文

•HTML要素は開始タグで始まります
•HTML要素は終了タグで終了します
• 要素の内容は開始タグと終了タグの間の内容です
• 一部のHTML要素には空のコンテンツがあります
• 空要素は開始タグで閉じられます(開始タグの終わりで終わります)
• ほとんどのHTML要素には属性があります

HTML属性

HTML タグには属性を設定できます。属性は HTML 要素に関する追加情報を提供します。

属性は常に名前と値のペアとして表示されます。例: name="value"。

属性は常に HTML 要素の開始タグ内で指定されます。

プロパティの例 1:

<h1> 見出しの開始を定義します。

<h1 align="center"> には配置に関する追加情報があります。

TIY: タイトルを中央に配置する

プロパティの例 2:

<body> は HTML ドキュメントの本文を定義します。

<body bgcolor="yellow"> には背景色に関する追加情報があります。

TIY:背景色

プロパティ例3:

<table> は HTML テーブルを定義します。 (HTMLテーブルについては後の章で詳しく説明します)
<table border="1"> には、表の境界に関する追加情報が含まれます。

HTML ドキュメント = ウェブページ

• HTML文書はWebページを記述する
•HTML文書にはHTMLタグとプレーンテキストが含まれています
•HTML文書はウェブページとも呼ばれます

Web ブラウザの役割は、HTML ドキュメントを読み取って、Web ページの形式で表示することです。ブラウザは HTML タグを表示しません。代わりに、タグを使用してページのコンテンツを解釈します。

<html>
<本文>
<h1>私の最初の見出し</h1>
<p>私の最初の段落。</p>
</本文>

</html>

例の説明

• <html>と</html>の間のテキストはウェブページの内容を説明します
• <body>と</body>の間のテキストは、ページの表示コンテンツです。
• <h1>と</h1>の間のテキストはタイトルとして表示されます
•<p>と</p>の間のテキストは段落として表示されます

• HTML ファイルを保存するときは、.htm または .html のいずれかのファイル拡張子を使用できます。例では .htm を使用します。これは、過去に多くのソフトウェアが 3 文字のファイル サフィックスのみを許可していたため、長い期間にわたって形成された習慣にすぎません。ただし、新しいソフトウェアの場合は、.html を使用してもまったく問題ありません。

HTMLの基本概念に関する上記の詳細な説明は、エディターが皆さんと共有する内容のすべてです。これが皆さんの参考になれば幸いです。また、123WORDPRESS.COMを応援していただければ幸いです。

オリジナル URL: http://www.cnblogs.com/sxtywjx/p/5665033.html

<<:  ブラウザのCSS、JavaScript、背景画像のキャッシュをクリアする簡単な方法

>>:  Centos7.9 で独立したメール サーバーを構築するための詳細な手順

推薦する

VueのkeepAliveコンポーネントの機能と使い方の詳細な説明

序文面接中、多くの面接官は「keep-alive が何をするのか知っていますか?」と質問する際に V...

マップタグパラメータの詳細な紹介と使用例

マップ タグはペアで表示する必要があります。 <map> ....</map>...

Ubuntu 20.04の新バージョンでルートユーザーを使用してシステムにログインする方法の詳細なチュートリアル

Ubuntu 20.04 では、デフォルトで root ログインが有効になっていないため、デスクトッ...

Linuxの同時実行は簡単です。このようにするだけです

並行処理関数 i の `grep server /etc/hosts | awk '{pri...

フラッシュプラグインを使用してPCのカメラを呼び出し、TMLページに埋め込む方法

序文この記事を書いた主な理由は、チームリーダーが、ブラウザを使用してコンピューターのカメラを呼び出し...

スパンの最小高さを定義するソリューションは効果がありません

span タグは HTML ウェブページを作成するときによく使用されますが、このタグの使い方がよくわ...

Windows10のマウスを模倣して境界線を光らせる効果を実現するCSSの詳細解説

最新の Windows 10 アップデートをインストールした後、システム UI の詳細な効果が顕著に...

MySQL マスタースレーブ同期の原理と応用

目次1. マスタースレーブ同期原理マスタースレーブ同期アーキテクチャ図(非同期同期)マスタースレーブ...

Docker で Jenkins サービスを構築する例

画像をプルする root@EricZhou-MateBookProX: docker pull je...

XHTML チュートリアル: Transitional と Strict の違い

実際、XHTML 1.0 は、Transitional DOCTYPE と Strict DOCTY...

jQueryはテーブル行データのスクロール効果を実現します

この記事の例では、テーブル行データのスクロール効果を実現するためのjQueryの具体的なコードを参考...

フロントエンドでよく使われるjs関数メソッド

目次1. メール2. 携帯電話番号3. 電話番号4. URLアドレスですか? 5. 文字列ですか? ...

Vue を使用してモバイル APK プロジェクトを完了することについての簡単な説明

目次基本設定エントリファイル main.jsアプリ.vue表紙ヘッダー検索バー本体当プロジェクトでは...

UnityはMySQLに接続し、テーブルデータの実装コードを読み取ります

表は以下のとおりです。 Unity が読み取って呼び出すときのコード: データベース内の別のテーブル...

MySQLがクエリキャッシュをキャンセルした理由

MySQL には以前、クエリ キャッシュ (Query Cache) がありました。8.0 以降では...