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の詳細な分析で使用法と結果を説明します

推薦する

Vue の計算プロパティ

目次1. 基本的な例2. 計算プロパティキャッシュとメソッド3. 計算プロパティセッター序文:通常、...

Docker クリーニングの一般的な方法と問題点

大規模な開発に Docker を使用する場合でも、クリーンアップ戦略がなければ、ディスクがすぐにいっ...

CSS カウンターを使用して数字の順序付きリストを美しく表示する方法

Web デザインでは、Web サイトに表示されるデータの構造とコンテンツをユーザーが明確に理解できる...

VUE+CanvasはシンプルなGobangゲームの全プロセスを実現します

序文レイアウトの点では、Gobang はランダムな動きを目的とするゲームよりも実装がはるかに簡単で、...

ウェブサイトのホームページを作成するための基本原則

1. ウェブサイトのホームページのハイパーテキスト ドキュメントの構成構造は、ユーザーの注意をできる...

Linux ファイアウォールの状態確認方法の例

Linuxファイアウォールの状態を確認する方法1. 基本操作 # ファイアウォールのステータスを表示...

MySQLがデータの削除を推奨しない理由

目次序文InnoDB ストレージ アーキテクチャInnodb テーブルスペースインドストレージディス...

WeChat アプレット ピッカー マルチ列セレクター (モード = multiSelector)

目次1. 効果図(複数列) 2. 通常セレクター: mode = selector、複数列セレクター...

Linux で独自の Nexus プライベート サーバーを構築する方法

この記事では、Linuxサーバー上でDockerを使用してNexusプライベートサーバーを構築する方...

base target="" はフレームを開くためのベースリンクのターゲットを指定します

<base target=_blank> は、基本リンクのターゲット フレームを新しいペ...

Nginx の負荷分散方法の概要

負荷分散を理解するには、まずフォワード プロキシとリバース プロキシを理解する必要があります。注記:...

Flexレイアウトを使用してdiv内のサブ要素を垂直方向に中央揃えする例

1. Flex は Flexible Box の略で、「柔軟なレイアウト」を意味し、ボックス モデル...

HTMLページでチェックボックスを操作する方法

チェックボックスは Web ページで非常によく使用されます。e コマースの Web サイトでもプラッ...

docker を使用して Django テクノロジー スタック プロジェクトをデプロイする方法

Docker の人気と成熟に伴い、Docker は徐々にプロジェクトをデプロイするための第一の選択肢...

純粋な HTML+CSS でオリンピック リングを実装するためのサンプル コード

レンダリング コード - 青と黄色のリングを例に挙げます <div class="コ...