Üdvözöljük a „HTML hr” cikkünkben! Ebben a cikkben részletesen megvizsgáljuk az HTML hr elemet, annak használatát és alkalmazási lehetőségeit. Az „hr” az angol „horizontal rule” rövidítése, és horizontális elválasztó vonalat hoz létre az oldalon.
Mi az HTML hr elem?
Az HTML hr elem egy egyszerű, horizontális elválasztó vonalat hoz létre az oldalon. Ez az elem gyakran használt a tartalom elválasztására vagy szekciók közötti tér megteremtésére. Az „hr” elem általában vízszintesen húzódik az oldal szélességében, és egyenletesen elosztott vonalat eredményez.
Hogyan használjuk az HTML hr elemet?
Az „hr” elem használata nagyon egyszerű. Csupán egy üres elem, és nincs záró tagje. Így néz ki az alapszintű használata:
<hr>
Ez az egyszerű kód egy vízszintes vonalat hoz létre az oldalon. Azonban az „hr” elem használható attribútumokkal is, hogy testreszabjuk annak megjelenését és viselkedését.
Attribútumok
Az „hr” elem használható különböző attribútumokkal, például a következőkkel:
| Attribútum | Leírás |
|---|---|
align |
Beállítja az elválasztó vonal vízszintes igazítását (left, center, right). |
color |
Megadja az elválasztó vonal színét. |
size |
Meghatározza az elválasztó vonal vastagságát. |
Például, ha egy középre igazított, piros elválasztó vonalat szeretnénk létrehozni, a következőképpen tehetjük:
<hr align="center" color="red">
Használati példák
Az „hr” elem sokféleképpen felhasználható. Itt néhány példa arra, hogyan alkalmazzák weboldalakon:
- Elválasztás a cikk címe és bevezetése között.
- Oldal tartalom szekcióinak elválasztása.
- Aláírások elválasztása fotók alatt.
Milyen attribútumokat használhatok az „hr” elemnél?
Az „hr” elem használható attribútumokkal, például az align, color és size attribútumokkal a megjelenés testreszabásához.
Hogyan lehet beállítani az „hr” elem színét?
Az „hr” elem színét a color attribútum segítségével lehet beállítani. Például: <hr color="blue">
Milyen egyéb elválasztó módszereket lehet használni HTML-ben?
Az „hr” elem mellett más elválasztó módszereket is használhatunk, például sorkizárt (<br>), vagy CSS stílusokat az <div> elemmel.
Vezi și:
