Esperto Web designer sa che dividere grandi blocchi di testo in sezioni più piccole o le colonne li rende più facile da leggere. Semplicemente lasciando uno spazio vuoto tra i blocchi di testo può causare confusione quando immissione materiale non correlato in una singola pagina. L'aggiunta di linee per dividere i blocchi di testo o contenuto consente un Web designer di fornire orientamenti visual ai visitatori del sito Web. Linee anche fare siti Web anche semplice, solo testo più attraente. HTML ha una semplice funzione nativa per disegnare linee orizzontali in una pagina; Tuttavia, le linee di divisione verticale richiedono leggermente più lavoro.

Istruzioni

Linea orizzontale

1

Aprire il file HTML con un editor di HTML o di testo. Individuare la sezione di testo in cui si desidera inserire la riga.

2

Inserire il codice "< hr >"..--senza le virgolette..--e salvare il file. Questo è il tag HTML per una riga orizzontale. Collocare questo tag nel codice HTML della pagina indica al browser di disegnare una linea dove viene incontrato 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 è due pixel di larghezza e due pixel di altezza. Salva l'immagine nella stessa directory come il tuo codice HTML, con il nome "vertical_line.gif"..--ancora una volta, senza le virgolette.

5

Aprire il file HTML con un editor di HTML o di testo. Individuare la sezione di testo in cui si desidera inserire la riga.

6

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

7

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

Consigli & Avvertenze

• Parametri facoltativi sono disponibili per entrambi i < hr > e < immagine > Tag, permettendo di modificare la lunghezza, larghezza e posizionamento di queste linee.
• Non esiste alcun equivalente verticale in HTML per il tag di regola orizzontale, quindi utilizzare il tag di immagine insieme a una piccola immagine che può essere ripetuto per formare una linea continua.
• Poiché la linea verticale è trattata da HTML come un'immagine, utilizzare le opzioni di disposizione del testo quando si posiziona una linea verticale immediatamente ai lati di una colonna di testo.
• Quando possibile, testare tutti i nuovo codice nel browser più diffusi. Firefox, Internet Explorer, Chrome e altri browser interpretano HTML in modi leggermente diversi e a volte sorprendenti. Visualizzazione di nuovo codice su tutti i principali browser, che vi darà un'idea di ciò che sono vedendo i visitatori.