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

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

推薦する

1 行のコードでさまざまな IE 互換性の問題を解決します (IE6-IE10)

x-ua-compatible は、IE ブラウザがページを解析およびコンパイルするためのモデルを...

CSS 要素で計算されたスタイルを取得します (カスケード/最終スタイル後)

CSS 要素内の計算されたスタイル (つまり、カスケード後の最終的なスタイル) を取得するには、W3...

検索ナビゲーションバー付きの CSS サンプルコード

この記事では、CSS を使用して検索機能付きのナビゲーション バーを作成する方法を説明します。以下の...

MySQL の基本クイックスタート知識のまとめ (マインドマップ付き)

目次序文1. データベースの基礎知識1. データベースとは何ですか? 2. データベースの分類3. ...

kindとDockerを使用してローカルKubernetes環境を起動する

導入Kubernetes を使い始めるのに丸一日を費やしたことはありませんか?最近登場したいくつかの...

MySQL でファイルデータをインポートする際の 1290 エラーの解決方法

エラーシナリオcmd の mysql コマンドを使用して、学生情報テーブルにデータを追加します。デー...

Mysql8.0はソート問題を解決するためにウィンドウ関数を使用する

MySQL ウィンドウ関数の紹介MySQL は MySQL 8.0 以降、ウィンドウ関数をサポートし...

MySql 最適化のための my.ini 中国語構成スキームの詳細な説明: InnoDB、4GB メモリ、および複数のクエリ

この記事は、4G メモリ システム用の MySQL 構成ファイル ソリューションです (主に Inn...

MYSQL スロークエリとログ設定とテスト

1. はじめにスロークエリログを有効にすると、MySQL は指定された時間を超えるクエリステートメン...

Vue3.0 手書き拡大鏡効果

達成される効果は、固定ズームが 2 倍になり、マウスが左側の画像領域に入るとマスク レイヤーが表示さ...

Vue でのスロット配置と使用状況分析

このチュートリアルの動作環境: Windows 7 システム、vue 2.9.6 バージョン、DEL...

Docker 大規模プロジェクトのコンテナ化変革

仮想化とコンテナ化は、クラウドベースのプロジェクトでは避けられない 2 つの問題です。仮想化は純粋な...

jQueryはスライディングタブを実装する

この記事では、スライドタブを実装するためのjQueryの具体的なコードを参考までに紹介します。具体的...

メタタグのビューポートはデバイス画面のCSSを制御します

コードをコピーコードは次のとおりです。 <meta name="viewport&q...

Linux の vsftpd サービス構成の簡単な分析 (匿名、ユーザー、仮想ユーザー)

vsftpd の概要vsftpd は「very secure FTP daemon」の略称で、セキ...