-
Kurs WWW wykad 2Pawe
[email protected]://www.ii.uni.wroc.pl/~pawel/
-
HTML c.d.Tabela, grupowanie wierszy
...nagwek...
...stopka...
...pierwszy wiersz pierwszego bloku danych...
...pierwszy wiersz drugiego bloku danych... ...drugi wiersz
drugiego bloku danych...
-
HTMLTabela, grupowanie wierszy, kilka uwag:kada grupa musi mi co
najmniej 1 wiersz,sekcja TFOOT powinna by przed TBODY,znacznik
TBODY jest obowizkowy, chyba e wystpuje sam i wtedy mona go
pomin,znaczniki zamykajce mona pomin.
-
HTMLTabela, grupowanie kolumnCOLGROUP grupuje kolumnyspan="4"
okrela ilo kolumn w grupie, nie stosujemy gdy wystpuje znacznik
COLwidth="50" okrela domyln szeroko kadej kolumny w
grupiePrzykadzik:
...
-
HTMLTabela, grupowanie kolumn c.d.COL umoliwia czenie kolumn i
stosowanie do nich wsplnego formatowania; NIE grupuje
kolumnspan="4" okrela ilo poczonych kolumnwidth="50" okrela domyln
szeroko kadej kolumny w zestawie, przykrywa COLGROUP.width.
-
HTMLTabela, grupowanie kolumn, przykad
......dalsza cz tabelki...
-
HTMLTabela, TABLEframe okrela sposb obramowania tabelivoid z
adnej strony (domylnie)above, below na grze, na dolelhs, rhs z
lewej, z prawejhsides na grze i na dole,vsides z lewej i z
prawejbox, border z kadej strony
-
HTMLTabela, TABLErules okrela sposb wywietlania linii
wewntrznychnone adnych liniiall pomidzy wierszami i kolumnamigroups
pomidzy grupami wierszy i grupami kolumnrow pomidzy wierszamicols
pomidzy kolumnami
-
HTMLTabela, duy przykad na koniec (strona 1/4)
CODE-PAGE SUPPORT IN MICROSOFT WINDOWS
-
HTMLTabela, duy przykad na koniec (strona 2/4)
Code-PageIDNameACPOEMCPWindowsNT 3.1WindowsNT 3.51Windows95
-
HTMLTabela, duy przykad na koniec (strona 3/4)
1200Unicode (BMP of ISO/IEC-10646)XX*1250Windows 3.1 Eastern
EuropeanXXXX1251Windows 3.1 CyrillicXXXX1252Windows 3.1 US
(ANSI)XXXX1253Windows 3.1 GreekXXXX1254Windows 3.1
TurkishXXXX1361Korean (Johab)X**X
-
HTMLTabela, duy przykad na koniec (strona 4/4)
437MS-DOS United StatesXXXX708Arabic (ASMO 708)XX709Arabic (ASMO
449+, BCON V4)XX710Arabic (Transparent Arabic)XX720Arabic
(Transparent ASMO)XX
-
HTMLTabela, duy przykad na koniec (efekt)
-
HTMLOdnoniki znacznik Aname="nazwa" nazwa odnonikahref="URI"
adres zasobuhreflang="pl" okrela jzyk zasobu wskazywanego przez
hreftype="content-type" okrela typ zawartoci zasoby wskazywanego
przez hrefrel, rev zalenoci midzy dokumentamicharset rodzaj
kodowania
-
HTMLOdnoniki, A, przykady
W3C Web site
KotwicaI wtedy odwoujemy si: dokument.html#kotwicaAlbo:
Kotwica
Adres wzgldny i bezwzgldnyDokDok
-
HTMLOdnoniki, inne protokoygopher ...,telnet ...,newsy
...,poczta ....Przykad, wysyanie pocztyMailnij mnie
-
HTMLObrazki znacznik IMGsrc="URI" rdo obrazkaalt="tekst" krtki
opis obrazkalongdesc="URI" link do dugiego opisuname="nazwa" nazwa
obrazkaheight="wys" wysokowidth="szer" szerokousemap="URI" adres
mapy
-
HTMLMAPY MAP, AREAMAPname="nazwa" nazwa mapyAREA definiuje
obszar na mapieshape="(rect|circle|poly|default)" typ
obszarucoords="1,2,3,4" wsprzdne obszaruhref="URI" adres zasobu
zwizanego z obszaremnohref z tym obszarem nie jest zwizana adna
czynnoalt="tekst" opis obszaru
-
HTMLMAPY atrybut coordscoords okrela wsprzdne obszarurect
lewy-x, gra-y, prawy-x, d-ycircle rodek-x, rodek-y, promiepoly
x1,y1,x2,y2,...,xN,yN
-
HTMLMAPY przykad
-
HTMLRamki FRAMESETFRAMESETrows, cols liczba wierszy i
kolumnNOFRAMES alternatywna zawartoPrzykady
...caa reszta...
... caa reszta...
-
HTMLRamki, FRAMESETPrzykad zagniedenia
...zawarto ramki 1... ...zawarto ramki 2, wiersz 1... ...zawarto
ramki 2, wiersz 2... ...zawarto ramki 3...
-
HTMLRamki, FRAMElongdesc="tekst" dugi opisname="nazwa"
nazwasrc="URI" adres zawartoci ramkiframeborder="(1|0)" czy
obramowaniemarginwidth="pixele" margines
poziomymarginheight="pixele" margines
pionowyscrolling="(yes|no|auto)" paski przewijania
-
HTMLRamki przykad (strona 1/2)
Przykadowy dokument z ramkami
...
-
HTMLRamki przykad (strona 2/2) ... Ten dokument zawiera:
Dokument 2 Dokument 2
-
HTMLRamki pywajce
IFRAMEIFRAMEnamesrcframebordermarginwidthmarginheightscrollingheightwidthalign="(left|right|middle|top|bottom)"
-
HTMLRamki pywajce IFRAMEPrzykad
[Your user agent does not support frames or is currently
configured not to display frames. However, you may visit the
related document.]
-
HTMLFormularze, kontrolki:buttons (BUTTON, INPUT; BUTTON lepszy
do wywietlania)checkboxes (INPUT)radio buttons (INPUT)menus (SELECT
z OPTION, OPTGROUP)text input (INPUT, TEXTAREA)file select
(INPUT)hidden controls (INPUT)
-
HTMLFORM definicja formularzaaction="URI"method="(POST|GET)"
(domylnie GET)enctype=zawarto okrela typ zawartoci (ma sens w
przypadku metody POST); domylnie jest to
"application/x-www-form-urlencoded", natomiast jeli wysya si plik
powinno si ustawi na
"multipart/form-data"accept-charset="charsetlist" rodzaj kodowania
akceptowany przez serweraccept="contenttypelist"name="nazwa"
-
HTMLFormularze, INPUT kontrolka
formularzatype=text|password|checkbox|radio|submit|reset|file|
hidden | image | buttonname="nazwa"values="pocztkowa warto" nie
dotyczy radio i checkboxsize="rozmiar"maxlength="liczba" dotyczy
text i passwordchecked dotyczy radio i checkbox)src="URI" dotyczy
imagereadonlydisabledtabindex="4"
-
HTMLFormularze, przykad
Imi: Nazwisko: Email: Mczyzna Kobieta
-
HTMLFormularze, przykad
-
HTMLFormularze, BUTTON tworzy przyciskname="nazwa"value="warto"
wysyane do serwera przy wysyaniutype="(button|submit|reset)" typ
przyciskudisabledtabindexPrzykadReset
-
HTMLFormularze, SELECT tworzy
menuname="nazwa"size="3"multipledisabledtabindex="4"
-
HTMLFormularzeOPTION element
menuselecteddisabledlabel="etykieta"value="warto"OPTGROUP grupuje
elementydisabledlabel
-
HTMLFormularze, przykad SELECT
NoneSuSE 8.2SuSE 9.0Aurox 9.2
-
HTMLFormularze, przykad SELECT
-
HTMLFormularze, TEXTAREA pole
tekstowename="nazwa"rows="10"cols="40"disabledreadonlytabindex="10"
First line of initial text.Second line of initial text.
-
HTMLFormularzeFIELDSET grupuje elementy w ramceLEGEND pozwala
doda opis
Dane personalneImi Nazwisko Adres: ...pozostae informacje...
