Hvordan du flytter en Div uten å endre den

Du kan flytte elementer i en HTML-side ved å endre markeringen på siden filen. Web-sider bruker HTML kode til å definere elementer, med elementer som holder innhold som skal vises i brukerens nettleser. HTML er vanligvis en enkel kodespråk for å arbeide med, i form av både å skape og forandre sider. Det er en rask og enkel prosess for å flytte en div element fra ett sted til et annet innenfor en webside.

Bruksanvisning

1 Lagre en kopi av HTML for siden din. Før du begynner å gjøre endringer på siden, kopiere den til en egen katalog. Det er lett å gjøre feil med HTML markup-kode, spesielt når du endrer en side som kan ha flere komplekse elementer i den. Når du flytter div element, kan du oppleve at andre elementer i side påvirkes også, så det kan være lurt å gå tilbake til den opprinnelige versjonen.

2 Finn startkoden for div-elementet du vil flytte. I HTML-markup for siden, se etter åpningen tag, som bør være lik denne:

<Div id = "innhold">

Div kan ha mange attributter, eller kan ha ingen. Innholdet i div kan være komplisert, med mange andre elementer og innholdselementer som er oppført, eller det kan være kort og enkel. Ta et notat av starten av div, eller merke den på siden på en eller annen måte, slik at du enkelt kan finne den igjen.

3 Finn den avsluttende koden for div. Se gjennom markup etter åpningen div tag til du finner den avsluttende koden, som skal se slik ut:

</ Div>

Finne den avsluttende koden kan være litt vanskelig hvis div inneholder andre elementer, inkludert divs. Husk at elementene i en HTML-fil er nestet, som i følgende eksempel:

<Div>

<P> Innhold </ p>

<Div> Mer innhold </ div>

</ Div>

Denne koden deler div-elementet kodene på separate linjer, så det er klart med en gang at den endelige slutt div tag lukker den første åpningen en. Avhengig av tilstanden i HTML-filen du arbeider med, kan markeringen være forvirrende, så ta deg tid til å sørge for at du finner den riktige avsluttende koden.

4 Skjær div element fra siden din. Velg hele div element, inkludert åpning og lukking tags, ved hjelp av tastaturet eller ved å klikke og dra musen over det. Skjær element ved å trykke "Ctrl" og "X" på samme tid, eller lime inn div inn i en egen fil og lagre den der i tilfelle du mister den. Dette er ikke nødvendig, men er en ytterligere forholdsregel mot feil.

5 Finn det stedet du vil flytte div til i filen. Sørg for å vurdere den eksisterende markup-koden før du velger dette stedet. Klikk på det punktet du vil at div skal vises i, og deretter lime den div innhold ved å trykke "Ctrl" og "V" samtidig. Din div element skal vises sammen med innholdet.

6 Lagre filen og åpne siden i en nettleser for å sjekke det.

Hint

• Hvis du har problemer med å finne de riktige kodene for å flytte div, rydde opp markeringen i filen ved å sette inn linjeskift mellom elementer.