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

推薦する

Mysql の主キーと一意キーの違いのまとめ

主キーとは何ですか?主キーは、テーブル内の各タプル (行) を一意に識別するテーブル内の列です。主キ...

Vue で AES.js を使用する詳細な手順

AES暗号化の使用データ転送の暗号化と復号化処理 --- AES.js最初のステップ: vue に ...

Centos7 MySQL データベースのインストールと設定のチュートリアル

1. システム環境yum updateアップグレード後のシステムバージョンは[root@yl-web...

Linux システム (CentOS7 インストール) に JDK8 をインストールするための詳細なチュートリアル

JDKのインストールシステムのインストールについてはあまり詳しく説明しません。インストール手順はオン...

Dockerコンテナを介してランプアーキテクチャを構築するプロセス

目次1. Centosイメージを取得する2. nginxイメージをビルドする3. MySQLイメージ...

デザインにおいて無視できないインタラクティブデザインにおける製品状態の分析

製品デザインのプロセスにおいて、デザイナーは常に写真を非常に美しくすることを好みます。仮想ページのコ...

Linux で g++ を使用してプログラムをコンパイルする際の -I (大文字の i)、-L (大文字の l)、-l (小文字の l) の機能の詳細な説明

初心者の Linux ユーザーとして、私は単純なgcc/g++操作を何度も使用してきましたが、少し複...

MySQLプロセス関数の一般的な使用例の分析

この記事では、例を使用して MySQL プロセス関数の一般的な使用方法を説明します。ご参考までに、詳...

MySQL における UNION と UNION ALL の基本的な使い方

データベースでは、UNION キーワードと UNION ALL キーワードの両方が 2 つの結果セッ...

Docker を使用して Redis マスター スレーブ レプリケーション クラスターを構築する

マスタースレーブレプリケーションモードのクラスターでは、通常、1 つのマスターノードと 2 つ以上の...

Vueバインディングオブジェクトと配列変数を変更した後にレンダリングできない問題の解決策

プロジェクトシナリオ:ページ表示には <ul> タグがあります。リストデータを動的に表示...

カルーセル効果を実現するjQueryプラグイン

毎日jQueryプラグイン - カルーセルチャートを実装するためのjQueryプラグイン。参考までに...

React.js フレームワーク Redux 基本ケースの詳細な説明

react.js フレームワーク Redux https://github.com/reactjs/...

Bootstrap3.0 学習ノートテーブル関連

この記事では、Webサイトを作ったことがある人にとっては馴染みのあるテーブルについて主に説明します。...

CSS3 で複数のカスタムフォントを導入する

今日、HTML に問題を発見しました。多くのデフォルト フォントが提供されていますが、「Bold」、...