Html <hr> stikkord
En linje langs x-aksen blir referert til som en horisontal linje som brukes mellom avsnittlinjene for å gjøre det enkelt å lese. Mer spesifikt kan disse linjene brukes til å legge til en tematisk pause mellom forskjellige seksjoner eller avsnitt. Ved hjelp av en HTML
Tag, du kan tegne en horisontal linje på websiden.
Denne oppskrivningen vil lede deg om bruken av HTML “
" stikkord.
Hvordan sette inn horisontal linje ved hjelp av HTML
stikkord?
Eksemplet nedenfor vil legge til horisontale linjer mellom de tre
elementer. For å gjøre det, la oss opprette en HTML -fil. Deretter legger du til tre
elementer for å legge til noe innhold og spesifisere “
”Tag mellom hver og en av dem.
Html
Velkommen til Linuxhint!
Det beste opplæringsnettstedet
På et oppdrag for å utdanne verden på nettet
Lagre HTML -filen, og åpne den i nettleseren for å sjekke resultatene:
La oss nå legge til noen CSS -egenskaper til
element.
Hvordan bruke CSS -egenskaper på
Element?
Avsnittet nedenfor vil demonstrere CSS -egenskapene som brukes på HTML -elementene sammen med HR.
I HTML -filen, inne i kroppselementet, legger du til et DIV -element med klassenavnet "Linebox”. Inne i dette divelementet, spesifiser fire
elementer for å legge til noe innhold. Hver
elementet er atskilt med
med klasser som linje1, linje2, linje3, linje4 og linje5:
Den stiplede stålblå linjen
Den stiplede blå linjen
Den stiplede grønne linjen
Den runde lilla linjen
Style Linebox Div
.Linebox
Margin: 5px;
Grense: 10px Groove RGB (133, 132, 135);
polstring: 15px;
Font-størrelse: 16px
Her er beskrivelsen av den ovennevnte koden:
-
- “margin”Eiendom setter plassen til 5px rundt elementet.
- “grense”Eiendom setter grensen til 10px bredde, groove linjetype og farge som RGB (133, 132, 135).
- “polstring”Eiendom setter plass rundt innholdet i elementet.
- “skriftstørrelse”Eiendom setter innstillingen for skriftstørrelse til 16px.
Stillinje1 av HR
hr.linje 1
Grense: 5px Solid SteelBlue;
“grense”Eiendom som har verdien”5px""fast”Og“Steelblue”Brukes på klasselinjen 1 av HR -element der 5px representerer bredden på linjen, solid er linjetypen, og SteelBlue er fargen.
Stillinje2 av HR
hr.line2
Border: 1px prikket blå;
For klasselinjen i HR -elementet, har grenseeiendommen verdien “1px""prikket""blå”Brukes der 1px representerer bredden på linjen, prikket er linjetypen, og blå er fargen.
Stillinje3 av HR
hr.line3
Border: 3px stiplet grønn;
For klasselinjen3 er merverdien av grensen "3px""Strikket""grønn”Hvor 3px representerer bredden, er den stiplede linjetypen, og grønn er fargen.
Stillinje4 av HR
hr.line4
Grense: 8px solid lilla;
Border-Radius: 8px;
Tilsvarende har vi brukt grenseeiendommen på linje4 og satt sin “Border-Radius" som "8px”.
Det kan sees at ved bruk av HTML
Tag, vi har lagt til fire typer horisontale linjer på vår webside:
Flott! Du har lært om HTML
Tag med eksempler.
Konklusjon
For å skille en seksjon eller avsnitt, kan horisontale linjer legges til på vår webside ved hjelp av HTML
stikkord. Dette elementet er kjent som et tomt element fordi det ikke har en lukkingsmerke. Du kan også
med flere CSS -egenskaper. Denne artikkelen demonstrerte HTML
Tag og hvordan du styler det med CSS ved hjelp av eksempler.