Hvordan lage en boks med teksten i HTML

...

Lag en boks som inneholder en tekstblokk ved hjelp av HTML.

HyperText Markup Language (HTML) er det språket som oftest brukes til å lage strukturen og innholdet på nettsider. HTML inneholder et bredt spekter av elementer som lar brukere generere lenker, bilder, avsnitt, overskrifter og mye mer. Disse elementene legges til en side ved bruk av spesifikke sett med tegn, kjent som koder. Når du forstår kombinasjonen av elementer og tagger som kreves, er det en rask oppgave å lage en tekstblokk omgitt av en boks i HTML.

Trinn 1

Åpne nettsiden du vil redigere og se HTML-koden. Hvis du bruker et tekstredigeringsprogram, åpner du bare siden din i programmet og blar ned til du kommer til delen av siden hvor boksen og teksten vises. Hvis du bruker et visuelt nettstedsprogram, for eksempel Microsoft Expression Web eller Adobe Dreamweaver, åpner du siden og klikker på området der du vil legge til boksen og teksten. Etter å ha gjort det, endre visningsmodusen til "Kodevisning" for å se HTML-en som styrer sidens oppførsel.

Dagens video

Steg 2

Trykk på "Enter"-tasten for å lage en tom linje i HTML-koden.

Trinn 3

Kopier og lim inn følgende tre linjer med kode på den tomme linjen som ble opprettet i forrige trinn:

En blokk med avsnittstekst kommer her

Trinn 4

Juster parametrene til koden du la til i forrige trinn, etter behov. Endre bredde, kantstørrelse, kantstil og kantfarge ved å endre verdiene "500px", "2px", "solid" og "black" i den første linjen i koden. Endre mengden plass rundt teksten ved å endre "10px"-verdien i den andre linjen i koden. Endre teksten mellom åpningen "

"og lukker"

"-tagger for å dekke behovene til siden din.

Trinn 5

Lagre siden og åpne den i en nettleser. Koden du satte inn og endret i de to foregående trinnene legger til en 500-piksler bred boks med en svart kant rundt en blokk med avsnittstekst.