Hvordan bygger du inn en side i en div tag

Hvordan bygger du inn en side i en div tag


Div container er en generisk blokk-nivå element brukes innen HTML (Hypertext Markup Language) for å definere en avdeling eller seksjon i et HTML-dokument. En markeringsspråk beskriver bare dokumentets innhold og struktur. For eksempel kan div containere definere topp- eller et bestemt punkt i en webside. Rundt en del av HTML-kode med div containere formater som seksjon med spesifikke stilelementer som bare gjelder for den delen, og ikke resten av HTML-koden. Bygge en side i div containere gjør koden mer håndterlig ved å gruppere HTML-dokumentet i mindre deler.

Bruksanvisning

1 Åpne HTML-dokumentet for den siden du ønsker å legge ned i div containere. Dette kan gjøres via din online dashbordet, som med WordPress, eller gjennom din stasjonære HTML redigering programvare.

2 Finne begynnelsen av HTML-kode som du vil gruppere sammen. Dette kan være en hvilken som helst del av siden som hele siden, topp- eller bunntekst; et punkt; innebygd video; eller andre element som er synlig på selve websiden. Plasser markøren på begynnelsen av denne linjen av HTML og trykk på Enter-knappen for å opprette en tom plass over koden. Skriv inn <div> inn i dette rommet.

3 Finn slutten av koden for den spesifikke delen du ønsker å legge ned med <div> tag. Plasser markøren på slutten av koden, og trykk på Enter-knappen for å opprette en tom plass under koden. Skriv inn </ div> i det tomme plass til å lukke div tag kode. Enhver kode redigering gjøres innenfor disse kodene vil bare gjelder denne delen, mens resten av siden din uendret.

Hint

  • Div tag støtter også spesifikke attributter som påvirker utseendet av elementer innen kodene. Disse egenskapene inkluderer klasse, dir, id, lang, stil, tittel, xml: lang. Klasse angir et klassenavn for et element. CSS elementer legges til din stil ark med at klassenavnet vil bare gjelde den klassen navn div tag. Dir angir retningen på teksten, gir id et bestemt element i en div tag et navn, mens lang og xml: lang definerer språket som vises for tekst i et element. Stil og tittel definere spesifikke stilelementer for en div seksjon og gi ekstra informasjon om et element.
  • For eksempel <div style = "color: # 000000"> eksempeltekst </ div> vil kalle ut teksten i div tag å være svart.