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 の高度な使用方法チュートリアル 動的コンポーネント

目次基本的な説明AST 解析レンダリング機能通常コンポーネントと動的コンポーネントの比較ファクトリ関...

CentOS に MySQL 5.5 をインストールするための完全な手順

目次1. インストール前の準備、インストールパッケージのダウンロード1 インストールの準備2 インス...

CSS でレスポンシブ レイアウトを実装する方法

CSS でレスポンシブ レイアウトを実装するレスポンシブレイアウトは非常にハイエンドで難しいように思...

高並列処理 nginx サーバー向け Linux カーネル最適化構成の説明

デフォルトの Linux カーネル パラメータは最も一般的なシナリオに基づいており、高い同時アクセス...

JavaScript はパスワードボックスの入力検証を実装します

サーバーの負荷を軽減するために、ユーザーが入力するときにフロントエンドページで簡単な検証を実行する必...

Hadoop 2.x と 3.x の 22 ポイントの比較、Hadoop 3.x の 2.x に対する改善点

質問ガイド1. Hadoop 3.x はどのようにして障害を許容するのでしょうか? 2. Hadoo...

音声キューイングシステムを実装するためのJavaScript

目次導入主な特徴エフェクト表示キーコード導入音声キューイングシステムは、銀行、レストラン、病院などの...

nginx で http でアクセスする Web サイトを https に変更する方法

目次1. 背景2. 前提条件https:証明書システム: 3. 操作プロセス3.1 証明書の生成3....

VUEをベースにしたシンプルな学生情報管理システムの実装

目次1. 主な機能2. 実装のアイデア3. コードの実装4. エフェクト表示V. 結論1. 主な機能...

HTMLで境界線を設定する3つの方法の詳細な説明

HTML で境界線を設定する 3 つの方法 境界線の幅: 1px 2px 2px; 境界線のスタイル...

Linuxはnode.jsを完全に削除し、yumコマンドで再インストールします。

最初のステップ組み込みのパッケージ管理機能で一度削除する yum 削除 nodejs npm -y ...

Vueはカスタム命令を使用してページの下部に透かしを追加します

プロジェクトシナリオプロジェクトの背景全体にカスタム透かしを追加します。透かしのテキスト、フォントの...

MySQL 5.7.18 無料インストールバージョンの設定チュートリアル

MySQL 5.7.18 無料インストール版のインストールチュートリアルMySQL は現在、世界で最...

測定画像HTTPリクエスト

一般的なブラウザでテスト ページを開き、Fiddler で http リクエストを表示してください。...

Mysql の読み取り/書き込み分離期限切れに対する一般的な解決策

MySQLの読み書き分離の落とし穴読み取りと書き込みの分離の主な目的は、メイン データベースの負荷を...