Que signifie RH en HTML ?

En HTML, hr signifie « ligne horizontale » et est une balise utilisée pour créer une ligne horizontale sur la page. L'élément hr est utilisé pour séparer le contenu des pages HTML sans balise de fermeture ; ajoutez simplement "

---

" directement entre les éléments qui doivent être séparés.

L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5, ordinateur Dell G3. La balise

---

définit un changement de sujet (comme un transfert de sujet) dans une page HTML et s'affiche sous forme de ligne horizontale. L'élément

---

est utilisé pour séparer le contenu d'une page HTML (ou pour définir une variante).

Description :

• En HTML5,

  ---

  .

• Dans HTML 4.01, la balise

  ---

  n'apparaît que sous forme de ligne horizontale.

• En HTML, la balise

  ---

  n'a pas de balise fermante.

html

---

attributs de la balise

Attribut

Valeur

Description

aligner

gauche

属性	值	描述
align	left center right	规定 元素的对齐方式
noshade	noshade	规定 元素的颜色呈现为纯色。
size	pixels	HT规定 元素的高度。
width	pixels %	规定 元素的宽度。

center

right

Spécifie l'alignement des éléments

---

noshade td>

noshade

Spécifie que la couleur de l'élément

---

est rendue sous forme de couleur unie.

taille

pixels

HT spécifie la hauteur de l'élément

---

largeur

pixels%

Spécifie la largeur de l'élément

---

Exemple :

<h1 id="HTML">HTML</h1>
<p>HTML 是用于描述 web 页面的一种语言。</p>

<hr>

<h1 id="CSS">CSS</h1>
<p>CSS 定义如何显示 HTML 元素。</p>

Rendu :

Oui On voit qu'il ne s'agit que d'une ligne noire, ce qui n'est pas beau du tout, encore moins d'utiliser

---

pour rendre la page belle. Cela nécessite d'utiliser du CSS pour définir le style de hr.

Par exemple :

1. Paramètres CSS pour l'épaisseur (gras) et la couleur du hr

<hr   style="max-width:90%"/><!--修改的样式-->
<br />
<hr /><!--默认的样式-->

2. Paramètres CSS Style de ligne double de hr

<hr   style="max-width:90%"/>

3. Style de dégradé de réglage CSS du code hr

html :

<hr class="style-one"/>
<br/>
<hr class="style-two"/>

code css :

hr.style-one {/*透明渐变水平线*/
    width:80%;
    margin:0 auto;
    border: 0;
    height: 4px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
hr.style-two{/*渐变*/
    width:80%;
    margin:0 auto;
    border: 0;
    height: 4px;
    background: #333;
    background-image: linear-gradient(to right, red, #333, rgb(9, 206, 91));
}

Tutoriel recommandé : "

Tutoriel vidéo HTML"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!