Com inserir una línia en HTML

Posted on
Autora: Laura McKinney
Data De La Creació: 8 Abril 2021
Data D’Actualització: 16 Ser Possible 2024
Anonim
Com inserir una línia en HTML - Coneixement
Com inserir una línia en HTML - Coneixement

Content

En aquest article: Inseriu una línia a HTML 4.01Inseriu una línia mitjançant un fitxer CSS i HTML5References

Podeu utilitzar una línia horitzontal per delimitar el contingut del vostre lloc web. El codi per mostrar una línia és molt senzill. Tanmateix, si podeu canviar els estils de la vostra línia directament en el codi amb HTML 4.01, no és el mateix amb HTML5. Per a aquest últim, haureu d’utilitzar els components CSS per modificar els estils.


etapes

Mètode 1 Inseriu una línia a HTML 4.01



  1. Creeu un document nou. Obriu o creeu un document HTML nou. Els documents HTML es poden editar mitjançant un editor d'e bloc. També podeu utilitzar un editor de codis com Adobe Dreamweaver. Seguiu aquests passos per obrir un document HTML al programa que escolliu:
    • obert bloc o l’editor d’e o codi que escolliu;
    • feu clic a expedient ;
    • feu clic a obert ;
    • seleccioneu un fitxer HTML;
    • feu clic a obert.


  2. Inseriu la línia. Seleccioneu on voleu inserir la línia. Desplaceu-vos cap avall fins que trobeu la línia de codi superior a la qual voleu inserir la línia. A continuació, feu clic a l'extrem esquerre de la línia per situar el cursor just al començament de la línia.



  3. Deixeu un espai. Toca dos cops entrada per moure el e cap avall a la línia superior a la qual voleu col·locar la línia horitzontal. Després d'això, col·loca el cursor a la part superior de l'espai que acabes de crear.


  4. Afegiu l’etiqueta
    .
    tipus
    abans del començament de la línia. L’etiqueta
    s'utilitza per crear una línia horitzontal a la pàgina.


  5. Anar a la línia. Desplaceu la línia davant de l’etiqueta hr en una nova línia. Per fer-ho, premeu entrada. Així doncs, l’etiqueta
    hauria d’aïllar-se en la seva pròpia línia.



  6. Afegiu atributs. Podeu (si voleu) afegir atributs a la vostra línia horitzontal com ara atributs de longitud, amplada, color i alineació. Utilitzeu els codis següents després de l’etiqueta hr dins de les vies. Podeu afegir més d’un atribut dins d’un chevron separant-los amb un espai.
    • tipus
      per canviar el gruix de la línia. Substituïu # amb el valor desitjat pel gruix (exemple: size = "10").
    • tipus
      per canviar l'amplada de la línia. Substituïu # amb el nombre de píxels per l'amplada o el percentatge de l'amplada de la pàgina (exemple: amplada = "200" o amplada = "75%").
    • tipus
      per canviar el color de la línia. Substituïu el número # per un nom de color o codi hexadecimal (exemple: color = "vermell" o color = "# FF0000")
    • tipus
      per gestionar l'alineació de la línia. Substitueix el número # per "dreta", "esquerra" o "centre" (exemple:
      ).


  7. Desa el fitxer HTML. Per guardar un fitxer e com a document HTML, heu de substituir l’extensió de fitxer (.txt, .docx) de .html. Seguiu aquests passos per desar el document HTML:
    • feu clic al menú expedient ;
    • seleccionar Desa com a ... ;
    • introduïu un nom per al fitxer, al costat de Nom del fitxer ;
    • tipus .html després del nom del fitxer
    • feu clic a registre.


  8. Prova el teu codi. Per provar el fitxer HTML, feu clic amb el botó dret sobre el fitxer i seleccioneu Obriu amb. A continuació, seleccioneu un navegador d’internet. Hauria d'aparèixer una línia on heu col·locat l'etiqueta hr. El vostre codi HMTL hauria de ser així:

    Aquest és un títol


    Aquest és un paràgraf separat del títol per una línia horitzontal.

Mètode 2 Inseriu una fila mitjançant un fitxer CSS i HTML5



  1. Creeu un document nou. Obriu o creeu un document HTML nou. Els documents HTML es poden editar mitjançant un editor d'e bloc. També podeu utilitzar un editor de codis com Adobe Dreamweaver. Seguiu aquests passos per obrir un document HTML al programa que escolliu:
    • obert bloc o l’editor d’e o codi que escolliu;
    • feu clic a expedient ;
    • feu clic a obert ;
    • seleccioneu un fitxer HTML;
    • feu clic a obert.


  2. Afegiu l’etiqueta cap. Si el vostre fitxer HTML encara no té una part cap, seguiu els passos següents per afegir-lo. La part cap està entre les etiquetes i .
    • tipus a la part superior del document.
    • Toca dos cops entrada per afegir dues línies noves.
    • tipus per tancar el joc cap.


  3. tipus

    Aquest és un títol


    Es tracta d’un paràgraf separat per una línia horitzontal