Laste ned presentasjonen
Presentasjon lastes. Vennligst vent
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”
” <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=” 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” ” <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
Liknende presentasjoner
© 2024 SlidePlayer.no Inc.
All rights reserved.