検索

ホームページ >ウェブフロントエンド >htmlチュートリアル >HTMLで水平分割線を設定するにはどうすればよいですか? HTMLの水平分割線のコード例解説

HTMLで水平分割線を設定するにはどうすればよいですか? HTMLの水平分割線のコード例解説

不言
不言オリジナル
2018-10-31 11:29:3642722ブラウズ

フロントエンド Web ページの開発では、異なるドキュメントを区切るために水平分割線を使用する必要がある場合があります。これにより、Web ページ全体が美しく整然と見えるようになり、テキストの特定の段落の重要性も強調されます。では、Web ページの水平分割線をどのように実現するのでしょうか?この記事では、HTML に水平分割線を実装する方法を説明します。

HTML には

タグがあり、非常に簡単に水平線を設定できます。

タグの定義を簡単に見てみましょう。
HTML ページに水平線を作成します。文書を視覚的にパーツに分割します。

HTML では、
タグは終了タグのない単一のタグです。

それでは、

html
##
タグに水平線を設定する方法を詳しく説明していきます。 ;hr> 100%幅の水平分割線であり、

タグで設定した水平線は上下のコンテンツから一定の距離になります。

はブロックレベルの要素であるため、
は 1 行を占め、幅と高さを設定できます。

ラベルに水平分割線を設定するコード例を見てみましょう。
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <p >
           桃之夭夭，灼灼其华。之子于归，宜其室家。
           <hr width="300" align="left">
           桃之夭夭，有蕡其实。之子于归，宜其家室。
           <hr width="300" align="left">
           桃之夭夭，其叶蓁蓁。之子于归，宜其家人。
           <hr width="300" align="left">
        </p> 
    </body>
</html>

ラベルに水平分割線を設定すると、次のような効果が得られます。

HTMLで水平分割線を設定するにはどうすればよいですか? HTMLの水平分割線のコード例解説注:

タグも、
タグと同様に単純な改行を強制し、段落の配置が戻ります。左揃え。

この記事はここで終了です。

タグの詳細については、PHP 中国語 Web サイトの html オンライン マニュアル

を参照してください。

以上がHTMLで水平分割線を設定するにはどうすればよいですか? HTMLの水平分割線のコード例解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：Webページを作成するにはどのようなソフトウェアが必要ですか? 5 つの便利な Web ページ編集ソフトウェアの推奨事項次の記事：Webページを作成するにはどのようなソフトウェアが必要ですか? 5 つの便利な Web ページ編集ソフトウェアの推奨事項

関連記事

続きを見る