Creazione di una linea orizzontale in HTML

Autore: Roger Morrison
Data Della Creazione: 17 Settembre 2021
Data Di Aggiornamento: 20 Aprile 2024
Anonim
COME AGGIUNGERE UNA LINEA ORIZZONTALE NEL FILE HTML
Video: COME AGGIUNGERE UNA LINEA ORIZZONTALE NEL FILE HTML

Contenuto

Le linee orizzontali consentono all'editor Web di separare le aree della pagina in sezioni più piccole e più digeribili, in modo da indirizzare l'utente a concentrarsi su ciò che viene presentato. A differenza del tag underscore , la linea orizzontale non è collegata al testo sopra o sotto di esso. Può anche essere posizionato a sinistra, a destra o al centro e può essere di qualsiasi colore, spessore o altezza scelto dall'editore. Questo tutorial ti insegna a creare una linea orizzontale marrone, spessa, allineata a sinistra che separa il titolo principale dal corpo del documento, che è vuoto.


indicazioni

Schermata di una pagina Web completa (Tutte le immagini sono schermate create da Eric Tilden)

  1. Inserisci quanto segue tra i tag> come mostrato:

    Il mio documento

    Imposta un'intestazione per il tuo documento, usando i tag

    . Questo tag dice ai motori di ricerca che le parole tra loro sono le più importanti della pagina. Questa intestazione sarà il titolo della pagina web, dando significato all'uso di una linea orizzontale.

    Passaggio 1

  2. Inserisci il tag della linea orizzontale come mostrato:

    Il tag della linea orizzontale non ha un tag finale. Includere uno spazio e una barra prima del segnale principale.


    Passaggio 2

  3. Aggiungi l'attributo "allinea" e impostalo su "sinistra", come indicato:

    Passaggio 3

  4. Aggiungi l'attributo "taglia" e impostalo su "4", come mostrato:

    L'attributo "dimensione" determina quanto è spessa la linea, in pixel.

    Passaggio 4

  5. Aggiungi l'attributo "larghezza" e impostalo su "370", come indicato:

    Il valore dell'attributo "larghezza" determina la lunghezza della linea, in pixel.

    Passaggio 5

  6. Aggiungi l'attributo "color" alla linea orizzontale e impostalo su "marrone" come mostrato:


    Il colore di questo tag può essere impostato su qualsiasi colore standard o esadecimale scelto. Il colore esadecimale deve essere preceduto da un segno "#".

    Passaggio 6

  7. Salva il documento e invialo al tuo server. Apri il browser e individua la pagina. Dovrebbe avere la linea marrone orizzontale sotto il titolo del documento.

    Sito Web pronto

avvertimento

  • Il tag
    è obsoleto e W3Schools incoraggia l'uso di immagini modificate a singolo pixel, utilizzando istruzioni di fogli di stile per allungare o aumentare le linee alla dimensione desiderata.

Cosa ti serve

  • Editor di testo, come Source Edit (vedi Risorse)
  • Software per l'invio di documenti, come FileZilla (vedi Risorse)
  • Spazio su un server