HTML チュートリアル: HTML 水平線分

HTML チュートリアル: HTML 水平線分
<br />このタグを使用すると、画面上に水平線を表示して、ページのさまざまな部分を区切ることができます。
<HR> には 3 つの属性があります。
size: 水平線の幅 width: 水平線の長さ。画面幅のパーセンテージまたはピクセル単位で表されます。 align: 水平線の配置。LEFT、RIGHT、CENTER の 3 つのタイプがあります。 noshade: 線分には影の属性がなく、実線です。この線分の使用方法を示すために、いくつかの例を挙げることができます。




線の太さの設定
<HTML>
<ヘッド>
<TITLE>線の太さの設定</TITLE>
</HEAD>
<本文>
<P>これは最初の線分です。サイズは設定されていません。表示にはデフォルト値 SIZE=1 が使用されます。<BR>
<人事 />
<P>これは 2 番目の線分、SIZE=5 です<BR>
<HRサイズ=5>
<P>これは 3 番目の線分、SIZE=10 です<BR>
<HRサイズ=10>
</本文>
</HTML>




行の長さを設定する
<HTML>
<ヘッド>
<TITLE>線分の長さの設定</TITLE>
</HEAD>
<本文>
<P>これは最初の線分です。WIDTH 設定はありません。表示にはデフォルトの WIDTH 値 100% が使用されます。<BR>
<HRサイズ=3>
<P>これは 2 番目の線分、WIDTH=50 (ポイント方式) です<BR>
<HR 幅=50 サイズ=5>
<P>これは 3 番目の線分、WIDTH=50% (パーセンテージ方式) です<BR>
<HR 幅=50% サイズ=7>
</本文>
</HTML>




セグメント配置設定
<HTML>
<ヘッド>
<TITLE>線分の配置設定</TITLE>
</HEAD>
<本文>
<P>これは最初の線分で、ALIGN 設定はありません (表示にはデフォルト値の CENTER が使用されます)<BR>
<HR 幅=50% サイズ=5>
<P>これは左揃えの 2 番目の線分です。BR>
<HR 幅=60% サイズ=7 配置=左>
<P>これは右揃えの 3 番目の線分です<BR>
<HR 幅=70% サイズ=2 配置=右>
</本文>
</HTML>




影の設定なし
<HTML>
<ヘッド>
<TITLE>影なし設定</TITLE>
</HEAD>
<本文>
<P>これは最初の線分です。NOSHADE は設定されていません。表示にはデフォルトの影効果が使用されます。<BR>
<HR 幅=80% サイズ=5>
<P>これは NOSHADE が設定された 2 番目の線分です<BR>
<HR 幅=80% サイズ=7 配置=左 シェードなし>
</本文>
</HTML>
最後の水平線:

<<:  JavaScript 関数のコンテキストのルールは何ですか?

>>:  MySQLの詳細な分析で使用法と結果を説明します

推薦する

ubuntu20.04 LTSにdockerをインストールする方法

ゼロ: 古いバージョンをアンインストールするDocker の古いバージョンは、docker、dock...

CentOS 7 で Python を 3.6.6 にアップグレードした後に発生する yum エラー問題の解決方法の概要

最近、テスト サーバーのオペレーティング システムを Cent0S 7.5 にアップグレードし、Py...

mysqlは指定された期間内の統計データを取得します

mysqlは指定された期間内の統計データを取得します年別統計 選択 カウント(*)、 DATE_FO...

DOM操作テーブルの例(DOMはテーブルを作成します)

1. HTML タグを使用してテーブルを作成します。コードをコピーコードは次のとおりです。 <...

MySQL sql_mode の使用に関する詳細な説明

目次序文sql_mode の説明最も重要なオプションすべてのオプション要約する序文前回の記事「MyS...

テーブルリストを破棄するには、標準のdl、dt、ddタグを使用します。

現在、ますます多くのフロントエンド開発者が、元のテーブル レイアウトを xHTML + CSS に置...

MySQLテーブルの自動インクリメント列の初期値をリセットする方法

MySQLテーブルの自動インクリメント列の初期値をリセットする方法1. 問題の説明MySQL データ...

Kubernetes ポッドオーケストレーションとライフサイクルの詳細な説明

目次K8Sマスター基本アーキテクチャポッドオーケストレーションコンセプトPod オブジェクトのプロパ...

Vueプロジェクトのパッケージ化の詳細な説明

目次1. 関連構成ケース1(使用ツールはvue-cil)ケース2(使用するツールはwebpack) ...

HTML テーブル マークアップ チュートリアル (15): テーブル タイトル

<br />このタグを使用すると、表のタイトルを直接追加し、タイトル テキストの配置プロ...

Angularの動的コンポーネントの詳細な説明

目次使用シナリオ達成方法1. 動的コンポーネントを配置する場所2. コンポーネントのインスタンスを取...

ネイティブ JS 音楽プレーヤー

この記事の例では、音楽プレーヤーを実装するためのJSの具体的なコードを参考までに共有しています。具体...

MySQLにおけるACIDトランザクションの実装原理の詳細な説明

導入いつものように、シーンから始めましょう〜インタビュアー:「トランザクションの4つの特性をご存知で...

HTML テーブル マークアップ チュートリアル (39): ヘッダーの明るい境界線の色属性 BORDERCOLORLIGHT

テーブル ヘッダーでは、明るい境界線の色を個別に定義できます。基本的な構文<TH ボーダーカラ...

Linux で MySQL をインストールして設定する

システム: Ubuntu 16.04LTS 1\公式サイトからmysql-5.7.18-linux-...