HTML ボディタグと HTML でよく使われる制御タグの詳細な説明

HTML ボディタグと HTML でよく使われる制御タグの詳細な説明

1. <body> タグ:

Web ページの本体をマークするために使用されます。body 要素には、ドキュメントのすべてのコンテンツ (テキスト、ハイパーリンク、画像、表、リストなど) が含まれます。

1. body タグで使用可能な属性:
bgcolor="色の値": ウェブページ全体の背景色を設定します
text="color value": テキストの色を設定する
link="color value": 一般的なハイパーリンクテキストの表示色を設定します
vlink="color value": 訪問したハイパーリンクテキストの色を設定します
alink="color value": マウスがハイパーリンクに移動し、マウスを押したときのハイパーリンクテキストの表示色を設定します。
bgcolor="色の値": ウェブページの背景色を設定します
background: ウェブページの背景画像を設定します。GIF または JPEG 形式の画像にすることができます (ウェブページの背景色を覆います (画像が透明の場合、背景色を見ることができます)。背景属性には階層関係があるため、背景画像は設定しないことをお勧めします)

2. Web ページのコンテンツとブラウザの余白のプロパティ: デフォルトでは、Web ページのコンテンツとブラウザの境界線の間に余白があります。

leftmargin="ピクセル値": ウェブページのコンテンツとブラウザの左端の間の距離を設定します
rightmargin="ピクセル値": ウェブページのコンテンツとブラウザの右端の間の距離を設定します
topmargin="ピクセル値": ウェブページのコンテンツとブラウザの上端の間の距離を設定します
bottommargin="ピクセル値": ウェブページのコンテンツとブラウザの下端の間の距離を設定します

2. HTML でよく使われる制御タグ:

1. <br />: 改行タグ(段落区切りではなく改行)

2. <p>..</p>: 段落タグ(段落は1行を占め、ブロックレベルの要素です)
属性: 左揃え (デフォルト) 右揃え 中央揃え

3. <hr />: 水平線を追加する

財産:
幅:
ピクセル絶対設定、長さはウィンドウの変更によって変化しません。パーセント相対設定、長さはウィンドウの幅に応じて変化します。
サイズ:
絶対ピクセル設定は数値で表されます。値が大きいほど、線が太くなります。パーセンテージ相対設定は % で表されます。値が大きいほど、線が太くなります。
色: 色を設定する
noshade="noshade" は地平線の3D表示効果を設定します

4. <hx>..</hx>: HTML タイトルは <h1> - <h6> などのタグで定義され、<h1> は最大のタイトルを定義します。 <h6> は最小のタイトルを定義します (h6 を超えると効果がなく、自動段落区切り、太字フォントなどの非表示のプロパティがいくつかあります)。

属性: align (配置): left left right right center center

5. <b>..</b>: テキストを太字にする

6. <blockquote>...</blockquote>: テキストが他のウェブサイトから引用されている場合は、このタグで含め、cite="引用元アドレス" 属性を追加します (含められたテキストは両側にインデントされます)

属性: cite=url (引用先のアドレス)

7. <pre>..</pre>: フォーマット済みのテキストを定義します。pre 要素で囲まれたテキストは通常​​、スペースと改行が保持されます。テキストも等幅フォントで表示されます

8. <i>..</i>: 傾ける

9. <strong>..</strong>: 文を強調する(太字)
10. <em>..</em>: 文を強める(傾ける)
11. <address>..</address>: アドレスは自動的に傾きます

12. <small>...</small>: 小さいフォント

13. <big>...</big>: 大きな文字

14. <del>..</del>: 削除すると取り消し線が追加されます

15. <ins>..</ins>: 変更箇所は下線が引かれます

16. <u>..</u>: 下線
17. <s>..</s>: 行を削除
18. <tt>...</tt>: テレグラフフォント

19. <sup>..</sup>: 上付き文字
20. <sub>..</sub>: 下付き文字

21. よく使われる特殊文字形式: その他のリファレンスマニュアルエンティティ

コードをコピー
コードは次のとおりです。

スペース:
著作権番号: &copy;
登録商標: &reg;
":quot;
&:&amp;
<:&lt;
>:&gt;

<<:  Linux の MariaDB データベースについて

>>:  ウェブデザイナー職の面接でよくある質問と回答

推薦する

Vue+EChartsは、中国の地図の描画と省の自動回転と強調表示を実現します。

目次成果を達成する完全なコード + 詳細なコメントまとめ成果を達成する完全なコード + 詳細なコメン...

CentOS7仮想マシンで固定IPアドレスを設定する方法

私の開発環境は、VMWare 仮想マシンに CentOS をインストールし、ホスト ファイルにインタ...

ドラッグ可能で編集可能なガントチャートの詳細な説明(HighchartsはVueとReactで使用できます)

序文Excel は強力で、広く使用されています。 Web アプリケーションの登場と改善に伴い、ユーザ...

Nginx10m+の高並列カーネル最適化に関する簡単な説明

高い同時実行性とは何ですか?デフォルトの Linux カーネル パラメータは、最も一般的なシナリオ向...

nginx を使用したプロキシ サーバーの設定

Nginx は、リバース プロキシ機能を使用して負荷分散を実装できるほか、フォワード プロキシ機能を...

Vue Element フロントエンドアプリケーション開発 従来の Element インターフェースコンポーネント

目次1. リストインターフェースとその他のモジュールの表示処理2. 従来のインターフェースコンポーネ...

WeChatアプレットは写真アップロード機能を実現

この記事の例では、WeChatアプレットで写真をアップロードするための具体的なコードを参考までに共有...

Nginx の負荷分散方法の概要

負荷分散を理解するには、まずフォワード プロキシとリバース プロキシを理解する必要があります。注記:...

ホバー画像のポップアウトポップアップ効果を実現するための純粋な CSS のサンプルコード

実施原則メイングラフィックは、背景と前景の 2 つの要素で構成されています。次のサンプルコードでは、...

ページデザインにおけるテーブルとdivの適切な適用についての簡単な説明

この記事の冒頭で、以前書いた入門記事の間違いを訂正したいと思います。初心者を再び誤解させないように、...

Mysqlのprepare前処理の具体的な使用法

目次1. 前処理2. 前処理塗布方法A. 例: B. 実行計画の変更を追跡するための前処理C. スト...

Vue が価格カレンダー効果を実現

この記事では、価格カレンダー効果を実現するためのVueの具体的なコードを例として紹介します。具体的な...

Ubuntu は、Mysql+Keepalived の高可用性実装 (デュアルアクティブ ホットスタンバイ) を構築します。

Mysql5.5 デュアルマシン ホットスタンバイ実装 2つのMySQLをインストールするMySQ...

Mysqlの自動増分IDについて知らないことがあるかもしれません

導入: MySQL を使用してテーブルを作成する場合、通常は自動インクリメント フィールド (AUT...

MySQL の Docker インストールと設定手順

目次序文環境インストールMySQLコンテナを作成して起動する思い出させるMySQLコンテナコマンドを...