Come spostare un Div senza modificarlo

November 3

Come spostare un Div senza modificarlo


È possibile spostare gli elementi all'interno di una pagina HTML, modificando la marcatura all'interno del file di paging. Le pagine Web utilizzano markup HTML per definire gli elementi, con elementi in possesso di contenuti per la visualizzazione all'interno del browser dell'utente. HTML è generalmente un linguaggio di markup facile da lavorare, sia in termini di pagine Creazione e modifica. E 'un processo semplice e veloce per spostare un elemento div da una posizione a un'altra all'interno di una pagina Web.

istruzione

1 Salvare una copia del codice HTML per la pagina. Prima di iniziare a fare modifiche alla pagina, copiarlo in una directory separata. E 'facile commettere errori con il codice di markup HTML, soprattutto quando si sta modificando una pagina che può avere più elementi complessi in esso. Quando si sposta l'elemento div, è possibile che altri elementi nella pagina sono colpiti e, in modo si potrebbe desiderare di tornare alla versione originale.

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

<Div id = "content">

Il div può avere un sacco di attributi, o può avere nessuno. Il contenuto del div può essere complessa, con molti altri elementi e elementi di contenuto elencati, o può essere breve e semplice. Prendere una nota di inizio del div, o contrassegnarle all'interno della pagina in qualche modo, in modo che si può facilmente trovare di nuovo.

3 Trova il tag di chiusura per il div. Guardare attraverso il markup che segue il tag di apertura div fino a trovare il suo tag di chiusura, che dovrebbe assomigliare a questo:

</ Div>

Trovare il tag di chiusura può essere un po 'difficile se il div contiene altri elementi tra cui div. Ricordate che gli elementi in un file HTML sono annidati, come nel seguente esempio:

<Div>

<P> Content </ p>

<Div> Più contenuti </ div>

</ Div>

Questo codice divide i tag degli elementi div sulle linee distinte, quindi è chiaro a colpo d'occhio che il tag finale di chiusura div chiude la prima apertura uno. A seconda dello stato del file HTML si sta lavorando con la marcatura può essere fonte di confusione, in modo da prendere il tempo per essere certo di trovare il tag di chiusura corretta.

4 Tagliare l'elemento div sulla tua pagina. Selezionare l'intero elemento div, tra cui l'apertura e chiusura tag, utilizzando la tastiera o cliccando e trascinando il mouse su di esso. Tagliare l'elemento premendo il tasto "Ctrl" e "X", allo stesso tempo, o incollare il div in un file separato e salvarlo lì in caso di smarrimento. Questo non è necessario, ma è una precauzione contro errori.

5 Trovare la posizione che si desidera spostare il div per all'interno del file. Assicurati di prendere in considerazione il codice di markup esistente prima di scegliere questa posizione. Fare clic sul punto si desidera che il div ad apparire in, quindi incollare il contenuto div premendo il tasto "Ctrl" e "V" allo stesso tempo. Il vostro elemento div dovrebbe comparire insieme al suo contenuto.

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

Consigli e avvertenze

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