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 データベースについて

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

推薦する

JavaScript を使用してページに動的な検証コードを実装する例

導入:現在、プログラム攻撃を防ぐために、ユーザーがログインまたは登録するときに多くの動的検証テクノロ...

Javascript Bootstrapのグリッドシステム、ナビゲーションバー、カルーセルの詳細な説明

目次ブートストラップと関連コンテンツの紹介グリッドシステムネストされた列列オフセット列の並べ替えナビ...

Reactの3つの主要属性における状態の使用の詳細な説明

目次クラスコンポーネント機能コンポーネントsetStateの落とし穴React では多くの場所でデー...

MySQL 上級学習ノート (パート 3): MySQL 論理アーキテクチャの紹介、MySQL ストレージ エンジンの詳細な説明

MySQL 論理アーキテクチャの概要他のデータベースと比較すると、MySQL は、そのアーキテクチャ...

MySql はデータを正常に挿入しますが、[Err] 1055 エラーが報告されます。解決策

1. 質問:最近、挿入操作を行っています。MySQLのバージョンは5.7です。挿入は成功しますが、エ...

Linuxでファイルを削除してもスペースが解放されない問題の対処方法

問題の背景業務システムのサーバ監視システムからディスク使用率が90%に達したという早期警告通知が来た...

XHTML ブロックレベルタグの概要

* 住所 - 住所* blockquote - ブロック引用* center - 中央揃えブロック*...

MySQL で浮動小数点データを文字データに変換するときに起こりうる問題の詳細な説明

序文この記事は主に、MySQL で浮動小数点型を文字型に変換するときに発生する問題を紹介します。これ...

アバターと国旗の統合を実現する1行のCSSコード

今日は建国記念日で、誰もが祖国の誕生日をお祝いしようとしています。毎年この時期になると、WeChat...

Win7 64 ビット版に MySQL 5.7 をダウンロードしてインストールする際によくある問題の概要

1. 公式ウェブサイトからMySQLをダウンロードします。 これが私たちが探しているものです、win...

MySQLは文字列の連結、インターセプション、置換、位置検索操作を実装しています

MySQL 文字列の連結、インターセプト、置換、および検索位置。よく使用される文字列関数:関数例示す...

Vant+postcss-pxtoremはブラウザ適応機能を実装します

Remレイアウトの適応Vant のスタイルでは、デフォルトで px を単位として使用します。rem ...

ウェブデザインにおけるグリッドシステム

グリッドシステムの形成1692年、新しく即位したフランス国王ルイ14世は、フランスの印刷技術のレベル...

MySQL 8.x msi バージョンのインストール チュートリアル (画像とテキスト付き)

1. MySQLをダウンロードする公式サイトのダウンロードアドレス https://dev.mys...

MySQL 5.7.17 インストール グラフィック チュートリアル (Windows)

最近データベースを学び始めたのですが、とても興味深いコースだと感じていますが、含まれる内容の多くは私...