Molti siti web dividono il loro contenuto in colonne e li dividono con linee verticali. A differenza di una linea orizzontale, che può essere inserito con un "<hr>" codice HTML standard, linee verticali devono essere manipolati da una piccola scatola colorata che può essere allungato e allungata in una linea. Analogamente, tracciare una linea verticale tra testi creando una tabella con una sola linea verticale visibile.

istruzione

1 Accedere al sistema di gestione dei contenuti del tuo sito web, o lanciare il software di progettazione sito web del vostro PC. Microsoft FrontPage dovrebbe essere programma predefinito del PC.

2 Caricare una pagina web esistente in FrontPage facendo clic sul menu "File" e selezionando "Apri" dal menu a discesa. Creare una nuova pagina facendo clic sul pulsante "Crea una nuova pagina" sulla barra degli strumenti principale, che è simboleggiato da l'immagine di un documento vuoto bianco.

3 Passare le pagine Web nel sistema di gestione dei contenuti facendo clic sul nome della pagina. Tutti i sistemi devono avere un pulsante "HTML" sopra ogni finestra post o pagina di progettazione. Fare clic per rivelare il codice HTML di base della pagina web.

4 Fare una linea verticale autonomo per primo la creazione di un'immagine "2 x 2" pixel di un colore che si desidera la vostra linea di essere. Salvare l'immagine come un "image.gif" nel database di pagina Web prima di inserire il seguente codice nella tua casella HTML:

<IMG SRC = larghezza "image.gif" = "2" height = "200" border = "0">

Modificare i valori "altezza" "Larghezza" e modificare la lunghezza e lo spessore della linea.

5 Inserire una linea verticale tra il testo utilizzando il codice seguente:

<Table cellspacing = "5" border = "0" cellpadding = "0">

<Tr valign = "top" align = "left">

<Td width = "300"> <p> Il contenuto della pagina principale qui </ p> </ td>

<Td width = "1" bgcolor = "# 00FFFF"> <BR> </ td>

<Td width = "150" valign = "top" align = "left">

<P> bla sinistra </ p>

<P> destra blahright blahright bla </ p>

</ Td>

</ Tr>

</ Table>

Questo codice crea una tabella senza bordi, eccetto la linea nel mezzo, che dovrebbe essere una linea verticale solida. Aumentare lo spessore di questa linea ampliando il numero nel "<td width =" 1 ">" valore - modificare il testo entrambi i lati della linea verticale sostituendo la "bla sinistra" e "destra campi blah" per il proprio testo personale.

Consigli e avvertenze

• Aggiungere altro testo in entrambi i lati sinistro o destro della linea verticale separando ogni punto con un "." Assicurarsi che non vi siano spazi tra il testo e le "" codici.