Sådan laver du en boks med teksten inde i HTML

...

Opret en boks, der indeholder en tekstblok ved hjælp af HTML.

HyperText Markup Language (HTML) er det sprog, der oftest bruges til at skabe strukturen og indholdet af websider. HTML indeholder en lang række elementer, der giver brugerne mulighed for at generere links, billeder, afsnit, overskrifter og meget mere. Disse elementer føjes til en side ved brug af specifikke sæt af tegn, kendt som tags. Når du først forstår kombinationen af ​​elementer og tags, er det en hurtig opgave at oprette en tekstblok omgivet af en boks i HTML.

Trin 1

Åbn den webside, du vil redigere, og se dens HTML-kode. Hvis du bruger en teksteditor, skal du blot åbne din side i programmet og scrolle ned, indtil du når den del af siden, hvor boksen og teksten vises. Hvis du bruger et visuelt webstedsprogram, såsom Microsoft Expression Web eller Adobe Dreamweaver, skal du åbne din side og derefter klikke på det område, hvor du vil tilføje boksen og teksten. Når du har gjort det, skal du ændre din visningstilstand til "Kodevisning" for at se den HTML, der styrer sidens adfærd.

Dagens video

Trin 2

Tryk på "Enter"-tasten for at oprette en tom linje i din HTML-kode.

Trin 3

Kopier og indsæt følgende tre linjer kode på den tomme linje, der blev oprettet i det forrige trin:

En blok med afsnitstekst kommer her

Trin 4

Juster parametrene for den kode, du tilføjede i det foregående trin, efter behov. Skift bredde, kantstørrelse, kantstil og kantfarve ved at ændre værdierne "500px", "2px", "solid" og "sort" i den første linje i koden. Skift mængden af ​​plads omkring teksten ved at ændre "10px"-værdien i anden linje i koden. Rediger teksten placeret mellem åbningen "

"og lukker"

"-tags, der passer til din sides behov.

Trin 5

Gem siden, og åbn den derefter i en webbrowser. Den kode, du indsatte og ændrede i de foregående to trin, tilføjer en 500-pixel bred boks med en sort kant, der omgiver en blok med afsnitstekst.