Presentasjon lastes. Vennligst vent

Presentasjon lastes. Vennligst vent

Kort om HTML ML meg her og ML meg der..

Liknende presentasjoner


Presentasjon om: "Kort om HTML ML meg her og ML meg der.."— Utskrift av presentasjonen:

1 Kort om HTML ML meg her og ML meg der.

2 HTML HyperText Markup Language.
Struktur og semantikk i hypertekst-dokumenter. Utviklet for å dele forskningsresultater. Ved CERN, parallelt med HTTP og WWW. Standardiseres av W3C.

3 Utviklingen av markupspråk

4 Document Type Definition
DTD, Doctype Ordliste + grammatikk. Lovlige elementer og attributter Organiseringen av dem

5 HTML DTDs Strict (”standard”) Transitional (Loose) Frameset

6 Strict Streng (ideell) tolkning.
Separering av struktur (HTML) og stil (CSS). Ikke stil-elementer: <font face=”arial”>…</font> <center>…</center> <b>, <i>, <u> Ikke stil-attributter: <p align=”right”>…</p> <table marginheight=”10”>…</table>

7 HTML: Mal <!DOCTYPE html PUBLIC ”-//W3C//DTD HTML 4.01//EN”
”http://www.w3.org/TR/html4/strict.dtd”> <html> <head> <title>Hello World!</title> <meta http-equiv=”Content-type” content=”text/html; charset=UTF-8”> <!-- Meta-info --> </head> <body> <h1>Hello World</h1> <!-- Innhold --> </body> </html>

8 XSLT: Output-metode <xsl:output method=”html” version=”4.01”
encoding=”UTF-8” doctype-public=”-//W3C//DTD HTML 4.01//EN” doctype-system=”http://www.w3.org/TR/html4/strict.dtd” indent=”yes”/>

9 HTML: Innhold Avsnitt, headings (p, h1-6)
Meta-info og ressurser (meta, link, script, style) Bilder, linker (img, a) Lister og definisjoner (ul, ol, li, dl, dt, dd) Inline-tekst (em, strong, keyb, code, var, tty, abbr, acronym, q, ins, del, samp) Tabeller (table, tr, th, td, thead, tfoot tbody, col, colgroup, caption) Forms (form, input, label, select, option, button, fieldset, legend) Placeholders (div, span) Annet (blockquote, pre, object)

10 HTML: Form-eksempel <form method=”get” action=”foo.php”>
<label for=”nameField”>Name:</label> <input id=”nameField” type=”text” name=”name”> </p> <input type=”submit” value=”Register name”> </form>

11 XHTML HTML formulert som XML Modularisert Velformethet fra XML:
Elementer skal avsluttes Elementer skal nestes riktig Attributtverdier skal være i ””. XHTML er XML. XHTML. Er. XML.

12 XHTML: Mal <?xml version=”1.0” encoding=”UTF-8”?>
<!DOCTYPE html PUBLIC ”-//W3C//DTD XHTML 1.0 Strict//EN” ”http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”> <html> <head> <title>Hello World!</title> <!-- Meta-info --> </head> <body> <h1>Hello World</h1> <!-- Innhold --> </body> </html>

13 XHTML: Innhold Akkurat det samme som HTML.
Se HTML 4.01 Strict for en referanse.

14 XHTML: Form-eksempel <form method=”get” action=”foo.php”>
<label for=”nameField”>Name:</label> <input id=”nameField” type=”text” name=”name”/> </p> <input type=”submit” value=”Register name”/> </form>

15 Obliger HTML 4.01 Strict for alle transformerte sider.
XHTML 1.0 Strict for statiske sider. Følge ”ånden”: Bruke elementer semantisk riktig. Ikke tabeller for layout (that means YOU). Logisk rekkefølge på headers. (h1, h2, h3) Følge WAI så godt det går.

16 Ressurser: http://www.w3.org/TR/html4/ http://www.w3.org/TR/xhtml1


Laste ned ppt "Kort om HTML ML meg her og ML meg der.."

Liknende presentasjoner


Annonser fra Google