HTML HTML. Základní struktura. HyperText Markup Language

HTML

<>/HTMLBDYO>ePHl/HEA<TILEEAD<>HTML:pt"/ht/TILE.msrcttt4idl/DTHML4C0 >"1/EN"

HyperText Markup Language současná verze: 4.01 W3C Recommendation 24. 12. 1999 aplikace jazyka SGML

HTML Varianty Strict: bez prezentačních elementů a atributů Transitional: včetně prezentačních elementů a atributů Frameset: shodné s Transitional až na obsah elementu HTML, kde je BODY nahrazeno elementem FRAMESET

Základní struktura HTML – kořenový element HEAD – hlavička BODY – tělo

HEAD TITLE – titulek META – metainformace

c < < o m m n e e t t a a h = " m t e p uaorcnet";xmarst/hlh66=uveqconet"i =uneer"KOdjřč6u>t8fype" a>"

name content http-equiv

Společné atributy title – titulek id – unikátní identifikátor v dokumentu class – třída lang – jazyk dir – směr psaní (ltr | rtl) style – styl

LINK – vztah k jinému dokumentu BASE – výchozí cesta STYLE – styly SCRIPT – scripty

Nadpisy šest úrovní H1, H2, H3, H4, H5, H6

Psaní textu EM – zdůraznění STRONG – výraznější zdůraznění CITE – citace DFN – definice (pojmu) CODE – fragment počítačového kódu SAMP – ukázka výstupu počítačového programu KBD – vstup od uživatele VAR – proměnná nebo argument ABBR – zkratka ACRONYM – zkratkové slovo

Psaní textu Q – citace, inline

Psaní textu P – odstavec

cite (URI) – zdroj

nesmí obsahovat žádný blokový element

BLOCKQUOTE – citace, bloková cite (URI) – zdroj

BR – odřádkování v rámci odstavce clear

SUB – dolní index SUP – horní index

PRE – předformátovaný text INS – vložený text, DEL – smazaný text cite (URI) – zdroj vysvětlující důvod změny datetime – doba změny smějí být použity jako blokové i jako inline, ovšem jsou-li použity jako inline, nesmějí obsahovat blokový element.

Psaní textu CENTER TT, I, B, BIG, SMALL, STRIKE, S, U FONT, BASEFONT HR (horizontální čára)

Seznamy UL – neuspořádaný seznam type, compact

OL – uspořádaný seznam type, start, compact

LI – položka seznamu value

Seznamy definic

DL – seznam definic DT – termín DD – popis

<>/dlecnahil<>rrtH/dkdnoa<emiyux<>gcdwedl yurgstbihb>pograme<>/dt>r<m>o<eN/waeprsniblh> o m c o > i G a l yneprsonti<e>/kdyuamrt <>/d

maensatkilmaek.ucongre/fi.ucongre/fi 6=xupresr/fi n i c e 6mae20k

