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

推薦する

CentOS 6.4 で rpm を使用して MySQL をオフラインでインストールする

rpmインストールパッケージを使用してmysqlをオフラインでインストールします。参考までに準備:公...

HTML でフォーム コントロールを無効にする 2 つの方法: readonly と disabled

Web ページを作成する過程では、フォームがよく使用されます。しかし、フォーム上のコントロールを変更...

カスタム Docker イメージを作成するための Dockerfile の詳細な説明と CMD と ENTRYPOINT 命令の比較

1. 概要Docker イメージを作成するには、次の 3 つの方法があります。 Docker コミッ...

Nginxはhttpリクエスト実装プロセス分析を処理する

Nginxはまず、設定ファイル内のどのserver{}ブロックを処理に使用するかを決定します。次のs...

MySQL でのインデックスの追加と削除に関連する操作

目次1. インデックスの役割2. インデックスの作成と削除(1)ALTER TABLE文を使用して、...

MySQLのメモリ使用量を表示する方法の詳細な説明

序文この記事では主にMySQLのメモリ使用量に関する関連コンテンツを紹介し、皆さんの参考と学習のため...

MySQL NULLがピットを引き起こした

比較演算子でNULLを使用する mysql> 1>NULLを選択します。 +------...

CSSは高さを設定せずにdivを完全に中央に配置することを実現します

必要とする本文の下のdivは垂直方向に中央揃えになっていますdiv 内のテキストを垂直中央に配置する...

純粋な CSS ドロップダウン メニュー

成果を達成する実装コードhtml <div id="コンテナ"> &...

MySQL データベースにおける高同時実行性の問題を解決する方法

序文スタートアップ企業が最初はモノリシック アプリケーションを主要なアーキテクチャとして使用し、通常...

Linux系でよく使われる運用・保守コマンド(まとめ)

目次1. システム監視2. ファイル操作3. ネットワーク通信4. システム管理仕事で必要なLinu...

MySQLのネストされたトランザクションで発生する問題

MySQL はネストされたトランザクションをサポートしていますが、それを実行する人は多くありません....

mysql 8.0.19 winx64.zip インストール チュートリアル

この記事は参考までにmysql 8.0.19 winx64.zipのインストールチュートリアルを記録...