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

推薦する

Windows 10 で MySQL の解凍バージョンをインストールする方法の詳細なグラフィック チュートリアル

MySQL のインストールは、インストール バージョンと解凍バージョンに分かれています。インストール...

ブラウザは関連するHTTPヘッダーをキャッシュし、HTTPリクエストの数を最小限に抑えます。

最近、Yahoo の 34 の黄金律を読み、ウェブサイトのパフォーマンスを最適化する方法を学びました...

CSS における要素の表示モード

CSS では、要素タグは、要素の表示モードの違いに応じて、インラインレベル要素とブロックレベル要素の...

JavaScript 関数のカリー化

目次1 関数カリー化とは何ですか? 2 カレーの役割と特徴2.1 パラメータの再利用2.2 早期復帰...

ハイパーリンクAタグを学ぶ

聞く: CSS を使用してハイパーリンクのスタイルを設定しましたが、ホバーしても機能しません。なぜこ...

Docker で Confluence をデプロイする

1. 環境要件1. Docker 17以上がインストールされている2. コンテナ操作docker r...

JavaScriptで配列を作成する方法の詳細な説明

目次JavaScript で配列を作成する配列の使用配列を分割文字列に変換する配列に要素を追加する配...

Vue3カプセル化メッセージメッセージプロンプトインスタンス関数の詳細な説明

目次Vue3 カプセル化メッセージプロンプトインスタンス関数スタイルレイアウトカプセル化メッセージ....

JavaScript ウェブページ入門開発詳細説明

パート3: ❤バックエンドデータ受信を見落とす3つの方法❤ (おすすめ集)パート 2: Web フォ...

Vue はカードフリップカルーセル表示を実装します

Vueカードのフリップカルーセル表示、フリップ時にデータを切り替えながら、参考までに、具体的な内容は...

auto.jsを使用して毎日の自動チェックイン機能を実現する

auto.js を使用して毎日のチェックインを自動化する感染症のせいで、毎日時間通りに家に帰らなけれ...

アコーディオンセカンダリメニューを実装するためのjQueryプラグイン

この記事では、jQueryプラグインを使用してアコーディオンセカンダリメニューを作成します。具体的な...

Alibaba Cloud Server への Web プロジェクトのデプロイについて (5 つの手順)

1.まずAlibaba Cloudのウェブサイトにログインしてアカウントを登録し、サーバータイプを...

HTML の marquee 属性の詳細な説明

このタグはHTML3.2の一部ではなく、MSIE3以降のカーネルでのみサポートされているため、IEカ...

MySQLの連結関数CONCATの使い方の詳しい説明

前回の記事では、MySQL の置換関数 (Replace) とセグメンテーション関数 (SubStr...