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 indholdet i body-elementet vises af browseren.
- En simpel afsnit
- Dette eksempel demonstrerer, hvordan tekst i afsnitselementer vises af browseren.
- Flere afsnit
- Dette eksempel viser nogle standardadfærdsmønstre for afsnitselementer.
- Sangproblem
- 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 titelskiltet 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-kilden.
- Baggrundsfarve
- Dette eksempel viser, hvordan man tilføjer en baggrundsfarve til en HTML-side.
Example Explanation
HTML-rammeeksempel
- Vertikal ramme
- Dette eksempel viser, hvordan man laver en vertikal ramme ved hjælp af tre forskellige dokumenter.
- Horisontal ramme
- Dette eksempel viser, hvordan man laver en horisontal ramme ved hjælp af tre forskellige dokumenter.
- Sådan bruges <noframes>-tagget
- Dette eksempel viser, hvordan man bruger <noframes>-tagget.
- Kombineret rammestruktur
- Dette eksempel viser, hvordan man laver en rammestruktur med tre dokumenter, der samtidig kombineres i rækker og kolonner.
- Rammestruktur 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 rammebegrænsningen, vil du opdage, 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-side).
- Naviger til en bestemt seksjon i ramma
- Dette eksempel viser to rammeverk. En av rammene har 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 ramma ved hjelp av rammeverk
-
Dette eksempel viser to rammeverk. Venstre navigasjonsramme inneholder en lenkeliste, som peker til den andre ramma. Den andre ramma viser dokumentet som lenkene peker til. Navigasjonsrammen inneholder lenker som peker til bestemte seksjoner i målfilen.
Example Explanation
HTML formulær og input eksempler
- Tekstfelt (Text fields)
- Dette eksempel demonstrerer, hvordan man opretter et tekstfelt i HTML-siden. Brugeren kan skrive tekst i tekstfeltet.
- Kodefelt
- Dette eksempel demonstrerer, hvordan man opretter et kodefelt i HTML.
- Flugtfelt
- Dette eksempel demonstrerer, hvordan man opretter et flugtfelt i HTML-siden. Brugeren kan markere eller fjerne markering af flugtfeltet.
- Enkelt valg
- Dette eksempel demonstrerer, hvordan man opretter et enkelt valg i HTML.
- En simpel rullegardinliste
- Dette eksempel demonstrerer, hvordan man opretter en simpel rullegardinliste i HTML-siden. Rullegardinlisten er en valgfri liste.
- En anden rullegardinliste
- En anden rullegardinliste (translator bemærkning: forudvalgt værdi refererer til en prædefineret foretrukken værdi).
- Tekstfelt (Textarea)
- Dette eksempel demonstrerer, hvordan man opretter en tekstfelt (en flerlinjes tekstinputkontrol). Brugeren kan skrive tekst i tekstfeltet. I tekstfeltet er det skrivbare tegn ikke begrænsede.
- 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 boks med titel omkring data.
Formulærseksempel
- Formulær med tekstfelter og bekræftelsesknap
- Dette eksempel demonstrerer, hvordan man tilføjer et formulær til siden. Dette formulær indeholder to tekstfelter og en bekræftelsesknap.
- Formulær med flugtfelter
- Dette formulær indeholder to flugtfelter og en bekræftelsesknap.
- Formulær med radioafkrydsningsfelter
- Dette formulær indeholder to radioafkrydsningsfelter 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 placeringer 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 et 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
