Hur man gör en ruta med texten i HTML

...

Skapa en ruta som innehåller ett textblock med HTML.

HyperText Markup Language (HTML) är det språk som oftast används för att skapa struktur och innehåll på webbsidor. HTML innehåller ett brett utbud av element som låter användare skapa länkar, bilder, stycken, rubriker och mycket mer. Dessa element läggs till på en sida genom användning av specifika teckenuppsättningar, så kallade taggar. När du väl förstår kombinationen av element och taggar som krävs är det en snabb uppgift att skapa ett textblock omgivet av en ruta i HTML.

Steg 1

Öppna webbsidan du vill redigera och visa dess HTML-kod. Om du använder en textredigerare, öppna helt enkelt din sida i programmet och scrolla ner tills du kommer till den del av sidan där rutan och texten kommer att visas. Om du använder ett visuellt webbplatsprogram, som Microsoft Expression Web eller Adobe Dreamweaver, öppna din sida och klicka sedan på området där du vill lägga till rutan och texten. När du har gjort det ändrar du ditt visningsläge till "Kodvy" för att se HTML-koden som styr sidans beteende.

Dagens video

Steg 2

Tryck på "Enter" för att skapa en tom rad i din HTML-kod.

Steg 3

Kopiera och klistra in följande tre rader kod på den tomma raden som skapades i föregående steg:

Ett block med stycketext kommer här

Steg 4

Justera parametrarna för koden du lade till i föregående steg, efter behov. Ändra bredd, kantstorlek, kantstil och kantfärg genom att ändra värdena "500px", "2px", "solid" och "svart" i den första raden i koden. Ändra mängden utrymme som omger texten genom att ändra "10px"-värdet på den andra raden i koden. Ändra texten mellan öppningen "

"och stänger"

"-taggar för att passa din sidas behov.

Steg 5

Spara sidan och öppna den sedan i en webbläsare. Koden du infogade och modifierade i de två föregående stegen lägger till en 500 pixlar bred ruta med en svart ram som omger ett block med stycketext.