HTML mēs varam viegli pievienot dokumentam horizontālo rindiņu, izmantojot šādus dažādus veidus:
- Izmantojot HTML tagu
- Izmantojot iekšējo CSS
Izmantojot HTML
Ja mēs vēlamies pievienot rindu Horizontālā HTML dokumentā, izmantojot Html tags , tad mums ir jāveic tālāk norādītās darbības. Izmantojot šīs darbības, mēs varam viegli pievienot rindu:
1. darbība: Pirmkārt, mums ir jāievada HTML kods jebkurā teksta redaktorā vai jāatver esošais HTML fails teksta redaktorā, kurā vēlamies pievienot horizontālo līniju.
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.
2. darbība: Tagad novietojiet kursoru vietā, kur mēs vēlamies pievienot rindu HTML dokumentā. Un tad mums ir jāizmanto
HTML tagu tajā brīdī.
<hr>
3. darbība: Tagad mums ir jāpievieno atribūti
tagu, kas nosaka līnijas izmēru, krāsu un platumu. Tātad, mums ir jāievada izmēra, platuma un krāsas atribūts
tagu.
<hr>
4. darbība: Un tad mums ir jānorāda šo atribūtu vērtības.
<hr>
5. darbība: Un, visbeidzot, mums ir jāsaglabā HTML kods un pēc tam jāpalaiž fails pārlūkprogrammā.
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.Izmēģiniet to tagad
Iepriekš minētā HTML koda izvade ir parādīta šajā ekrānuzņēmumā:
Izmantojot iekšējo CSS
Ja mēs vēlamies pievienot horizontālo rindiņu HTML dokumentā, izmantojot iekšējo stilu lapu, mums ir jāveic tālāk norādītās darbības. Izmantojot šīs darbības, mēs varam viegli pievienot rindu:
1. darbība: Pirmkārt, mums ir jāievada HTML kods jebkurā teksta redaktorā vai jāatver esošais HTML fails teksta redaktorā, kurā vēlamies pievienot horizontālo līniju.
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.
2. darbība: Tagad mums ir jānovieto kursors tieši pēc nosaukuma taga aizvēršanas galvas birka HTML dokumentā un pēc tam definējiet stilus iekšpusē tagu, kā parādīts nākamajā blokā. Un tad mums ir jāievada hr CSS tags, lai izveidotu horizontālo līniju.
Add the Line using Internal CSS. hr { }
3. darbība: Tagad mums ir jādefinē hr CSS taga atribūti. Tātad, mēs definēsim dažādos atribūtus šādā blokā:
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; }
4. darbība: Tagad mums ir jāievada
tagu HTML dokumenta pamattekstā, lai tīmekļa lapā parādītu horizontālo līniju. Un, visbeidzot, mums ir jāsaglabā HTML fails un pēc tam jāpalaiž fails interneta pārlūkprogrammā.
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.Izmēģiniet to tagad
Iepriekš minētā HTML koda izvade ir parādīta šajā ekrānuzņēmumā: