En HTML, podem afegir fàcilment la línia horitzontal al document mitjançant les diferents maneres següents:
- Utilitzant l'etiqueta HTML
- Ús del CSS intern
Utilitzant HTML
Si volem afegir la línia horitzontal al document HTML utilitzant Etiqueta HTML , llavors hem de seguir els passos que es donen a continuació. Amb aquests passos, podem afegir fàcilment la línia:
Pas 1: En primer lloc, hem d'escriure el codi HTML en qualsevol editor de text o obrir el fitxer HTML existent a l'editor de text en el qual volem afegir la línia horitzontal.
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.
Pas 2: Ara, col·loqueu el cursor en el punt on volem afegir la línia al document HTML. I després hem d'utilitzar
etiqueta d'HTML en aquest moment.
<hr>
Pas 3: Ara, hem d'afegir els atributs de
etiqueta, que defineix la mida, el color i l'amplada d'una línia. Per tant, hem d'escriure l'atribut de mida, amplada i color dins del fitxer
etiqueta.
<hr>
Pas 4: I després hem d'especificar els valors d'aquests atributs.
<hr>
Pas 5: I, finalment, hem de desar el codi HTML i després executar el fitxer al navegador.
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.Prova-ho ara
La sortida del codi HTML anterior es mostra a la captura de pantalla següent:
Ús del CSS intern
Si volem afegir la línia horitzontal al document HTML mitjançant el full d'estil intern, hem de seguir els passos que es donen a continuació. Amb aquests passos, podem afegir fàcilment la línia:
Pas 1: En primer lloc, hem d'escriure el codi HTML en qualsevol editor de text o obrir el fitxer HTML existent a l'editor de text en el qual volem afegir la línia horitzontal.
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.
Pas 2: Ara, hem de col·locar el cursor just després del tancament de l'etiqueta de títol al fitxer etiqueta del cap del document HTML i després definiu els estils dins del fitxer etiqueta tal com es mostra al bloc següent. A continuació, hem d'escriure l'etiqueta hr CSS per dissenyar la línia horitzontal.
Add the Line using Internal CSS. hr { } Pas 3: Ara, hem de definir els atributs de l'etiqueta hr CSS. Així doncs, definirem els diferents atributs en el bloc següent:
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; } Pas 4: Ara, hem d'escriure el
etiqueta al cos del document HTML per mostrar la línia horitzontal a la pàgina web. I, finalment, hem de desar el fitxer Html i després executar-lo al navegador d'Internet.
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. Prova-ho ara La sortida del codi HTML anterior es mostra a la captura de pantalla següent:
