I HTML kan vi enkelt lägga till den horisontella linjen i dokumentet på följande olika sätt:
- Använder HTML-tagg
- Använder den interna CSS
Använder Html
Om vi vill lägga till den horisontella linjen i HTML-dokumentet med hjälp av HTML-tagg , då måste vi följa stegen som ges nedan. Med dessa steg kan vi enkelt lägga till raden:
Steg 1: Först måste vi skriva HTML-koden i valfri textredigerare eller öppna den befintliga HTML-filen i textredigeraren där vi vill lägga till den horisontella linjen.
Add the Line using Html tags This page helps you to understand how to add the line in Html document. And, this section helps you to understand how to add the line using the Html tags.
Steg 2: Placera nu markören på den punkt där vi vill lägga till raden i HTML-dokumentet. Och då måste vi använda
taggen av HTML vid den tidpunkten.
<hr>
Steg 3: Nu måste vi lägga till attributen för
tagg, som definierar storlek, färg och bredd på en linje. Så vi måste ange storlek, bredd och färgattribut inom
märka.
<hr>
Steg 4: Och då måste vi specificera värdena för dessa attribut.
<hr>
Steg 5: Och äntligen måste vi spara HTML-koden och sedan köra filen i webbläsaren.
Add the Line using Html tags This page helps you to understand how to add the line in Html document. <hr> And, this section helps you to understand how to add the line using the Html tag.Testa det nu
Utdata från ovanstående HTML-kod visas i följande skärmdump:
Använder den interna CSS
Om vi vill lägga till den horisontella linjen i HTML-dokumentet med den interna formatmallen måste vi följa stegen som ges nedan. Med hjälp av dessa steg kan vi enkelt lägga till raden:
Steg 1: Först måste vi skriva HTML-koden i valfri textredigerare eller öppna den befintliga HTML-filen i textredigeraren där vi vill lägga till den horisontella linjen.
Add the Line using Internal CSS. This page helps you to understand how to add the line in Html document. And, this section helps you to understand how to add the line using the Internal Cascading Style Sheet.
Steg 2: Nu måste vi placera markören precis efter stängningen av titeltaggen i huvudtagg i HTML-dokumentet och definiera sedan stilarna inuti taggen som visas i följande block. Och sedan måste vi skriva hr CSS-taggen för att utforma den horisontella linjen.
Add the Line using Internal CSS. hr { } Steg 3: Nu måste vi definiera attributen för hr CSS-taggen. Så vi kommer att definiera de olika attributen i följande block:
Add the Line using Internal CSS. hr { width: 80%; height: 2px; background-color: pink; margin-bottom: 7px; margin-right: auto; margin-left: auto; margin-top: 9px; border-width: 4px; border-color: blue; } Steg 4: Nu måste vi skriva
taggen i brödtexten i HTML-dokumentet för att visa den horisontella linjen på webbsidan. Och äntligen måste vi spara HTML-filen och sedan köra filen i webbläsaren.
Add the Line using Internal CSS. hr { width: 80%; height: 2px; background-color: pink; margin-bottom: 7px; margin-right: auto; margin-left: auto; margin-top: 9px; border-width: 4px; border-color: blue; } This page helps you to understand how to add the line in Html document. <hr> And, this section helps you to understand how to add the line using the Internal Cascading Style Sheet. Testa det nu Utdata från ovanstående HTML-kod visas i följande skärmdump:
