Versionen fra 2. dec. 2009, 22:54 redigér Harlekin96 (diskussion \| bidrag) 1.258 edits videre ← Gå til forrige forskel		Versionen fra 3. dec. 2009, 14:15 redigér fjern redigering Harlekin96 (diskussion \| bidrag) 1.258 edits ny artikel Gå til næste forskel →
Linje 1: '''HTML (syntaks)''' handler om det kodesprog, der er grundlaget for, at et [[hjemmeside]]opslag kan vises ved hjælp af en [[browser]]. <nowiki><html> <head> </head> <body> Hello World! </body> </html></nowiki> Ovenfor ses det ultimativt enkleste HTML-dokument. Hvis du højreklikker et vilkårligt sted på et eksisterende hjemmesideopslag, kan du få mulighed for at se den HTML-tekst, der får opslaget til at tage sig ud, netop som det gør. Der er i princippet tale om et simpelt tekstdokument, der kan være dannet med en vilkårlig teksteditor. Line 20 ⟶ 28: === Kommentarer === Alt i koden, der står imellem "<code><nowiki>"<!--</nowiki></code>" (ved start) og "<code><nowiki>-->"</nowiki></code>" (ved slut) bliver ikke vist i browseren. Her kan man altså skrive forklarende noter eller eventuelt midlertidigt ''udkommentere'' dele af koden, som man ikke er helt færdig med. == Afprøvning af koden == Line 26 ⟶ 34: == Hvad er en ''tag'' == Alle tags starter med tegnet "<code><</code>" efterfulgt af tag'ets navn og afsluttes med "<code>></code>". Imellem disse to tegn, kan der være indskudt en eller flere parameterangivelser. Der skelnes mellem to hovedtyper: enkeltstående tags og ''container''-tags. Line 33 ⟶ 41: Dette er tags, der fungerer som en helhed i sig selv og ikke omkranser andre tags. Et eksempel: <nowiki><hr width=70% size=5 color=#8888bb/></nowiki> Denne kodes resultat er en vandret ~~dæpet blå~~matblå bjælke, der fylder 70% af den plads, der er til rådighed, og som er 5 pixels høj === Container-tags === Container-tags er tags, der optræder parvist og omkranser større eller mindre afsnit af hjemmesidedokumentet. Her skelner man mellem starttags og sluttags. Starttags ser præcist ud som de enkeltstående tags og kan lige som de rumme parameterangivelse. De tilsvarende sluttags har samme navn som starttag'ene men sluttag'ene starter i modsætning hertil med "<code></</code>". Et eksempel: <nowiki><table width=50% border=1> Line 49 ⟶ 57: </tr> </table></nowiki> == Hvordan bruges ''parametre'' == I ovenstående kodeeksempel er f.eks. "<code>width</code>" en parameter til tag'en "<code>table</code>". Parameterns værdi er i dette tilfælde sat til "<code>50%</code>". Generelt gælder, at parameterens navn og den ansatte værdi placeres på hver sin side af et lighedstegn, samt, at der skal være mindst et mellemrum foran hver parameterens navn. Der er normalt valgfrihed med hensyn til, om parameterens værdi skal være i anførselstegn eller ej, men indeholder parameteren mellemrum, er anførselstegn obligatoriske. Parametre anbringes altid et sted mellem det pågældende tag's ydre afgrænsninger ("<code><</code>" og "<code>></code>"), men rækkefølgen af parameterangivelserne indbyrdes er ligegyldig. Mange af de forskellige tag's parametre er valgfrie. Hvis man ikke har specificeret noget, så vælger browseren selv en default-indstilling. Ved brug af anførselstegn kan man frit vælge om man vil bruge enkelte (<code>'50%'</code>) eller dobbelte (<code>"50%"</code>). == Html, Head og Body == Et ~~html~~HTML-dokument er som standard bygget op i to hovedsektioner, der hver især er afgrænset af container-tags, nemlig: <nowiki><head> --- diverse head-tag's med indhold --- Line 63 ⟶ 75: <nowiki><html> --- head-sektion --- --- body-´sektion --- </html></nowiki> Ethvert HTML-dokument skal indeholde disse tre fundamentale tag's. Derudover er det strengt taget overhovedet ikke nødvendigt med andre tags. Alt hvad man skriver imellem "<code><nowiki><body></nowiki></code>" og "<code><nowiki></body></nowiki></code>" uden for eventuelle tag's vil blive vist som tekst, men uden eventuelle tvungne linieskift, ekstra mellemrum og indrykninger. Tag's kan imidlertid medvirke til et pænere og væsentligt mere overskueligt udseende og rummer mulighed for særlige funktioner, hvoraf den allervigtigste er muligheden for at linke til andre opslag på hjemmesiden samt eventuelt andre hjemmesider på WWW. == Formularer == En formular er en sektion af koden, der er omgivet med container-tag'ene: Line 72 ⟶ 87: Eventuelt kan der godt være flere formularer i et enkelt HTML-dokument. Meningen med formularer er at give brugerne lejlighed til at kommunikere med systemet og blandt andet få svar tilbage, alt efter, hvad man har indtastet. Her er det programmet "'''<code>bestilling.php</code>'''" på serveren, der bliver aktiveret med input fra brugeren. == Javascript == Line 102 ⟶ 117: </head> </html></nowiki> Javascript er et objektorienteret scriptingsprog på klient-siden, der behandler et hjemmesideopslags forskellige dele som objekter. "<code>document</code>" er i ovenstående et eksempel på et sådant objekt, der har ''metoden'' <code>write</code>. ~~== Tags i head-afsnittet ==~~ Title Meta ~~== Tags i body-afsnittet ==~~ ~~=== Formatteringstags ===~~ Definitionsliste Dl Dd Dt Liste Ul Ol Dir Menu *Li H1-H6 Address B P Cite Code Em Blockquote Sub Sup Big Small U Xmp Center Font Br Hr ~~=== Tabeltags ===~~ Caption Table Th Tr Td ~~=== Billedtags ===~~ Img Map ~~=== Linktags ===~~ A ~~=== Formulartags ===~~ Select Option Input Textarea == Embedding == Det er muligt at indlejre felter på hjemmesiden, der ikke er kodet med HTML. Dermed er det f.eks. muligt at indlejre videoklip, VRML-vinduer og vektorgrafik i et hjemmesideopslag, noget der ikke kan lade sig gøre via ren HTML-kode. Til dette formål anvendes typisk tag'et: <nowiki><embed src=et-eller-andet-videoklip.avi width=400 height=300></nowiki> hvor parametrene <code>width</code> og <code>height</code> bestemmer henholdsvis bredden og højden af visningsfeltet, eller ''vinduet'', hvor det embeddede vises. En lignende metode anvendes ved indlejring af ''applet's'' skrevet i [[Java]]. == Se også == [[HTML (head-tag's)]] [[HTML (body-tag's)]] [[HTML (formular-tag's)]] [[HTML (events)]] [[HTML (frames)]] [[XHTML]] [[XML]] [[Editor]] [[WYSYWYG]] [[Javascript]] [[Server]] [[DHTML]] [[ASP]] [[ASPX]] [[PHP]] [[Host]] == Eksterne henvisninger == [http://www.w3schools.com/html/html_intro.asp html-intro] == Noter og henvisninger == <references> [[Kategori:Computer]] [[Kategori:www]] [[en:HTML (syntax)]]

Bruger:Harlekin96/HTML (syntaks): Forskelle mellem versioner