Nuovi disegni HTML usano la notazione tableless, il che significa che invece di utilizzare il vecchio elemento tabella HTML, Web designer utilizzano tag "div" per impostare posizioni di contenuto. Si utilizza un tag div principale per contenere tutti i contenuti, quindi creare tag div all'interno del contenitore principale tag div per impostare il layout tableless.

istruzione

1 Fare clic sulla pagina HTML che si desidera modificare, e selezionare "Apri con". Clicca l'editor HTML nel menu a comparsa per caricare il codice nell'editor.

2 Aggiungere un tag div principale all'inizio del codice. Se hai già il codice HTML completata è necessario avvolgere l'intero corpo del contenuto HTML all'interno di un div per formattare il layout. Il seguente codice è un esempio di un tag div principale:

<Div id = "mainBody"> </ div>

3 Aggiungere i tag sub-div. Ogni div contiene una sezione di codice. Per esempio, se si dispone di tre sezioni del sito, aggiungere tre tag div. Quanto segue è un esempio:

<Div id = "rightside"> pannello di navigazione sinistro. </ Div>

<Div id = "middle"> Il mio contenuto principale dettaglio </ div>

<Div id = "rightside"> destro ulteriori informazioni </ div>

4 Salvare le modifiche, e aprire la pagina in un browser Web. Rivedere il layout. È possibile aggiungere, rimuovere o cambiare div proprietà che soddisfano le vostre esigenze di layout. La maggior parte degli editor grafici HTML consentono di spostare il div intorno alla pagina utilizzando il mouse.