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

推薦する

JavaScript は、マウスがテーブル行を通過するときに色の識別を実装します。

この記事では、マウスがテーブルの行を通過するときにJavaScriptを使用して色ラベルを表示する方...

HTML でフレームセット タグを使用するチュートリアル

フレームセット ページは通常の Web ページとは多少異なります。依然として <HTML>...

CentOS8 システムをベースにした Gitlab を構築するために Docker を使用する詳細なチュートリアル

目次1. Dockerをインストールする2. GitLabをインストールする3. GitLabを初期...

JS ES 新機能テンプレート文字列

目次1. テンプレート文字列とは何ですか? 2. 複数行のテンプレート文字列2.1 式付きテンプレー...

Ubuntu 20.04 に MySql5.7 をインストールして構成するための詳細なチュートリアル

目次1. Ubuntuソースの変更2. MySQLをインストールする3. 新しいユーザーを作成し、権...

Docker+Jenkinsによる自動デプロイの実現方法

Code Cloud を使用して Git コード ストレージ ウェアハウスを構築するhttps://...

指定された期間内のすべての日付または月を取得する MySQL ステートメント (ストアド プロシージャの設定やテーブルの追加は不要)

mysql は期間内のすべての日付または月を取得します1: mysqlは期間内のすべての月を取得し...

HTMLタグと基本要素の学習のまとめ

1. HTML の要素とタグ<br />要素は、1 つのタグまたは 1 組のタグによって...

Dockerボリューム権限管理の詳細な説明

ボリュームデータボリュームは Docker の重要な概念です。データ ボリュームは、1 つ以上のコン...

CentOS7におけるKVM仮想化の基本管理の詳しい説明

1. kvm仮想化をインストールする : : : : : : : : : : : : : : : :...

MySQLインデックスとは何ですか?わからない場合は聞いてください

目次概要二分木からB+木へクラスター化インデックス非クラスター化インデックスジョイントインデックスと...

div の特定の実装は自動的に折り返されず、HTML で折り返されないよう強制されます。

1. 改行なしを実現するには<nobr>タグを使用するコードをコピーコードは次のとおりで...

Tomcatのデフォルトプログラム公開パスの使用と変更についての説明

tomcat7 のデフォルトのプログラム公開パスは tomcat/webapps/ROOT/ です。...

CocosCreatorでリストを作成する方法

CocosCreator バージョン: 2.3.4 Cocos には List コンポーネントがない...

JavaScript でドラッグ スライダー パズルの検証機能を実装します (html5、canvas)

導入:スライダー ドラッグ検証は現在、多くの場所で使用されています。週末に 1 つ作成しようと思い、...