HTML exempel
Exempel på HTML-basiska taggar
- En enkel HTML-fil
- Detta exempel är en mycket enkel HTML-fil som använder så få HTML-taggar som möjligt. Det visar hur innehållet i body-elementet visas av webbläsaren.
- En enkel paragraf
- Detta exempel visar hur text i paragrafselement visas av webbläsaren.
- Mer om paragrafer
- Detta exempel visar vissa standardbeteenden hos paragrafselement.
- Versproblem
- Detta exempel visar vissa problem med HTML-formatering.
- Radbrytning
- Detta exempel visar användningen av radbrytning i HTML-dokument.
- Rubrik
- Detta exempel visar etiketterna för rubriker i ett HTML-dokument.
- Centrerad rubrik
- Detta exempel visar en centrerad rubrik.
- Horisontell linje
- Detta exempel visar hur man lägger till en horisontell linje.
- Dolda kommentarer
- Detta exempel visar hur man lägger till dolda kommentarer i HTML-källkoden.
- Bakgrundsfärg
- Detta exempel visar hur man lägger till bakgrundsfärg till en HTML-sida.
Exempel förklaring
HTML-ramexempel
- Vertikal ram
- Detta exempel visar hur man skapar en vertikal ram med tre olika dokument.
- Horisontell ram
- Detta exempel visar hur man skapar en horisontell ram med tre olika dokument.
- Hur man använder <noframes>-taggen
- Detta exempel visar hur man använder <noframes>-taggen.
- Blandad ramstruktur
- Detta exempel visar hur man skapar en ramstruktur med tre dokument och mixar dem i rader och kolumner.
- Ramstruktur med noresize="noresize"-attribut
- Detta exempel visar noresize-attributet. I detta exempel är ramen inte justerbar i storlek. När du drar musen över ramens kant kommer du att märka att kantlinjen inte kan flyttas.
- Navigationsram
- Detta exempel visar hur man skapar en navigationsram. Navigationsramen innehåller en lista med länkar som har den andra ramen som mål. Filen "contents.htm" innehåller tre länkar.
- Inline-ram
- Detta exempel visar hur man skapar en inline-ram (en ram i en HTML-sida).
- Gå till en specifik sektion inom en ram
- Detta exempel visar två ramar. En av ramarna har en länk som pekar på en specifik sektion i en annan fil. Filen "link.htm" har en specifik sektion som betecknas med <a name="C10">.
- Navigera till en specifik sektion med hjälp av ramar
-
Detta exempel visar två ramar. Den vänstra navigeringsramen innehåller en länklista, dessa länkar pekar på den andra ramen som mål. Den andra ramen visar det länkade dokumentet. Länkarna i navigeringsramen pekar på sektioner i det målade dokumentet.
Exempel förklaring
HTML-formulär och inmatningsexempel
- Textfält (Text fields)
- Detta exempel visar hur man skapar ett textfält i en HTML-sida. Användaren kan skriva text i textfältet.
- Lösenordsfält
- Detta exempel visar hur man skapar ett lösenordsfält i HTML.
- Kryssrutor
- Detta exempel visar hur man skapar kryssrutor i HTML-sidan. Användaren kan markera eller avmarkera kryssrutor.
- Radioknappar
- Detta exempel visar hur man skapar radioknappar i HTML.
- En enkel rullgardinslista
- Detta exempel visar hur man skapar en enkel rullgardinslista i en HTML-sida. En rullgardinslista är en valfri lista.
- En annan rullgardinslista
- Ett annat exempel på en drop-down lista med förinställda värden (Översättarens notering: förinställda värden är förutbestämda alternativ).
- Textfält (Textarea)
- Detta exempel visar hur man skapar en textfält (en flerradig textinmatningskontroll). Användaren kan skriva text i textfältet. I textfältet är det inga begränsningar för det antal tecken som kan skrivas in.
- Skapa knapp
- Detta exempel visar hur man skapar en knapp. Du kan anpassa texten på knappen.
- Fieldset runt data
- Detta exempel visar hur man ritar en rubrikerad ruta runt data.
Formulärsexempel
- Formulär med inmatningsfält och bekräftelsknapp
- Detta exempel visar hur man lägger till ett formulär till en sida. Detta formulär innehåller två inmatningsfält och en bekräftelsknapp.
- Formulär med kryssrutor
- Detta formulär innehåller två kryssrutor och en bekräftelsknapp.
- Formulär med radioknappar
- Detta formulär innehåller två radioknappar och en bekräftelsknapp.
- Skicka e-post från formulär
- Detta exempel visar hur man skickar e-post från ett formulär.
Exempel förklaring
HTML-bildsexempel
- Infoga bild
- Detta exempel visar hur man visar bilder på en webbsida.
- Infoga bild från olika platser
- Detta exempel visar hur man visar bilder från olika platser på en webbsida.
- Bakgrundsbild
- Detta exempel visar hur man lägger till en bakgrundsbild till en HTML-sida.
- Placera bilder
- Detta exempel visar hur man placerar bilder i texten.
- Flytande bild
- Detta exempel visar hur man får bilden att flyta till vänster eller höger i en paragraf.
- Justera bildstorlek
- Detta exempel visar hur man justerar storleken på bilder.
- Visa ersättnings text för bilder
- Detta exempel visar hur man visar ersättnings text för bilder. När webbläsaren inte kan ladda bilden, informerar ersättnings texten läsarna om förlorad information. Det är en bra vana att lägga till ersättnings text för alla bilder på sidan.
- Skapa bildlänk
- Detta exempel visar hur man använder en bild som en länk.
- Skapa bildkarta
- Detta exempel visar hur man skapar en bildkarta med klickbara områden. Varje område är en hyperlänk.
- Konvertera bilden till en bildkarta
- Detta exempel visar hur man sätter en vanlig bild som en bildkarta.
Exempel förklaring
