Come usare DIV in HTML

April 1

Se si desidera per lo stile una particolare porzione del tuo sito web, utilizzare un tag "div" nel codice HyperText Markup Language. Div è un elemento che controlla una sezione del elementi della pagina, come ad esempio un titolo e il paragrafo, e quando si assegnano i fogli di stile a questo tag, il contenuto viene formattato automaticamente. Utilizzare editor di testo del computer per utilizzare un div nella pagina HTML e stile la vostra pagina, come si preferisce.

istruzione

1 Avviare il programma di editor di testo e aprire il documento HTML che si desidera aggiungere il div a.

2 Posizionare il cursore prima che il contenuto si sta formattando e digitare un "<div>" tag di apertura. Inoltre, immettere una chiusura "</ div>" elemento alla fine del testo interessato. Ad esempio, per applicare un div per un titolo e il paragrafo, digitare i codici div nel seguente modo:

<Div>

<H1> Titolo </ h1>

<P> Questo è il testo del paragrafo. </ P>

</ Div>

3 Inserire "style =" nel tag div che inizia e seguire questo con un attributo stile desiderato. Per esempio, digitare "colore" e seguire questo con un codice HTML del colore per determinare il colore del testo, oppure digitare "margin-left:" e digitare un valore numerico in pixel (px) per impostare il margine sinistro del contenuto . Separare ogni attributo con un punto e virgola e racchiudere tutti gli stili tra una sola coppia di virgolette. Illustrare:

<Div style = "color: # C0C0C0; margin-left: 10px;">

4 Salvare il documento. Il tuo codice div completo si presenta come il seguente esempio:

<Div style = "color: # C0C0C0; margin-left: 10px;">

<H1> Titolo </ h1>

<P> Questo è il testo del paragrafo. </ P>

</ Div>