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

推薦する

MySQLの使用中に発生した問題

ここでは、MySQL の使用中に発生するいくつかの問題とその解決策を示します。 sql_mode=o...

mysqlを使用して、URLから返されたhttp GETリクエストデータを記録します。

ビジネスシナリオの要件と実装ロジックの分析ビジネスでは、HTTP GET を使用してデータを要求する...

HTML における画像タグの使用方法の詳細な説明

HTML では、<img> タグはテキスト内の画像タグを定義するために使用されます。その...

Xiaomi公式サイトの登録・ログイン機能を模倣するJavaScript

目次まずページレイアウトを構築する必要がありますJS関数1 JS関数2 JS関数3 JS関数4効果図...

Docker インストール rocketMQ チュートリアル (最も詳細)

RocketMQ は、Alibaba が設計した分散型のキューベースのメッセージング ミドルウェア...

HTML はモバイル上で固定フローティング半透明検索ボックスを実装します

質問。モバイルショッピングモールシステムでは、ページの上部に検索ボックスがよく見られます。ブロガーは...

Tencent Cloud 上で Hadoop 3.x 疑似クラスターを構築する方法を説明します

1. 環境整備CentOS Linux リリース 7.5.1804 (コア)インストールフォルダを作...

CSSの2つの特別な値は、カスケードの継承と初期メソッドを制御するために使用されます。

カスケードを制御するために CSS の任意のプロパティに割り当てることができる特別な値が 2 つあり...

iframe を使用して Web ページに他の Web ページを埋め込む方法

iframe の使い方:コードをコピーコードは次のとおりです。 <DIV align=cent...

UA による Web サイトのクロールを防ぐ Nginx のクローラー対策戦略

クローラー対策ポリシー ファイルを追加しました: vim /usr/www/server/nginx...

HTML で 2 列レイアウトを実装する方法の例 (左側は固定幅、右側は適応幅)

HTMLは2列レイアウトを実装し、左側は固定幅、右側は適応幅です。実装1: <スタイル>...

Linux でシェル スクリプトを使用して jar パッケージ プロジェクトを展開するための完全な手順

1. JDKをインストールする コンピュータの動作桁を確認します。 uname -ar 2017 x...

CSS3 の新しいレイアウト: flex の詳細な説明

Flexの基本概念フレックス レイアウト (フレックスはフレキシブル ボックスの略)、エラスティック...

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

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

HTMLで細い線のテーブルを作成する簡単な例

この細線の表を作成する方法については、Baidu で検索すると、表に対して border="...