Nwlapcug.com


Come inserire un DIV

Tag "Div" fornire un modo per formattare il modo che immagini, pulsanti, forme e contenuti sono strutturate in un browser. Si inserire tag div ovunque nel corpo della pagina HTML, ma in genere i tag div in sezioni del codice che si desidera raggruppare. Per esempio, si inserisce un div attorno a un paragrafo e l'immagine nel tuo contenuto.

Istruzioni

1

Pulsante destro del mouse sul file HTML per aprire una finestra popup, quindi fare clic su "Apri con" e scegliere l'editor di HTML che si desidera utilizzare.

2

Posizionare un contenitore principale intorno a tutto il contenuto. Il div contenitore consente di posizionare il layout della pagina principale. Inserire il tag di apertura e chiusura div nella sezione corpo principale. Il codice riportato di seguito viene illustrato un esempio di un tag div contenitore:

< html >< testa >< titolo > titolo principale < / title >< / testa >

< corpo >

< Div > contenitore < / div >

< / body >

< / html >

3

Aggiungere tag div intorno segmenti della tua pagina. È necessario decidere ogni sezione della pagina che ha bisogno di un ulteriore div. Per esempio, se si desidera spostare un paragrafo sul lato sinistro della finestra e consentire al testo di avvolgere intorno dalla parte di destra, aggiungere il seguente tag div intorno alla vostra immagine e la sezione contenuti:

< div style = "Posizione: assoluta; Left: 10px;" >< img src="myimage.jpg" >< / div >

4

Salvare le modifiche dopo aver effettuato tutti i tag div. Aprire la pagina in un browser Web per rivedere le modifiche. Dopo aver esaminato le modifiche, è possibile aggiungere altri tag div, eliminare quelli che non avete bisogno o caricare le modifiche in un provider di hosting Web, se non sei soddisfatto delle modifiche.