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

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

ブログ    

推薦する

Vue3 コンパイルプロセス - ソースコード分析

序文: Vue3 がリリースされてからかなり経ちますが、最近、会社のプロジェクトでVue3 + Ty...

MySQL データベースは SQL ステートメントを知っている必要があります (拡張バージョン)

拡張版です。質問とSQL文は以下の通りです。ユーザー テーブルを作成し、id、name、gender...

HTML は、Web ページの作成者が学習して習得しなければならないものです。

HTML を学ぶメリットは何ですか? 1: ウェブサイトやブログのウェブ構造を簡単に変更できます。...

WeChat アプレット wxs 日付と時刻処理の実装例

目次1. 日付までのタイムスタンプ2. UTCを北京時間に変換するWXS (WeiXin Scrip...

JS 手ぶれ補正機能の実装と使用シナリオ

目次1. 手ぶれ補正機能とは何ですか? 1. なぜ手ぶれ補正機能が必要なのでしょうか? 2. 手ぶれ...

Vueは州、都市、地区のカスケード選択を実現します

最近、省、市、地区のカスケード選択効果を実装する必要があります。省、市、地区のデータはすべてローカル...

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

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

MySQL explain クエリ命令情報の取得原理と例

explain はクエリ実行プラン情報を取得するために使用されます。 1. 文法次のように、sele...

Vueはチャットインターフェースを実装する

この記事の例では、チャットインターフェースの表示を実現するためのVueの具体的なコードを参考までに共...

HTML img タグの alt 属性と title 属性の使い方の紹介

ブラウザベンダーが標準を曲げて、ルールに従わないことをすると、問題や少なくとも混乱が生じる可能性があ...

ノードにおけるhttpモジュールの使用と実行プロセス

ノードにおけるhttpの役割は何ですか? httpモジュールの役割は、サーバーの作成と記述を支援する...

NodeサイトのForever+nginx導入方法例

私は最近、最も安い Tencent クラウド サーバーを購入しました。これは主に、Web テクノロジ...

Vue でよく使われる命令 v-if と v-show の違いを簡単に分析します。

目次序文1.v-ショー2.v-if 3. v-showとv-ifの違い1. 原則の違い2. アプリケ...

CentOS6.8 中国語/英語環境切り替えチュートリアル図

1. はじめに英語に慣れていない人は、システムを英語から中国語に変更したいかもしれません。一方、クラ...