Come aggiungere una linea di divisione in HTML

February 14

Come aggiungere una linea di divisione in HTML


Esperti di pagine Web designer sanno che dividere grandi blocchi di testo in sezioni o colonne più piccole li rende più facile da leggere. Semplicemente lasciando spazio vuoto tra i blocchi di testo può causare confusione quando si posiziona il materiale estraneo in una singola pagina. Aggiunta di linee per dividere blocchi di testo o il contenuto permette un Web designer per dare una guida visiva per i visitatori del sito. Linee anche fare anche strisciamento, siti web di solo testo più attraente. HTML ha una semplice funzione nativa per disegnare le linee orizzontali in una pagina; Tuttavia, le linee di divisione verticali richiedono un po 'più di lavoro.

istruzione

Linea orizzontale

1 Aprire il file HTML con un editor di testo o HTML. La sezione di testo in cui si desidera posizionare la linea.

2 Inserire il codice "<hr>" - senza virgolette - e salvare il file. Questo è il tag HTML per una regola orizzontale. Posizionamento di questo tag nel codice HTML della pagina indica al browser di disegnare una linea in cui si incontra il tag.

3 Aprire un browser e controllare i risultati della modifica del codice.

Linea verticale

4 Aprire un editor di immagini. Microsoft Paint è incluso con il sistema operativo Windows. Utilizzare questo o l'editor di immagini di vostra scelta. Creare un'immagine nel vostro colore preferito che è di due pixel e alto due pixel. Salvare questa immagine nella stessa directory del codice HTML, con il nome "vertical_line.gif" - ancora una volta, senza le virgolette.

5 Aprire il file HTML con un editor di testo o HTML. La sezione di testo in cui si desidera posizionare la linea.

6 Inserire il codice <IMG SRC = "vertical_line.gif" width = "2" height = "200" border = "0">. Questo crea una linea verticale di due pixel di larghezza e 200 pixel di altezza sulla pagina.

7 Aprire un browser e controllare i risultati della modifica del codice.

Consigli e avvertenze

  • interruttori opzionali sono disponibili sia per il <hr> e tag <immagine>, che consente di modificare la lunghezza, la larghezza e il posizionamento di queste linee.
  • Non vi è alcun equivalente verticale in HTML per il tag linea orizzontale, in modo da utilizzare il tag di immagine insieme ad una piccola immagine che può essere ripetuto per formare una linea continua.
  • Poiché la linea verticale è trattato da HTML come immagine, utilizzare opzioni disposizione del testo quando si posiziona immediatamente una linea verticale su entrambi i lati di una colonna di testo.
  • Quando possibile, provare tutto nuovo codice nei browser più diffusi. Firefox, Internet Explorer, Chrome e altri browser interpretano HTML in modi leggermente diversi e talvolta sorprendenti. Guarda il nuovo codice su tutti i principali browser vi darà un'idea di ciò che i visitatori stanno vedendo.