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 paragrafselementen 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 en 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 lägger dem samman i rader och kolumner.
- Ramstruktur med noresize="noresize"-attribut
- Detta exempel visar noresize-attributet. I detta exempel är ramen inte justerbar i storlek. Dra musen över ramens kant och du kommer att märka att kanterna 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 med namnet "contents.htm" innehåller tre länkar.
- Inline-ram
- Detta exempel visar hur man skapar en inline-ram (en ram inom en HTML-sida).
- Navigera till en specifik sektion inom en ram
- Detta exempel visar två ramar. En av ramarna har länkar som pekar på en specifik sektion i en annan fil. Denna "link.htm"-fil har en specifik sektion som markeras 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, där länkarna pekar på den andra ramen som mål. Den andra ramen visar det dokument som länkarna pekar på. Länkarna i navigeringsramen pekar på sektioner i det målade filen.
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. 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 rullgardinslista med förvalt värde (översättarens anmärkning: förvalt värde är det förutbestämda förvalet).
- Textfält (Textarea)
- Detta exempel visar hur man skapar en textfält (en multilinjig textinmatningskontroll). Användaren kan skriva text i textfältet. I textfältet är det inte något begränsat antal tecken att skriva.
- 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 rubricerad ram 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 en bild 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å en bild.
- Visa ersättnings文本 för bilder
- Detta exempel visar hur man visar ersättnings文本 för bilder. När webbläsaren inte kan ladda bilden, informerar ersättnings文本 läsarna om den förlorade informationen. Det är en bra vana att lägga till ersättnings文本 till 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