/lipyctiřu<>coemanlidk/uzvancdižpusku<>coemacoecon/bdfprzmuěu.<>cecn/lidfovyposutObkiý s g s 2 o i d g t é 0 y a a e r l t l i í e m > r s a é e < t / c < k t / e ě apoeapotijbřcoe>d/fid.nunapjžřo>dprgamuzerodj uaorli Vnořené seznamy Vnořené seznamy Obvyklý postup instalace programu ze zdrojových kódů 1. pro změnu umístění použij např. 2. 3. pokud se systémem chceš zároveň rozumně pracovat, zvaž při typické instalaci je potřeba pouštět jako root Seznamy definic “Another application of DL, for example, is for marking up dialogues, with each DT naming a speaker, and each DD containing his or her words.” Seznamy DIR MENU Tabulky TABLE – tabulka - - (CAPTION?, (COL*|COLGROUP*), THEAD?, TFOOT?, TBODY+) summary (shrnutí; především pro nevizuální prohlížeče) width (šířka) border (okraj), frame, rules cellspacing (prostor mezi buňkami) cellpadding (odsazení obsahu buňky) CAPTION – popis tabulky Tabulky THEAD – hlavička tabulky - O (TR)+ align (left | center | right | justify | char) char charoff (“specifies the offset to the first occurrence of the alignment character on each line”) valign (top | middle | bottom | baseline) TFOOT – patičcka tabulky - O (TR)+ align, char, charoff, valign TBODY – tělo tabulky O O (TR)+ align, char, charoff, valign Tabulky COLGROUP – skupina sloupců - O (COL)* align, char, charoff, valign span (počet sloupců ve skupině) width (šířka každého sloupce ve skupině) COL – sloupec - O EMPTY align, char, charoff, valign span, width Tabulky “The COL element allows authors to group together attribute specifications for table columns. The COL does not group columns together structurally – that is the role of the COLGROUP element. COL elements are empty and serve only as a support for attributes. They may appear inside or outside an explicit column group (i.e., COLGROUP element).” Tabulky TR – řádek align, char, charoff, valign TH – nadpis rowspan, colspan abbr (zkrácená forma obsahu buňky) scope (row | col | rowgroup | colgroup) axis (logická kategorie, do které buňka spadá) headers align, char, charoff, valign TD – buňka rowspan, colspan, abbr, axis, scope headers (seznam nadpisů pro tuto buňku) align, char, charoff, valign Odkazy A – odkaz (kotva) name (vytváří cílovou kotvu odkazu) href (určuje cílovou kotvu odkazu) hreflang (jazyk odkazu) type (MIME type odkazu) rel (vztah současného dokumentu k odkazu) rev (vztah odkazu k současnému) charset (kódování znaků použité v odkazovaném dokumentu) shape, coords, target, tabindex, accesskey LINK – odkaz (vztah k jinému dokumentu) charset, href, hreflang, type, rel, rev media (média) BASE – výchozí cesta nebo cíl href, target Obrázky IMG – obrázek src (adresa) alt (krátký popis) longdesc (dlouhý popis) align, width, height, border, hspace, vspace ismap, usemap Objekty Objekty data (adresa dat objektu) type (MIME type dat) classid, codebase, codetype, archive, declare, standby align, width, height, border, hspace, vspace usemap PARAM – parametr objektu name (název) value (hodnota) valuetype (data | ref | object) type (MIME type pro případ ref) APPLET – applet t/bj >t<srong>arase/6xet=ygpma""fi6ae>i=ypapct""li6o>.masert/TEhnropac"f6e>t g n a h . t e f / p o r y " n o i f / m > " m s p > p e a c e .g>" OBJECT – objekt codebase, code, name, archive, object, width, height, alt, align, hspace, vspace MAP – mapa name (název) AREA – oblast shape (default | rect | circle | poly) coords (souřadnice) nohref (není odkazem) alt, href, target, tabindex, accesskey Obrázkové mapy <map>/cor2dspoh=t"Tl<arefco1dspchi=t"Gl<aresfco1dsprh=eat"Sl<aresfco0d=spre"hctAlregf=<mapnmap"1>/sThi=oecat"bjd ,,71602802y"len.pmt0h,>4826re"l.oumthhl,>47"80268ct"h.m"l,>182tse"G.umidhl.nvgonartib.=arypet1""bf ,,>57"0260 mageusemap/"iif =>"#1 Obrázkové mapy Rámy <>a/mgscgami=:<arept"hfh .esmpa"if.waceo/ =>arett""lÁcgncompet//ib i >on" Obrázkové mapy na serveru http://www.acme.com/cgi-bin/competition?10,27 FRAMESET – rozložení rámů rows (horizontální rozložení rámů) cols (vertikální rozložení rámů) FRAME – rám name (název) src (umístění obsahu rámu) noresize (rámu nelze měnit velikost) scrolling (auto | yes | no) frameborder (1 | 0) marginwidth, marginheight, longdesc NOFRAMES – alternativní obsah <m>t/hlraesfno/l=are"ihfmgscsramesThif<no=ramecon"fs>t//dmpetAilif<eahm>.:pwot"/3t"3fhlmeg2if.ora>t1"fhl0>"ocumen<ett/dil.mramestt4/hlfds"WDTHMLC3C >omereSh=amagttAinacon>>"ramest41F/EN0 " " s > < t / ena> Rámy Rámy IFRAME – inline rám width, height, src, name, longdesc frameborder, marginwidth, marginheight, scrolling, align Formuláře FORM – formulář Formuláře INPUT – formulářový vstup action (adresa) method (get | post) enctype (MIME type pro případ metody post) accept-charset (seznam kódování, která server přijímá) accept (seznam MIME typů, která server přijímá) name, target type (text | password | checkbox | radio | submit | reset | file | hidden | image | button) name (název) value (úvodní hodnota) size (velikost) maxlength (maximální délka vstupu) checked, readonly, disabled src (adresa) alt, align, accept, tabindex, accesskey, usemap, ismap BUTTON – tlačítko type (submit | reset | button) name, value, disabled, tabindex, accesskey Formuláře SELECT – menu multiple (dovoluje vybrat více položek) size (množství najednou viditelných položek) name, disabled, tabindex OPTGROUP – skupina voleb label (popis) disabled OPTION – volba selected (předvybráno) value, label, disabled Formuláře TEXTAREA – víceřádkový vstup rows (počet řádků) cols (počet sloupců) name, readonly, disabled, tabindex ISINDEX – jednořádkový vstup LABEL – popis for (id prvku, ke kterému se vztahuje) accesskey, tabindex FIELDSET – skupina formulářových prvků LEGEND – nadpis skupiny align, accesskey Styly STYLE – styl type (MIME type) media (screen | tty | tv | projection | handheld | print | braille | aural | all) title Scripty SCRIPT – script src (adresa) type (MIME type) charset (kódování scriptu) defer (script negeneruje žádnou část dokumentu) NOSCRIPT – alternativní obsah Události – onload, onunload, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onfocus, onblur, onkeypress, onkeydown, onkeyup, onsubmit, onreset, onselect, onchange XHTML Nesémantické kontejnery SPAN – řádkový DIV – blokový především v souvislosti se stylováním aplikace jazyka XML XHTML 1.0 – W3C Recommendation 26. 1. 2000, revisited 1. 8. 2002 XHTML Basic 1.0 – W3C Recommendation 19. 12. 2000 1.1 – W3C Working Draft 5. 7. 2006 XHTML Modularization 1.0 – W3C Recommendation 10. 4. 2001 1.1 – W3C Working Draft 5. 7. 2006 XHTML 1.1 First edition – W3C Recommendation 31. 5. 2001 Second edition – W3C Working Draft 16. 2. 2007 XHTML 2.0 – W3C Working Draft 26. 7. 2006 Odkazy a literatura Odkazy W3C HTML Home Page Jak psát web W3C Markup Validation Service Literatura ???

HTML HTML. Základní struktura. HyperText Markup Language

Recommend Documents