HTML Eksempler
Eksempel på HTML-basistags
- En simpel HTML-fil
- Dette eksempel er en meget simpel HTML-fil, der bruger så få HTML-tags som muligt. Det viser, hvordan indhold i body-elementet vises af browseren.
- En simpel afsnit
- Dette eksempel viser, hvordan tekst i afsnitselementer vises af browseren.
- Flere afsnit
- Dette eksempel viser nogle standardadfærdsmønstre for afsnitselementer.
- Vers problemer
- Dette eksempel viser nogle problemer med HTML-formatering.
- Linjeskift
- Dette eksempel viser hvordan linjeskift bruges i HTML-dokumenter.
- Titel
- Dette eksempel viser, hvordan man viser titelskilt i et HTML-dokument.
- Centreret titel
- Dette eksempel viser en centreret titel.
- Lodret linje
- Dette eksempel viser, hvordan man indsætter en lodret linje.
- Skjulte kommentarer
- Dette eksempel viser, hvordan man indsætter skjulte kommentarer i HTML-kildekoden.
- Baggrundsfarve
- Dette eksempel viser, hvordan man tilføjer en baggrundsfarve til en HTML-side.
Example Explanation
HTML-rammeeksempel
- Lodret ramme
- Dette eksempel viser, hvordan man laver en lodret ramme ved hjælp af tre forskellige dokumenter.
- Vandret ramme
- Dette eksempel viser, hvordan man laver en vandret ramme ved hjælp af tre forskellige dokumenter.
- Hvordan man bruger <noframes>-tagget
- Dette eksempel viser, hvordan man bruger <noframes>-tagget.
- Blandet rammeopbygning
- Dette eksempel viser, hvordan man laver en rammeopbygning med tre dokumenter, der samtidig er placeret i rækker og kolonner.
- Rammeopbygning med noresize="noresize"-egenskab
- Dette eksempel viser noresize-egenskaben. I dette eksempel er rammen ikke justerbar i størrelse. Hvis du trækker musen over rammens kanter, vil du bemærke, at kanterne ikke kan flyttes.
- Navigationsramme
- Dette eksempel viser, hvordan man laver en navigationsramme. Navigationsrammen indeholder en liste af links, der målretter den anden ramme. Filen med navnet "contents.htm" indeholder tre links.
- Inline-ramme
- Dette eksempel viser hvordan man lager en inline-ramme (ramme i et HTML-dokument).
- Naviger til en bestemt seksjon i rammeverket
- Dette eksempel viser to rammeverk. En av rammene inneholder lenker som peker til bestemte seksjoner i en annen fil. "link.htm"-filen inneholder seksjoner som er merket med <a name="C10">.
- Naviger til en bestemt seksjon i rammeverket
-
Dette eksempel viser to rammeverk. Venstre navigasjonsramme inneholder en lenkeliste, hvor lenkene peker til den andre rammen. Den andre rammen viser dokumentet som lenkene peker til. Navigasjonsrammen inneholder lenker som peker til bestemte seksjoner i målfilen.
Example Explanation
HTML formular og input eksempel
- Tekstfelt (Text fields)
- Dette eksempel demonstrerer, hvordan man opretter et tekstfelt i HTML-siden. Brugeren kan skrive tekst i tekstfeltet.
- Passwordfelt
- Dette eksempel demonstrerer, hvordan man opretter et passwordfelt i HTML.
- Flugtfelter
- Dette eksempel demonstrerer, hvordan man opretter en flugtbokse i HTML-siden. Brugeren kan markere eller fjerne markering af flugtfelterne.
- Enkelt valgbokse
- Dette eksempel demonstrerer, hvordan man opretter en enkelt valgbokse i HTML. Brugeren kan markere eller fjerne markering af flugtfelterne.
- En simpel rullemenu
- Dette eksempel demonstrerer, hvordan man opretter en simpel rullemenu i HTML-siden. Rullemenuen er en valgfri liste.
- En anden rullemenu
- En anden rullemenu med forudvalgte værdier. (Forfatterens bemærkning: Forudvalgte værdier er prædefinerede præferencer.)
- Tekstfelt (Textarea)
- Dette eksempel demonstrerer, hvordan man opretter en tekstfelt (en flerlinjes tekstinputkontrol). Brugeren kan skrive tekst i tekstfeltet. I tekstfeltet er det muligt at skrive et ubegrænset antal tegn.
- Opret knapper
- Dette eksempel demonstrerer, hvordan man opretter knapper. Du kan tilpasse teksten på knappen.
- Fieldset omkring data
- Dette eksempel demonstrerer, hvordan man tegner en titelflad med data omkring.
Formulærseksempel
- Formulér med inputfelter og bekræftelsesknap
- Dette eksempel demonstrerer, hvordan man tilføjer et formulér til siden. Dette formulér indeholder to inputfelter og en bekræftelsesknap.
- Formulér med flugtfelter
- Dette formulér indeholder to flugtfelter og en bekræftelsesknap.
- Formulér med afkrydsningsfelter
- Dette formulér indeholder to afkrydsningsfelter og en bekræftelsesknap.
- Send e-mail fra formulér
- Dette eksempel viser, hvordan man sender e-mail fra et formulér.
Example Explanation
HTML-billedseksempel
- Indsæt billede
- Dette eksempel demonstrerer, hvordan man viser billeder på websiden.
- Indsæt billeder fra forskellige steder
- Dette eksempel demonstrerer, hvordan man viser billeder fra forskellige steder eller servere på websiden.
- Baggrundsbillede
- Dette eksempel demonstrerer, hvordan man tilføjer en baggrundsbillede til HTML-siden.
- Arranger billeder
- Dette eksempel demonstrerer, hvordan man arrangerer billeder i teksten.
- Flydende billede
- Dette eksempel demonstrerer, hvordan man får billedet til at flyde til venstre eller højre i afsnittet.
- Justér billedets størrelse
- Dette eksempel demonstrerer, hvordan man justerer billedets størrelse.
- Vis erstatningstekst for billeder
- Dette eksempel demonstrerer, hvordan man viser erstatningstekst for billeder. Når browseren ikke kan indlæse billedet, fortæller erstatningstekst egenskaben læserne, hvilken information der er tabt. Det er en god vane at tilføje erstatningstekst egenskab til alle billeder på siden.
- Lav et billedlink
- Dette eksempel demonstrerer, hvordan man bruger et billede som en link.
- Opret billedkarta
- Dette eksempel viser, hvordan man opretter et billedkarta med klikbare områder. Hver region er en hyperlink.
- Konverter et billede til en billedkarta
- Dette eksempel viser, hvordan man sætter et almindeligt billede som en billedkarta.
Example Explanation
HTML Meta Information (meta) Example
- Document Description
- Information in the Meta element can describe the HTML document.
- Document Keywords
- Information in the Meta element can describe the keywords of the document.
- Redirect
- This example demonstrates: Redirecting users to another address when the URL has changed.
Example Explanation
