Alterando il markup all'interno del file di pagina, è possibile spostare gli elementi all'interno di una pagina HTML. Pagine Web utilizzare markup HTML per definire gli elementi, con elementi conterranno contenuto per la visualizzazione all'interno del browser dell'utente. HTML è generalmente un linguaggio di markup facile da lavorare, in termini di creazione e modifica delle pagine. È un processo semplice e veloce per spostare un elemento div da una posizione a altra all'interno di una pagina Web.

Istruzioni

1

Salvare una copia del codice HTML della tua pagina. Prima di iniziare ad apportare modifiche alla pagina, è possibile copiarlo in una directory separata. È facile fare errori con codice di markup HTML, specialmente quando stai alterando una pagina che potrebbe contenere più elementi complessi. Quando si sposta l'elemento div, è probabile che altri elementi nella pagina sono influenzati pure, così si potrebbe desiderare di tornare alla versione originale.

2

Trovare il tag di apertura dell'elemento div che si desidera spostare. Nel markup HTML della pagina, è possibile cercare il tag di apertura, che dovrebbe essere simile a questo:

< div id = "contenuto" >

Il div può avere molti attributi, o può avere nessuno. Il contenuto del div può essere complesso, con molti altri elementi e gli elementi di contenuto elencati, o può essere breve e semplice. Prendere nota dell'inizio del tag div, o contrassegnarlo all'interno della pagina in qualche modo in modo che si può facilmente trovare di nuovo.

3

Trovare il tag di chiusura per il vostro div. Look attraverso il markup seguendo l'apertura div tag fino a trovare il tag di chiusura, che dovrebbe essere simile al seguente:

< / div >

Trovare il tag di chiusura può essere un po' difficile se il div contiene altri elementi compresi i div. Ricordate che gli elementi in un file HTML sono nidificati, come nell'esempio seguente:

< div >

Contenuto < p > </p >

< div > più contenuto < / div >

< / div >

Questo codice divide i tag dell'elemento div su righe separate, quindi è chiaro a colpo d'occhio che la finale chiusura div tag chiude l'apertura prima uno. A seconda dello stato del file HTML che si sta lavorando con il markup può essere fonte di confusione, quindi prendete il tempo per essere sicuri di che trovare il tag di chiusura corretta.

4

Tagliare l'elemento div dalla tua pagina. Selezionare l'intero elemento div, inclusi i tag di chiusura e apertura, usando la tastiera o cliccando e trascinando il mouse su di esso. Tagliare l'elemento premendo "Ctrl" e "X" allo stesso tempo, o incollare il div in un file separato e salvarlo lì nel caso in cui lo perdi. Questo non è necessario, ma è una precauzione supplementare contro gli errori.

5

Trovare la posizione che si desidera spostare il div all'interno del file. Assicurati di considerare il codice di markup esistente prima di scegliere questa posizione. Fare clic su dal punto in cui che si desidera il div appaiono, quindi incollare il contenuto del div premendo "Ctrl" e "V" allo stesso tempo. Il tuo elemento div dovrebbe apparire insieme al suo contenuto.

6

Salvare il file e aprire la pagina in un browser Web per controllarlo.

Consigli & Avvertenze

• Se avete difficoltà a trovare i tag corretti per spostare il vostro div, ripulire il markup all'interno del file con l'inserimento di interruzioni di riga tra gli elementi.