HTMLの基礎: HTMLの基本構造

HTMLの基礎: HTMLの基本構造
HTML ハイパーテキスト ドキュメントの基本構造は、ドキュメント ヘッダーとドキュメント本体の 2 つの部分に分かれています。ドキュメント ヘッダーでは、ドキュメントに必要ないくつかの定義が行われ、ドキュメント本体には表示されるさまざまなドキュメント情報が含まれています。
<HTML>
<ヘッド>
ヘッダー情報</HEAD>
<本文>
文書本体、テキスト部分</BODY>
</HTML>
このうち、<HTML> は最も外側の層にあり、このタグのペアの間のコンテンツが HTML ドキュメントであることを示します。また、.html または .htm ファイルは Web ブラウザによって HTML ドキュメントであると想定されるため、一部のホームページでは <HTML> タグが省略されていることもあります。 <HEAD> には、ドキュメント全体のタイトルなどのドキュメントのヘッダー情報が含まれます。ヘッダー情報が必要ない場合は、このタグを省略できます。 <BODY> タグは通常省略されず、メインコンテンツの開始を示します。
以下は基本的なハイパーテキスト文書のソースコードです: <HTML>
<ヘッド>
<TITLE>簡単な HTML の例</TITLE>
</HEAD>
<本文>
<中央>
<H3>私のホームページへようこそ</H3>
<BR>
<人事>
<フォントサイズ=2>
ホームページを作るのは初めてですが、何はともあれ、うまく作れるよう頑張ります!
</FONT>
</センター>
</本文>
</HTML>
━┓
┃ファイルヘッダー━┛
━┓



┃文書本文┃



━┛
ハイパーテキストのタグ<br />ハイパーテキストに初めて触れたとき、最も大きな障害となるのは、「<」と「>」で囲まれた文です。これらはタグと呼ばれ、テキストを分割してマークし、テキストのレイアウト、テキストの形式、カラフルな画像を形成するために使用される要素です。
1. 単一タグ 一部のタグは、単独で使用しても意味を完全に表現できるため、「単一タグ」と呼ばれます。このようなタグの構文は次のとおりです。
<タグ名>
最もよく使用される単一のタグは、改行を示す <BR> です。
2. ダブルタグ 別の種類のタグは「ダブルタグ」と呼ばれ、「開始タグ」と「終了タグ」の 2 つの部分で構成され、ペアで使用する必要があります。開始タグは、Web ブラウザにタグによって表される機能をここから実行するように指示し、終了タグは、Web ブラウザに機能をここで終了するように指示します。開始タグの前にスラッシュ (/) を追加すると、終了タグになります。このタイプのタグの構文は次のとおりです。
<タグ>コンテンツ</タグ>
「コンテンツ」部分は、このタグのペアによって実行される部分です。たとえば、特定のテキストを強調表示したい場合は、それを <EM> </EM> タグ内に配置します。
初め:
3. タグ属性 多くの単一タグおよび二重タグの開始タグには、いくつかの属性を含めることができます。構文は次のとおりです。
< タグ名 属性 1 属性 2 属性 3 … >
属性間に優先順位はなく、属性は省略できます(つまり、デフォルト値が使用されます)。たとえば、単一のタグ <HR> は、ドキュメントの現在の位置に水平線を描画することを意味します。通常、ウィンドウ内の現在の行の左端から右端まで水平線を描画します。いくつかの属性:
<HR SIZE=3 ALIGN=LEFT WIDTH="75%"> SIZE 属性は、線の太さを定義します。属性値は整数で、1 は省略されます。ALIGN 属性は配置を表します。配置は、LEFT (左配置、既定値)、CENTER (中央)、または RIGHT (右配置) のいずれかになります。WIDTH 属性は、線の長さを定義します。線の長さは、相対値 (ウィンドウ全体を埋める割合を示す、" " 記号で囲まれたパーセンテージ) または絶対値 (WIDTH=300 のように整数で表される画面ピクセル数) になります。既定値は "100%" です。

<<:  MySQL 8.0.22 圧縮パッケージの完全なインストールと構成のチュートリアル図 (テスト済みで効果的)

>>:  dockerでrabbitmqをインストールすると管理ページに入れなくなる問題

推薦する

Vue3.0 手書きカルーセル効果

この記事では、Vue3.0の手書きカルーセル効果の具体的なコードを参考までに共有します。具体的な内容...

Linux bzip2 コマンドの使用

1. コマンドの紹介bzip2 は、ファイルの圧縮と解凍に使用されます。これは、Linux システム...

表内のコンテンツオーバーフローのレイアウト方法について

コンテンツオーバーフローとは何ですか?実際、テキストが大量にある場合、コンテンツ領域がそれだけの長さ...

MAC での MYSQL5.7.17 接続失敗の問題と解決策

MYSQL5.7.17 が MAC で接続できない問題。SQLBench_community 6.3...

vue プロジェクトで rem を使用して px を置き換える例

目次道具プラグインをインストールするプロジェクトのルートディレクトリに.postcssrc.jsファ...

CSSプロパティに基づいたボタンホバーボーダーと背景アニメーションのコレクション

ハートの属性不透明度: .999 は要素のスタッキングコンテキストを作成し、ボタン6と8のアニメーシ...

MySQL バッチ追加および保存メソッドの例

ストレステストにログインする際には、多くの異なるユーザーが必要となり、データベースに新しいデータを追...

Node.js の非同期イテレータの詳細な説明

目次序文非同期イテレータとは何ですか?非同期イテレータストリームとしてページング機能を備えたAPIの...

Vue の vue.$set() メソッドのソースコード例の詳細な説明

Vue を使用してプロジェクトを開発する過程で、次のような問題によく遭遇します。Vue のデータでオ...

MySQLでデータベースのインストールパスを表示する方法

mysql コマンドを使用して、mysql のインストール パスを表示できます。 # 次の 2 つの...

抽選効果を実現するJavaScript

この記事では、宝くじマシンの効果を実現するためのJavaScriptの具体的なコードを参考までに共有...

フロートとBFCをクリアするCSSメソッド

イギリスBFC: ブロック書式設定コンテキストBFCレイアウトルール内箱は縦方向に次々に配置されます...

ARM64アーキテクチャでmysql5.7.22をインストールするプロセス全体

MySQLダウンロードアドレス: https://obs.cn-north-4.myhuaweicl...

VMware 仮想マシン (CentOS7 イメージ) を使用して Linux をインストールする

1. VMwareのダウンロードとインストールリンク: https://www.jb51.net/s...

HTML、CSS、JSコメントの標準的な使用法の概要

必要なコメントを追加することは、責任感と道徳心のあるフロントエンド開発者が持つべき良い習慣であり、コ...