Utilizzando il metodo CSS o fogli di stile CSS, è possibile separare testo e immagini in un documento HTML. In caso contrario, si dovrà tracciare una linea verticale in una programma di editing di immagini, salvarlo e quindi chiamarlo all'interno del documento della pagina Web. Il metodo CSS è preferibile, perché consente di risparmiare tempo, riduce i tempi di caricamento della pagina e utilizza meglio la larghezza di banda del server. Sarà necessario avere una conoscenza di base delle nozioni di base di HTML e CSS per completare questa attività.

Istruzioni

1

Aprire il documento HTML in un editor di testo, come blocco note o TextEdit di Mac.

2

Inserire il seguente codice CSS, per creare una classe di "confini", tra i tag head del documento HTML:

< style type = "text/css" >

.Borders {border-left-color: blu;

border-left-style: solid;

border-left-width: 1px;

padding-left: 6px; }

< / stile >

3

Vai alla sezione body del documento HTML e digitare il seguente codice prima del testo:

< table >

< tr >

< td >

4

Spostare il cursore sotto il testo e digitare il seguente codice:

< /td >

< classe td = "frontiere" >

5

Inserire l'immagine nella colonna della tabella digitando:

< img src = "l'http://www.example.com/image.jpg" >

< /td >

< /tr >

< / tabella >

6

Salvare il documento HTML e pubblicare sul server di hosting Web.

Consigli & Avvertenze

• È possibile modificare il colore della linea verticale modificando il CSS è stato inserito tra i tag HTML testa.
• Quando si include testo in un documento HTML, la procedura consigliata consiste nel racchiudere ogni blocco di testo tra i tag di paragrafo.