Moderna HTML prevede una serie di tag semantiche, una delle più comuni sono tag DIV, che vengono utilizzati per organizzare e strutturare un documento. Sono elementi a livello di blocco, il che significa che, anche senza istruzioni di formattazione, si aggiungerà interruzioni di pagina prima e dopo il contenuto. Per i contenuti che non è logicamente separato dal suo ambiente, il tag SPAN è una scelta migliore.

istruzione

1 Pensate a come si desidera una pagina per essere strutturato. Per esempio, ci potrebbe essere una sezione di navigazione, una sezione del corpo, una barra laterale, un piè di pagina e altro ancora. Ognuno di questi dovrebbero essere raggruppati in una propria unità logica, indirizzabile con un tag HTML DIV.

2 Per ogni unità logica, creare un tag DIV. Ad esempio, tutto il contenuto del corpo sarebbe andato in un DIV che assomiglia a questo: <div id = "corpo"> Content Goes Here </ div> L'attributo id indica che ci dovrebbe essere un solo elemento del corpo per pagina. Il </ div> è un tag di chiusura che ci dice il tag è completo.

3 Capire che a volte si prevede un'unità logica che si verifichi più di una volta per pagina. Ad esempio, una voce della rubrica può essere racchiuso in un tag DIV, e ci possono essere molti di questi sulla stessa pagina, il tutto in stile simile. Quando questo è il caso, un attributo di classe è usato al posto di un attributo id: <div class = "entry"> Content Goes Here </ div>

4 Quando si utilizza un foglio di stile CSS per aggiungere gli stili ai tag, un tag DIV con id attributi si accede in modo diverso rispetto a DIV con attributi di classe. Un div con id attributi si fa riferimento con un cancelletto, e un DIV con gli attributi di classe è preceduta da un periodo di contenuti. # {Stili per DIV con id = "content" go here} {.entry stili per DIV con class = "entry " andare qui }