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 で独立したメール サーバーを構築するための詳細な手順

推薦する

CSS3 は 3D キューブの読み込み効果を作成します

簡単な説明これは CSS3 のクールな 3D キューブのプリロード効果です。この特殊効果は、シンプル...

EclipseでTomcatを作成する原理の詳細な説明

ローカルEclipse上にTomcatサーバーを作成する場合、 tomcaインストールディレクトリの...

MySQLクエリは、フィールドが数値とカンマではないことを指定します。

コアSQL文数字を含まない MySQL クエリ ステートメント: SELECT * FROM tes...

163 メールボックスログインボックスインタラクティブデザインの改善体験と共有

LOFTER のコンテストで、ログイン ボックスを再設計できると言及されているのを見ました。過去 2...

要素UIテーブルはドロップダウンフィルタリング機能を実現します

この記事の例では、要素UIテーブルにドロップダウンフィルタリングを実装するための具体的なコードを参考...

React-Native スクリーンショットコンポーネント react-native-view-shot の紹介と使い方のまとめ

目次1. 現象2. 解決策3. 要約: 1. 現象1. 要件: 特定の表示ページをキャプチャしてアル...

MySQL の concat 関数についての簡単な説明。MySQL でフィールドの前または後に文字列を追加する方法

MySQL で concat 関数を使用する方法: CONCAT(文字列1、文字列2、…)戻り値は、...

mysql トリガーの作成と使用例

目次トリガーとは何かトリガーを作成するMySQL 作成構文のキーワードの説明: 1. MySQL ト...

MySQL 外部キー制約の例の説明

MySQL の外部キー制約は、2 つのテーブル間のリンクを確立するために使用されます。 1 つのテー...

TypeScript のクラス

目次1. 概要2. シンプルなクラスを定義する3. 継承4. public、private、prot...

MAC で MySQL の初期パスワードを変更する方法

問題の説明: Macを購入し、初めてMySQLをインストールしました。初期パスワードが分かりません。...

HTML での非同期ファイルアップロードの例

コードをコピーコードは次のとおりです。 <form action="/hehe&qu...

JavaScriptのモジュール性を理解する方法

目次1. ブラウザのサポート2.エクスポートモジュールのエクスポート3. モジュールをインポートする...

MySQLインスタンスが起動できない問題の分析と解決

目次序文シナリオ分析要約する序文数日前、友人がWeChatで私に連絡してきて、マシンがダウンタイムか...

MySQL のインデックスの種類と基本的な使用例

目次索引- 総合索引- ユニークなインデックス- 主キーインデックス- 複合インデックス- 全文索引...