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をインストールすると管理ページに入れなくなる問題
ターミナル分割画面ツールは2つあります: screen と tmux 1. 画面分割を使用する(上下...
目次1. プロキシモジュールをインストールする2. プロキシを設定する1. プロキシモジュールをイン...
Vmvare が仮想マシンのディスク サイズを設定した後、ディスク領域が不足していることがわかりまし...
序文仕事では、Linux 環境で操作する必要があることがよくあります。ここでは、win10 システム...
•CSSには多くのセレクターがあります。複数のセレクターを同じ要素に適用するとどうなるでしょうか? ...
今日、データベース操作はますますアプリケーション全体のパフォーマンスのボトルネックになりつつあり、こ...
MySQL データベースが Centos7 システムにインストールされており、オペレーティング シス...
実際には、N 秒後にページを自動的にジャンプさせるにはどうすればよいかという問題によく遭遇します。私...
目次charとvarcharの違いcharとvarcharの違い上記は、MySQL における cha...
CSS命名規則(ルール) よく使われるCSS命名規則ヘッダー: ヘッダーコンテンツ: コンテンツ/コ...
目次1. 問題2. 解決策2.1 ページングコンポーネント2.2 データベースデータを取得する関数:...
今日、小さなプログラムを書いていたときに、スクロールビューを使用したのですが、スクロールビュー内のテ...
この記事では、例を使用して、MySQL データベースのデータ テーブルの最適化、外部キーの使用、およ...
編集者は最近、macOS システムを使い始めたかったので、VMware に macOS イメージ シ...
目次序文🌟 1. APIの紹介2. 複数のデータソースの監視3. リスニングアレイ4. 監視対象5....