Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

WPROWADZENIE

2bNVLÈĝFH

-DNG]LDïD:::"

1DXNDSRSU]H]DQDOL]ÚLQQ\FKVWURQ

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

:352:$'=(1,(

3U]HGHZV]\VWNLPG]LÚNXMÚ]DZ\EUDQLH
WHMNVLÈĝNL=RVWDïDRQDQDSLVDQD]bP\ĂOÈ
RbGZöFKFDïNRZLFLHRGPLHQQ\FKW\SDFK
RGELRUFöZ

W\FKNWöU]\FKFÈVLÚQDXF]\ÊSURMHNWRZDQLDLbWZRU]HQLDZLWU\Q
:::RGSRGVWDZ

ZV]\VWNLFKNWöU]\PDMÈZïDVQÈZLWU\QÚE\ÊPRĝHVWZRU]RQÈ
SU]\Xĝ\FLXV\VWHPX]DU]ÈG]DQLDWUHĂFLÈV\VWHPXEORJRZHJR
DOERSODWIRUP\GRKDQGOXHOHNWURQLF]QHJRLbFKFÈPLHÊZLÚNV]È
NRQWUROÚQDGZ\JOÈGHPVWURQ\

-HG\QÈU]HF]ÈSRWU]HEQÈGRNRU]\VWDQLD]bWHMNVLÈĝNLMHVWNRPSXWHU
]bSU]HJOÈGDUNÈ:::RUD]HG\WRUHPWHNVWöZWDNLPMDN1RWDWQLN
ZbV\VWHPLH:LQGRZVOXE7H[W(GLWQDNRPSXWHUDFK0DF

3U]\NïDG\

:V]\VWNLHSU]\NïDG\]DPLHV]F]RQHZbQLQLHMV]HMNVLÈĝFHPRĝQDSREUDÊ]bVHUZHUD)73
Z\GDZQLFWZD+HOLRQĽftp://ftp.helion.pl/przyklady/htcsww.zip=QDMGXMÈVLÚZbQLHMWDNĝH
RGZRïDQLDGRZLWU\Q\SRĂZLÚFRQHMWHMSXEOLNDFMLĽhttp://www.htmlandcssbook.com/:LWU\QDWD
]RVWDïDVWZRU]RQDMDNRbGRGDWHNGRNVLÈĝNLĽPRĝQDWDPSU]HMU]HÊZV]\VWNLHSU]HGVWDZLRQHZbQLHM
SU]\NïDG\MDNUöZQLHĝ]QDOHěÊZLHOHSU]\GDWQ\FKLQIRUPDFMLGRW\F]ÈF\FKQSSU]\JRWRZ\ZDQLD
WUHĂFLPXOWLPHGLDOQ\FKSU]H]QDF]RQ\FKGRXPLHV]F]HQLDQDVWURQDFK:::SRSXODUQ\FK
SURJUDPöZJUDğF]Q\FKNWöU\FKPRĝQDZbW\PFHOXXĝ\ZDÊVSRVREöZNRGRZDQLDPDWHULDïöZ
ZLGHRF]\LPSOHPHQWDFMLPHFKDQL]PöZZ\V]XNLZDQLDQDZïDVQ\FKVWURQDFK:::7U]HEDMHGQDN
SDPLÚWDÊĝH]DUöZQRSU]\NïDG\MDNbLbZV]\VWNLHLQIRUPDFMHSRGDQHZbWHMZLWU\QLHVÈQDSLVDQH
ZbMÚ]\NXbDQJLHOVNLP

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

:352:$'=(1,(

1DSRF]ÈWNXNDĝGHJRUR]G]LDïX]QDMGXMHVLÚ
wprowadzenieNWöUHSU]HGVWDZLD]DJDGQLHQLD
RSLVDQHZbGDQHMF]ÚĂFLNVLÈĝNL

6WURQ\informacyjneSU]HGVWDZLDMÈNOXF]RZH
HOHPHQW\NRGX+70/Lb&66.RG+70/MHVW
ZbNRORU]HQLHELHVNLP&66ĽZbNRORU]HUöĝRZ\P

6WURQ\]bdodatkowymi informacjamiPDMÈELDïH
WïRZ\MDĂQLDMÈNRQWHNVW]DJDGQLHñRSLVDQ\FK
ZbGDQ\PUR]G]LDOH

3rzykïadMHVWSRGVXPRZDQLHPLQIRUPDFML
SR]QDQ\FKZbGDQ\PUR]G]LDOHGHPRQVWUXMH
ZbMDNLVSRVöEPRĝQDMH]DVWRVRZDÊZbSUDNW\FH

DiagramyRUD]LQIRJUDğNLVÈSU]HGVWDZLDQH
QDFLHPQ\PWOH6WDQRZLÈSURVWÈZL]XDOQÈ
SUH]HQWDFMÚRSLV\ZDQ\FK]DJDGQLHñ

1DNRñFXNDĝGHJRUR]G]LDïX]QDMGXMHVLÚ
podsumowanie3U]\SRPLQDRQRNOXF]RZH
]DJDGQLHQLDSU]HGVWDZLRQHZbGDQ\PUR]G]LDOH

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

:352:$'=(1,(

&=<1$8.$

+70/,b&66-(67758'1$"

:LHOHNVLÈĝHNSUH]HQWXMÈF\FKMÚ]\N+70/
RUD]&66SU]\SRPLQDQXGQHSRGUÚF]QLNL
$E\XïDWZLÊ&]\WHOQLNRZL]DGDQLH
RGU]XFLOLĂP\VWDQGDUGRZHV]DEORQ\Xĝ\ZDQH
]D]Z\F]DMSU]H]Z\GDZFöZLbRGSRGVWDZ
SU]HSURMHNWRZDOLĂP\WÚNVLÈĝNÚ

:bSUDF\NLHG\NWRĂVSRJOÈGD
QDHNUDQPRMHJRPRQLWRUD
LbZLG]LZLHUV]HNRGXF]ÚVWR
Vï\V]ÚNRPHQWDU]HĝHZ\JOÈGD
RQQDVNRPSOLNRZDQ\DbMD
PXV]ÚE\ÊEDUG]RPÈGU\VNRUR
JRUR]XPLHP3UDZGDMHVWWDND
ĝHEH]WUXGXPRĝQDVLÚQDXF]\Ê
WZRU]HQLDVWURQ:::RUD]
DQDOL]\LFKNRGXĽLbZFDOHQLH
WU]HEDE\ÊķSURJUDPLVWÈĵ

3R]QDQLHLb]UR]XPLHQLH
MÚ]\NöZ+70/Lb&66PRĝH
SRPöFZV]\VWNLPNWöU\FK
SUDFDMHVWZbMDNLĂVSRVöE
]ZLÈ]DQD]b:::SURMHNWDQFL
EÚGÈPRJOLWZRU]\ÊEDUG]LHM
DWUDNF\MQHLbXĝ\WHF]QH
ZLWU\Q\UHGDNWRU]\Ľ
IRUPXïRZDÊOHSV]HWUHĂFL
VSHFMDOLĂFLRGUHNODP\Ľ
HIHNW\ZQLHMNRPXQLNRZDÊVLÚ
]bRGELRUFDPLDbPHQDGĝHU]\
Ľ]OHFDÊGRVNRQDOV]H
ZLWU\Q\LbZbRSW\PDOQ\VSRVöE
Z\NRU]\VW\ZDÊPRĝOLZRĂFL
VZRLFK]HVSRïöZ

6NRQFHQWURZDïHPVLÚQDNRG]LH
NWöUHJR&]\WHOQLNEÚG]LHXĝ\ZDï
ZbSU]\SDGNöZSRPLMDMÈF
WDNL]bNWöU\PVSRWNDVLÚ
VSRUDG\F]QLHQDZHWMHĂOLEÚG]LH
SUDFRZDÊQDGWZRU]HQLHP
VWURQ:::QDFDï\HWDW
&KRÊE\&]\WHOQLNQDSRWNDï
NRGNWöU\]RVWDïWXSRPLQLÚW\
WRSRSU]HF]\WDQLXWHMNVLÈĝNL
EÚG]LHZbVWDQLHV]\ENRLbïDWZR
NRU]\VWDMÈF]bZ\V]XNLZDUNL
GRZLHG]LHÊVLÚFRRQR]QDF]D

:bNVLÈĝFH]DPLHĂFLïHP
SUDNW\F]QHLQIRUPDFMH
GRW\F]ÈFH]DJDGQLHñ
NWöUHZbQLHMRSLVDïHP
DbRbNWöUHMHVWHPF]ÚVWR
S\WDQ\QSbZbMDNLVSRVöE
SU]\JRWRZ\ZDÊREUD]\ZLGHR
RUD]DXGLRGRbZ\NRU]\VWDQLD
QDbVWURQDFK:::MDN]DEUDÊ
VLÚGRbSURMHNWRZDQLDLbWZRU]HQLD
QRZHMZLWU\Q\MDNSRSUDZLÊ
MHMSRïRĝHQLHZbZ\QLNDFK
Z\V]XNLZDUHN6(2RUD]
MDNbNRU]\VWDÊ]bXVïXJL*RRJOH
$QDO\WLFVE\GRZLHG]LHÊ
VLÚF]HJRĂRbRVREDFK
RGZLHG]DMÈF\FKVWURQÚ

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

:352:$'=(1,(

6758.785$.6,k¿.,

$E\QDXF]\Ê&]\WHOQLNDVSRVREöZWZRU]HQLD
VWURQ:::NVLÈĝNÚSRG]LHORQRQDWU]\F]ÚĂFL

+70/

:bSLHUZV]\PUR]G]LDOH
PRZDRbW\PZbMDNLVSRVöE
MÚ]\N+70/MHVWXĝ\ZDQ\
GRWZRU]HQLDVWURQ:::
&]\WHOQLNSU]HNRQDVLÚ
ĝHbZV]\VWNRUR]SRF]\QDVLÚ
RG]DSLVDQLDVïöZNWöUH
PDMÈVLÚSRMDZLÊQDVWURQLH
'RSLHURSöěQLHMGRGDMHVLÚ
GRQLFK]QDF]QLNLLbHOHPHQW\
G]LÚNLNWöU\PSU]HJOÈGDUND
ZLHFRMHVWQDJïöZNLHPJG]LH
PDMÈVLÚ]DF]\QDÊLbNRñF]\Ê
SRV]F]HJöOQHDNDSLW\LWG

.ROHMQHUR]G]LDï\SLHUZV]HM
F]ÚĂFLNVLÈĝNLSU]HGVWDZLDMÈ
]QDF]QLNLXĝ\ZDQHGRWZRU]HQLD
ZLWU\Q:::=RVWDï\RQH
SRJUXSRZDQHWHPDW\F]QLH
LbGRW\F]ÈQDVWÚSXMÈF\FK
]DJDGQLHñWHNVWöZOLVWïÈF]\
REUD]öZWDEHOIRUPXODU]\
ZLGHRDXGLRRUD]DQLPDFML
)ODVKDbWDNĝHZ\EUDQ\FK
LQQ\FKHOHPHQWöZ

=bJöU\XSU]HG]DPĝHSU]\NïDG\
]DPLHV]F]RQHZbSLHUZV]\FK
UR]G]LDïDFKNVLÈĝNLQLH
VÈV]F]HJöOQLHDWUDNF\MQH
ZL]XDOQLHQLHPQLHMVWDQRZLÈ
SRGVWDZÚZV]\VWNLFKVWURQ
:::.ROHMQHUR]G]LDï\
SRĂZLÚFRQH&66SRND]XMÈ
ZbMDNLVSRVöEVSUDZLÊE\
WZRU]RQHVWURQ\Z\JOÈGDï\
]QDF]QLHDWUDNF\MQLHM

&66

7DF]ÚĂÊNVLÈĝNLUR]SRF]\QDVLÚ
RGUR]G]LDïXNWöU\Z\MDĂQLD
MDN&66Xĝ\ZDUHJXïE\
]DSHZQLÊWZöUFRPVWURQ\
PRĝOLZRĂÊRNUHĂODQLDMHM
Z\JOÈGXLbXNïDGX1DVWÚSQLH
SU]HGVWDZLDZïDĂFLZRĂFL
&66NWöU\FKPRĝQDXĝ\ZDÊ
SRGF]DVWZRU]HQLDDUNXV]\
VW\OöZ*HQHUDOQLHZïDĂFLZRĂFL
WHPRĝQD]DOLF]\ÊGRGZöFK
JïöZQ\FKNDWHJRULL

Prezentacja:MDNNRQWURORZDÊ
WDNLHDVSHNW\Z\JOÈGXMDNNRORU
WHNVWXXĝ\ZDQHF]FLRQNLRUD]
LFKZLHONRĂÊMDNRNUHĂODÊNRORU
WïDVWURQ\OXEMHMIUDJPHQWöZ
RUD]MDNVWRVRZDÊREUD]\WïD

8kïad:MDNNRQWURORZDÊ
UR]PLHV]F]HQLHSRV]F]HJöOQ\FK
HOHPHQWöZQDHNUDQLH&]\WHOQLN
SR]QDSU]\RND]MLNLONDWHFKQLN
NWöU\FKXĝ\ZDMÈSURIHVMRQDOLĂFL
E\SRSUDZLÊZ\JOÈGWZRU]RQ\FK
VWURQ:::

,1)250$&-(

35$.7<&=1(

:bWHMF]ÚĂFLNVLÈĝNL
]DPLHV]F]RQ\FK]RVWDïRQLHFR
SUDNW\F]Q\FKLQIRUPDFMLNWöUH
PRJÈ&]\WHOQLNRZLSRPöF
ZbWZRU]HQLXOHSV]\FKZLWU\Q

3U]\MU]\P\VLÚQRZ\P
]QDF]QLNRPZSURZDG]RQ\P
ZbMÚ]\NX+70/XïDWZLDMÈF\P
RSLV\ZDQLHVWUXNWXU\VWURQ
+70/WRQDMQRZV]DZHUVMD
MÚ]\ND+70/NWöUDZFLÈĝ
MHVWUR]ZLMDQDLbWZRU]RQD
-HGQDNSU]HGSR]QDQLHP
W\FKHOHPHQWöZ&]\WHOQLN
PXVLGREU]HSR]QDÊ]DVDG\
VWRVRZDQLD&66GRRNUHĂODQLD
LbNRQWUROLXNïDGXVWURQ-HGHQ
]bUR]G]LDïöZSU]HGVWDZLD
SURFHVSURMHNWRZDQLDZLWU\Q\
ZHGïXJNWöUHJRPRĝQD
SRVWÚSRZDÊSRGF]DVWZRU]HQLD
QRZ\FKbZLWU\Q

1DNRñFXNVLÈĝNL]QDOD]ïVLÚ
RSLV]DJDGQLHñNWöUHPRJÈ
VLÚSU]\GDÊMXĝSRXWZRU]HQLX
ZLWU\Q\WDNLFKMDNXPLHV]F]DQLH
MHMZbLQWHUQHFLHRSW\PDOL]DFMD
SRGNÈWHPZ\V]XNLZDUHN
6(2RUD]VWRVRZDQLHQDU]ÚG]L
DQDOLW\F]Q\FKGR]ELHUDQLD
LQIRUPDFMLRbW\PNWRRJOÈGD
ZLWU\QÚLbF]HJRZbQLHMV]XND

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

:352:$'=(1,(

5¿1(63262%<

8=<6.,:$1$'267}38

'2b:::

3U]HGVSRMU]HQLHPQDNRGXĝ\ZDQ\GRWZRU]HQLDZLWU\Q:::
ZDUWR]DVWDQRZLÊVLÚQDGUöĝQ\PLVSRVREDPLX]\VNLZDQLDGRVWÚSX
GRVLHFLRUD]Z\MDĂQLÊWHUPLQRORJLÚ]ZLÈ]DQÈ]bW\PL]DJDGQLHQLDPL

35=(*/k'$5.,

:LWU\Q\VÈRJOÈGDQHSU]\bXĝ\FLX
SURJUDPöZQD]\ZDQ\FK
przegOÈdarkami :::
'RbQDMSRSXODUQLHMV]\FK
SURJUDPöZWHJRW\SXQDOHĝÈ
0R]LOOD)LUHIR[,QWHUQHW([SORUHU
6DIDUL&KURPHRUD]b2SHUD

$E\REHMU]HÊVWURQÚ:::
Xĝ\WNRZQLNPXVLSRGDÊ
ZbSU]HJOÈGDUFHMHMDGUHV
NOLNQÈÊïÈF]HXPLHV]F]RQHQD
LQQHMVWURQLHOXEVNRU]\VWDÊ
]bDGUHVX]DSLVDQHJRZF]HĂQLHM
ZbSU]HJOÈGDUFH

3URGXFHQFLRSURJUDPRZDQLD
UHJXODUQLHXGRVWÚSQLDMÈNROHMQH
ZHUVMHVZRLFKSU]HJOÈGDUHN
Z\SRVDĝRQHZbQRZHPRĝOLZRĂFL
LbREVïXJXMÈFHQRZV]HZHUVMH
MÚ]\NöZ7U]HEDMHGQDN
SDPLÚWDÊĝHZLHOXZïDĂFLFLHOL
NRPSXWHUöZQLHEÚG]LH
PLDïRQDMQRZV]\FKZHUVML
SU]HJOÈGDUHN'ODWHJRQLHPRĝQD
]DNïDGDÊĝHRVRE\RGZLHG]DMÈFH
ZLWU\QÚEÚGÈZbVWDQLH
VNRU]\VWDÊ]bXGRVWÚSQLDQ\FK
SU]H]QLÈPRĝOLZRĂFL

:bUR]G]LDOHMHVWPRZD
RbW\PMDNVSUDZG]LÊNWöU\FK
SU]HJOÈGDUHNXĝ\ZDMÈRVRE\
RJOÈGDMÈFHZLWU\QÚ

6(5:(5<:::

.LHG\SURVLP\SU]HJOÈGDUNÚ
RbZ\ĂZLHWOHQLHVWURQ\Z\V\ïD
RQDSU]H]LQWHUQHWĝÈGDQLH
GRVSHFMDOQHJRNRPSXWHUD
QD]\ZDQHJRserwerem :::
QDNWöU\PMHVWXPLHV]F]RQD
ZLWU\QD
6HUZHU\:::WRVSHFMDOQH
NRPSXWHU\NWöUHVÈEH]XVWDQQLH
SRGïÈF]RQHGRLQWHUQHWX
Lb]RVWDï\]RSW\PDOL]RZDQH
SRGbNÈWHPZ\V\ïDQLDVWURQ
:::GRZV]\VWNLFKNWöU]\
RbQLHSRSURV]È
1LHNWöUHGXĝHğUP\SRVLDGDMÈ
ZïDVQHVHUZHU\MHGQDN
]QDF]QLHF]ÚĂFLHMNRU]\VWD
VLÚ]busïug specjaOnycK ğrm
NWöUHRGSïDWQLHXPRĝOLZLDMÈ
XPLHV]F]HQLHZLWU\QQDVZRLFK
VHUZHUDFK

85=k'=(1,$

'RRJOÈGDQLDZLWU\Q:::
Xĝ\ZDQ\FKMHVWFRUD]ZLÚFHM
XU]ÈG]HñRGNRPSXWHUöZ
VWDFMRQDUQ\FKLbODSWRSöZ
SRSU]H]WDEOHW\SRWHOHIRQ\
NRPöUNRZH7U]HEDSDPLÚWDÊ
ĝHUöĝQHXU]ÈG]HQLDVÈ
Z\SRVDĝRQHZbHNUDQ\RbUöĝQ\FK
UR]PLDUDFKDbSRïÈF]HQLD
]bLQWHUQHWHPMDNLPLG\VSRQXMÈ
PRJÈPLHÊUöĝQHV]\ENRĂFL

&=<71,.,

(.5$12:(

Czytniki ekranowe WRSURJUDP\
NWöUHVÈZbVWDQLHRGF]\WDÊ
QDJïRV]DZDUWRĂÊHNUDQX
NRPSXWHUD6ÈRQHVWRVRZDQH
SU]H]RVRE\]bXSRĂOHG]HQLHP
Z]URNX
3UDZRZbZLHOXNUDMDFKZ\PDJD
E\EXG\QNLSXEOLF]QHE\ï\ïDWZR
GRVWÚSQHGODRVöE]bUöĝQ\PL
XSRĂOHG]HQLDPL3RGREQLHMHVW
]bZLWU\QDPL:::ĽSUDZR
Z\PDJDE\WDNĝHE\ï\ïDWZR
GRVWÚSQHGODWDNLFKRVöE
:bQLQLHMV]HMNVLÈĝFHPRĝQD
]QDOHěÊNLONDZ]PLDQHN
RbF]\WQLNDFKHNUDQRZ\FK
,QIRUPDFMHWHXïDWZLÈ
&]\WHOQLNRZL]DGEDQLHRbWR
E\WZRU]RQHZLWU\Q\E\ï\
ïDWZRGRVWÚSQHGODRVöE
NRU]\VWDMÈF\FK]bWDNLHJR
RSURJUDPRZDQLD
:DUWR]DXZDĝ\Ê
ĝHbWHFKQRORJLHSRGREQH
GRbW\FKZ\NRU]\VW\ZDQ\FK
ZbF]\WQLNDFKHNUDQRZ\FK
VÈVWRVRZDQHUöZQLHĝ
ZbLQQ\FKSU]\SDGNDFKĽ
JG\Xĝ\WNRZQLF\QLHVÈ
ZbVWDQLHF]\WDÊLQIRUPDFML
SUH]HQWRZDQ\FKQDHNUDQLH
XU]ÈG]HQLDSRQLHZDĝ
QSbSURZDG]ÈVDPRFKöG
OXEbELHJDMÈ

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

:352:$'=(1,(

-$.6k7:25=21(

:,75<1<:::"

:V]\VWNLHZLWU\Q\VÈWZRU]RQHSU]\Xĝ\FLXMÚ]\NöZ+70/Lb&66
MHGQDNV\VWHP\]DU]ÈG]DQLDWUHĂFLÈSODWIRUP\EORJRZHRUD]
SODWIRUP\GRSURZDG]HQLDKDQGOXHOHNWURQLF]QHJRF]ÚVWRX]XSHïQLDMÈ
WÚSDUÚRbGRGDWNRZHWHFKQRORJLH

72&2:,'=,0<

.RG+70/Lb&66Z\ĂZLHWODQ\
SU]H]SU]HJOÈGDUNÚZbZLWU\QLH
QDMSUDZGRSRGREQLHMSRFKRG]L
]bVHUZHUDQDNWöU\PRQD
G]LDïD3U]HJOÈGDUND:::
LQWHUSUHWXMHNRG+70/Lb&66
WZRU]ÈFQDLFKSRGVWDZLH
VWURQ\NWöUHRJOÈGDP\

:LÚNV]RĂÊZLWU\Q:::
]DZLHUDGRGDWNRZHPDWHULDï\
WDNLHMDNREUD]\NOLS\
DXGLRLbZLGHRDQLPDFMH
ZbQLQLHMV]HMNVLÈĝFH&]\WHOQLN
]QDMG]LHLQIRUPDFMHRbW\P
MDNbSU]\JRWRZ\ZDÊWDNLH
PDWHULDï\RUD]XPLHV]F]DÊMH
QDbVWURQDFK

1LHNWöUHZLWU\Q\SU]HV\ïDMÈ
GRSU]HJOÈGDUNLWDNĝHVNU\SW\
-DYD6FULSWOXEDQLPDFMH
)ODVK1LQLHMV]DNVLÈĝND
SRND]XMHMDNMHGRGDZDÊ
GRbWZRU]RQ\FKVWURQ2ELHWH
WHFKQRORJLHVÈ]DJDGQLHQLDPL
]DDZDQVRZDQ\PLNWöUHE\Ê
PRĝH&]\WHOQLNEÚG]LHFKFLDï
SR]QDÊSRRSDQRZDQLXMÚ]\NöZ
+70/Lb&66

-$.72-(67

67:25=21(

1LHZLHONLHZLWU\Q\:::
F]DVDPLWZRU]\VLÚNRU]\VWDMÈF
Z\ïÈF]QLH]bNRGX+70/Lb&66

-HGQDNWHZLÚNV]HĽ
Db]ZïDV]F]DWHNWöU\FK
]DZDUWRĂÊMHVWUHJXODUQLH
DNWXDOL]RZDQDLbNWöUHNRU]\VWDMÈ
]bV\VWHPöZ]DU]ÈG]DQLD
WUHĂFLÈ&06SODWIRUP
EORJRZ\FKOXERSURJUDPRZDQLD
GRSURZDG]HQLDKDQGOX
HOHNWURQLF]QHJRĽF]ÚVWR
Z\PDJDMÈXĝ\FLD]QDF]QLH
EDUG]LHM]ïRĝRQ\FKWHFKQRORJLL
FKRÊVÈRQHZbRVWDWHF]QRĂFL
VWRVRZDQHGRZ\JHQHURZDQLD
NRGX+70/Lb&66SU]HV\ïDQHJR
GRSU]HJOÈGDUNLXĝ\WNRZQLND
$b]DWHPMHĂOLWZRU]RQDZLWU\QD
Xĝ\ZDW\FKWHFKQRORJLL
&]\WHOQLNEÚG]LHZbVWDQLH
Z\NRU]\VWDÊ]GRE\WÈWXQRZÈ
ZLHG]ÚRbMÚ]\NDFK+70/Lb&66
E\PLHÊZLÚNV]ÈNRQWUROÚ
QDGbZ\JOÈGHPVZRLFKVWURQ

7DNLHZLÚNV]HLbEDUG]LHM]ïRĝRQH
ZLWU\Q\PRJÈNRU]\VWDÊ
]bED]GDQ\FKRUD]MÚ]\NöZ
SURJUDPRZDQLDZ\NRQ\ZDQ\FK
SRVWURQLHVHUZHUDWDNLFK
MDN3+3$631HW-DYD
OXEb5XE\MHGQDNQLHWU]HED
LFKVWRVRZDÊE\SRSUDZLÊ
Z\JOÈGVWURQRJOÈGDQ\FK
SU]H]Xĝ\WNRZQLNöZ1RZH
XPLHMÚWQRĂFLNWöUH&]\WHOQLN
]GREÚG]LHZbWUDNFLHOHNWXU\
WHMNVLÈĝNLSRZLQQ\PX
Zb]XSHïQRĂFLGRWHJR
Z\VWDUF]\Ê

+70/Lb&66

2GF]DVXSRZVWDQLD:::
SRMDZLïRVLÚMXĝNLONDZHUVML
MÚ]\NöZ+70/Lb&66Ľ
]bNWöU\FKNDĝGDPLDïDE\Ê
XVSUDZQLHQLHPSRSU]HGQLFK

:bF]DVLHJG\SRZVWDZDïDWD
NVLÈĝND+70/Lb&66ZFLÈĝ
E\ï\ZbID]LHUR]ZRMX&KRÊLFK
SRWHQFMDïQLH]RVWDïMHV]F]H
GRNRñFDRNUHĂORQ\VSRUR
SU]HJOÈGDUHNMXĝREVïXJXMH
QLHNWöUHVSRĂUöGQRZ\FK
PRĝOLZRĂFLW\FKMÚ]\NöZ
DbZLHOHRVöENRU]\VWD]bQLFK
ZbVZRLFKZLWU\QDFK'ODWHJR
]GHF\GRZDïHPVLÚSU]HGVWDZLÊ
&]\WHOQLNRZLPRĝOLZRĂFL
QDMQRZV]\FKZHUVMLREX
W\FKbMÚ]\NöZ

2EDMÚ]\NLĽ+70/
Lb&66ĽED]XMÈQDVZRLFK
SRSU]HGQLFKZHUVMDFK
FRbR]QDF]DĝHXF]ÈFVLÚLFK
&]\WHOQLNEÚG]LHZbVWDQLH
]UR]XPLHÊLFKZF]HĂQLHMV]H
ZHUVMH:bWHNĂFLHNVLÈĝNL
]DPLHĂFLïHPQRWDWNLZbMDVQ\
VSRVöELQIRUPXMÈFHNWöU\NRG
MHVWQRZ\RUD]NWöU\PRĝHQLH
G]LDïDÊZbVWDUV]\FKZHUVMDFK
SU]HJOÈGDUHN

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

:352:$'=(1,(

-$.'=,$$:::"

6HUZHU:::QDNWöU\PG]LDïDZLWU\QD
PRĝHE\ÊXPLHV]F]RQ\ZbGRZROQ\P
PLHMVFXĂZLDWD$E\RNUHĂOLÊMHJRSRïRĝHQLH
SU]HJOÈGDUNDQDMSLHUZïÈF]\VLÚ]bVHUZHUHP
V\VWHPXQD]ZGRPHQ'16

5\VXQHN]DPLHV]F]RQ\QDbWHM
VWURQLHSRND]XMHĝHbVHUZHU\
:::QDNWöU\FKG]LDïDMÈ
RGZLHG]DQHSU]H]QDV
ZLWU\Q\PRJÈVLÚ]QDMGRZDÊ
QDbFDï\PĂZLHFLH7RVHUZHU
'16LQIRUPXMHSU]HJOÈGDUNÚ
MDNbRGQDOHěÊGDQÈZLWU\QÚ

8ĝ\WNRZQLN]b0DUV\OLL

RGZLHG]DVWURQÚsony.jp
QDbVHUZHU]HZb7RNLR

8ĝ\WNRZQLN]b1RZHJR-RUNX

RGZLHG]DVWURQÚgoogle.com
QDbVHUZHU]HZb6DQ)UDQFLVFR

8ĝ\WNRZQLN]H6]WRNKROPX

RGZLHG]DVWURQÚquantas.com.
auQDVHUZHU]HZb6\GQH\

8ĝ\WNRZQLN]b9DQFRXYHU

RGZLHG]DVWURQÚairindia.in
QDbVHUZHU]HZb%DQJDORUH

5\VXQHN]DPLHV]F]RQ\
QDbQDVWÚSQHMVWURQLHSRND]XMH
FRVLÚVWDQLHJG\LQWHUQDXWD
]b$QJOLLVSUöEXMHRGZLHG]LÊ
VWURQÚPX]HXPZb/XZU]H
GRVWÚSQÈSRGDGUHVHP
www.louvre.fr1DMSLHUZ
SU]HJOÈGDUNDXĝ\WNRZQLND
PLHV]NDMÈFHJRZb&DPEULGJH
NRQWDNWXMHVLÚ]bVHUZHUHP
'16Zb/RQG\QLH6HUZHU
WHQSU]HND]XMHMHMSRïRĝHQLH
VHUZHUDQDNWöU\P
G]LDïDZLWU\QDLbNWöU\MHVW
]ORNDOL]RZDQ\Zb3DU\ĝX

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

:352:$'=(1,(

PARYŻ

LONDYN

Cambridge

.LHG\QDZLÈ]XMHP\SRïÈF]HQLH
]bLQWHUQHWHPURELP\WR
]DbSRĂUHGQLFWZHPGRVWDZF\
XVïXJLQWHUQHWRZ\FK
DQJb,QWHUQHW6HUYLFH3URYLGHU
Ľ,631DVWÚSQLHZSLVXMHP\
ZbSU]HJOÈGDUFHQD]ZÚGRPHQ\
OXEDGUHVVWURQ\:::NWöUÈ
FKFHP\RGZLHG]LÊQSgoogle.
combbc.co.ukOXE
microsoft.com

.RPSXWHUQDZLÈ]XMHSRïÈF]HQLH
]bVLHFLÈVHUZHUöZRbQD]ZLH
'RPDLQ1DPH6\VWHP
'16']LDïDRQDMDNNVLÈĝND
WHOHIRQLF]QDĽ]ZUDFDDGUHV
,3VNRMDU]RQ\]bSRGDQÈQD]ZÈ
GRPHQ\$GUHV,3WROLF]ED
VNïDGDMÈFDVLÚ]bPDNV\PDOQLH
F\IURGG]LHORQ\FKRGbVLHELH
NURSNDPLOXE]QDNDPL
RGVWÚSX.DĝGHXU]ÈG]HQLH
SRGïÈF]RQHGRLQWHUQHWX
PDVZöMXQLNDOQ\DGUHV,3
ĽWRMDNE\QXPHUWHOHIRQX
GRbGDQHJRbNRPSXWHUD

8QLNDOQ\QXPHU]ZUöFRQ\
SU]H]VHUZHU'16SR]ZDOD
SU]HJOÈGDUFHQDZLÈ]DÊ
SRïÈF]HQLH]bVHUZHUHP:::
QDNWöU\P]QDMGXMHVLÚZLWU\QD
6HUZHU:::WRNRPSXWHU
NWöU\MHVWQDVWDïHSRGïÈF]RQ\
GRLQWHUQHWXLb]RVWDïVSHFMDOQLH
SU]\JRWRZDQ\GRSU]HV\ïDQLD
VWURQ:::

6HUZHU:::SU]HV\ïD
ĝÈGDQÈVWURQÚ]bSRZURWHP
GRbSU]HJOÈGDUNL

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

STRUK TURA

Prezentacja struktury.

Nauka kodu znacznikowego.

=QDF]QLNLLbHOHPHQW\

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

STRUKTURA

.DĝGHJRGQLDVW\NDP\VLÚ]bSU]HUöĝQ\PL
GRNXPHQWDPLJD]HWDPLIRUPXODU]DPL
XEH]SLHF]HQLRZ\PLNDWDORJDPLVNOHSöZĮ
7ÚOLVWÚPRĝQDE\GïXJRUR]ZLMDÊ

:LHOHVWURQ:::SHïQLIXQNFMÚHOHNWURQLF]Q\FKZHUVMLW\FK
GRNXPHQWöZ*D]HW\SUH]HQWXMÈWHVDPHDUW\NXï\ZbZHUVMDFK
HOHNWURQLF]Q\FKLbZ\GDQLDFKSDSLHURZ\FKXEH]SLHF]HQLDPRĝQD
NXSRZDÊSU]H]LQWHUQHWDbVNOHS\XGRVWÚSQLDMÈLQWHUQHWRZHNDWDORJL
LbPHFKDQL]P\SR]ZDODMÈFHQD]DNXS\ZbVLHFL

:HZV]\VWNLFKURG]DMDFKGRNXPHQWöZVWUXNWXUDMHVWZDĝQ\P
F]\QQLNLHPXïDWZLDMÈF\PRGELRUF\SRUXV]DQLHVLÚSRLFK]DZDUWRĂFL
RUD]]UR]XPLHQLHLQIRUPDFMLSU]HND]\ZDQ\FKSU]H]DXWRUöZ
$b]DWHPE\QDXF]\ÊVLÚSLVDQLDVWURQ:::WU]HEDSR]QDÊ
VSRVRE\RNUHĂODQLDLFKVWUXNWXU\2WRFR]URELP\ZbW\PUR]G]LDOH

'RZLHP\VLÚZbMDNLVSRVöEMÚ]\N+70/RSLVXMHVWUXNWXUÚ
VWURQ\b:::

=REDF]\P\MDNGRGDZDÊ]QDF]QLNLOXEHOHPHQW\
GRbGRNXPHQWöZ

1DSLV]HP\SLHUZV]ÈVWURQÚ:::

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

STRUKTURA

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

STRUKTURA

3U]\MU]\MP\VLÚDUW\NXïRP
SXEOLNRZDQ\PZbJD]HWDFK
NDĝG\PDQDJïöZHNWHNVW
RUD]E\ÊPRĝHMDNLHĂREUD]\
-HĂOLDUW\NXïMHVWGïXJL
PRJÈVLÚZbQLPSRMDZLÊ
GRGDWNRZHQDJïöZNLG]LHOÈFH
JRQDbPQLHMV]HIUDJPHQW\RUD]
F\WDW\Z\UöĝQLRQH]bWHNVWX
6WUXNWXUDSRPDJDF]\WHOQLNRP
]UR]XPLHÊWUHĂFLSXEOLNRZDQH
ZbJD]HWDFK

63262%<

67262:$1,$6758.785<

35=<7:25=(1,8

67521:::

6WUXNWXUDDUW\NXïöZ
SXEOLNRZDQ\FKQDVWURQDFK
:::MHVWEDUG]RSRGREQD
FKRÊPRJÈVLÚZbQLFKWDNĝH
SRMDZLDÊNOLS\GěZLÚNRZHRUD]
wideo). Pokazano to na rysunku
]bSUDZHMVWURQ\ ĽZLGDÊ
QDbQLP]GMÚFLHJD]HW\RUD]WHQ
VDPDUW\NXïQDVWURQLH:::
F]DVRSLVPD

$bWHUD]Z\REUDěP\VRELH
GRNXPHQWLQQHJRW\SXĽ
IRUPXODU]XEH]SLHF]HQLRZ\
-HJRSRV]F]HJöOQHF]ÚĂFL
VÈ]D]Z\F]DMSRSU]HG]RQH
RGUÚEQ\PLQDJïöZNDPLDbNDĝGD
]bQLFK]DZLHUDOLVWÚS\WDñ
RUD]REV]DU\SU]H]QDF]RQH
QDbRGSRZLHG]LOXESRODZ\ERUX
NWöUHPRĝQD]D]QDF]DÊ7DNĝH
ZbW\PSU]\SDGNXVWUXNWXUD
IRUPXODU]DQDVWURQLH:::
MHVWEDUG]RSRGREQD

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

STRUKTURA

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

STRUKTURA

2.5(¥/$1,(

6758.785<'2.80(17:

352*5$08:25'

=DVWRVRZDQLHQDJïöZNöZ
UöĝQ\FKSR]LRPöZ
ZbGRNXPHQFLH]D]Z\F]DM
RGSRZLDGDKLHUDUFKLL
]DPLHV]F]RQ\FKZbQLP
LQIRUPDFML'RNXPHQWPRĝH
VLÚ]DF]\QDÊQSRGGXĝHJR
QDJïöZNDSRNWöU\PMHVW
XPLHV]F]RQHZSURZDG]HQLH
RUD]QDMZDĝQLHMV]HLQIRUPDFMH

,QIRUPDFMHPRJÈE\ÊUR]ZLMDQH
ZbVHNFMDFKXPLHV]F]RQ\FK
SRGbQDJïöZNDPLQLĝV]HJR
SR]LRPX]QDMGXMÈF\PLVLÚ
ZbGDOV]HMF]ÚĂFLVWURQ\
:bUD]LHWZRU]HQLDGRNXPHQWX
ZbSURJUDPLH:RUGVWUXNWXUÚ
WHNVWXPRĝQDWDNĝHRNUHĂODÊ
RGG]LHODMÈFRGVLHELHMHJR
SRV]F]HJöOQHIUDJPHQW\.DĝG\
WHPDWPRĝHE\ÊXPLHV]F]RQ\
ZbRVREQ\PDNDSLFLHNDĝGD
VHNFMDPRĝHPLHÊQDJïöZHN
RSLVXMÈF\MHMWUHĂÊ

=bSUDZHMVWURQ\ZLGDÊSURVW\
GRNXPHQWZ\ĂZLHWORQ\
ZbSURJUDPLH:RUG:LGRF]QD
]bERNXUR]ZLMDOQDOLVWD]DZLHUD
UöĝQRURGQHURG]DMHVW\OöZ
WDNLFKMDNQDJïöZNLUöĝQ\FK
SR]LRPöZ2VRE\NRU]\VWDMÈFH
]bWHJRSURJUDPXPRJÈRNUHĂODÊ
VW\OHWDNĝHSU]\Xĝ\FLXSDVND
QDU]ÚG]LOXEVSHFMDOQHMSDOHW\

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

STRUKTURA

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

STRUKTURA

1DSRSU]HGQLHMVWURQLH]RVWDïD
SU]HGVWDZLRQDVWUXNWXUD
RNUHĂORQDZbGRNXPHQFLH
SURJUDPX:RUG:bLGHQW\F]Q\
VSRVöEXĝ\ZDP\VWUXNWXU\
SRGF]DVWZRU]HQLDVWURQ:::

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

STRUKTURA

6758.785}

6752123,68-(

.2'+70/

:bRNQLHSU]HJOÈGDUNLPRĝQD]REDF]\ÊVWURQÚ:::RbWDNLHM
VDPHMWUHĂFLMDNÈPLDïGRNXPHQWSURJUDPX:RUGSU]HGVWDZLRQ\
QDbVWURQLHb$E\RSLVDÊVWUXNWXUÚVWURQ\:::GRVïöZ
VWDQRZLÈF\FKMHM]DZDUWRĂÊGRGDZDQHVÈVSHFMDOQHNRG\

3RQLĝHMZLGDÊNRG+70/SU]\NïDGRZHMVWURQ\1DUD]LHQLHPXVLP\
VLÚSU]HMPRZDÊMHJR]QDF]HQLHPĽQDQDVWÚSQHMVWURQLHEÚG]LHP\
JRGRNïDGQLHMDQDOL]RZDÊ1DOHĝ\]ZUöFLÊXZDJÚQDWRĝHNRG+70/
]RVWDïZ\UöĝQLRQ\QLHELHVNLPNRORUHPDbWHNVWZLGRF]Q\QDHNUDQLH
MHVWSRND]DQ\QDF]DUQR

7o MHVt QDJïöZHN SLHUZV]HJo So]LomX

</h1>

<S>

7HQ tHNVt moĝH VtDQoZLÊ ZSUoZDd]HQLH do dDlV]HM

F]ÚĂFL VtUoQy -HĂlL VtUoQD MHVt dïXJD
to MHM ]DZDUtoĂÊ moĝH ]oVtDÊ Sod]LHloQD NLlNomD
QDJïöZNDmL QLĝV]HJo So]LomX

<S>

<h2>

7o MHVt QDJïöZHN dUXJLHJo So]LomX

</h2>

<S>

:LHlH dïXJLFh DUtyNXïöZ ]DZLHUD QDJïöZNL

QLĝV]yFh So]LomöZ by XïDtZLÊ F]ytHlQLNom
]Uo]XmLHQLH VtUXNtXUy tHNVtX :bdoNXmHQFLH
moJÈ VLÚ SoMDZLÊ QDJïöZNL MHV]F]H QLĝV]yFh
So]LomöZ tU]HFLHJo DbQDZHt F]ZDUtHJo

</S>

<h2>

.olHMQy QDJïöZHN dUXJLHJo So]LomX

</h2>

<S>

$boto SU]yNïDd NolHMQHJo QDJïöZND

</S>

</body>

</html>

.RG+70/Z\UöĝQLRQ\QLHELHVNLPNRORUHPVNïDGDVLÚ]H]QDNöZ
]DSLVDQ\FKSRPLÚG]\QDZLDVDPLNÈWRZ\PLĽVHNZHQFMHWHWZRU]È
tzw. elementy+70/(OHPHQW\WH]D]Z\F]DMVNïDGDMÈVLÚ]bGZöFK
znacznikówRWZLHUDMÈFHJRRUD]]DP\NDMÈFHJR:HZQÈWU]]QDF]QLND
]DP\NDMÈFHJRXPLHV]F]DQ\MHVWGRGDWNRZR]QDNXNRĂQLND.DĝG\
]bW\FK]QDF]QLNöZ+70/SU]HND]XMHSU]HJOÈGDUFH:::SHZQH
LQIRUPDFMHRbVZRMHM]DZDUWRĂFLXPLHV]F]RQHMSRPLÚG]\MHJR
]QDF]QLNLHPRWZLHUDMÈF\PLb]DP\NDMÈF\P

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

STRUKTURA

+70/8¿<:$(/(0(17:

'223,6<:$1,$

6758.785<67521

3U]HDQDOL]XMP\QLHFRGRNïDGQLHMNRG+70/SU]HGVWDZLRQ\
QDbSRSU]HGQLHMVWURQLH=RVWDïRZbQLPXPLHV]F]RQ\FKNLONDUöĝQ\FK
HOHPHQWöZ.DĝG\]bQLFKVNïDGDVLÚ]H]QDF]QLNDRWZLHUDMÈFHJR
RUD]b]DP\NDMÈFHJR
.2'

<html>

<body>

<h1>7o MHVt QDJïöZHN SLHUZV]HJo So]LomX</h1>

<p>7HQ tHNVt moĝH VtDQoZLÊ ZSUoZDd]HQLH do dDlV]HM

F]ÚĂFL VtUoQy -HĂlL VtUoQD MHVt dïXJD

to MHM ]DZDUtoĂÊ moĝH ]oVtDÊ Sod]LHloQD NLlNomD
QDJïöZNDmL QLĝV]HJo So]LomX<p>

<h2>7o MHVt QDJïöZHN dUXJLHJo So]LomX</h2>

<p>:LHlH dïXJLFh DUtyNXïöZ ]DZLHUD QDJïöZNL

QLĝV]yFh So]LomöZ by XïDtZLÊ F]ytHlQLNom

]Uo]XmLHQLH VtUXNtXUy tHNVtX :bdoNXmHQFLH

moJÈ VLÚ SoMDZLÊ QDJïöZNL MHV]F]H QLĝV]yFh
So]LomöZ tU]HFLHJo DbQDZHt F]ZDUtHJo</p>

<h2>.olHMQy QDJïöZHN dUXJLHJo So]LomX</h2>

<p>$boto SU]yNïDd NolHMQHJo QDJïöZND</p>

</body>

</html>

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

STRUKTURA

(OHPHQW\SHïQLÈIXQNFMÚSRMHPQLNöZ1LRVÈ]HVREÈLQIRUPDFMÚ
Rb]DZDUWRĂFLXPLHV]F]RQHMSRPLÚG]\LFK]QDF]QLNDPLRWZLHUDMÈF\PL
Lb]DP\NDMÈF\PL

23,6

2WZLHUDMÈF\]QDF]QLN<html>LQIRUPXMHĝHZV]\VWNRFRVLÚ]QDMG]LHSRPLÚG]\QLPLb]DP\NDMÈF\P
]QDF]QLNLHP</html>MHVWNRGHPVWURQ\

2WZLHUDMÈF\]QDF]QLN<body>LQIRUPXMHĝHZV]\VWNRSRPLÚG]\QLP

Lb]DP\NDMÈF\P]QDF]QLNLHP</body>SRZLQQR]RVWDÊZ\ĂZLHWORQH

ZbJïöZQ\PRNQLHSU]HJOÈGDUNL

6ïRZDXPLHV]F]RQHSRPLÚG]\]QDF]QLNDPL<h1>Lb</h1>VWDQRZLÈQDMZDĝQLHMV]\QDJïöZHNVWURQ\

$NDSLW\WHNVWXVÈ]DSLV\ZDQHSRPLÚG]\]QDF]QLNDPL<p>Lb</p>.

6ïRZDXPLHV]F]RQHSRPLÚG]\]QDF]QLNDPL<h2>Lb</h2>VWDQRZLÈQDJïöZHNGUXJLHJRSR]LRPX

$bWXWDM]QDMGXMHVLÚNROHMQ\DNDSLWWDNĝH]DSLVDQ\SRPLÚG]\]QDF]QLNDPL<p>Lb</p>.

,bNROHMQ\QDJïöZHNGUXJLHJRSR]LRPX]DSLVDQ\SRPLÚG]\]QDF]QLNDPL<h2>Lb</h2>.

.ROHMQ\DNDSLW]DSLVDQ\PLÚG]\]QDF]QLNDPL<p>Lb</p>.

=DP\NDMÈF\]QDF]QLN</body>RNUHĂODNRQLHF]DZDUWRĂFLNWöUDSRZLQQD]RVWDÊZ\ĂZLHWORQD
ZHZQÈWU]RNQDSU]HJOÈGDUNL
=DP\NDMÈF\]QDF]QLN</html>RNUHĂODNRQLHFNRGX+70/

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

STRUKTURA

=QDNL]DSLVDQHSRPLÚG]\
QDZLDVDPLNÈWRZ\PLRNUHĂODMÈ
SU]H]QDF]HQLH]QDF]QLND

/(:<1$:,$6.k72:<

=1$.01,(-6=2¥&,

35$:<1$:,$6.k72:<

=1$.:,}.6=2¥&,

ZNAK

=1$&=1,.

27:,(5$-k&<

'2.$'1,(-6=$

$1$/,=$=1$&=1,.:

:bW\PSU]\SDGNXOLWHUDķSĵ
R]QDF]DDNDSLW
(ang. paragraph).

:b]QDF]QLNX]DP\NDMÈF\P
EH]SRĂUHGQLR]D]QDNLHP
RWZLHUDMÈFHJRQDZLDVX
NÈWRZHJR]DSLV\ZDQ\MHVW
]QDNbXNRĂQLND

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

STRUKTURA

7HUPLQ\ķ]QDF]QLNĵLbķHOHPHQWĵ
VÈF]ÚVWRVWRVRZDQH]DPLHQQLH

/(:<1$:,$6.k72:<

=1$.01,(-6=2¥&,

35$:<1$:,$6.k72:<

=1$.:,}.6=2¥&,

=1$.8.2¥1,.$

ZNAK

=1$&=1,.

=$0<.$-k&<

3UHF\]\MQLHU]HF]XMPXMÈF
HOHPHQWVNïDGDVLÚ]H]QDF]QLND
RWZLHUDMÈFHJRib]QDF]QLND

]DP\NDMÈFHJRoraz]DZDUWRĂFL
XPLHV]F]RQHMSRPLÚG]\W\PL
]QDF]QLNDPL

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

STRUKTURA

$75<%87<35=(.$=8-k

'2'$7.2:(,1)250$&-(

2b(/(0(17$&+

lang

=”

ĵ!$NDSLWZbMÚ]\NXSROVNLPS!

NAZWA

$75<%878

:$572¥m

$75<%878

$WU\EXW\GRVWDUF]DMÈGRGDWNRZ\FKLQIRUPDFMLRb]DZDUWRĂFL
HOHPHQWöZ6ÈXPLHV]F]DQHZb]QDF]QLNXRWZLHUDMÈF\PHOHPHQWX
LbVNïDGDMÈVLÚ]bGZöFKF]ÚĂFL

nazwy

oraz

ZDUWRĂFL

RGG]LHORQ\FK

RGbVLHELH]QDNLHPUöZQRĂFL

Nazwa

DWU\EXWXRNUHĂODMDNLHJR

URG]DMXGRGDWNRZHLQIRUPDFMH
GRW\F]ÈFHWUHĂFLHOHPHQWX
FKFHP\SRGDÊ1DOHĝ\MÈ
]DSLV\ZDÊPDï\PLOLWHUDPL

:artoĂÊ

WRLQIRUPDFMH

OXEXVWDZLHQLDRNUHĂODQH
SU]H]DWU\EXW:DUWRĂÊWÚ
QDOHĝ\]DSLV\ZDÊZHZQÈWU]
FXG]\VïRZöZ5öĝQHDWU\EXW\
PRJÈPLHÊUöĝQHZDUWRĂFL

:bSRZ\ĝV]\PSU]\NïDG]LH
DWU\EXWRbQD]ZLH

lang

]RVWDï

]DVWRVRZDQ\ZbFHOXRNUHĂOHQLD
MÚ]\NDZbMDNLP]DSLVDQR
]DZDUWRĂÊHOHPHQWX:DUWRĂÊ
WHJRDWU\EXWXZVND]XMH
ĝHbWHNVWXPLHV]F]RQ\ZHZQÈWU]
HOHPHQWX]RVWDï]DSLVDQ\
ZbMÚ]\NXSROVNLP

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

STRUKTURA

-Ú]\N+70/SR]ZDODSLVDÊ
QD]Z\DWU\EXWöZZLHONLPL
OLWHUDPLLbSRPLMDÊ]QDNL
FXG]\VïRZXSU]\SRGDZDQLX
ZDUWRĂFLDWU\EXWöZQLHPQLHM
QLHMHVWWR]DOHFDQH

lang

=”

ĵ!3DUDJUDSKHHQ)UDQÎDLVS!

NAZWA

$75<%878

:$572¥m

$75<%878

:bSU]HZDĝDMÈFHMZLÚNV]RĂFL
GDQ\DWU\EXWPRĝHE\Ê
XPLHV]F]RQ\Z\ïÈF]QLH
ZbZ\EUDQ\FKHOHPHQWDFK
LVWQLHMHMHGQDNNLONDDWU\EXWöZ
WDNLFKMDNlangNWöUHPRJÈ
Z\VWÚSRZDÊZbGRZROQ\FK
HOHPHQWDFKMÚ]\ND+70/

:bZLÚNV]RĂFLSU]\SDGNöZ
ZDUWRĂFLDWU\EXWöZVÈ
SUHGHğQLRZDQHOXE]DSLV\ZDQH
ZbĂFLĂOHRNUHĂORQ\VSRVöE
'RSXV]F]DOQHZDUWRĂFL]RVWDQÈ
SU]HGVWDZLRQHSRGF]DV
RSLV\ZDQLDNRQNUHWQ\FK
DWU\EXWöZ

:DUWRĂÊDWU\EXWXlang jest
VNUöFRQ\PUR]XPLDQ\P
SU]H]ZV]\VWNLHSU]HJOÈGDUNL
VSRVREHPRNUHĂODQLDMÚ]\ND
ZbMDNLP]RVWDïD]DSLVDQDWUHĂÊ
HOHPHQWX

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

STRUKTURA

<html>

<head>

<tLtle>

7o MeVt tytXï VtUony

</tLtle>

</head>

<body>

<h1>

$bto MeVt tUeĂÊ VtUony

</h1>

<S>

:V]yVtNo Fo MeVt XmLeV]F]one ZeZnÈtU] elementX

body ]oVtanLe ZyĂZLetlone ZbgïöZnym oNnLe
SU]eglÈdaUNL

</S>

</body>

</html>

HTML

W YNIK

%2'<+($',b7,7/(

<body>

(OHPHQW<body>SRMDZLïVLÚ
MXĝZbSLHUZV]\PSU]\NïDG]LH
SUH]HQWRZDQ\PZbWHMNVLÈĝFH
:V]\VWNRFR]RVWDQLH
XPLHV]F]RQHZHZQÈWU]QLHJR
EÚG]LHZLGRF]QHZbJïöZQ\P
RNQLHSU]HJOÈGDUNL

<head>

%DUG]RF]ÚVWRSU]HG
HOHPHQWHP<body> widnieje
HOHPHQW<head>. Zawiera on
LQIRUPDFMHGRW\F]ÈFH strony
ZbRGUöĝQLHQLXRGLQIRUPDFML
Z\ĂZLHWODQ\FKZbJïöZQHM
F]ÚĂFLRNQDSU]HJOÈGDUNL
zaznaczonej na niebiesko
QDbU\VXQNXQDbQDVWÚSQHM
stronie=D]Z\F]DMZHZQÈWU]
HOHPHQWX<head>XPLHV]F]DQ\
MHVWHOHPHQW<tLtle>.

<tLtle>

=DZDUWRĂÊHOHPHQWX<tLtle>
]Z\NOHMHVWZ\ĂZLHWODQD
DOERQDbVDPHMJöU]HRNQD
SU]HJOÈGDUNLQDGSROHP
VïXĝÈF\PGRbSRGDZDQLD
DGUHVöZ85/VWURQNWöUH
FKFHP\RJOÈGDÊDOER
QDbNDUFLHSUH]HQWXMÈFHMVWURQÚ
MHĂOLbSU]HJOÈGDUNDXGRVWÚSQLD
NDUW\LbXPRĝOLZLDMHGQRF]HVQH
SU]HJOÈGDQLHZLÚNV]HM
OLF]E\bVWURQ

/rozdzial-01/body-head-title.html

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

STRUKTURA

&Dï\WHNVWXPLHV]F]RQ\
ZHZQÈWU]]QDF]QLNöZ<tLtle>
]RVWDQLHZ\ĂZLHWORQ\QDSDVNX
W\WXïRZ\PQDVDPHMJöU]HRNQD
SU]HJOÈGDUNLOXEQDNDUWDFK
1DW\PU\VXQNXW\WXï]RVWDï
]D]QDF]RQ\F]HUZRQÈUDPNÈ

:V]\VWNRFRMHVWXPLHV]F]RQH
SRPLÚG]\]QDF]QLNDPL
<body>]RVWDQLHZ\ĂZLHWORQH
ZbJïöZQ\PRNQLHSU]HJOÈGDUNL
1DW\PU\VXQNX]DZDUWRĂÊWD
]RVWDïD]D]QDF]RQDQLHELHVNÈ
UDPNÈLbQLHELHVNLPWïHP

%\ÊPRĝH&]\WHOQLN
ZLHĝHb+70/WRVNUöW
RGbDQJLHOVNLHJR+\SHU7H[W
0DUNXS/DQJXDJH
KLSHUWHNVWRZ\MÚ]\N
]QDF]QLNöZ6ïRZR
ķKLSHUWHNVWRZ\ĵRGQRVLVLÚ
GRbWHJRĝH+70/SR]ZDOD
WZRU]\ÊïÈF]DGDMÈFH

Xĝ\WNRZQLNRPPRĝOLZRĂÊ
V]\ENLHJRLbïDWZHJR
SU]HQRV]HQLDVLÚSRPLÚG]\
UöĝQ\PLVWURQDPL-Ú]\N
]QDF]QLNöZXPRĝOLZLD
RSLV\ZDQLHWHNVWXDbRSLV\
WHGRVWDUF]DMÈGRGDWNRZ\FK
LQIRUPDFMLRb]QDF]HQLXWUHĂFL
GRNXPHQWX3U]HDQDOL]XMP\

SU]HGVWDZLRQÈZF]HĂQLHM
SU]\NïDGRZÈVWURQÚ:::
GRMHMSRF]ÈWNRZHM]DZDUWRĂFL
NWöUÈFKFLHOLĂP\Z\ĂZLHWOLÊ
GRGDOLĂP\IUDJPHQW\NRGX
DbSU]HJOÈGDUNDXĝ\ïDLFKGRMHM
SUDZLGïRZHJRZ\ĂZLHWOHQLD
$b]DWHPWHGRGDWNRZH
IUDJPHQW\WR]QDF]QLNL

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

STRUKTURA

7:25=(1,(67521:::

1$.20387(5$&+3&

$E\VWZRU]\ÊQRZÈVWURQÚ
:::QDNRPSXWHU]H3&
]bV\VWHPHP:LQGRZVQDOHĝ\
XUXFKRPLÊSURJUDP1RWDWQLN
0RĝQDJR]QDOHěÊSRZ\EUDQLX
QDVWÚSXMÈF\FKRSFML

6WDUW:V]\VWNLHSURJUDP\
$NFHVRULD1RWDWQLN

0RĝQDWDNĝHUR]ZDĝ\ÊSREUDQLH
GDUPRZHJRHG\WRUDRbQD]ZLH
1RWHSDG]HVWURQ\
QRWHSDGSOXVSOXVRUJ.

:SLV]NRGZLGRF]Q\
]bSUDZHMbVWURQ\

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

STRUKTURA

=bPHQXJïöZQHJRQDOHĝ\
Z\EUDÊRSFMÚ3OLNDbQDVWÚSQLH
=DSLV]MDNRĮ3OLNZDUWR]DSLVDÊ
ZbWDNLPPLHMVFXE\SöěQLHM
ïDWZRJRRGQDOHěÊ0RĝQDWDNĝH
VWZRU]\ÊNDWDORJGRNWöUHJR
WUDğÈZV]\VWNLHSU]\NïDG\
WZRU]RQHZbWUDNFLHOHNWXU\
QLQLHMV]HMNVLÈĝNL

.ROHMQÈF]\QQRĂFLÈEÚG]LH
]DSLVDQLHSOLNXSRGQD]ZÈ
ğUVWWHVWKWPO1DOHĝ\VLÚSU]\
W\PXSHZQLÊĝHQDUR]ZLMDOQHM
OLĂFLH=DSLV]MDNRW\S]RVWDïD
Z\EUDQDRSFMD:V]\VWNLHSOLNL.

7HUD]PRĝQDXUXFKRPLÊ
SU]HJOÈGDUNÚDbSRMHM
Z\ĂZLHWOHQLXZ\EUDÊ]bPHQX
JïöZQHJRRSFMÚ3OLN2WZöU]
SOLN:bZ\ĂZLHWORQ\P
RNQLHGLDORJRZ\PQDOHĝ\
RGV]XNDÊLb]D]QDF]\Ê]DSLVDQ\
ZF]HĂQLHMSOLNDbQDVWÚSQLH
NOLNQÈÊSU]\FLVN2WZöU].
8]\VNDQ\Z\QLNSRZLQLHQ
SU]\SRPLQDÊRNQRSU]HJOÈGDUNL
SU]HGVWDZLRQHQD]U]XFLHRERN

-HĂOLVWURQDQLHMHVWSRGREQD
WRQDOHĝ\RGV]XNDÊXWZRU]RQ\
ZF]HĂQLHMSOLNLbXSHZQLÊVLÚ
ĝHbPDRQUR]V]HU]HQLHKWPO
MHĂOLPDUR]V]HU]HQLHW[W
QDOHĝ\SRQRZQLHSU]HMĂÊ
GR1RWDWQLNDLbMHV]F]HUD]
]DSLVDÊSRGDMÈFMHJRQD]ZÚ
ZbFXG]\VïRZDFKĵğUVWWHVW
KWPOĵ).

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

STRUKTURA

7:25=(1,(67521:::

1$.20387(5$&+0$&

$E\XWZRU]\ÊVZRMÈSLHUZV]È
VWURQÚQDNRPSXWHU]H
0DFQDOHĝ\XUXFKRPLÊ
SURJUDP7H[W(GLW3RZLQLHQ
VLÚ]QDMGRZDÊZbNDWDORJX
3URJUDP\.

0RĝQDWDNĝHUR]ZDĝ\Ê
SREUDQLHGDUPRZHJRHG\WRUD
7H[W:UDQJOHUVïXĝÈFHJR
do tworzenia stron WWW.
0RĝQDJR]QDOHěÊQDVWURQLH
EDUHERQHVFRP.

:bHG\WRU]HQDOHĝ\ZSLVDÊNRG
SU]HGVWDZLRQ\]bSUDZHMVWURQ\.

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

STRUKTURA

7HUD]QDOHĝ\SU]HMĂÊGRPHQX
3OLNLbZ\EUDÊRSFMÚ=DFKRZDM
MDNRĮ3OLNQDOHĝ\]DSLVDÊ
ZbPLHMVFXZbNWöU\PJRSöěQLHM
]QDMG]LHP\

0RĝQDUR]ZDĝ\ÊXWZRU]HQLH
NDWDORJXZbNWöU\PEÚGÈ
XPLHV]F]DQHZV]\VWNLH
SU]\NïDG\WZRU]RQH
SRGF]DVOHNWXU\WHMNVLÈĝNL
=DSLV\ZDQHPXSOLNRZLQDOHĝ\
QDGDÊQD]ZÚğUVWWHVW
7H[W(GLWKWPO.

-HĂOLQDHNUDQLHSRMDZLVLÚ
RNLHQNRGLDORJRZHGDMÈFH
PRĝOLZRĂÊZ\ERUXUR]V]HU]HQLD
]bNWöU\P]RVWDQLH]DSLVDQ\SOLN
WRQDOHĝ\ZbQLPNOLNQÈÊSU]\FLVN
8ĝ\MKWPO.

.ROHMQÈF]\QQRĂFLÈEÚG]LH
XUXFKRPLHQLHSU]HJOÈGDUNL
LbZ\EUDQLH]bMHMPHQXJïöZQHJR
RSFML3OLN oraz 2WZöU].
1DVWÚSQLHQDOHĝ\RGV]XNDÊ
Lb]D]QDF]\Ê]DSLVDQ\ZF]HĂQLHM
SOLNRUD]NOLNQÈÊSU]\FLVN
2WZöU]:\ĂZLHWORQHZ\QLNL
SRZLQQ\SU]\SRPLQDÊWH
SU]HGVWDZLRQH]bOHZHMVWURQ\

-HĂOLZ\ĂZLHWORQDVWURQD
Z\JOÈGDLQDF]HMWR]DSHZQH
NRQLHF]QHEÚG]LHZSURZDG]HQLH
]PLDQZbXVWDZLHQLDFKSURJUDPX
7H[W(GLW:bW\PFHOX]bPHQX
JïöZQHJRSURJUDPXQDOHĝ\
Z\EUDÊRSFMÚ3UHIHUHQFMH
1DVWÚSQLHQDNDUFLHSUHIHUHQFML
2WZöU]=DFKRZDMQDOHĝ\
]D]QDF]\ÊSROH:\ĂZLHWODM
SOLNL+70/MDNRNRG+70/
]DPLDVWWHNVWXVIRUPDWRZDQHJR
SRF]\PPRĝQDSRQRZQLH
VSUöERZDÊ]DSLVDÊSOLN

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

STRUKTURA

3,6$1,(67521:b6<67(0,(

=$5=k'=$1,$75(¥&,k

:bSU]\SDGNXNRU]\VWDQLD
]bMDNLHJRĂV\VWHPX]DU]ÈG]DQLD
WUHĂFLÈSODWIRUP\EORJRZHM
OXEDSOLNDFMLGRKDQGOX
HOHNWURQLF]QHJRZbFHOX
XWZRU]HQLDQRZ\FKWUHĂFL
NRQLHF]QLHEÚG]LH]DORJRZDQLH
VLÚGRVSHFMDOQHMF]ÚĂFL
DGPLQLVWUDF\MQHM1DU]ÚG]LD
GRVWÚSQHZbW\FKF]ÚĂFLDFK
DGPLQLVWUDF\MQ\FK]D]Z\F]DM
SR]ZDODMÈQDHG\FMÚMHG\QLH
IUDJPHQWöZDbQLHFDï\FKVWURQ
GODWHJRU]DGNRNLHG\]REDF]\P\
WDPHOHPHQW\<html><head>
OXE<body>.

-HĂOLVSRMU]HÊQDV\VWHP
]DU]ÈG]DQLDWUHĂFLÈ
SU]HGVWDZLRQ\QDNROHMQHM
VWURQLHPRĝQD]REDF]\ÊSROH

SU]H]QDF]RQHGRSRGDQLDW\WXïX
VWURQ\SROHVïXĝÈFHGRZSLVDQLD
JïöZQHMWUHĂFLDUW\NXïXLbNROHMQH
ĽGRRNUHĂOHQLDGDW\SXEOLNDFML
RUD]Z\ERUXVHNFMLZLWU\Q\
ZbNWöUHMDUW\NXïSRZLQLHQVLÚ
SRMDZLÊ

:bSU]\SDGNXVNOHSöZ
LQWHUQHWRZ\FKGRVWÚSQHEÚGÈ
]DSHZQHSRODSR]ZDODMÈFH
QDSRGDQLHQD]Z\SURGXNWX
]DPLHV]F]HQLHMHJRRSLVXFHQ\
RUD]OLF]E\GRVWÚSQ\FKV]WXN

:bW\PSU]\SDGNXWZRU]HQLH
WUHĂFLZ\JOÈGDWDNGODWHJR
ĝHbDSOLNDFMHWHXĝ\ZDMÈMHGQHJR
ķV]DEORQXĵRNUHĂODMÈFHJR
Z\JOÈGZV]\VWNLFKVWURQ
GDQHMVHNFMLZLWU\Q\6NOHS
LQWHUQHWRZ\PRĝHQSNRU]\VWDÊ

]bWHJRVDPHJRV]DEORQX
GRSUH]HQWDFMLZV]\VWNLFK
GRVWÚSQ\FKWRZDUöZ
3RGDZDQHSU]H]QDVLQIRUPDFMH
VÈQDVWÚSQLHZ\ĂZLHWODQH
ZbW\PV]DEORQLH

7DNLHUR]ZLÈ]DQLHPDWÚ]DOHWÚ
ĝHQDZHWRVRE\NWöUHQLH
ZLHG]ÈMDNWZRU]\ÊVWURQ\
:::PRJÈGRGDZDÊGRbQLFK
LQIRUPDFMH2SUöF]WHJR
F]DVDPLPRĝQDZSURZDG]DÊ
]PLDQ\ZbVSRVRELHSUH]HQWDFML
V]DEORQX]RVWDQÈRQH
DXWRPDW\F]QLHXZ]JOÚGQLRQH
QDZV]\VWNLFKVWURQDFK
QDbNWöU\FKMHVWRQXĝ\ZDQ\
-HĂOLVNOHSLQWHUQHWRZ\RIHUXMH
bUöĝQ\FKSURGXNWöZ
ZbWDNLPSU]\SDGNX]PLDQD

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

STRUKTURA

MHGQHJRV]DEORQXMHVW]QDF]QLH
SURVWV]DQLĝPRG\ğNRZDQLH
VWURQSRV]F]HJöOQ\FK
SURGXNWöZ:bWDNLFK
V\VWHPDFKJG\bXGRVWÚSQLDQD
MHVWPRĝOLZRĂÊHG\FML
ZLÚNV]\FKIUDJPHQWöZWHNVWX
jak najnowsze doniesienia
SUDVRZHZSLV\QDEORJDFK
OXERSLV\WRZDUöZZbVNOHSDFK
LQWHUQHWRZ\FKF]ÚVWR
VWRVRZDQHVÈVSHFMDOQH
HG\WRU\bWHNVWöZ

Takie internetowe edytory
WHNVWöZPDMÈ]D]Z\F]DM
NRQWURONLRGSRZLDGDMÈFHW\P
GRVWÚSQ\PZbQRUPDOQ\FK
HG\WRUDFKLb]DSHZQLDMÈFH
PRĝOLZRĂÊVWRVRZDQLDUöĝQ\FK
VW\OöZGRGDZDQLDRGQRĂQLNöZ
OXEZVWDZLDQLDREUD]NöZ
:bVSRVöEQLHZLGRF]Q\
GODbXĝ\WNRZQLNDHG\WRU\WH

GRGDMÈGRWHNVWXNRG+70/
WDNLVDPMDNWHQNWöU\
SU]HGVWDZLOLĂP\ZbSU]\NïDGDFK
]DPLHV]F]RQ\FKZF]HĂQLHM
ZbW\PUR]G]LDOH:LHOHVSRĂUöG
W\FKHG\WRUöZPDWDNĝHRSFMÚ
SR]ZDODMÈFÈQDZ\ĂZLHWOHQLH
RUD]HG\FMÚZ\JHQHURZDQHJR
NRGX+70/

.LHG\MXĝVLÚGRZLHP\
MDNbUR]XPLHÊRUD]WZRU]\ÊWDNL
NRGX]\VNDP\ZLÚNV]ÈNRQWUROÚ
QDGbZ\JOÈGHPW\FKIUDJPHQWöZ
ZLWU\Q\NWöUHPRĝHP\
HG\WRZDÊ

:bSU]\NïDG]LHSU]HGVWDZLRQ\P
QDSRZ\ĝV]\PU\VXQNX
ZLGDÊĝHHG\WRUXGRVWÚSQLD
RGUÚEQH]DNïDGNLSUH]HQWXMÈFH
Z\JOÈGWUHĂFLZSURZDG]RQ\FK
SU]H]Xĝ\WNRZQLNDRUD]
UHSUH]HQWXMÈF\MHNRG+70/

:bLQQ\FKV\VWHPDFKPRĝH
E\ÊGRVWÚSQ\SU]\FLVNF]ÚVWR
SUH]HQWXMÈF\QDZLDV\NÈWRZH
XPRĝOLZLDMÈF\Z\ĂZLHWOHQLH
NRGXěUöGïRZHJR

1LHNWöUHV\VWHP\]DU]ÈG]DQLD
WUHĂFLÈXGRVWÚSQLDMÈWDNĝH
QDU]ÚG]LDSR]ZDODMÈFH
QDbHG\FMÚV]DEORQöZ-HĂOL
]GHF\GXMHP\VLÚ]bQLFK
VNRU]\VWDÊZDUWR]DSR]QDÊVLÚ
]bGRNXPHQWDFMÈNRQNUHWQHJR
V\VWHPXSRQLHZDĝZbNDĝG\P
]bQLFKV]DEORQ\WZRU]\VLÚ
ZbLQQ\VSRVöE3RGF]DV
HG\FMLV]DEORQöZQDOHĝ\
]DFKRZDÊRVWURĝQRĂÊJG\ĝ
MHĂOLSU]H]SU]\SDGHNXVXQLHP\
QLHZïDĂFLZ\IUDJPHQWNRGXOXE
GRGDP\FRĂZbQLHRGSRZLHGQLP
PLHMVFXFDïDZLWU\QDPRĝH
SU]HVWDÊG]LDïDÊ

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

STRUKTURA

$1$/,=$

,11<&+:,75<1:::

:bF]DVDFKJG\VLHÊGRSLHUR
]DF]\QDïD]GRE\ZDÊ
SRSXODUQRĂÊQDMF]ÚVWV]\P
VSRVREHPSR]QDZDQLDMÚ]\ND
+70/RUD]RGNU\ZDQLDUöĝQ\FK
V]WXF]HNLbWHFKQLNE\ïDDQDOL]D
NRGXLVWQLHMÈF\FKVWURQ

$NWXDOQLHGRVWÚSQ\FKMHVW
]QDF]QLHZLÚFHMNVLÈĝHNRUD]
LQWHUQHWRZ\FKVDPRXF]NöZ
SRĂZLÚFRQ\FKMÚ]\NRZL+70/
QLHPQLHMMHGQDNZFLÈĝPRĝQD
DQDOL]RZDÊNRGSU]HV\ïDQ\
GRbSU]HJOÈGDUNLSU]H]VHUZHU\
:::$E\VLÚSU]HNRQDÊMDN
WRG]LDïDZ\VWDUF]\RWZRU]\Ê
ZbSU]HJOÈGDUFHSOLNYLHZVRXUFH
KWPOXPLHV]F]RQ\ZbNDWDORJX
]bSU]\NïDGDPLGRbSLHUZV]HJR
UR]G]LDïXNVLÈĝNL

3RZ\ĂZLHWOHQLXZ\EUDQHM
VWURQ\QDOHĝ\SRV]XNDÊ
ZbPHQXSU]HJOÈGDUNLRSFML
WidokLbZ\EUDÊ]bQLHJR½UöGïR
OXEb3RNDĝěUöGïRVWURQ\.
7HQD]Z\PRJÈVLÚUöĝQLÊ
Zb]DOHĝQRĂFLRGbXĝ\ZDQHM
SU]HJOÈGDUNL

3RZ\EUDQLXWHMRSFMLQDHNUDQLH
SRZLQQRVLÚZ\ĂZLHWOLÊQRZH
RNQRSUH]HQWXMÈFHNRGěUöGïRZ\
RJOÈGDQHMVWURQ\

(IHNW\PRĝQD]REDF]\Ê
QDb]U]XFLHSU]HGVWDZLRQ\P
QDQDVWÚSQHMVWURQLH
:bJöUQ\PRNQLHZLGRF]QDMHVW
VWURQD:::Z\ĂZLHWORQD
ZbSU]HJOÈGDUFHDbXbGRïXĽ
MHMNRGěUöGïRZ\

3RF]ÈWNRZRNRGDQDOL]RZDQ\FK
VWURQ:::PRĝHVLÚ
Z\GDZDÊ]ïRĝRQ\MHGQDNQLH
QDOHĝ\VLÚW\P]QLHFKÚFDÊ
3RSU]HF]\WDQLXQDVWÚSQHJR
UR]G]LDïXWHMNVLÈĝNL&]\WHOQLN
EÚG]LHZbVWDQLHJR]UR]XPLHÊ

:V]\VWNLHSU]\NïDG\
SUH]HQWRZDQHZbWHMNVLÈĝFHVÈ
GRVWÚSQHQDSRĂZLÚFRQHMMHM
stronie WWW —
ZZZKWPODQGFVVERRNFRP

ĽDbRSLVDQÈWXSURVWÈ
WHFKQLNÚPRĝQD]DVWRVRZDÊ
GRbVSUDZG]HQLDMDNMHVW
VWZRU]RQ\NDĝG\]bQLFK

2SUöF]WHJRPRĝQDSREUDÊSOLN
]DZLHUDMÈF\ZV]\VWNLHSU]\NïDG\
]DPLHV]F]RQHZbNVLÈĝFHMHVW
RQGRVWÚSQ\QDVHUZHU]H)73
Z\GDZQLFWZD+HOLRQĽ
IWSIWSKHOLRQSOSU]\NODG\
KWFVZZ]LS

7U]HEDMHGQDNSDPLÚWDÊĝHVÈWRRU\JLQDOQHSU]\NïDG\ZbMÚ]\NXDQJLHOVNLPĽSU]\SWïXP

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

STRUKTURA

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

32'6802:$1,(

STRUKTURA

6WURQ\+70/VÈGRNXPHQWDPLWHNVWRZ\PL

+70/Xĝ\ZD]QDF]QLNöZ]QDNöZ]DSLVDQ\FK

ZHZQÈWU]QDZLDVöZNÈWRZ\FKE\QDGDZDÊ

GRGDWNRZH]QDF]HQLHWHNVWRPNWöUHVÈXPLHV]F]DQH

ZHZQÈWU]QLFK

=QDF]QLNLF]ÚVWRVÈQD]\ZDQHHOHPHQWDPL

=QDF]QLNL]D]Z\F]DMZ\VWÚSXMÈSDUDPL=QDF]QLN

RWZLHUDMÈF\R]QDF]DSRF]ÈWHNSHZQHJRIUDJPHQWX

]DZDUWRĂFLQDWRPLDVW]QDF]QLN]DP\NDMÈF\

— jego koniec.

:b]QDF]QLNDFKRWZLHUDMÈF\FKPRJÈE\ÊXPLHV]F]DQH

DWU\EXW\SU]HND]XMÈFHGRGDWNRZHLQIRUPDFMH

Rb]DZDUWRĂFLHOHPHQWöZ

$WU\EXW\VNïDGDMÈVLÚ]bQD]Z\RUD]ZDUWRĂFL

$E\SR]QDÊMÚ]\N+70/QDOHĝ\VLÚGRZLHG]LHÊ

MDNLHb]QDF]QLNLVÈGRVWÚSQHMDNLHMHVWLFK

SU]H]QDF]HQLHRUD]JG]LHPRĝQDMHXPLHV]F]DÊ

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

TEKST

1DJïöZNLLbDNDSLW\

:\WïXV]F]HQLDNXUV\ZDLbHPID]D

=QDF]QLNLVWUXNWXUDOQHLbVHPDQW\F]QH

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

TEKST

3RGF]DVWZRU]HQLDVWURQ:::GRLFK
WUHĂFLGRGDMHP\]QDF]QLNL1DGDMÈRQH
GRGDWNRZH]QDF]HQLHWUHĂFLVWURQ\LbSR]ZDODMÈ
SU]HJOÈGDUNRPZbRGSRZLHGQLVSRVöE
SU]HGVWDZLÊMHMVWUXNWXUÚ

:bW\PUR]G]LDOHVNRQFHQWUXMHP\VLÚQDW\PZbMDNLVSRVöEGRGDZDÊ
]QDF]QLNLGRWHNVWXZ\ĂZLHWODQHJRQDVWURQLH$bNRQNUHWQLH
]RVWDQÈbRSLVDQH

Znaczniki strukturalne:HOHPHQW\NWöU\FKPRĝQDXĝ\ZDÊ
GRbRSLV\ZDQLD]DUöZQRQDJïöZNöZMDNLbDNDSLWöZ

Znaczniki semantyczne:F]\OLWDNLHNWöUHGRVWDUF]DMÈGRGDWNRZ\FK
LQIRUPDFMLQSQDGDMÈZLÚNV]H]QDF]HQLHF\WDWRZL]DSLVDQHPX
Zb]QDNDFKFXG]\VïRZXDNURQLPRPLWG

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

TEKST

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

TEKST

1$*:.,

<h1>

<h2>

<h3>

<h4>

<h5>

<h6>

-Ú]\N+70/XGRVWÚSQLDV]HĂÊ
ķSR]LRPöZĵQDJïöZNöZ

1DJïöZNLQDMZ\ĝV]HJR
SLHUZV]HJRSR]LRPXVÈ
WZRU]RQHSU]\Xĝ\FLX
HOHPHQWXb<h1>

'RWZRU]HQLDQDJïöZNöZ
GUXJLHJRSR]LRPXVïXĝ\
HOHPHQWb<h2>

-HĂOLZHZQÈWU]IUDJPHQWX
VWURQ\SRSU]HG]RQHJR
QDJïöZNLHPb<h2>]QDMGXMÈ
VLÚNROHMQHQDJïöZNLQLĝV]HJR
SR]LRPXWRWZRU]\VLÚMHSU]\
Xĝ\FLXHOHPHQWöZ<h3>LWG

3U]HJOÈGDUNLZ\ĂZLHWODMÈ
]DZDUWRĂÊQDJïöZNöZ
F]FLRQNÈRbUöĝQHMZLHONRĂFL
=DZDUWRĂÊQDJïöZNöZ<h1>
MHVWSUH]HQWRZDQDQDMZLÚNV]È
F]FLRQNÈDbQDJïöZNöZ<h6>
ĽQDMPQLHMV]È.RQNUHWQH
ZLHONRĂFLF]FLRQHNVWRVRZDQ\FK

SU]H]SRV]F]HJöOQHSU]HJOÈGDUNL
PRJÈVLÚQLH]QDF]QLHUöĝQLÊ
2SUöF]WHJRXĝ\WNRZQLF\PRJÈ
]PLHQLDÊZLHONRĂÊF]FLRQHN
Xĝ\ZDQ\FKZbQDJïöZNDFK
SRV]F]HJöOQ\FKSR]LRPöZ
PRG\ğNXMÈFXVWDZLHQLD
SU]HJOÈGDUNL:bGDOV]HMF]ÚĂFL

<h1>

7o MeVt nagïöZeN SLeUZV]ego So]LomX

</h1>

<h2>

7o MeVt nagïöZeN dUXgLego So]LomX

</h2>

<h3>

7o MeVt nagïöZeN tU]eFLego So]LomX

</h3>

<h4>

7o MeVt nagïöZeN F]ZaUtego So]LomX

</h4>

<h5>

7o MeVt nagïöZeN SLÈtego So]LomX

</h5>

<h6>

7o MeVt nagïöZeN V]öVtego So]LomX

</h6>

HTML

W YNIK

rozdzial-02/headings.html

NVLÈĝNLNLHG\]DMPLHP\VLÚ
DUNXV]DPLVW\OöZĽ&66Ľ
SU]HNRQDP\VLÚZbMDNLVSRVöE
PRĝQDNRQWURORZDÊZLHONRĂÊ
WHNVWXMHJRNRORURUD]F]FLRQNÚ

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

TEKST

$.$3,7<

<S>

$E\XWZRU]\ÊDNDSLWWHNVWX
QDOHĝ\XPLHĂFLÊWZRU]ÈFHJR
VïRZDSRPLÚG]\RWZLHUDMÈF\P
]QDF]QLNLHP<S>Lb]DP\NDMÈF\P
]QDF]QLNLHP</S>

'RP\ĂOQLHSU]HJOÈGDUND
Z\ĂZLHWODMÈFD]DZDUWRĂÊ
NDĝGHJRDNDSLWX]DF]\QDJR
RGbQRZHJRZLHUV]DLbGRGDMH
QLHFRZROQHJRPLHMVFD
SRPLÚG]\QLPDbQDVWÚSQ\P
DNDSLWHP

<S>

$NaSLt ]aZLeUa Medno ]danLe lXb NLlNa ]dañ

VtanoZLÈFyFh MednÈ FaïoĂÊ 3oF]ÈteN aNaSLtX MeVt
]aZV]e ZyĂZLetlany ZbnoZym ZLeUV]X

</S>

<S>

7eNVt MeVt ïatZLeMV]y ZbodbLoU]e MeĂlL ]oVtanLe

Sod]Lelony na mnLeMV]e IUagmenty 1a SU]yNïad
NVLÈĝNa moĝe VLÚ VNïadaÊ ]bUo]d]LaïöZ =aZaUtoĂÊ
Uo]d]LaïX moĝe byÊ Sod]Lelona na IUagmenty
nagïöZNamL $btUeĂÊ XmLeV]F]ona SomLÚd]y nagïöZNamL
moĝe byÊ Sod]Lelona na ZLele aNaSLtöZ

</S>

HTML

rozdzial-02/paragraphs.html

W YNIK

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

TEKST

<S>

2to ZbMaNL VSoVöb VïoZo ]oVtanLe

<b>

SogUXbLone

</b>

</S>
<S>

1a VtUonLe oSLVXMÈFeM SUodXNt nLeNtöUe Mego

<b>

NlXF]oZe FeFhy

</b>

mogÈ byÊ SogUXbLone

</S>

HTML

W YNIK

rozdzial-02/bold.html

32*58%,(1,(

25$=.856<:$

<b>

-HĂOLXPLHĂFLP\VïRZD
SRPLÚG]\]QDF]QLNDPL<b>
Lb</b>VSUDZLP\ĝHEÚGÈ
RQHZ\ĂZLHWORQHSRJUXELRQÈ
F]FLRQNÈ

(OHPHQW<b>UHSUH]HQWXMHWDNĝH
WHIUDJPHQW\WHNVWXNWöUHPDMÈ
E\ÊSU]HGVWDZLRQHZbZL]XDOQLH
RGPLHQQ\VSRVöEQSNOXF]RZH
VïRZDDNDSLWXFKRÊMHJR
]DVWRVRZDQLHQLHQDGDMH
Z\UöĝQLDQ\PVïRZRPĝDGQHJR
GRGDWNRZHJR]QDF]HQLD

0RĝQDWDNĝH]DMU]HÊ
QDbVWURQÚb50JG]LH]RVWDï\
SRGDQHLQIRUPDFMHQDWHPDW
HOHPHQWX<VtUong>

<L>

-HĂOLXPLHĂFLP\VïRZD
SRPLÚG]\]QDF]QLNDPL<L>
Lb</L>VSUDZLP\ĝH]RVWDQÈ
RQHZ\ĂZLHWORQHNXUV\ZÈ

(OHPHQW<L>UHSUH]HQWXMHWDNĝH
WHIUDJPHQW\NWöUHPDMÈVLÚ
RGUöĝQLDÊRGRWDF]DMÈFHJR
MHWHNVWXWDNLHMDNWHUPLQ\
WHFKQLF]QHQD]Z\VWDWNöZ
VïRZD]DSLVDQHZbLQQ\PMÚ]\NX
P\ĂOLRUD]LQQHWHUPLQ\NWöUH
QRUPDOQLH]RVWDï\E\]DSLVDQH
NXUV\ZÈ

0RĝQDWDNĝH]DMU]HÊ
QDbVWURQÚb50JG]LH]RVWDï\
SRGDQHLQIRUPDFMHQDWHPDW
HOHPHQWXb<em>

<S>

2to ZbMaNL VSoVöb moĝna ZyĂZLetlLÊ VïoZo

<L>

NXUVyZÈ

</L>

</S>

<S>

2to ]LemnLaN

<L>

6olanXm tebeUoVXm

</L>

</S>

<S>

.aSLtan &ooN SoSïynÈï do $XVtUalLL na VZoLm

VtatNX

<L>

(ndeaYoXU

</L>

</S>

HTML

rozdzial-02/italic.html

W YNIK

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

TEKST

,1'(.6*51<,b'2/1<

<VXS>

(OHPHQW<VXS>MHVWVWRVRZDQ\
GRR]QDF]DQLD]QDNöZ
NWöUHSRZLQQ\]RVWDÊ
Z\ĂZLHWORQHMDNRLQGHNV\
JöUQHWDNMDNbZbQLHNWöU\FK
SRMÚFLDFKPDWHPDW\F]Q\FK
QSbSRWÚJRZDQLX

<VXb>

(OHPHQW<VXb>VïXĝ\
GRbR]QDF]DQLD]QDNöZ
NWöUHSRZLQQ\]RVWDÊ
Z\ĂZLHWORQHMDNRLQGHNV\
GROQH3RZV]HFKQLHWDNLH]QDNL
VÈVWRVRZDQHZHZ]RUDFK
FKHPLF]Q\FKQS+

<S>

1a SoF]ÈtNX ZU]eĂnLa So]namy Z]öU

( mF

<VXS>

</VXS>

</S>

<S>

:bSLeUZV]ym NZaUtale 2 UoNX LloĂÊ &2

<VXb>

</VXb>

ZbatmoVIeU]e Z]UoVïa ob2 SSm

</S>

HTML

rozdzial-02/superscript-and-subscript.html

W YNIK

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

TEKST

2'67}3<

$E\XïDWZLÊVRELHWZRU]HQLH
NRGXVWURQ:::LFKDXWRU]\
F]ÚVWRGRGDMÈGRQLFK]QDNL
RGVWÚSXOXEXPLHV]F]DMÈ
SRF]ÈWHNQLHNWöU\FKHOHPHQWöZ
ZbQRZ\PZLHUV]X

-HĂOLSU]HJOÈGDUND:::
QDSRWNDZbNRG]LHVWURQ\
GZD]QDNLOXEZLÚNV]ÈLFK
OLF]EÚRGVWÚSXXPLHV]F]RQH
MHGHQ]DbGUXJLPWRZ\ĂZLHWOL
W\ONRMHGHQ]bQLFK3RGREQLH
JG\QDSRWND]QDNQRZHJR
ZLHUV]DZ\ĂZLHWOLJRMDNR
RGVWÚS']LDïDQLHWRQD]\ZDP\
pomijaniem odstÚpów

7HQVSRVöEG]LDïDQLD
SU]HJOÈGDUHNMHVWF]ÚVWR
Z\NRU]\VW\ZDQ\SU]H]DXWRUöZ
VWURQGRIRUPDWRZDQLDNRGX
ěUöGïRZHJRWDNE\MHJRDQDOL]D
E\ïDïDWZLHMV]D

<S>

.VLÚĝyF NUÈĝy ZoNöï =LemL

</S>

<S>

.VLÚĝyF NUÈĝy ZoNöï =LemL

</S>

<S>

.VLÚĝyF NUÈĝy ZoNöï

=LemL

</S>

HTML

W YNIK

rozdzial-02/white-space.html

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

TEKST

32'=,$:,(56=$

,b32=,20$/,1,$

<bU />

-DNMXĝVLÚSU]HNRQDOLĂP\
SU]HJOÈGDUNDDXWRPDW\F]QLH
Z\ĂZLHWODNDĝG\DNDSLW
RUD]QDJïöZHNRGQRZHJR
ZLHUV]D-HĂOLMHGQDNFKFHP\
]DNRñF]\ÊZLHUV]LbZ\ĂZLHWOLÊ
GDOV]ÈF]ÚĂÊDNDSLWX
ZbQRZ\PPRĝHP\WRb]URELÊ
Xĝ\ZDMÈF]QDF]QLNDb<bU />

<hU />

$E\XWZRU]\ÊSU]HUZÚ
SRPLÚG]\]DJDGQLHQLDPLĽ
V\JQDOL]XMÈFÈQSSU]HMĂFLH
GRbLQQHMNZHVWLLZbNVLÈĝFH
DOERVFHQ\ZbV]WXFHĽPRĝQD
GRGDÊSR]LRPÈNUHVNÚWZRU]RQÈ
SU]\bXĝ\FLX]QDF]QLND<hU />

,VWQLHMHNLONDHOHPHQWöZ
ZbNWöU\FKSRPLÚG]\
]QDF]QLNLHPRWZLHUDMÈF\P
Lb]DP\NDMÈF\PQLHXPLHV]F]D
VLÚĝDGQ\FKVïöZ6ÈWRW]Z
elementy puste]DSLVXMHVLÚMH
ZbQLHFRLQQ\VSRVöE

(OHPHQW\SXVWH]D]Z\F]DM
VNïDGDMÈVLÚ]bW\ONRMHGQHJR
]QDF]QLND:bWDNLFKHOHPHQWDFK
SU]HG]DP\NDMÈF\PQDZLDVHP
NÈWRZ\PF]ÚVWRMHVW
]DSLV\ZDQ\]QDNRGVWÚSXRUD]
XNRĂQLN1LHNWöU]\DXWRU]\VWURQ
:::SRPLMDMÈWHGRGDWNRZH
]QDNLMHGQDNZDUWRZ\URELÊ
VRELHQDZ\NLFKVWRVRZDQLD

<S>

=e Z]glÚdX

<bU />

na oSadaMÈFy NoVmLF]ny Syï

<bU />

Naĝdego dnLa FLÚĝaU =LemL SoZLÚNV]a VLÚ

obVetNL ton

</S>

HTML

rozdzial-02/line-breaks.html

W YNIK

<S>

:enXV MeVt MedynÈ SlanetÈ obUaFaMÈFÈ VLÚ ]godnLe

]bUXFhem ZVNa]öZeN ]egaUa

</S>

-oZLV] MeVt ZLÚNV]y od ZV]yVtNLFh So]oVtaïyFh

Slanet 8NïadX 6ïoneF]nego Ua]em Z]LÚtyFh

</S>

HTML

rozdzial-02/horizontal-rules.html

W YNIK

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

TEKST

('<725<:,=8$/1(

,b32'*/k'.2'8

6\VWHP\]DU]ÈG]DQLDWUHĂFLÈRUD]HG\WRU\+70/WDNLH
MDNb'UHDPZHDYHU]D]Z\F]DMXGRVWÚSQLDMÈGZDVSRVRE\SUH]HQWDFML
W]ZZLGRNLWZRU]RQ\FKVWURQSLHUZV]\PWRHG\WRUZL]XDOQ\
DbGUXJLĽSRGJOÈGNRGXěUöGïRZHJR

(dytory wizualne F]ÚVWR
SU]\SRPLQDMÈSURFHVRU\
WHNVWöZ&KRÊNDĝG\]bWDNLFK
HG\WRUöZQLHFRVLÚUöĝQL
GRbSR]RVWDï\FKZLÚNV]RĂÊ
]bQLFKGDMHXĝ\WNRZQLNRP
SRGREQHPRĝOLZRĂFLNRQWUROL
VSRVREXSUH]HQWDFMLWHNVWöZ

1DJïöZNLWZRU]\VLÚ
SRSU]H]]D]QDF]HQLHWHNVWX
LbZ\EUDQLHURG]DMXQDJïöZND
]bUR]ZLMDOQHMOLVW\

3RJUXELHQLHRUD]NXUV\ZÚ
WZRU]\VLÚSRSU]H]
]D]QDF]HQLHZ\EUDQHJR
IUDJPHQWXWHNVWXLbNOLNQLÚFLH
SU]\FLVNXbDQJbold —
SRJUXELHQLHOXEibDQJitalic
ĽNXUV\ZD

1RZHDNDSLW\WZRU]\VLÚ
QDFLVNDMÈFNODZLV]Enter
OXEbReturn

$E\XWZRU]\ÊQRZ\ZLHUV]
QDOHĝ\QDFLVQÈÊNRPELQDFMÚ
NODZLV]\Shift+Enter

3R]LRPHOLQLHWZRU]\
VLÚQDFLVNDMÈFSU]\FLVN
SU]HGVWDZLDMÈF\SR]LRPÈ
NUHVNÚ

-HĂOLVNRSLXMHP\LbZNOHLP\
GRHG\WRUDZL]XDOQHJR
WHNVWSRFKRG]ÈF\]bMDNLHJRĂ
SURJUDPXSR]ZDODMÈFHJR
QDbHG\FMÚLbIRUPDWRZDQLH
WHNVWöZWDNLHJRMDN:RUG
PRĝHRQGRGDÊGRZNOHMDQHJR
WHNVWXRGSRZLHGQLH]QDF]QLNL
$E\XFKURQLÊVLÚSU]HGWDNLP
QLHSRĝÈGDQ\PHIHNWHPQDOHĝ\
ZNOHLÊWHNVWGRSURVWHJRHG\WRUD
WHNVWöZWDNLHJRMDNbSURJUDP
1RWDWQLNZbV\VWHPLH:LQGRZV
OXE7H[W(GLWQDNRPSXWHUDFK
0DFDbQDVWÚSQLHMHV]F]HUD]JR
VNRSLRZDÊLbZNOHLÊGRbHG\WRUD
ZL]XDOQHJR

Widok kodu ěródïowego
SU]HGVWDZLDNRGXWZRU]RQ\
SU]H]HG\WRUZL]XDOQ\SR]ZDOD
WDNĝHQDMHJRUÚF]QÈHG\FMÚ
OXEGRGDZDQLHQRZ\FK
WUHĂFL:LGRNWHQF]ÚVWRMHVW
Z\ĂZLHWODQ\SRQDFLĂQLÚFLX
SU]\FLVNX]bQDSLVHPHTML
OXEb]bSDUÈQDZLDVöZNÈWRZ\FK
(G\WRUPRĝHGRGDZDÊRGVWÚS\
GRNRGXěUöGïRZHJRE\
SRSUDZLÊMHJRSU]HMU]\VWRĂÊ

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

TEKST

=1$&=1,.,6(0$17<&=1(

,VWQLHMHSHZQDJUXSDHOHPHQWöZNWöU\FKSU]H]QDF]HQLHPQLH
MHVWRNUHĂODQLHVWUXNWXU\VWURQ\OHF]QDGDZDQLHMHMGRGDWNRZHJR
]QDF]HQLD6ÈWRW]Z]QDF]QLNLVHPDQW\F]QH

:bGDOV]HMF]ÚĂFLUR]G]LDïX
SR]QDP\NLONDNROHMQ\FK
HOHPHQWöZNWöUHPRJÈQDP
SRPöFSRGF]DVXPLHV]F]DQLD
WHNVWöZQDVWURQDFK:::
=RVWDQLHSU]HGVWDZLRQ\
QSbHOHPHQW<em>SR]ZDODMÈF\
SRïRĝ\ÊZLÚNV]\QDFLVN
QDbZ\UöĝQLRQHVïRZDRUD]
HOHPHQW<bloFNTXote>NWöU\
VïXĝ\GRR]QDF]DQLDEORNöZ
WHNVWXEÚGÈF\FKF\WDWDPL

3U]HJOÈGDUNLZ\ĂZLHWODMÈ
]DZDUWRĂÊW\FKHOHPHQWöZ
QDbUöĝQHVSRVRE\
QSb]DZDUWRĂÊHOHPHQWöZ<em>
MHVWSU]HGVWDZLDQDNXUV\ZÈ
QDWRPLDVWWHNVW\XPLHV]F]RQH
ZbHOHPHQWDFK<bloFNTXote>
VÈZFLÚWH1LHPQLHMHOHPHQWöZ
W\FKQLHQDOHĝ\Xĝ\ZDÊ
GRbPRG\ğNDFMLZ\JOÈGXWHNVWöZ
ĽVïXĝÈRQHUDF]HMGREDUG]LHM
SUHF\]\MQHJRRSLV\ZDQLD
]DZDUWRĂFLVWURQ

(OHPHQW\WHVÈVWRVRZDQH
GODWHJRĝHLQQHSURJUDP\
WDNLHMDNF]\WQLNLHNUDQRZH
OXEbZ\V]XNLZDUNLPRJÈ
NRU]\VWDÊ]bGRVWDUF]DQ\FKSU]H]
QLHGRGDWNRZ\FKLQIRUPDFML
,bWDNJïRVJHQHURZDQ\SU]H]
F]\WQLNHNUDQRZ\PRĝH
SRïRĝ\ÊZLÚNV]\QDFLVN
QDb]DZDUWRĂÊXPLHV]F]RQÈ
ZHZQÈWU]HOHPHQWX<em>
ZbUD]LH]DVWRVRZDQLDHOHPHQWX
<bloFNTXote>Z\V]XNLZDUND
PRĝHWHQIDNWRGQRWRZDÊ

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

TEKST

:=02&1,(1,(,b1$&,6.

=DVWRVRZDQLHHOHPHQWX
<VtUong>R]QDF]DĝHMHJR
]DZDUWRĂÊPDZLÚNV]H
]QDF]HQLH6ïRZDXPLHV]F]RQH
ZbW\PHOHPHQFLHPRĝQD
Z\SRZLHG]LHÊ]bGRGDWNRZ\P
QDFLVNLHP

'RP\ĂOQLHSU]HJOÈGDUNL
Z\ĂZLHWODMÈ]DZDUWRĂÊ
HOHPHQWöZ<VtUong>
SRJUXELRQÈF]FLRQNÈ

<em>

(OHPHQW<em>R]QDF]D
GRGDWNRZ\QDFLVNNWöU\
QLH]QDF]QLH]PLHQLD
]QDF]HQLHb]GDQLD

'RP\ĂOQLHSU]HJOÈGDUNL
Z\ĂZLHWODMÈ]DZDUWRĂÊ
HOHPHQWöZ<em>NXUV\ZÈ

8Zaga

</VtUong>

:bteM d]LelnLFy MeVt dXĝo

NLeV]onNoZFöZ

</S>

<S>

7a ]abaZNa VNïada VLÚ ]bnLeZLelNLFh F]ÚĂFL

nLe nadaMe VLÚ dla d]LeFL SonLĝeM

SLÈtego UoNX ĝyFLa

</VtUong>

</S>

HTML

W YNIK

rozdzial-02/strong.html

<S><em>

0yĂlÚ

</em>

ĝe (Za byïa SLeUZV]a

</S>

<S>

0yĂlÚ ĝe

<em>

(Za

</em>

byïa SLeUZV]a

</S>

<S>

0yĂlÚ ĝe (Za byïa

<em>

SLeUZV]a

</em>

</S>

HTML

W YNIK

rozdzial-02/emphasis.html

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

TEKST

&<7$7<

'RVWÚSQHVÈGZDHOHPHQW\
SRZV]HFKQLHXĝ\ZDQH
GRR]QDF]DQLDF\WDWöZ
<bloFNTXote> Lb<T>

(OHPHQW<bloFNTXote>VïXĝ\
GRbWZRU]HQLDGïXĝV]\FKF\WDWöZ
SUH]HQWRZDQ\FKMDNRRVREQH
DNDSLW\WHNVWX1DOHĝ\SU]\W\P
]ZUöFLÊXZDJÚĝHZHZQÈWU]
QLFKLbWDNVÈXPLHV]F]DQH
HOHPHQW\<S>

:\ĂZLHWODMÈF]DZDUWRĂÊ
HOHPHQWX<bloFNTXote>
SU]HJOÈGDUNL]D]Z\F]DM
XPLHV]F]DMÈZFLÚFLH]bLFK
OHZHMVWURQ\1LHQDOHĝ\MHGQDN
Xĝ\ZDÊJRZ\ïÈF]QLHSRWRE\
ZFLÈÊMDNLĂIUDJPHQWWHNVWXĽ
ZbWDNLFKSU]\SDGNDFKOHSLHM
VNRU]\VWDÊ]bPRĝOLZRĂFL&66

<T>

(OHPHQW<T>VïXĝ\
GRbR]QDF]DQLDNUöWV]\FK
F\WDWöZXPLHV]F]DQ\FK
ZHZQÈWU]DNDSLWöZWHNVWX
3U]HJOÈGDUNLSRZLQQ\
Z\ĂZLHWODÊ]DZDUWRĂÊ
W\FKHOHPHQWöZZHZQÈWU]
FXG]\VïRZöZQLHPQLHM,QWHUQHW
([SORUHUWHJRQLHURELĽ]bWHJR
SRZRGXZLHOHRVöEXQLND
VWRVRZDQLDWHJRHOHPHQWX

.XbXĂ 3XFhateN XVLadï VobLe Sod tym dÚbem

SodSaUï gïoZÚ na ïaSNaFh Lb]aF]Èï Uo]myĂlaÊ

</S>

</bloFNTXote>
<S>

$$ 0Llne SoZLed]Laï

<T>

1LeNtöU]y lXd]Le

Uo]maZLaMÈ ]e ]ZLeU]ÚtamL -ednaN nLeZLelX LFh
VïXFha ,bZbtym tNZL SUoblem

</T></S>

HTML

rozdzial-02/quotations.html

W YNIK

2EDWHHOHPHQW\XGRVWÚSQLDMÈ
DWU\EXWciteSR]ZDODMÈF\
RNUHĂOLÊěUöGïRF\WDWX-HJR
ZDUWRĂFLÈSRZLQLHQE\ÊDGUHV
85/VWURQ\]DZLHUDMÈFHM
ZLÚFHMLQIRUPDFMLGRW\F]ÈF\FK
ěUöGïDbF\WDWX

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

TEKST

6.57<,b$.521,0<

<abbU>

-HĂOLZbWHNĂFLHPDVLÚSRMDZLÊ
VNUöWOXEDNURQLPWRPRĝQD
JR]DSLVDÊXĝ\ZDMÈFHOHPHQWX
<abbU>'RRNUHĂOHQLD
UR]ZLQLÚFLDVNUöWXVïXĝ\DWU\EXW
tLtle]QDF]QLNDRWZLHUDMÈFHJR

:bMÚ]\NX+70/GRVWÚSQ\E\ï
RGUÚEQ\HOHPHQW<acronym>
VïXĝÈF\GRR]QDF]DQLD
DNURQLPöZ7DNĝHZbQLPSHïQÈ
SRVWDÊDNURQLPXPRĝQDE\ïR
SRGDÊXĝ\ZDMÈFDWU\EXWX
title:bMÚ]\NX+70/
]DUöZQRVNUöW\MDNLbDNURQLP\
VÈWZRU]RQHSU]\Xĝ\FLX
HOHPHQWX<abbr>

3UoI

</abbU>

6teShen

+aZNLng MeVt ğ]yNLem teoUetyNLem
LbNoVmologLem

</S>

<S>

<aFUonym tLtle ĵ1atLonal $eUonaXtLFV and 6SaFe

$dmLnLVtUatLonĵ>

1$6$

</aFUonym>

]aMmXMÈ VLÚ

ZV]elNLmL ]ZaULoZanymL U]eF]amL ]ZLÈ]anymL
]blotamL NoVmLF]nymL

</S>

HTML

W YNIK

rozdzial-02/abbreviations.html

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

TEKST

&<7$7<,b'(),1,&-(

<FLte>

:bSU]\SDGNXRGZRï\ZDQLDVLÚ
GRMDNLHMĂSUDF\ĽNVLÈĝNLğOPX
OXERSXEOLNRZDQ\FKZ\QLNöZ
EDGDñĽZbFHOXRNUHĂOHQLD
ěUöGïDSUH]HQWRZDQ\FK
LQIRUPDFMLPRĝQDZ\NRU]\VWDÊ
HOHPHQW<FLte>

:bMÚ]\NX+70/HOHPHQWX
<FLte>QLHQDOHĝ\Xĝ\ZDÊ
GRbSRGDZDQLDLPLRQLbQD]ZLVN
RVöEZbMÚ]\NX+70/E\ïRWR
GR]ZRORQHGODWHJRZLÚNV]RĂÊ
DXWRUöZVWURQZFLÈĝWDNUREL

3U]HJOÈGDUNLZ\ĂZLHWODMÈ
]DZDUWRĂÊHOHPHQWX<cite>
NXUV\ZÈ

<dIn>

.LHG\ZbGRNXPHQFLHEÚG]LHP\
SRUD]SLHUZV]\Z\MDĂQLDÊ
]QDF]HQLHMDNLHJRĂQRZHJR
WHUPLQXSRMÚFLDQDXNRZHJR
OXEZ\UDĝHQLDSRWRF]QHJR
RNUHĂOLP\MHJRGHğQLFMÚ

'RSRGDZDQLDGHğQLFMLVïXĝ\
HOHPHQW<dIn>

1LHNWöUHSU]HJOÈGDUNL
Z\ĂZLHWODMÈ]DZDUWRĂÊHOHPHQWX
<dfn>NXUV\ZÈMHGQDN
SURJUDP\6DIDULLb&KURPH
QLH]PLHQLDMÈZ\JOÈGXWHNVWX
VWDQRZLÈFHJRGHğQLFMÚ

<S>

.VLÈĝNa

<FLte>

.UötNa hLVtoULa F]aVX

</FLte>

naSLVana

SU]e] 6teShena +aZNLnga ]oVtaïa VSU]edana na Faïym
ĂZLeFLe ZbmLlLonaFh eg]emSlaU]y

</S>

HTML

rozdzial-02/citations.html

W YNIK

&]aUna d]LXUa

</dIn>

to obV]aU NoVmoVX

]bNtöUego nLF naZet ĂZLatïo nLe MeVt
ZbVtanLe VLÚ ZydoVtaÊ

</S>

HTML

rozdzial-02/definitions.html

W YNIK

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

TEKST

6=&=(*2:(

,1)250$&-(2b$8725=(

(OHPHQW<addUeVV>PD
EDUG]RSUHF\]\MQLHRNUHĂORQH
]DVWRVRZDQLHVïXĝ\
GRbSRGDZDQLDV]F]HJöïRZ\FK
LQIRUPDFMLNRQWDNWRZ\FK
DXWRUDbVWURQ\

:bW\PHOHPHQFLHPRĝQD
FKRÊQLHWU]HEDSRGDÊDGUHV
SRF]WRZ\0RĝQDZbQLPWDNĝH
XPLHĂFLÊQXPHUWHOHIRQXRUD]
DGUHVSRF]W\HOHNWURQLF]QHM

3U]HJOÈGDUNLF]ÚVWRZ\ĂZLHWODMÈ
]DZDUWRĂÊHOHPHQWöZ
<address>NXUV\ZÈ

:DUWRVLÚ]DLQWHUHVRZDÊ
W]ZbPLNURIRUPDWHPK&DUG
VïXĝÈF\PGRGRGDZDQLD
LQIRUPDFMLDGUHVRZ\FKGRNRGX
+70/VWURQ\

:LÚFHMZbVLHFL

:LÚFHMLQIRUPDFMLQDWHPDW
PLNURIRUPDWXK&DUGPRĝQD
]QDOHěÊQDVWURQLHSRĂZLÚFRQHM
WHMNVLÈĝFH

homeU#VLmVonoZLeoUgSl

</a></S>

<S>

al .UeVNöZNoZa 42 :aUV]aZa

</S>

</addUeVV>

HTML

W YNIK

rozdzial-02/address.html

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

TEKST

=0,$1<75(¥&,

<LnV>

<del>

(OHPHQWX<LnV>PRĝQDXĝ\ZDÊ
GRSU]HGVWDZLDQLDWUHĂFLNWöUH
]RVWDï\GRGDQHGRGRNXPHQWX
QDWRPLDVWHOHPHQWX<del>
ĽGRbR]QDF]DQLDWUHĂFL
NWöUHb]RVWDï\]bQLHJRXVXQLÚWH

=DZDUWRĂÊHOHPHQWöZ<ins>
MHVW]D]Z\F]DMSRGNUHĂODQD
QDWRPLDVW]DZDUWRĂÊHOHPHQWöZ
<del>ĽSU]HNUHĂODQD

<s>

(OHPHQW<s>R]QDF]D
LQIRUPDFMHNWöUHQLHVÈMXĝ
Z\VWDUF]DMÈFRGRNïDGQHOXEbVLÚ
]GH]DNWXDOL]RZDï\NWöU\FK
MHGQDNQLHQDOHĝ\XVXZDÊ
]HbVWURQ\

=D]Z\F]DM]DZDUWRĂÊ
HOHPHQWöZ<s>MHVWZ\ĂZLHWODQD
SU]HNUHĂORQÈF]FLRQNÈ

:bVWDUV]\FKZHUVMDFK
MÚ]\ND+70/GRVWÚSQ\E\ï
HOHPHQWb<u>NWöUHJR]DZDUWRĂÊ
E\ïDZ\ĂZLHWODQDSRGNUHĂORQÈ
F]FLRQNÈREHFQLHHOHPHQWWHQ
QLHMHVWVWRVRZDQ\

<S>

7o byï

<del>

naMgoUs]y

</del> <Lns>

naMleSs]y

</Lns>

Somysï MaNL NLedyNolZLeN SU]ys]edï MeM do gïoZy

</S>

HTML

rozdzial-02/insert-and-delete.html

W YNIK

<S>

1oZoF]esny laStoS

</S>

<S><s>

.os]toZaï 25 ]ï

</s></S>

<S>

$bteUa] tylNo 1 ]ï

</S>

HTML

rozdzial-02/strikethrough.html

W YNIK

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

TEKST

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

TEKST

35=<.$'

TEKST

7REDUG]RSURVWDVWURQD+70/
SU]HGVWDZLDMÈFD]DVWRVRZDQLH
SR]QDQ\FKb]QDF]QLNöZ

'R]DVWRVRZDQ\FKWX]QDF]QLNöZVWUXNWXUDOQ\FKQDOHĝÈ<h1>
<h2>Lb<S>
1DWRPLDVWLQIRUPDFMHVHPDQW\F]QHVÈ]DSHZQLRQHSU]H]WDNLH
HOHPHQW\MDN<FLte>Lb<em>

<html>

<head>

<tLtle>

7eNst

</tLtle>

</head>

<body>

<h1>

2SoZLeĂÊ ZbNsLÈĝFe

</h1>

<h2>

5o]d]Laï 1

</h2>

<S>

0aULola ZyglÈdaïa SU]e] oNno SU]e] SUaZLe god]LnÚ

1a bLXUNX SomLÚd]y maga]ynamL

<L>

1atXUe

</L>

<L>

1eZ 6FLentLst

</L>

oUa] UöĝnymL

LnnymL F]asoSLsmamL naXNoZymL NtöUyFh leNtXUy
Zymagaïa MeM SUaFa leĝaï SodnLs]F]ony eg]emSlaU]

<FLte>

:bdUod]e

</FLte>

7o byïa MeM XlXbLona

SoZLeĂÊ Mes]F]e ]bF]asöZ stXdLöZ ,m dïXĝeM
0aULola SU]ebyZaïa ZbtyFh F]teUeFh ĂFLanaFh tym
baUd]LeM F]Xïa SotU]ebÚ od]ysNanLa ZolnoĂFL

</S>

<S>

6SÚd]Lïa Zbtym SoNoMX ostatnLFh d]LesLÚÊ

lat sLed]ÈF Sod SlaNatem ]bFytatem
]b2sFaUa :Lldeĳa

<T>

3UaFa Mest XFLeF]NÈ dla osöb

NtöUe nLe maMÈ nLF]ego leSs]ego do Uoboty

</T>

&hoÊ ZLelX XZaĝaïo ĝe MeM SLonLeUsNLe SUaFe
nad odNUyFLem taMemnLF

<abbU

tLtle ĵ'eo[yULbonXFleLF aFLdĵ>

'1$

</abbU>

nLe]ZyNïe osLÈgnLÚFLe 0aULola

<em>

ZLed]Laïa

</em>

ĝe ma FoĂ FLeNaZs]ego

do ]UobLenLa

</S>

</body>

</html>

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

32'6802:$1,(

TEKST

(OHPHQW\+70/VïXĝÈGRRSLVXVWUXNWXU\VWURQ

:::QDJïöZNöZUöĝQ\FKVWRSQLDNDSLWöZLWG

(OHPHQW\GRVWDUF]DMÈWDNĝHLQIRUPDFMLVHPDQW\F]Q\FK

QSNWöUHIUDJPHQW\WHNVWXPDMÈZLÚNV]H]QDF]HQLH

FRMHVWUR]ZLQLÚFLHPVNUöWXDOERNWöUHIUDJPHQW\

WHNVWXVÈF\WDWDPL

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

LIST Y

Listy numerowane.

Listy wypunktowane.

/LVW\GHğQLFML

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

LISTY

6\WXDFMHZbNWöU\FKNRQLHF]QHMHVW
]DVWRVRZDQLHOLVW]GDU]DMÈVLÚGRV\Ê
F]ÚVWR-Ú]\N+70/XGRVWÚSQLDWU]\UöĝQH
URG]DMHbOLVW

Listy uporzÈdkowaneF]\OLWDNLHNWöU\FKNROHMQHHOHPHQW\VÈ
R]QDF]RQHOLF]EDPL3U]\NïDGHPWDNLHMOLVW\PRĝHE\ÊSURFHGXUD
VNïDGDMÈFDVLÚ]bNLONXF]\QQRĂFLNWöUHQDOHĝ\Z\NRQDÊZbRNUHĂORQHM
NROHMQRĂFLOXENRQWUDNWNWöUHJRSRV]F]HJöOQHSXQNW\PXV]ÈE\Ê
R]QDF]RQHOLF]EDPL

Listy nieuporzÈdkowaneF]\OLWDNLHNWöU\FKSRV]F]HJöOQHHOHPHQW\
VÈR]QDF]RQH]QDF]QLNDPLDbQLH]QDNDPLRNUHĂODMÈF\PLSRU]ÈGHN

Listy değnicjiWZRU]RQHSU]H]]ELöUSDUVNïDGDMÈF\FKVLÚ]bWHUPLQX
LbMHJRRSLVX

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

LISTY

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

LISTY

<ol>

<li>

=iemniaNi obUaÊ ibSoNUoiÊ ZbÊZiaUtNi

</li>

<li>

:U]XFiÊ do Zody ibgotoZaÊ do miÚNNoĂFi

SU]e] 152 min

</li>

<li>

3odgU]aÊ mleNo ]bmasïem ibgaïNÈ mXs]NatoïoZÈ

</li>

<li>

=iemniaNi odFed]iÊ ibXtïXF

</li>

<li>

'olaÊ do niFh mleNo ]bmasïem ibgaïNÈ

Zymies]aÊ doSUaZiÊ do smaNX

</li>

</ol>

HTML

W YNIK

rozdział-03/ordered-lists.html

/,67<8325=k'.2:$1(

<ol>

/LVW\XSRU]ÈGNRZDQHWZRU]\VLÚ
SU]\Xĝ\FLXHOHPHQWX<ol>.

<li>

.DĝG\HOHPHQWOLVW\MHVW
XPLHV]F]DQ\SRPLÚG]\
RWZLHUDMÈF\P]QDF]QLNLHP<li>
Db]DP\NDMÈF\P]QDF]QLNLHP
</li>1D]ZDHOHPHQWXĽli
ĽSRFKRG]LRGSLHUZV]\FKOLWHU
DQJLHOVNLFKVïöZlist itemĽ
HOHPHQWOLVW\

3U]HJOÈGDUNLGRP\ĂOQLHZFLQDMÈ
]DZDUWRĂÊOLVW

:bQLHNWöU\FKSU]\SDGNDFK
ZbHOHPHQFLH<ol>PRĝQD
XPLHĂFLÊDWU\EXWtype
XPRĝOLZLDMÈF\RNUHĂOHQLH
Xĝ\ZDQHJRVSRVREX
QXPHUDFMLOLF]E\OLWHU\OLF]E\
U]\PVNLHbLWG-HGQDNOHSV]\P
UR]ZLÈ]DQLHPMHVWVNRU]\VWDQLH
]bZïDĂFLZRĂFLlist-style-type
&66SU]HGVWDZLRQHMQDVWURQDFK
332 – 334.

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

LISTY

<ul>

<li>

1 Ng ]iemniaNöZ

</li>

<li>

1 ml mleNa

</li>

<li>

5 g solonego masïa

</li>

<li>

ĂZieĝo ]mielona gaïNa mus]NatoïoZa

</li>

<li>

söl ibSieSU] do smaNu

</li>

</ul>

HTML

rozdzial-03/unordered-lists.html

W YNIK

/,67<1,(8325=k'.2:$1(

<ul>

/LVW\QLHXSRU]ÈGNRZDQH
VÈWZRU]RQHSU]\Xĝ\FLX
HOHPHQWXb<ul>.

<li>

.DĝG\HOHPHQWOLVW\MHVW
XPLHV]F]DQ\SRPLÚG]\
RWZLHUDMÈF\P]QDF]QLNLHP<li>
Db]DP\NDMÈF\P]QDF]QLNLHP
</li>1D]ZDHOHPHQWXĽli
ĽSRFKRG]LRGSLHUZV]\FKOLWHU
DQJLHOVNLFKVïöZlist itemĽ
HOHPHQWOLVW\

3U]HJOÈGDUNLGRP\ĂOQLHZFLQDMÈ
]DZDUWRĂÊOLVW

:bQLHNWöU\FKSU]\SDGNDFK
ZbHOHPHQFLH<ul>PRĝQD
XPLHĂFLÊDWU\EXWtype
XPRĝOLZLDMÈF\RNUHĂOHQLHW\SX
Xĝ\ZDQ\FK]QDF]QLNöZNöïND
NZDGUDW\URPE\LWG-HGQDN
OHSV]\PUR]ZLÈ]DQLHPMHVW
VNRU]\VWDQLH]bZïDĂFLZRĂFL
list-style-type CSS
SU]HGVWDZLRQHMQDVWURQDFK
332 – 334.

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

LISTY

<dl>

<dt>

6ashimi

</dt>

<dd>

3oNUoMona suUoZa Uyba SodaZana

]bdodatNami taNimi MaN taUta U]odNieZ daiNon
NoU]eñ imbiUu Zasabi oUa] sos soMoZy

</dd>

<dt>

:aga

</dt>

<dd>

8U]Èd]enie sïuĝÈFe do SUeFy]yMnego odmieU]ania

sNïadniNöZ

</dd>

<dd>

3otoF]ne oNUeĂlenie FiÚĝaUu Fiaïa

</dd>

<dt>

Scamorze

</dt>

<dt>

Scamorzo

</dt>

<dd>

:ïosNi ser Zyrabiany zazZyczaM zbSeïnotïustego

mleNa NroZiego choÊ tradycyMnie do Mego
Zyrobu byïo uĝyZane mleNo baZole

</dd>

</dl>

HTML

W YNIK

rozdzial-03/definition-lists.html

/,67<'(),1,&-,

<dl>

/LVW\GHğQLFMLWZRU]\VLÚSU]\
Xĝ\FLXHOHPHQWX<dl>=Z\NOH
]DZLHUDMÈRQHVHULÚWHUPLQöZ
LbLFKRSLVöZ

:HZQÈWU]HOHPHQWX<dl>
]D]Z\F]DMXPLHV]F]DQHVÈSDU\
HOHPHQWöZ<dt>Lb<dd>.

<dt>

7HQHOHPHQWVïXĝ\GRSRGDQLD
GHğQLRZDQHJRWHUPLQX
DQJb

HğQLWLRQ

erm

<dd>

7HJRHOHPHQWXXĝ\ZDVLÚ
GRbSRGDQLDGHğQLFML

0RĝQD]QDOHěÊOLVW\ZbNWöU\FK
GZDWHUPLQ\VÈRSLV\ZDQH
SU]\Xĝ\FLXMHGQHMGHğQLFMLDOER
GRbMHGQHJRWHUPLQXSRGDQR
GZDbZ\MDĂQLHQLD

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

LISTY

/,67<=$*1,(¿'¿21(

:HZQÈWU]HOHPHQWX<li>
PRĝQDXPLHĂFLÊNROHMQÈOLVWÚ
LbZbWHQVSRVöEXWZRU]\ÊOLVWÚ
]DJQLHĝGĝRQÈ

3U]HJOÈGDUNLZ\ĂZLHWODMÈF
OLVW\]DJQLHĝGĝRQHZFLQDMÈMH
EDUG]LHMQLĝOLVW\ZbNWöU\FK
]RVWDï\XPLHV]F]RQH
&RbZLÚFHMZb]DJQLHĝGĝRQ\FK
OLVWDFKQLHXSRU]ÈGNRZDQ\FK
SU]HJOÈGDUND]DSHZQH]PLHQL
URG]DMXĝ\ZDQ\FK]QDF]QLNöZ

<ul>

<li>

0usy

</li>

<li>

&iasta

<ul>

<li>

5ogaliNi

</li>

<li>

SzarlotNa

</li>

<li>

.arSatNa

</li>

<li>

SerniN ZiedeñsNi

</li>

</ul>

</li>

<li>

7arty

</li>

</ul>

HTML

rozdzial-03/nested-lists.html

W YNIK

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

LISTY

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

LISTY

35=<.$'

LISTY

:bSRQLĝV]\PSU]\NïDG]LHZLGDÊ
QDJïöZHNSR]LRPXSLHUZV]HJR
RUD]bXPLHV]F]RQ\SRQLĝHMDNDSLWWHNVWX
VWDQRZLÈFHJRZSURZDG]HQLH1DbVWURQLH
]RVWDïDXPLHV]F]RQDWDNĝHOLVWD
QLHXSRU]ÈGNRZDQDRSLVXMÈFDVNïDGQLNL
RUD]bOLVWDXSRU]ÈGNRZDQDRSLVXMÈFDVSRVöE
SU]\U]ÈG]DQLDSRWUDZ\

<html>

<head>

<title>

/isty

</title>

</head>

<body>

<h1>

Jajecznica

</h1>

<S>

3otraZy zbjajeN naleĝÈ do moich ulubionych

2to SrzeSis na ZsSaniaïÈ bogatÈ
jajecznicÚ

</S>

<h2>

SNïadniNi

</h2>

<ul>

<li>

2 jajNa

</li>

<li>

1 ïyĝNa masïa

</li>

<li>

2 ïyĝNi Ămietany

</li>

</ul>

<h2>

SSosöb SrzyrzÈdzania

</h2>

<ol>

<li>

5oztoSiÊ masïo na Satelni na Ărednim

ogniu

</li>

<li>

:brondelNu deliNatnie rozmieszaÊ jajNa

ze ĂmietanÈ

</li>

<li>

3o roztoSieniu masïa dodaÊ do niego

jajNa ze ĂmietanÈ

</li>

<li>

8ĝyZajÈc ïoSatNi usuZaÊ jajNa zbbrzegöZ

Satelni ibSrzeNïadaÊ je na jej ĂrodeN
Srzez oNoïo 2 s taN jaN byĂmy
robili omlet

</li>

<li>

SmaĝyÊ do uzysNania odSoZiedniej Nonsystencji

SamiÚtajÈc ĝe So zdjÚciu zbognia
jajecznica jeszcze leNNo stZardnieje

</li>

</ol>

<body>

<html>

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

32'6802:$1,(

LISTY

-Ú]\N+70/XGRVWÚSQLDWU]\URG]DMHOLVW

XSRU]ÈGNRZDQHQLHXSRU]ÈGNRZDQHRUD]OLVW\

GHğQLFML

'RR]QDF]DQLDHOHPHQWöZOLVW\XSRU]ÈGNRZDQHM

Xĝ\ZDVLÚOLF]E

:bOLVWDFKQLHXSRU]ÈGNRZDQ\FKHOHPHQW\VÈ

R]QDF]DQHSU]\Xĝ\FLX]QDF]QLNöZ

/LVW\GHğQLFMLVÈXĝ\ZDQHGRZ\MDĂQLDQLD

WHUPLQRORJLL

/LVW\PRĝQD]DJQLHĝGĝDÊ

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

ŁĄCZA

7ZRU]HQLHïÈF]\SRPLÚG]\VWURQDPL

ÈF]DGRLQQ\FKZLWU\Q

ÈF]DVïXĝÈFHGRZ\V\ïDQLDZLDGRPRĂFLSRF]W\HOHNWURQLF]QHM

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

k&=$

ÈF]DVÈMHGQ\P]bNOXF]RZ\FKHOHPHQWöZ
WZRU]ÈF\FK:::JG\ĝSR]ZDODMÈSU]HQRVLÊ
VLÚSRPLÚG]\VWURQDPLĽ]DSHZQLDMÈFW\P
VDP\PPRĝOLZRĂÊVZRERGQHJRSRUXV]DQLDVLÚ
SRb]DVREDFKVLHFL

3RZV]HFKQLHVSRW\NDVLÚQDVWÚSXMÈFHURG]DMHïÈF]\

ÈF]DSRPLÚG]\RGUÚEQ\PLZLWU\QDPL

ÈF]DSRPLÚG]\UöĝQ\PLVWURQDPLQDOHĝÈF\PLGRWHMVDPHMZLWU\Q\

ÈF]DSRPLÚG]\UöĝQ\PLIUDJPHQWDPLWHMVDPHMVWURQ\

ÈF]DZ\ĂZLHWODMÈFHQRZHRNQDSU]HJOÈGDUNL

ÈF]DNWöUHSR]ZDODMÈXUXFKRPLÊNOLHQWDSRF]W\HOHNWURQLF]QHM
LbXWZRU]\ÊQRZÈZLDGRPRĂÊGRSRGDQHMRVRE\

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

k&=$

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

k&=$

7:25=(1,(k&=<

ÈF]DWZRU]\VLÚSU]\Xĝ\FLXHOHPHQWX<a>8ĝ\WNRZQLNPRĝH
NOLNQÈÊGRZROQÈ]DZDUWRĂÊXPLHV]F]RQÈSRPLÚG]\]QDF]QLNDPL<a>
Lb</a>6WURQDGRFHORZD]bNWöUÈFKFHP\VLÚSRïÈF]\ÊMHVWbRNUHĂODQD
]DSRPRFÈDWU\EXWXhref

72-(6767521$
1$.75k

k&=(

0$352:$'=,m

=1$&=1,.27:,(5$-k&<k&=$

72-(67

7(.67

.75<8¿<7.2:1,.

086,./,.1km

=1$&=1,.=$0<.$-k&<

DbKUHI ĵ

http://www.imdb.com

ĵ!

IMDB

</a>

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

k&=$

7HNVWXPLHV]F]RQ\SRPLÚG]\
RWZLHUDMÈF\P]QDF]QLNLHP<a>
Lb]DP\NDMÈF\P]QDF]QLNLHP
</a>MHVWQD]\ZDQ\WHNVWHP
ïÈF]D=DZV]HRbLOHWRPRĝOLZH
WHNVWWHQSRZLQLHQLQIRUPRZDÊ
JG]LHXĝ\WNRZQLN]RVWDQLH
SU]HQLHVLRQ\SRNOLNQLÚFLXïÈF]D
QLHQDOHĝ\]DWHPWZRU]\Ê
ïÈF]\]bODNRQLF]Q\PķNOLNQLM
WXWDMĵ3RQLĝHMSU]HGVWDZLRQR
SU]\NïDGïÈF]DGRZLWU\Q\,0'%
XWZRU]RQHJRQDSRSU]HGQLHM
VWURQLH

:LHOHRVöESRUXV]DVLÚ
SRbZLWU\QDFKSU]HJOÈGDMÈF
LFK]DZDUWRĂÊZbSRV]XNLZDQLX
ïÈF]\3U]HMU]\VW\WHNVW
ïÈF]DXïDWZLXĝ\WNRZQLNRZL
RGQDOH]LHQLHSRV]XNLZDQ\FK
LQIRUPDFML:bWHQVSRVöE
PRĝHP\SRSUDZLÊMHJR
GR]QDQLD]ZLÈ]DQH
]bNRU]\VWDQLHP]bDSOLNDFML
LbVSUDZLÊE\VSÚG]LïZbQLHM
ZLÚFHMF]DVX'RGDWNRZR
PRĝHWRXïDWZLÊSU]HJOÈGDQLH
ZLWU\Q\RVRERPNRU]\VWDMÈF\P
]bF]\WQLNöZHNUDQRZ\FK

3U]HGVIRUPXïRZDQLHP
RGSRZLHGQLHJRWHNVWXïÈF]D
QDOHĝ\VLÚ]DVWDQRZLÊMDNLFK
VïöZPRJÈXĝ\ÊLQQHRVRE\
SRGF]DVSRV]XNLZDQLD
VWURQ\GRNWöUHMGDQHïÈF]H
PDSURZDG]LÊQS]DPLDVW
ķ]DWU]\PDÊVLÚZĵPRĝQD
QDSLVDÊķKRWHOHZb.UDNRZLHĵ

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

k&=$

<p>

5ecenzje ibprzeglÈdy ğlmöZ

<ul>

(mpire

</a></li>

0etacritic

</a></li>

5otten 7omatoes

</a></li>

9ariety

</a></li>

</ul>
</p>

HTML

W YNIK

rozdzial-04/linking-to-other-sites.html

k&=$'2,11<&+:,75<1

<a>

ÈF]DVÈWZRU]RQHSU]\Xĝ\FLX
HOHPHQWX<a>SRVLDGDMÈFHJR
DWU\EXWhreI:DUWRĂFLÈWHJR
DWU\EXWXMHVWDGUHVVWURQ\
NWöUÈFKFHP\Z\ĂZLHWOLÊ
JG\bXĝ\WNRZQLNNOLNQLHïÈF]H

8ĝ\WNRZQLF\PRJÈNOLNQÈÊ
GRZROQÈWUHĂÊXPLHV]F]RQÈ
SRPLÚG]\RWZLHUDMÈF\P
]QDF]QLNLHP<a>Lb]DP\NDMÈF\P
]QDF]QLNLHP</a>ZbHIHNFLH
]RVWDQÈSU]HQLHVLHQLQDVWURQÚ
SRGDQÈZbDWU\EXFLHhreI

:bSU]\SDGNXWZRU]HQLDïÈF]\
SURZDG]ÈF\FKGRLQQHMZLWU\Q\
ZDUWRĂFLÈDWU\EXWXhreIPXVL
E\ÊMHMSHïQ\DGUHVLQWHUQHWRZ\
QD]\ZDQ\WDNĝHEezwzglÚdnym
DGUHVHP85/

3U]HJOÈGDUNLZ\ĂZLHWODMÈ
WHNVWïÈF]\QLHELHVNÈF]FLRQNÈ
]bSRGNUHĂOHQLHP

%H]Z]JOÚGQH

DGUHV\85/

85/WRVNUöWRGDQJLHOVNLHJR
Uniform Resource Locator
ĽXMHGQROLFRQ\ORNDOL]DWRU
]DVREöZ-HVWWRDGUHVNWöU\
ZSLVXMHP\ZbSU]HJOÈGDUFH
E\bZ\ĂZLHWOLÊMDNÈĂVWURQÚ

%H]Z]JOÚGQHDGUHV\85/
UR]SRF]\QDMÈVLÚRGQD]Z\
GRPHQ\DbZbLFKNRñFRZHM
F]ÚĂFLPRĝHVLÚ]QDOHěÊĂFLHĝND
GRNRQNUHWQHMVWURQ\-HĂOL
ĂFLHĝNDQLH]RVWDQLHSRGDQD
SU]HJOÈGDUNDZ\ĂZLHWOLVWURQÚ
JïöZQÈGDQHMZLWU\Q\

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

k&=$

k&=$'2,11<&+67521

7(-6$0(-:,75<1<

<a>

7ZRU]ÈFïÈF]DSURZDG]ÈFH
GRbLQQ\FKVWURQWHMVDPHM
ZLWU\Q\ZbDGUHVDFK85/
QLHWU]HEDSRGDZDÊQD]Z\
GRPHQ\:bW\PSU]\SDGNX
PRĝQD]DVWRVRZDÊVNUöFRQ\
]DSLVQD]\ZDQ\wzglÚdnym
DGUHVHPb85/

-HĂOLZV]\VWNLHVWURQ\ZLWU\Q\
VÈXPLHV]F]RQHZbW\PVDP\P
NDWDORJXWRZDUWRĂFLÈDWU\EXWX
hreIPRĝHE\ÊQD]ZDSOLNX

-HĂOLLQQHVWURQ\ZLWU\Q\
]QDMGXMÈVLÚZbRGUÚEQ\FK
NDWDORJDFKGRRNUHĂOHQLD
SRïRĝHQLDVWURQ\GRFHORZHM
Z]JOÚGHPELHĝÈFHMWU]HED
EÚG]LHXĝ\ÊQLHFREDUG]LHM
]ïRĝRQHJRIRUPDWX=RVWDQLH
RQSU]HGVWDZLRQ\QDVWURQDFK
80 – 83

-HĂOL&]\WHOQLNSU]\MU]\
VLÚNRGRZLVWURQindex.
htmlXPLHV]F]RQ\FK
ZbSRV]F]HJöOQ\FKNDWDORJDFK
]bSU]\NïDGDPLGRWHMNVLÈĝNL
SU]HNRQDVLÚĝH]DZLHUDMÈRQH
ZïDĂQLHWDNLHĽZ]JOÚGQHĽ
DGUHV\85/

<p>

<ul>

Strona gïöZna

</a></li>

2bnas

</a></li>

)ilmy

</a></li>

.ontaNt

</a></li>

</ul>
</p>

HTML

rozdzial-04/linking-to-other-pages.html

W YNIK

:]JOÚGQH

DGUHV\85/

3RGF]DVWZRU]HQLDïÈF]\
GRbLQQ\FKSOLNöZWHMVDPHM
ZLWU\Q\PRĝQDVWRVRZDÊ
Z]JOÚGQHDGUHV\85/
3U]\SRPLQDMÈRQHQLHFR
VNUöFRQÈSRVWDÊDGUHVöZ
EH]Z]JOÚGQ\FKĽQLHWU]HED
ZbQLFKSRGDZDÊQD]Z\
GRPHQ\

:LÚFHMLQIRUPDFMLRbZ]JOÚGQ\FK
DGUHVDFK85/]QDMGXMHVLÚ
QDVWURQDFK82 – 83LVWQLHMH
ERZLHPNLONDXĝ\WHF]Q\FK
VNUöWRZ\FKVSRVREöZ
]DSLV\ZDQLDDGUHVöZGRVWURQ
ZHZïDVQHMZLWU\QLH

:]JOÚGQHDGUHV\85/XïDWZLDMÈ
SUDFÚSRGF]DVWZRU]HQLDVWURQ
:::QDZïDVQ\PNRPSXWHU]H
JG\ĝSR]ZDODMÈGHğQLRZDÊ
ïÈF]DEH]NRQLHF]QRĂFL
NRQğJXURZDQLDQD]Z\GRPHQ\
RUD]Z\NXS\ZDQLDXVïXJL
KRVWLQJRZHM

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

k&=$

6758.785$.$7$/2*:

:bSU]\SDGNXGXĝ\FKZLWU\Q:::ZDUWR]RUJDQL]RZDÊLFK
]DZDUWRĂÊXPLHV]F]DMÈFZbRVREQ\FKNDWDORJDFKVWURQ\QDOHĝÈFH
GRbUöĝQ\FKG]LDïöZ.DWDORJLZbZLWU\QDFK:::VÈF]DVDPL
QD]\ZDQHIROGHUDPL

6758.785$

'LDJUDPSU]HGVWDZLRQ\
]bSUDZHMVWURQ\SRND]XMH
VWUXNWXUÚNDWDORJöZğNF\MQHM
ZLWU\Q\RbQD]ZLHExampleArts
]DZLHUDMÈF\FKLQIRUPDFMH
LbGRQLHVLHQLD]ZLÈ]DQH]bNXOWXUÈ
LbUR]U\ZNÈ

*ïöZQ\NDWDORJZLWU\Q\QRVL
QD]ZÚNRU]HñDQJbroot
:bW\PSU]\NïDG]LH
NDWDORJJïöZQ\QRVLQD]ZÚ
examplearts7RZïDĂQLHZbQLP
XPLHV]F]DQHVÈZV]\VWNLH
SR]RVWDïHSOLNLLbNDWDORJL
WZRU]ÈFHZLWU\QÚ

.DĝG\G]LDïZLWU\Q\]RVWDï
XPLHV]F]RQ\ZbRGUÚEQ\P
NDWDORJXWDNLHUR]ZLÈ]DQLH
XïDWZLDRUJDQL]DFMÚSOLNöZ

:bSU]\SDGNXNRU]\VWDQLD
]bV\VWHPX]DU]ÈG]DQLDWUHĂFLÈ
RSURJUDPRZDQLDGODEORJHUöZ
OXEV\VWHPXGRSURZDG]HQLD
KDQGOXHOHNWURQLF]QHJR
PRĝHVLÚ]GDU]\ÊĝHQLH
EÚG]LHRGUÚEQ\FKSOLNöZGOD
SRV]F]HJöOQ\FKVWURQZLWU\Q\

32:,k=$1,$

:]DMHPQHSRZLÈ]DQLD
SRPLÚG]\SOLNDPLLbNDWDORJDPL
ZbZLWU\QLH:::VÈRSLV\ZDQH
SU]\Xĝ\FLXWHMVDPHM
WHUPLQRORJLLRNUHĂODMÈFHMUHODFMH
KLHUDUFKLF]QH

1LHNWöUH]bW\FKSRZLÈ]Dñ
]RVWDï\]D]QDF]RQHQDU\VXQNX
SU]HGVWDZLRQ\P]bSUDZHM
VWURQ\

.DWDORJexampleartsMHVW
QDGU]ÚGQ\Z]JOÚGHPNDWDORJöZ
moviesmusicRUD]theater
=bNROHLWU]\ZVSRPQLDQH
ZF]HĂQLHMNDWDORJLVÈ
SRGU]ÚGQHZ]JOÚGHPNDWDORJX
examplearts

=DPLDVWWHJRV\VWHP\WHF]ÚVWR
Xĝ\ZDMÈMHGQHJRV]DEORQXGR
SUH]HQWDFMLVWURQNRQNUHWQHJR
W\SXSU]\F]\PW\SöZW\FK
PRĝHE\ÊNLONDQSGRQLHVLHQLD
ZSLV\QDEORJDFKRSLV\
SURGXNWöZ

67521<*:1(

6WURQDJïöZQDFDïHM
ZLWU\Q\RUD]VWURQ\JïöZQH
SRV]F]HJöOQ\FKMHMG]LDïöZ
VÈSLVDQHZbMÚ]\NX+70/
Lb]D]Z\F]DMQRV]ÈQD]ZÚ
index.html
6HUZHU\:::VÈ]D]Z\F]DM
NRQğJXURZDQHZbWDNLVSRVöE
E\]ZUDFDï\VWURQÚindex.html
MHĂOLZbĝÈGDQLXQLH]RVWDQLH
RNUHĂORQDĝDGQDQD]ZDSOLNX
'ODWHJRMHĂOLZbSU]HJOÈGDUFH
ZSLV]HP\DGUHVexamplearts.
comVHUZHU]ZUöFLVWURQÚ
examplearts.com/index.html
QDWRPLDVWSRZSLVDQLXDGUHVX
examplearts.com/musicĽ
VWURQÚexamplearts.com/music/
index.html

3RSU]H]]PLDQÚSOLNX
V]DEORQXPRĝHP\]PLHQLÊ
Z\JOÈGZV]\VWNLFKVWURQ
JHQHURZDQ\FKQDMHJR
SRGVWDZLH1DOHĝ\MHGQDN
XZDĝDÊE\]PLHQLDÊZ\ïÈF]QLH
NRG+70/ZbSU]HFLZQ\PUD]LH
PRG\ğNDFMHPRJÈVSRZRGRZDÊ
Z\VWÈSLHQLHSUREOHPöZ

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

k&=$

.DĝGDVWURQDLbNDĝG\REUD]
ZbZLWU\QLHPDZïDVQ\
DGUHVURLXMHGQROLFRQ\
ORNDOL]DWRU]DVREöZ6NïDGD
VLÚRQ]bQD]Z\GRPHQ\RUD]
XPLHV]F]RQHM]DQLPĂcieĝki
GRbVWURQ\OXEREUD]X

.DWDORJJïöZQ\]DZLHUD

3OLNRbQD]ZLHLQGH[KWPO
EÚGÈF\VWURQÈJïöZQÈFDïHM
ZLWU\Q\

2GUÚEQHNDWDORJLGODG]LDïöZ
ZLWU\Q\SRĂZLÚFRQ\FK
ğOPRPPX]\FHRUD]
WHDWURZL

'$/6=<.$7$/2*

1$'5=}'1<

.DWDORJexamplearts
MHVWGDOV]\PNDWDORJLHP
QDGU]ÚGQ\PNDWDORJXdvd

.$7$/2*1$'5=}'1<

.DWDORJexampleartsMHVW

NDWDORJLHPQDGU]ÚGQ\P

GODNDWDORJXmusic

H[DPSOHDUWV
LQGH[KWPO
LPDJHV
ORJRJLI
PRYLHV
FLQHPD
LQGH[KWPO
OLVWLQJVKWPO
UHYLHZVKWPO
GYG
LQGH[KWPO
UHYLHZVKWPO
LQGH[KWPO
PXVLF
LQGH[KWPO
OLVWLQJVKWPO
UHYLHZVKWPO
WKHDWHU
LQGH[KWPO
OLVWLQJVKWPO
UHYLHZVKWPO

.$7$/2*32'5=}'1<

.DWDORJmusicMHVW

NDWDORJLHPSRGU]ÚGQ\P

NDWDORJXexamplearts

'$/6=<.$7$/2*

32'5=}'1<

.DWDORJdvdMHVWGDOV]\P
NDWDORJLHPSRGU]ÚGQ\P
NDWDORJXexamplearts

¥FLHĝNDGRVWURQ\JïöZQHMWHM
ZLWU\Q\PDSRVWDÊ
www.examplearts.com/index.
html=bNROHLĂFLHĝNDGRSOLNX
]bORJRZLWU\Q\PRĝHPLHÊ
QDVWÚSXMÈFÈSRVWDÊwww.
examplearts.com/images/logo.gif

.DĝG\SRGNDWDORJ]DZLHUD

3OLNRbQD]ZLHindex.html
VWDQRZLÈF\VWURQÚJïöZQÈ
GDQHJRG]LDïX

6WURQÚ]bUHFHQ]MDPLRbQD]ZLH
reviews.html

6WURQÚ]bOLVWÈ]DZDUWRĂFL
RbQD]ZLHlistings.html
]bZ\MÈWNLHPG]LDïX
ğOPöZb'9'

$GUHV\85/VÈXĝ\ZDQH
SRGF]DVWZRU]HQLDïÈF]\
SURZDG]ÈF\FKGRLQQ\FK
VWURQRUD]XPLHV]F]DQLD
REUD]öZZbZLWU\QDFK:::
1DbQDVWÚSQHMVWURQLH]RVWDQLH
SU]HGVWDZLRQ\VNUöFRQ\VSRVöE
WZRU]HQLDïÈF]\GRSOLNöZ
ZFKRG]ÈF\FKZbVNïDGWHM
VDPHMbZLWU\Q\

']LDïğOPöZ]DZLHUD

.DWDORJRbQD]ZLHcinema

.DWDORJRbQD]ZLHDVD

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

k&=$

:=*/}'1($'5(6<85/

:]JOÚGQ\FKDGUHVöZ85/PRĝQDXĝ\ZDÊSRGF]DVWZRU]HQLDïÈF]\
GRVWURQQDOHĝÈF\FKGRWHMVDPHMZLWU\Q\=DSHZQLDMÈRQHNUöWV]\
LbSURVWV]\VSRVöESRLQIRUPRZDQLDSU]HJOÈGDUNLJG]LHQDOHĝ\
RGQDOHěÊVWURQÚGRFHORZÈ

:bïÈF]DFKNWöUHPDMÈ
SURZDG]LÊGRVWURQ
ZFKRG]ÈF\FKZbVNïDGWHMVDPHM
ZLWU\Q\QLHWU]HEDSRGDZDÊ
QD]Z\GRPHQ\0RĝQD
VNRU]\VWDÊ]HwzglÚdnycK
adresów URLVWDQRZLÈF\FK
VNUöFRQ\VSRVöELQIRUPRZDQLD
SU]HJOÈGDUNLRbW\PJG]LH
ZbVWRVXQNXGRDNWXDOQLH
SU]HJOÈGDQHMVWURQ\]QDMGXMHVLÚ
VWURQDGRFHORZD

7RUR]ZLÈ]DQLHMHVWV]F]HJöOQLH
Xĝ\WHF]QHZbSU]\SDGNX
WZRU]HQLDQRZ\FKZLWU\Q
OXEQDXNLMÚ]\ND+70/
JG\ĝSR]ZDODQDWZRU]HQLH
ïÈF]\SRPLÚG]\VWURQDPL
SU]HFKRZ\ZDQ\PLQDORNDOQ\P
NRPSXWHU]HMHV]F]H]DQLP
X]\VNDP\ZïDVQÈGRPHQÚ
LbSU]HĂOHP\SOLNLGRLQWHUQHWX

'RGDWNRZRMDNRĝHZbWDNLFK
ïÈF]DFKQLHWU]HEDSRGDZDÊ
QD]Z\GRPHQ\XPLHV]F]DQLH
LFKZbNRG]LHMHVWV]\EV]H

-HĂOLZV]\VWNLHSOLNLWZRU]ÈFH
ZLWU\QÚ]QDMGXMÈVLÚZbMHGQ\P
NDWDORJXZbïÈF]DFKZ\VWDUF]\
SRGDÊW\ONRQD]Z\SOLNöZ

-HĂOLMHGQDN]DZDUWRĂÊZLWU\Q
MHVWXPLHV]F]RQDZbNLONX
RGUÚEQ\FKNDWDORJDFKWU]HED
SRLQVWUXRZDÊSU]HJOÈGDUNÚ
ZbMDNLVSRVöEPRĝHGRVWDÊ
VLÚ]baktualnieSUH]HQWRZDQHM
VWURQ\QDVWURQÚGRFHORZÈ
ïÈF]D

'ODWHJRSU]\WZRU]HQLXGZöFK
ïÈF]\SURZDG]ÈF\FK]bUöĝQ\FK
VWURQZLWU\Q\GRWHMVDPHM
VWURQ\PRĝHVLÚ]GDU]\Ê
ĝHbWU]HEDEÚG]LHSRGDÊGZD
UöĝQHZ]JOÚGQHDGUHV\85/

7DNĝHZbWDNLFKïÈF]DFK
VWRVRZDQHMHVWWRVDPR
QD]HZQLFWZRNWöUH]RVWDïR
SU]HGVWDZLRQHQDSRSU]HGQLHM
VWURQLHZbRSLVLHVWUXNWXU\
NDWDORJöZ

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

k&=$

7<3k&=$:=*/}'1(*2

35=<.$'

QDSRGVWDZLHVFKHPDWX]bSRSU]HGQLHMVWURQ\

7(16$0.$7$/2*

$E\VWZRU]\ÊïÈF]HGRSOLNX]QDMGXMÈFHJRVLÚ
ZbW\PVDP\PNDWDORJXZ\VWDUF]\SRGDÊMHJR
QD]ZÚQLHSRWU]HEDQLFZLÚFHM

2WRïÈF]HSR]ZDODMÈFHSU]HMĂÊ]HVWURQ\JïöZQHM
G]LDïXPX]\F]QHJRGRUHFHQ]MLXWZRUöZ
PX]\F]Q\FK
<abhreI ĵ

reYieZshtml

ĵ>5ecenzje</a>

.$7$/2*32'5=}'1<

:bSU]\SDGNXïÈF]\GRSOLNöZ]bNDWDORJX
SRGU]ÚGQHJRQDOHĝ\SRGDÊQD]ZÚWHJRNDWDORJX
]QDNXNRĂQLNDRUD]QD]ZÚSOLNX

2WRïÈF]HSURZDG]ÈFH]HVWURQ\JïöZQHMZLWU\Q\
GROLVW\XWZRUöZPX]\F]Q\FK
<abhreI ĵ

music/listingshtml

ĵ>/istings</a>

.$7$/2*:b.$7$/2*832'5=}'1<0

:bW\PSU]\SDGNXQDOHĝ\SRGDÊQD]ZÚNDWDORJX
SRGU]ÚGQHJR]QDNXNRĂQLNDQD]ZÚNROHMQHJR
NDWDORJXXPLHV]F]RQHJRZHZQÈWU]NDWDORJX
SRGU]ÚGQHJRNROHMQ\]QDNXNRĂQLNDLZbNRñFX
QD]ZÚSOLNX

2WRïÈF]HSURZDG]ÈFH]HVWURQ\JïöZQHMZLWU\Q\
GRUHFHQ]MLğOPöZ'9'
<abhreI ĵ

moYies/dYd/reYieZshtml

ĵ>

Recenzje</a>

.$7$/2*1$'5=}'1<

$E\RGZRïDÊVLÚGRVWURQ\ZbNDWDORJXQDGU]ÚGQ\P
Z]JOÚGHPWHJRZbNWöU\P]QDMGXMHVLÚDNWXDOQD
VWURQDQDOHĝ\Xĝ\ÊVHNZHQFML]QDNöZ/
Db]DQLÈSRGDÊQD]ZÚVWURQ\GRFHORZHM

2WRïÈF]HSURZDG]ÈFH]HVWURQ\UHFHQ]ML
ZbG]LDOHPX]\F]Q\PGRVWURQ\JïöZQHM
<abhreI ĵ

/inde[html

ĵ>Strona gïöZna</a>

.$7$/2*1$'5=}'1<:=*/}'(0
.$7$/2*81$'5=}'1(*2

1DOHĝ\GZXNURWQLHXĝ\ÊVHNZHQFML/
E\]D]QDF]\ÊĝHQDOHĝ\SU]HMĂÊGZDSR]LRP\
Z\ĝHMDbQLHW\ONRMHGHQDbQDVWÚSQLHSRGDÊ
QD]ZÚVWURQ\GRFHORZHM

2WRïÈF]HSURZDG]ÈFH]HVWURQ\UHFHQ]MLğOPöZ
'9'GRVWURQ\JïöZQHM
<abhreI ĵ

//inde[html

ĵ>Strona gïöZna</a>

3RRSXEOLNRZDQLXZLWU\Q\
F]\OLbVNRSLRZDQLXMHM
]DZDUWRĂFLQDVHUZHU:::
PRĝQD]DVWRVRZDÊNLONDLQQ\FK
VSRVREöZWZRU]HQLDïÈF]\
QLHGRVWÚSQ\FKSRGF]DVSUDF\
]bSOLNDPL]QDMGXMÈF\PLVLÚ
QDbORNDOQ\PNRPSXWHU]H

0RĝQDQSSRGDÊMHG\QLH
QD]ZÚNDWDORJXSRGU]ÚGQHJR
EH]bRNUHĂODQLDNRQNUHWQHJR
SOLNXRbNWöU\QDPFKRG]L
:bWDNLPSU]\SDGNXVHUZHU
:::]D]Z\F]DMVSUöEXMH
SREUDÊVWURQÚJïöZQÈGDQHJR
G]LDïXZLWU\Q\

8ĝ\FLHVDPHJR]QDNXXNRĂQLND
MDNRFDïHJRDGUHVX85/
VSRZRGXMH]ZUöFHQLHVWURQ\
JïöZQHMFDïHMZLWU\Q\QDWRPLDVW
]QDNXNRĂQLNDSRNWöU\P
]RVWDïDSRGDQDQD]ZDSOLNX
]ZUöFLZVND]DQÈVWURQÚRbLOH
]QDMGXMHVLÚRQDZbNDWDORJX
JïöZQ\PZLWU\Q\

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

k&=$

k&=$=b$'5(6$0,

32&=7<(/(.7521,&=1(-

mailto

(OHPHQWX<a>PRĝQDXĝ\Ê
E\XWZRU]\ÊïÈF]HNWöUHJR
NOLNQLÚFLHVSRZRGXMH
XUXFKRPLHQLHSURJUDPX
GRbREVïXJLSRF]W\HOHNWURQLF]QHM
LbXWZRU]HQLHZLDGRPRĂFL
]DDGUHVRZDQHMGRNRQNUHWQHJR
RGELRUF\:bW\PSU]\SDGNX
ZDUWRĂÊDWU\EXWXhreI
PXVLVLÚ]DF]\QDÊRGFLÈJX
]QDNöZmailtoSRNWöU\P
WU]HEDSRGDÊDGUHVSRF]W\
HOHNWURQLF]QHMQDMDNLPDE\Ê
Z\VïDQDZLDGRPRĂÊ

-DNSRND]XMÈ]U]XW\
]DPLHV]F]RQHRERNWDNLHïÈF]H
Z\JOÈGDGRNïDGQLHWDNVDPR
MDNNDĝGHLQQHMHGQDNSRMHJR
NOLNQLÚFLX]RVWDQLHXUXFKRPLRQ\
SURJUDPGRbREVïXJLSRF]W\
HOHNWURQLF]QHMDbZbQLP
XWZRU]RQHRNQRQRZHM
ZLDGRPRĂFL]DDGUHVRZDQHM
GRbRVRE\SRGDQHMZbïÈF]X

:yĂlij email do Jana

</a>

HTML

W YNIK

rozdzial-04/email-link.html

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

k&=$

27:,(5$1,(67521

:b12:<02.1,(

35=(*/k'$5.,

target

-HĂOLFKFHP\E\VWURQD
GRFHORZDïÈF]D]RVWDïD
Z\ĂZLHWORQDZbQRZ\PRNQLH
WRGRRWZLHUDMÈFHJR]QDF]QLND
<a>SRZLQQLĂP\GRGDÊDWU\EXW
targetRbZDUWRĂFLB blanN

-HGQ\P]bQDMF]ÚVWV]\FK
SRZRGöZGODNWöU\FKDXWRU
ZLWU\Q\PöJïE\FKFLHÊ
E\bVWURQD]RVWDïDZ\ĂZLHWORQD
ZbQRZ\PRNQLHMHVWV\WXDFMD
JG\ïÈF]HZVND]XMHQDLQQÈ
ZLWU\QÚ:bWDNLFKSU]\SDGNDFK
DXWRUZLWU\Q\PDQDG]LHMÚ
ĝHbXĝ\WNRZQLNSR]DNRñF]HQLX
SU]HJOÈGDQLDVWURQ\GRFHORZHM
ZUöFLGRMHJRZLWU\Q\

2JöOQLHU]HF]ELRUÈFQDOHĝ\
XQLNDÊRWZLHUDQLDïÈF]\
ZbQRZ\PRNQLHSU]HJOÈGDUNL
MHĂOLMHGQDNVLÚQDWR
]GHF\GXMHP\WRGREU\]Z\F]DM
QDND]XMHSRLQIRUPRZDÊRbW\P
Xĝ\WNRZQLND

,nternetoZa

baza ğlmöZ

</a>

ZyĂZietlana ZbnoZym oNnie

HTML

rozdzial-04/opening-links-in-a-new-window.html

W YNIK

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

k&=$

'22.5(¥/21<&+0,(-6&

1$7(-6$0(-67521,(

1DVDPHMJöU]HGïXJLHMVWURQ\
:::PRĝQDXPLHĂFLÊ
OLVWÚ]DZDUWRĂFL]bïÈF]DPL
GRMHMRGSRZLHGQLFKF]ÚĂFL
]QDMGXMÈF\FKVLÚSRQLĝHM
2SUöF]WHJRSRĂURGNXWDNLHM
VWURQ\PRĝQDXPLHĂFLÊïÈF]H
SURZDG]ÈFHQDMHMSRF]ÈWHN
E\XFKURQLÊXĝ\WNRZQLNöZ
SU]HGNRQLHF]QRĂFLÈSU]HZLMDQLD
]DZDUWRĂFL

3U]HGXWZRU]HQLHPïÈF]D
GRRNUHĂORQHJRPLHMVFD
VWURQ\NRQLHF]QHEÚG]LHMHJR
ZVND]DQLH:bW\PFHOXQDOHĝ\
VNRU]\VWDÊ]bDWU\EXWXidNWöU\
PRĝQDGRGDZDÊGRZV]\VWNLFK
HOHPHQWöZMÚ]\ND+70/
-DNZLGDÊQDSU]\NïDG]LH
SU]HGVWDZLRQ\PRERN
ZHbZV]\VWNLFKHOHPHQWDFK<h1>
Lb<h2>]RVWDï\SRGDQHZDUWRĂFL
DWU\EXWXidLGHQW\ğNXMÈFH
SRV]F]HJöOQHF]ÚĂFLVWURQ\

:DUWRĂÊDWU\EXWXidSRZLQQD
]DF]\QDÊVLÚRGOLWHU\OXE]QDNX
SRGNUHĂOHQLDOHF]QLHRGF\IU\
DQLLQQHJR]QDNX&RZLÚFHM
QDbMHGQHMVWURQLHQLHSRZLQQR
E\ÊGZöFKDWU\EXWöZidRbWHM
VDPHMZDUWRĂFL

7DNĝHZbSU]\SDGNXWZRU]HQLD
ïÈF]DGRHOHPHQWX]bRNUHĂORQÈ
ZDUWRĂFLÈDWU\EXWXidQDOHĝ\
SRVïXĝ\ÊVLÚHOHPHQWHP
<a>OHF]ZöZF]DVZbMHJR
DWU\EXFLHhreIQDOHĝ\SRGDÊ
ZDUWRĂÊDWU\EXWXidHOHPHQWX

7erminologia ğlmoZa

</h1>

8jÚcie oNrÚĝne

</a><br />

3rzeryZniN

</a><br />

3rolog

</a><br /><br />

8jÚcie oNrÚĝne

</h2>

<p>

8jÚcie ZbNtörym tZorzona jest seNZencja zdjÚÊ

obieNtu abNamera przesuZa siÚ ZoNöï niego

</p>

3rzeryZniN

</h2>

<p>

.rötNa scena lub seNZencja umieszczona Zbğlmie

nieNoniecznie ĂciĂle zZiÈzana zbjego gïöZnym
ZÈtNiem

</p>

3rolog

</h2>

<p>

3rzemoZa ZstÚp lub NrötNa scena bezpoĂrednio

poprzedzajÈce gïöZnÈ aNcjÚ lub ZÈteN ğlmu
przeciZieñstZo epilogu

</p>

1a poczÈteN

</a></p>

HTML

rozdzial-05/linking-to-a-specific-part.html

GRFHORZHJRSRSU]HG]RQÈ
]QDNLHP:bW\PSU]\NïDG]LH
HOHPHQW<abhreI ĵtopĵ>
WZRU]\ïÈF]HGRHOHPHQWX<h1>
]bDWU\EXWHPidRbZDUWRĂFL
topXPLHV]F]RQHJRQDVDPHM
JöU]HbVWURQ\

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

k&=$

'2.21.5(71<&+0,(-6&

1$,11<&+67521$&+

%DUG]RSRGREQÈWHFKQLNÚ
VWRVXMHVLÚSU]\WZRU]HQLX
ïÈF]\GRNRQNUHWQ\FKPLHMVF
LQQ\FKVWURQ:::QLH]DOHĝQLH
GRbWHJRF]\QDOHĝÈRQH
GRbQDV]HMF]\GRGRZROQHM
LQQHMbZLWU\Q\

2bLOHVWURQDGRFHORZD]DZLHUD
HOHPHQW]bDWU\EXWHPid
LGHQW\ğNXMÈF\PPLHMVFH
RGNWöUHJRFKFHP\SU]HMĂÊ
Z\VWDUF]\XWZRU]\ÊïÈF]H
Z\NRU]\VWXMÈFGRNïDGQLH
WÚVDPÈRSLVDQÈZF]HĂQLHM
VNïDGQLÚ

$b]DWHPZbW\PSU]\SDGNX
DWU\EXWhreIEÚG]LH]DZLHUDï
DGUHVVWURQ\GRFHORZHM
F]\OLbEH]Z]JOÚGQ\OXEZ]JOÚGQ\
DGUHV85/QDVWÚSQLH]QDN
RUD]ZDUWRĂÊDWU\EXWXid
Z\EUDQHJRHOHPHQWXWHMVWURQ\

$E\QSXWZRU]\ÊïÈF]H
GRbSLHUZV]HJRHOHPHQWX<h2>
QDQDV]HMSU]\NïDGRZHMVWURQLH
PRĝHP\Xĝ\ÊQDVWÚSXMÈFHJR
HOHPHQWX<abhreI ĵlinNing
toaspeciğcparthtmlarc
B shotĵ>

W YNIK

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

k&=$

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

k&=$

35=<.$'

k&=$

:bW\PSU]\NïDG]LHSUH]HQWXMHP\
VWURQÚ:::SRĂZLÚFRQÈğOPRP

1DVDPHMJöU]HVWURQ\]RVWDïXPLHV]F]RQ\HOHPHQW<h1>
]bDWU\EXWHPbidG]LÚNLF]HPXZbMHMGDOV]HMF]ÚĂFLEÚG]LHPRĝQD
XPLHĂFLÊïÈF]DSR]ZDODMÈFHXĝ\WNRZQLNRPV]\ENRZUöFLÊ
QDbSRF]ÈWHNZLWU\Q\1DVWURQLH]QDMGXMHVLÚWDNĝHïÈF]H]bDGUHVHP
SRF]W\HOHNWURQLF]QHMSR]ZDODMÈFHXĝ\WNRZQLNRZLZ\VïDÊ
ZLDGRPRĂÊGRMHMDXWRUD'RGDWNRZRQDVWURQLH]QDOD]ï\VLÚïÈF]D
GRLQQ\FKVWURQRNUHĂORQHSU]\Xĝ\FLXEH]Z]JOÚGQ\FKDGUHVöZ
85/6ÈWRïÈF]DGRVWURQUöĝQ\FKIHVWLZDOLğOPRZ\FK3RQLĝHM
QDbVDP\PGROHVWURQ\]QDMGXMHVLÚïÈF]HNRU]\VWDMÈFH]HZ]JOÚGQHJR
DGUHVX85/SURZDG]ÈFHGRVWURQ\ķ2bQDVĵXPLHV]F]RQHMZbW\P
VDP\PbNDWDORJX

<title>

Ècza

</title>

</head>
<body>

)estiZale ğlmoZe

</h1>

<h2>

.alendarium IestiZaloZe

</h2>

<p>

2to nieNtöre spoĂröd tegorocznych IestiZali

ğlmoZych Ntöre nas interesujÈ

<br />

3roszÚ

siÚ zbnami

sNontaNtoZaÊ

</a>

Zbcelu uzysNania

dodatNoZych inIormacji na ich temat

</p>

<h3>

:rzesieñ

</h3>

;9,, 3R=(*/k' ),/0: *RS.,&+

</a><br />

/ÈdeN=dröj

<br />

1 23 ZrzeĂnia 212 r

</p>

<h3>

/istopad

</h3>

2 0iÚdzynarodoZy )estiZal SztuNi $utoröZ =djÚÊ
)ilmoZych 3lus &amerimage

</a><br />

%ydgoszcz

<br />

24 listopada 1 grudnia 212 r

</p>

< dalsza zaZartoĂÊ strony >

2bnas

</a></p>

3oczÈteN strony

</a></p>

</body>
</html>

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

32'6802:$1,(

k&=$

ÈF]DVÈWZRU]RQHSU]\Xĝ\FLXHOHPHQWX<a>

6WURQDGRFHORZDïÈF]DMHVWRNUHĂODQDSU]\Xĝ\FLX

DWU\EXWXhreIHOHPHQWX<a>

-HĂOLWZRU]RQHïÈF]HPDSURZDG]LÊGRVWURQ\

QDOHĝÈFHMGRWHMVDPHMZLWU\Q\QDMOHSV]\P

UR]ZLÈ]DQLHPEÚG]LH]DVWRVRZDQLHZ]JOÚGQHJR

DGUHVX85/DbQLHEH]Z]JOÚGQHJR

0RĝQDWZRU]\ÊïÈF]DNWöU\FKNOLNQLÚFLHVSRZRGXMH

XUXFKRPLHQLHSURJUDPXGRREVïXJLSRF]W\

HOHNWURQLF]QHMXWZRU]HQLHQRZHMZLDGRPRĂFL

LbZ\SHïQLHQLHSRODDGUHVDWD

']LÚNL]DVWRVRZDQLXDWU\EXWXidPRĝQDRGZRï\ZDÊ

VLÚGRNRQNUHWQ\FKHOHPHQWöZVWURQGRFHORZ\FK

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

OBRAZY

Sposoby umieszczania obrazów na stronach WWW.

Wybór odpowiedniego formatu.

2SW\PDOL]DFMDREUD]öZSRGNÈWHPZ\NRU]\VWDQLD
QDbVWURQDFK:::

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

OBRAZY

Istnieje wiele powodów, by na tworzonych
VWURQDFKXPLHV]F]DÊREUD]\0RĝHWRE\ÊFKÚÊ
Z\ĂZLHWOHQLDORJRIRWRJUDğLLOXVWUDFMLGLDJUDPX
lub wykresu.

3U]\Z\ELHUDQLXLbSU]\JRWRZ\ZDQLXREUD]öZGRXPLHV]F]HQLDQDVWURQLH
QDOHĝ\Z]LÈÊSRGXZDJÚNLONDF]\QQLNöZMHGQDNF]DVSRĂZLÚFRQ\QDWR
VSUDZLĝHVWURQDEÚG]LHZ\JOÈGDïDDWUDNF\MQLHMLbEDUG]LHMSURIHVMRQDOQLH
:bW\PUR]G]LDOHSRZLHP\MDN

8PLHV]F]DÊREUD]\QDVWURQDFK:::NRU]\VWDMÈF]bPRĝOLZRĂFL
MÚ]\NDb+70/

2GSRZLHGQLRGRELHUDÊIRUPDWREUD]öZ

:\ĂZLHWODÊREUD]\RbRGSRZLHGQLFKUR]PLDUDFK

2SW\PDOL]RZDÊREUD]\SRGNÈWHPZ\NRU]\VWDQLDZbZLWU\QLH:::
WDNbE\VWURQDïDGRZDïDVLÚV]\EFLHM

2EUD]\PRĝQDZ\ĂZLHWODÊQDVWURQDFK:::SRVïXJXMÈFVLÚZïDĂFLZRĂFLÈ
background-imageDUNXV]\VW\OöZ&66]DJDGQLHQLDWH]RVWDQÈRSLVDQH
ZbGDOV]HMF]ÚĂFLNVLÈĝNLQDVWURQDFK412 – 419.

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

OBRAZY

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

OBRAZY

WYBIERANIE OBRAZÓW

'235(=(17$&-,

:b:,75<1,(

-HGHQREUD]MHVWZDUWZLÚFHMQLĝW\VLÈFVïöZDbGRVNRQDOHGREUDQH
REUD]\PRJÈVWDQRZLÊRbUöĝQLF\SRPLÚG]\ZLWU\QÈZ\JOÈGDMÈFÈ
SU]HFLÚWQLHDbWÈQDSUDZGÚ]DFKZ\FDMÈFÈ

2EUD]\VÈZbVWDQLHRNUHĂOLÊ
charakter witryny znacznie
V]\EFLHMQLĝMHMRSLV-HĂOL
QLHG\VSRQXMHP\]GMÚFLDPL
NWöUHbPRJOLE\ĂP\Z\NRU]\VWDÊ
ZbZLWU\QLHWRMHVWVSRURğUP
XGRVWÚSQLDMÈF\FKzdjÚcia
komercyjne — takie, które
PRĝQDNXSLÊLbXPLHĂFLÊ

QDbWZRU]RQ\FKVWURQDFKSRQLĝHM
OLVWDZLWU\QXGRVWÚSQLDMÈF\FK
]GMÚFLD7U]HEDSDPLÚWDÊ
ĝHbZV]\VWNLHREUD]\SRGOHJDMÈ
SUDZRPDXWRUVNLPZLÚF
Z\NRU]\VWDQLH]GMÚFLD]bLQQHM
ZLWU\Q\PRĝHSU]\VSRU]\Ê
QDPbSUREOHPöZ

-HĂOLVWURQDPDSU]HGVWDZLDÊ
NLOND]GMÚÊIRWRJUDğL
SURGXNWöZOXEF]ïRQNöZ
]HVSRïXWRbXPLHV]F]HQLH
LFKQDbMHGQROLW\PWOH
VSUDZLĝHbMDNRJUXSD
EÚGÈbZ\JOÈGDï\bOHSLHM

OBRAZY POWINNY…

0LHÊ]QDF]HQLH

'RVWDUF]DÊLQIRUPDFML

7ZRU]\ÊZïDĂFLZ\NOLPDW

:\UöĝQLDÊVLÚQDSLHUZV]\
rzut oka.

3DVRZDÊGRSDOHW\EDUZ

:,75<1<:::

635=('$-k&(='-}&,$

http://www.istockphoto.com
http://www.gettyimages.com
http://www.veer.com
http://www.sxc.hu
http://www.fotolia.com

:,}&(-:b6,(&,

Na stronie internetowej
SRĂZLÚFRQHMWHMNVLÈĝFH
GRVWÚSQDMHVWJDOHULDNWöUD
PRĝHSRPöFZbZ\ERU]H
odpowiednich obrazów
GRbWZRU]RQ\FKZLWU\Q
0RĝQDMÈ]QDOHěÊZbG]LDOHTools.

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

OBRAZY

35=(&+2:<:$1,(

OBRAZÓW

:(:$61(-:,75<1,(

-HĂOLWZRU]\P\ZLWU\QÚRGVDPHJRSRF]ÈWNXWRGREU\P
UR]ZLÈ]DQLHPEÚG]LHXWZRU]HQLHNDWDORJXZbNWöU\PXPLHĂFLP\
ZV]\VWNLHREUD]\Xĝ\ZDQHQDVWURQLH

.LHG\ZLWU\QD]DF]QLHVLÚ
SRZLÚNV]DÊSU]HFKRZ\ZDQLH
REUD]öZZbRGUÚEQ\PNDWDORJX
PRĝHXïDWZLÊ]UR]XPLHQLHMHM
VWUXNWXU\LbRUJDQL]DFML3RQLĝHM
SU]HGVWDZLRQRSU]\NïDGSOLNöZ
LbNDWDORJöZZLWU\Q\ZV]\VWNLH
REUD]\]RVWDï\XPLHV]F]RQH
ZbNDWDORJXRbQD]ZLHimages.
:bSU]\SDGNXGXĝ\FK
ZLWU\QPRĝQDVLÚWDNĝH
]GHF\GRZDÊQDXWZRU]HQLH

dodatkowych podkatalogów
ZbNDWDORJXimages,bWDN
wszystkie logo oraz przyciski
PRJÈE\ÊXPLHV]F]RQH
ZbNDWDORJXinterface]GMÚFLD
SURGXNWöZĽZbNDWDORJX
productsDbREUD]\]ZLÈ]DQH
]bQDMQRZV]\PLGRQLHVLHQLDPLĽ
ZbNDWDORJXbnews.
:bSU]\SDGNXNRU]\VWDQLD
]bV\VWHPX]DU]ÈG]DQLDWUHĂFLÈ
lub platformy blogowej

Z\VWDUF]\VLÚJQÈÊGRLFK
paneli administracyjnych
ĽWDP]D]Z\F]DMGRVWÚSQH
VÈQDU]ÚG]LDSR]ZDODMÈFH
QDbSU]HVïDQLHREUD]XQDbVHUZHU
DbVDPDDSOLNDFMDEÚG]LH
SRVLDGDïDRGUÚEQ\NDWDORJ
do przechowywania plików
obrazów oraz wszelkich
innych plików umieszczanych
QDbVHUZHU]H

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

OBRAZY

HTML

W YNIK

rozdzial-05/adding-images.html

DODAWANIE OBRAZÓW

<img>

$E\XPLHĂFLÊREUD]QDVWURQLH
:::QDOHĝ\Xĝ\ÊHOHPHQWX
<img>-HVWWRHOHPHQWSXVW\
WRR]QDF]DĝHQLHPD
]QDF]QLND]DP\NDMÈFHJR
:bHOHPHQFLH<img>QDOHĝ\
RNUHĂOLÊZDUWRĂFLQDVWÚSXMÈF\FK
DWU\EXWöZ

src

Atrybut ten informuje
SU]HJOÈGDUNÚJG]LHPRĝH
]QDOHěÊSOLNREUD]X=D]Z\F]DM
ZDUWRĂFLÈWHJRDWU\EXWX
EÚG]LHZ]JOÚGQ\DGUHVb85/
ZVND]XMÈF\ORNDOL]DFMÚ
REUD]XZbWHMVDPHMZLWU\QLH
1DbSU]\NïDG]LHZLGDÊ
ĝHbREUD]\]RVWDï\XPLHV]F]RQH
ZbNDWDORJXSRGU]ÚGQ\P
RbQD]ZLHimagesZ]JOÚGQH
DGUHV\85/]RVWDï\RSLVDQH
QDbVWURQDFKļ.

alt

7HQDWU\EXW]DZLHUDWHNVW
VWDQRZLÈF\RSLVREUD]X
]bNWöUHJRPRĝQDVNRU]\VWDÊ
JG\REUD]QLHEÚG]LHZLGRF]Q\

title

0RĝQDWDNĝHVNRU]\VWDÊ
]bDWU\EXWXtitle elementu
<img>E\SU]HND]DÊGRGDWNRZH
LQIRUPDFMHRbREUD]LH:LÚNV]RĂÊ
SU]HJOÈGDUHNZ\ĂZLHWOD
]DZDUWRĂÊWHJR]QDF]QLND
ZbIRUPLHHW\NLHW\HNUDQRZHM
SRbZVND]DQLXREUD]ND
przyciskiem myszy.

7HNVWXPLHV]F]DQ\ZbDWU\EXFLH
altF]ÚVWRMHVWQD]\ZDQ\
tekstem alternatywnym.
3RZLQLHQSU]HGVWDZLDÊ
GRNïDGQ\RSLV]DZDUWRĂFL
REUD]XWDNE\PöJïRQ]RVWDÊ
zrozumiany przez czytniki
HNUDQRZHXĝ\ZDQHSU]H]RVRE\
PDMÈFHSUREOHP\]HZ]URNLHP
oraz wyszukiwarki.

-HĂOLREUD]VïXĝ\Z\ïÈF]QLH
poprawie wizualnej
DWUDNF\MQRĂFLVWURQ\LbQLHPD
ĝDGQHJRLQQHJR]QDF]HQLDWDN
MDNNUHVNDRGG]LHODMÈFDMDNLHĂ
IUDJPHQW\VWURQ\WRbLbWDN
Zb]QDF]QLNX<img>QDOHĝ\
XPLHĂFLÊDWU\EXWaltFKRÊMHJR
ZDUWRĂÊSRZLQQDE\ÊSXVWD

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

OBRAZY

HTML

rozdzial-05/height-and-width-of-images.html

W YNIK

:<62.2¥m,b6=(52.2¥m

OBRAZÓW

.ROHMQ\PLDWU\EXWDPLF]ÚVWR
VWRVRZDQ\PLZbHOHPHQWDFK
<img>VÈGZDDWU\EXW\
RNUHĂODMÈFHZ\PLDU\REUD]X
SUH]HQWRZDQHJRQDVWURQLH

height

$WU\EXWWHQRNUHĂODZ\VRNRĂÊ
REUD]XZ\UDĝRQÈZbSLNVHODFK

width

=bNROHLWHQRNUHĂODV]HURNRĂÊ
REUD]XWDNĝHMHVWZ\UDĝDQ\
ZbSLNVHODFK

&]ÚVWRVLÚ]GDU]DĝHSREUDQLH
REUD]öZ]DMPXMHZLÚFHM
F]DVXQLĝZF]\WDQLHNRGX
+70/VWURQ\:ïDĂQLH]bWHJR
powodu podawanie wymiarów
obrazu jest bardzo dobrym
UR]ZLÈ]DQLHPĽG]LÚNL
WHPXSU]HJOÈGDUNDEÚG]LH
ZbVWDQLHZ\ĂZLHWOLÊSR]RVWDïÈ
]DZDUWRĂÊVWURQ\SR]RVWDZLDMÈF
RGSRZLHGQLRGXĝRPLHMVFD
GODbREUD]ND

:\PLDU\REUD]öZVÈFRUD]
F]ÚĂFLHMSRGDZDQHQLHZbNRG]LH
+70/VWURQ\OHF]ZbDUNXV]DFK
VW\OöZ&66ZLÚFHMLQIRUPDFML
QDWHQWHPDWPRĝQD]QDOHěÊ
QDbVWURQDFK408 – 409.

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

100 OBRAZY

:b.75<&+0,(-6&$&+

.2'880,(6=&=$m

OBRAZY?

7RZbNWöU\PPLHMVFX
NRGXXPLHĂFLP\REUD]
EÚG]LHPLDïRZSï\ZQDbWR
ZbMDNLVSRVöE]RVWDQLH
RQSöěQLHMZ\ĂZLHWORQ\
3RQLĝHMSU]HGVWDZLRQRWU]\
SU]\NïDG\ZbNWöU\FKZ\EöU
PLHMVFDGHF\GXMHRbVSRVRELH
Z\ĂZLHWOHQLDREUD]X

1. PRZED
$.$3,7(07(.678

:bW\PSU]\SDGNXDNDSLWWHNVWX
UR]SRF]QLHVLÚRGQRZHJR
ZLHUV]DSRQLĝHMREUD]X

:(:1k75=$.$3,78
1$-(*232&=k7.8

:bW\PSU]\SDGNXSLHUZV]\
ZLHUV]WHNVWXZbDNDSLFLH
]RVWDQLHZ\UöZQDQ\ZbSLRQLH
GRGROQHMNUDZÚG]LREUD]X

:(:1k75=
7(.678$.$3,78

:bW\PSU]\SDGNXREUD]
]RVWDQLHZ\ĂZLHWORQ\SRPLÚG]\
VïRZDPLZHZQÈWU]WUHĂFL
akapitu.

2becnie na =iemi ĝyje ponad 10 tysiÚcy gatunköw

ptaköw zamieszkujÈcych przeröĝne ekosystemy
zaczynajÈc od $rktyki abna $ntarktyce koñczÈc.
:iele spoĂröd tych gatunköw podejmuje trud
dïugich corocznych migracji abznacznie wiÚcej
odbywa obwiele krötsze nieregularne
podröĝe.

</p>

2becnie na =iemi ĝyje ponad 10

tysiÚcy gatunköw ptaköw zamieszkujÈcych przeröĝne
ekosystemy zaczynajÈc od $rktyki abna $ntarktyce
koñczÈc. :iele spoĂröd tych gatunköw podejmuje
trud dïugich corocznych migracji abznacznie
wiÚcej odbywa obwiele krötsze nieregularne
podröĝe.

</p>

2becnie na =iemi ĝyje ponad 10 tysiÚcy gatunköw

ptaköw zamieszkujÈcych przeröĝne ekosystemy
zaczynajÈc od $rktyki abna $ntarktyce koñczÈc.

<img src=”images/bird.gif” alt=”Ptak” width=”100”

height=”100” />

:iele spoĂröd tych gatunköw

podejmuje trud dïugich corocznych migracji
abznacznie wiÚcej odbywa obwiele krötsze
nieregularne podröĝe.

</p>

HTML

rozdzial-05/where-to-place-images.html

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

101

OBRAZY

0LHMVFHZbNWöU\PXPLHĂFLP\
REUD]PD]QDF]HQLHJG\ĝ
SU]HJOÈGDUNLZ\ĂZLHWODMÈ
HOHPHQW\+70/QDGZD
sposoby.

(lementy Elokowe zawsze
sÈ wyĂwietlane wbnowym
wierszu3U]\NïDGDPLWDNLFK
HOHPHQWöZVÈ<h1>Lb<p>.

-HĂOLEH]SRĂUHGQLR
]DbHOHPHQWHP<img> zostanie
umieszczony element blokowy
WDNLMDNDNDSLWWRHOHPHQW
EORNRZ\]RVWDQLHZ\ĂZLHWORQ\
ZbQRZ\PZLHUV]XSRQLĝHM
obrazka; co pokazuje pierwszy
SU]\NïDGQD]DPLHV]F]RQ\P
obok rysunku.

(lementy wewnÈtrzwierszowe
sÈ umieszczane wewnÈtrz
elementów ElokowycK
ibnie zaczynajÈ siÚ
od nowego wiersza
3U]\NïDGDPLHOHPHQWöZ
ZHZQÈWU]ZLHUV]RZ\FKVÈ
<b>, <em>Lb<img>.

-HĂOLHOHPHQW<img> zostanie
XPLHV]F]RQ\ZHZQÈWU]
elementu blokowego, to tekst
oraz wszelkie inne elementy
ZHZQÈWU]ZLHUV]RZHEÚGÈ
RWDF]Dï\REUD]HNWDNMDN
SRND]DQRQDGUXJLPLbWU]HFLP
SU]\NïDG]LH

Elementy blokowe oraz
ZHZQÈWU]ZLHUV]RZH]RVWDï\
RSLVDQHEDUG]LHMV]F]HJöïRZR
ZbGDOV]HMF]ÚĂFLNVLÈĝNL
QDbVWURQDFK184 – 185.

W YNIK

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

102 OBRAZY

WYRÓWNYWANIE OBRAZÓW

:b32=,20,(

Ľ67$5<6326%

align

Atrybut alignE\ïQLHJG\Ă
SRZV]HFKQLHXĝ\ZDQ\ZbFHOX
RNUHĂOHQLDZbMDNLVSRVöELQQD
]DZDUWRĂÊVWURQ\SRZLQQD
RWDF]DÊREUD]$WU\EXW
WHQMHGQDN]RVWDïXVXQLÚW\
]bMÚ]\ND+70/DbWZRU]RQH
aktualnie witryny powinny
NRQWURORZDÊZ\UöZQ\ZDQLH
REUD]öZZ\ïÈF]QLHSU]\Xĝ\FLX
kaskadowych arkuszy stylów
LQIRUPDFMHQDWHQWHPDWPRĝQD
]QDOHěÊQDVWURQDFK410 – 411

=GHF\GRZDïHPVLÚ]DPLHĂFLÊ
WXLQIRUPDFMÚQDWHPDWWHJR
DWU\EXWXJG\ĝ&]\WHOQLN
QDbSHZQRVSRWNDVLÚ]bQLP
DQDOL]XMÈFNRG\LVWQLHMÈF\FK
stron WWW, oraz dlatego,
ĝHQLHNWöUHZL]XDOQHHG\WRU\
+70/ZFLÈĝNRU]\VWDMÈ]bQLHJR
ZbFHOXRNUHĂODQLDVSRVREX
wyrównywania obrazów.

Atrybut alignPRĝHSU]\MPRZDÊ
QDVWÚSXMÈFHZDUWRĂFL
RNUHĂODMÈFHVSRVöEZ\UöZQDQLD
REUD]XZbSR]LRPLH

left

8ĝ\FLHWHMZDUWRĂFLVSUDZL
ĝHbHOHPHQW]RVWDQLHZ\UöZQDQ\
GROHZHMSU]H]FRWHNVWEÚG]LH
JRRWDF]Dï]bSUDZHMVWURQ\

right

8ĝ\FLHWHMZDUWRĂFLVSUDZL
ĝHbHOHPHQW]RVWDQLHZ\UöZQDQ\
GRSUDZHMSU]H]FRWHNVWEÚG]LH
JRRWDF]Dï]bOHZHMVWURQ\

2becnie na =iemi ĝyje

ponad 10 tysiÚcy gatunköw ptaköw zamieszkujÈcych
przeröĝne ekosystemy zaczynajÈc od $rktyki
abna $ntarktyce koñczÈc. :iele spoĂröd tych
gatunköw podejmuje trud dïugich corocznych
migracji abznacznie wiÚcej odbywa obwiele krötsze
nieregularne podröĝe.

</p>

2becnie na =iemi ĝyje

</p>

HTML

rozdzial-05/aligning-images-horizontally.html

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

103

OBRAZY

7DNLXNïDG]DZDUWRĂFL
Z\JOÈGD]QDF]QLHOHSLHMQLĝ
przedstawiony na poprzedniej
stronie, gdzie obok obrazka
Z\ĂZLHWODïVLÚW\ONRMHGHQ
wiersz tekstu.

Kiedy atrybutowi align
SU]\SLV]HP\ZDUWRĂÊleft,
REUD]HN]RVWDQLHZ\ĂZLHWORQ\
]bOHZHMVWURQ\DbWHNVWEÚG]LHJR
RWDF]Dï

=bNROHLJG\DWU\EXWRZLalign
SU]\SLV]HP\ZDUWRĂÊright,
REUD]HN]RVWDQLHZ\ĂZLHWORQ\
]bSUDZHMVWURQ\DbWHNVW
podobnie jak poprzednim
SU]\SDGNXEÚG]LHJRRWDF]Dï

-HĂOLWHNVWEÚG]LHVLÚVW\NDï
EH]SRĂUHGQLR]bNUDZÚG]LÈ
obrazu, to jego lektura
PRĝHE\ÊQLHFRXWUXGQLRQD
1DbVWURQDFK312 – 313EÚG]LH
PRZDRbGRGDZDQLXRGVWÚSX
SRPLÚG]\REUD]NLHPLbWHNVWHP
]bZ\NRU]\VWDQLHPZïDĂFLZRĂFL
&66padding oraz margin.

W YNIK

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

104 OBRAZY

2becnie na =iemi ĝyje

</p>

Obecnie na Ziemi

ĝyje ponad 10 tysiÚcy gatunköw ptaköw
zamieszkujÈcych przeröĝne ekosystemy zaczynajÈc
od $rktyki abna $ntarktyce koñczÈc. :iele spoĂröd
tych gatunköw podejmuje trud dïugich corocznych
migracji abznacznie wiÚcej odbywa obwiele krötsze
nieregularne podröĝe.

</p>

Obecnie na Ziemi ĝyje

</p>

HTML

rozdzial-05/aligning-images-vertically.html

WYRÓWNYWANIE OBRAZÓW

:b3,21,(

Ľ67$5<6326%

Na poprzedniej stronie
ZVSRPQLDQRRbW\PĝHbZbMÚ]\NX
+70/DWU\EXWalign nie
MHVWXĝ\ZDQ\QLHPQLHM
SU]HGVWDZLDPJRWXWDMJG\ĝ
PRĝQDJRMHV]F]H]QDOHěÊ
ZbNRG]LHVWDU\FKZLWU\QLbZFLÈĝ
MHVWXĝ\ZDQ\SU]H]QLHNWöUH
wizualne edytory stron WWW.

Na stronach 284 – 285
]QDMGXMÈVLÚZVND]öZNL
MDNbX]\VNDÊLGHQW\F]QHHIHNW\
NRU]\VWDMÈF]bPRĝOLZRĂFL&66
Atrybut alignXGRVWÚSQLDWU]\
NROHMQHZDUWRĂFLSR]ZDODMÈFH
RNUHĂOLÊVSRVöEZ\UöZQDQLD
REUD]XZbSLRQLHZ]JOÚGHP
RWDF]DMÈFHMJR]DZDUWRĂFL
VWURQ\

top

8ĝ\FLHWHMZDUWRĂFLVSUDZL
ĝHSLHUZV]\ZLHUV]WHNVWX
RWDF]DMÈFHJRREUD]]RVWDQLH
Z\UöZQDQ\]bMHJRJöUQÈ
NUDZÚG]LÈ

middle

8ĝ\FLHWHMZDUWRĂFLVSUDZL
ĝHSLHUZV]\ZLHUV]WHNVWX
RWDF]DMÈFHJRHOHPHQW]RVWDQLH
Z\UöZQDQ\GRSRïRZ\
Z\VRNRĂFLREUD]X

bottom

8ĝ\FLHWHMZDUWRĂFLVSUDZL
ĝHSLHUZV]\ZLHUV]WHNVWX
RWDF]DMÈFHJRREUD]]RVWDQLH
Z\UöZQDQ\]bMHJRGROQÈ
NUDZÚG]LÈ

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

105

OBRAZY

W YNIK

:DUWRĂÊtop sprawi,
ĝHbSLHUZV]\ZLHUV]WHNVWX
zostanie umieszczony
QDbZ\VRNRĂFLJöUQHMNUDZÚG]L
REUD]XDbNROHMQHZLHUV]H]QDMGÈ
VLÚSRQLĝHMQLHJR

:DUWRĂÊmiddle sprawi,
ĝHbSLHUZV]\ZLHUV]WHNVWX
]RVWDQLHXPLHV]F]RQ\ZbSRïRZLH
Z\VRNRĂFLREUD]XDbNROHMQH
ZLHUV]H]QDMGÈVLÚSRQLĝHM
niego.

:DUWRĂÊbottom sprawi,
ĝHbSLHUZV]\ZLHUV]WHNVWX
zostanie umieszczony
QDbZ\VRNRĂFLGROQHMNUDZÚG]L
REUD]XDbNROHMQHZLHUV]H]QDMGÈ
VLÚSRQLĝHMQLHJR

-HĂOLFKFHP\E\QLHW\ONR
pierwszy wiersz, lecz znacznie
ZLÚNV]HIUDJPHQW\WHNVWX
RWDF]Dï\REUD]PRĝHP\
VNRU]\VWDÊ]bZïDĂFLZRĂFLĠRDW
DUNXV]\VW\OöZ]RVWDïDRQD
GRNïDGQLHMRSLVDQDQDVWURQDFK
369 – 371.

:bVWDUV]\PNRG]LHPRĝQD
]QDOHěÊSU]\NïDG\Z\NRU]\VWDQLD
atrybutu align]bZDUWRĂFLDPL
left lub rightZbFHOXRWRF]HQLD
REUD]XWHNVWHPRSLVDQR
WRQDbpoprzedniej stronie
QLHPQLHMWDNLHUR]ZLÈ]DQLD
QLHbVÈMXĝ]DOHFDQH

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

106 OBRAZY

75=<=$6$'<

7:25=(1,$2%5$=:

3RQLĝHM]RVWDï\RSLVDQHWU]\]DVDG\RbNWöU\FKQDOHĝ\SDPLÚWDÊ
ZbWUDNFLHSU]\JRWRZ\ZDQLDREUD]öZSU]H]QDF]RQ\FKGRXĝ\FLD
QDbVWURQDFK:::.DĝGD]b]DVDG]RVWDQLHGRNïDGQLHMRSLVDQD
QDbNROHMQ\FKG]LHZLÚFLXVWURQDFKWHJRUR]G]LDïX

=$3,68-2%5$=<

:b2'32:,('1,0
)250$&,(

:bZLWU\QDFK:::]D]Z\F]DM
Xĝ\ZDVLÚREUD]öZ]DSLVDQ\FK
ZbIRUPDWDFK-3(**,)
Lb31*:bHIHNFLHZ\ERUX
nieodpowiedniego formatu
REUD]\PRJÈXWUDFLÊQLH]EÚGQÈ
RVWURĂÊDOERLFK]E\WGXĝD
ZLHONRĂÊPRĝHZ\GïXĝ\ÊF]DV
Z\ĂZLHWODQLDVWURQ

=$3,68-2%5$=<

2b2'32:,('1,&+
:<0,$5$&+

Zapisywane obrazy powinny
PLHÊGRNïDGQLHWDNLHZ\PLDU\
MDNWHZbNWöU\FKEÚGÈ
ZLGRF]QHQDVWURQLH-HĂOL
rzeczywiste wymiary obrazu
EÚGÈPQLHMV]HRGW\FK
Xĝ\ZDQ\FKQDVWURQLH]RVWDQLH
RQUR]FLÈJQLÚW\Lb]QLHNV]WDïFRQ\
=bNROHLMHĂOLREUD]EÚG]LH
ZLÚNV]\QLĝSRGDQRSU]\F]\QL
VLÚWRGRbZ\GïXĝHQLDF]DVX
Z\ĂZLHWODQLDVWURQ\

8¿<:$-

2'32:,('1,(-
52='=,(/&=2¥&,

(NUDQ\NRPSXWHUöZVNïDGDMÈ
VLÚ]bNURSHNQD]\ZDQ\FK
SLNVHODPL7DNĝHREUD]\
Xĝ\ZDQHQDVWURQDFK:::
VNïDGDMÈVLÚ]bWDNLFKNURSHN
5R]G]LHOF]RĂÊWRWHUPLQ
RNUHĂODMÈF\OLF]EÚNURSHNQDbFDO
ĽZbZLÚNV]RĂFLPRQLWRUöZ
komputerowych wynosi ona
jedynie 72 piksele na cal.
$b]DWHPXWZRU]HQLHREUD]öZ
RbZ\ĝV]HMUR]G]LHOF]RĂFLVSUDZL
ĝHEÚGÈRQHQLHSRWU]HEQLH
GXĝHSU]H]FRZ\GïXĝ\VLÚF]DV
Z\ĂZLHWODQLDVWURQ\

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

107

OBRAZY

1$5=}'=,$'2('<&-,

,b=$3,682%5$=:

Najpopularniejszym
SURJUDPHPXĝ\ZDQ\PSU]H]
SURIHVMRQDOQ\FKJUDğNöZ
jest $doEe PKotosKop.
:bU]HF]\ZLVWRĂFLSURIHVMRQDOQL
SURMHNWDQFLVWURQF]ÚVWR
Xĝ\ZDMÈWHJRSURJUDPX
E\bSURMHNWRZDÊFDïHZLWU\Q\
-HJRSHïQDZHUVMDMHVWGURJD
GRVWÚSQDMHVWMHGQDNWDñV]D
— Photoshop Elements —
NWöUDSRZLQQD]DVSRNRLÊ
SRWU]HE\ZLÚNV]RĂFL
SRF]ÈWNXMÈF\FKWZöUFöZVWURQ

'RVWÚSQ\FKMHVWNLONDSURJUDPöZ
VïXĝÈF\FKGRbHG\FMLLb]DSLV\ZDQLDREUD]öZ
JZDUDQWXMÈF\FKĝHEÚGÈRQHPLDï\RGSRZLHGQLH
Z\PLDU\IRUPDWRUD]UR]G]LHOF]RĂÊ

INNE

2352*5$02:$1,(

Adobe Fireworks
PixeImator
PaintShop Pro
3DLQW1(7

('<725<

,17(51(72:(

www.photoshop.com
www.pixlr.com
www.splashup.com
www.ipiccy.com

:,}&(-:b6,(&,

:DUWRREHMU]HÊğOP\
GHPRQVWUXMÈFHZbMDNL
VSRVöENRU]\VWDMÈF
]bREXW\FKSURJUDPöZ
PRG\ğNRZDÊZLHONRĂÊ
REUD]öZRUD]b]DSLV\ZDÊMH
ZbRGSRZLHGQLPIRUPDFLH

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

)250$7<2%5$=:-3(*

Zawsze, gdy obraz ma wiele
NRORUöZQDOHĝ\Xĝ\ZDÊIRUPDWX
-3(*=GMÚFLDSU]HGVWDZLDMÈFH
]DĂQLHĝRQ\NUDMREUD]OXE
]DFKPXU]RQHQLHERPRJÈ
]DZLHUDÊGXĝHREV]DU\ELDïHJROXE
szarego koloru, zazwyczaj jednak
PRĝQDQDQLFKZ\UöĝQLÊEDUG]R
wiele kolorów, które nieznacznie
VLÚRGbVLHELHUöĝQLÈ

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

109

OBRAZY

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

JEK

YSŁ

BADANIA

)250$7<2%5$=:*,)

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

)RUPDWöZ*,)OXE
31*QDOHĝ\Xĝ\ZDÊ
GRb]DSLV\ZDQLDREUD]öZ
]DZLHUDMÈF\FKQLHZLHOH
NRORUöZOXEGXĝHREV]DU\
tego samego koloru.

.LHG\QDREUD]LHZ\VWÚSXMÈGXĝH
obszary tego samego koloru, mówi
VLÚĝHVÈWRIUDJPHQW\MHGQROLWHJR
NRORUX7DNLHREV]DU\MHGQROLWHJRNRORUX
Z\VWÚSXMÈF]ÚVWRZbORJRLOXVWUDFMDFK
RUD]GLDJUDPDFK7U]HED]DXZDĝ\Ê
ĝH]GMÚFLDĂQLHJXQLHEDF]\WUDZ\QLH
]DZLHUDMÈWDNLFKMHGQROLW\FKNRORUöZ
WZRU]ÈMHREV]DU\VNïDGDMÈFHVLÚ
]bEDUG]RZLHOXQLH]QDF]QLHVLÚRGVLHELH
UöĝQLÈF\FKRGFLHQLMHGQHJRNRORUX
7DNLHREUD]\QLHQDGDMÈVLÚGR]DSLVX
ZbIRUPDFLH*,)DQL31*

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

112 OBRAZY

:<0,$5<2%5$=:

3U]\]DSLV\ZDQLXREUD]öZSU]H]QDF]RQ\FKGRXĝ\FLDQDVWURQLH
:::QDOHĝ\]DGEDÊE\LFKZ\PLDU\RGSRZLDGDï\V]HURNRĂFL
LbZ\VRNRĂFLGDQHJRREUD]XZ\ĂZLHWORQHJRQDVWURQLH

-HĂOLQS]DSURMHNWRZDOLĂP\
VWURQÚQDNWöUHMPDE\Ê
XPLHV]F]RQ\REUD]RbV]HURNRĂFL
LbZ\VRNRĂFLSLNVHOL
to obraz, którego faktycznie
Xĝ\MHP\SRZLQLHQPLHÊ
bSLNVHOLV]HURNRĂFL
LbbSLNVHOLZ\VRNRĂFL%\Ê
PRĝHNRQLHF]QHEÚG]LHXĝ\FLH
SURJUDPXJUDğF]QHJRZbFHOX
RGSRZLHGQLHM]PLDQ\ZLHONRĂFL
LbSU]\FLÚFLDREUD]X

Zmniejszanie

wymiarów obrazu

0RĝQDRJUDQLF]\ÊZ\PLDU\
REUD]XE\VWZRU]\ÊMHJR
SRPQLHMV]RQÈZHUVMÚ

Przykïad:MHĂOLREUD]PD
bSLNVHOLV]HURNRĂFL
LbbSLNVHOLZ\VRNRĂFLWR
PRĝQDJR]PQLHMV]\ÊRb

Wynik: utworzymy obraz,
którego pobranie zajmie mniej
czasu.

2EUD]öZQDOHĝ\V]XNDÊ
]HbĂZLDGRPRĂFLÈZbMDNLVSRVöE
EÚG]LHPRĝQD]PLHQLDÊLFK
Z\PLDU\Z\REUDěP\VRELH
ĝHbQD]DSURMHNWRZDQHMSU]H]QDV
VWURQLHPDVLÚ]QDOHěÊREUD]
RbV]HURNRĂFLLbZ\VRNRĂFL
150 pikseli.

=ZLÚNV]DQLH

wymiarów obrazu

1LHPRĝQD]QDF]ÈFR]ZLÚNV]\Ê
Z\PLDUöZF\IURZ\FK]GMÚÊEH]
XWUDW\LFKMDNRĂFL

Przykïad:MHĂOLREUD]HNEÚG]LH
PLDïSLNVHOLV]HURNRĂFL
LbSLNVHOLZ\VRNRĂFLWR
SRZLÚNV]HQLHJRRb
spowoduje znaczne pogorszenie
MHJRMDNRĂFL

Wynik:REUD]EÚG]LHUR]PD]DQ\
OXEEÚGÈQDQLPZLGRF]QH
GXĝHSURVWRNÈWQHSLNVHOH

:,}&(-:b6,(&,

:bG]LDOHTools na stronie
LQWHUQHWRZHMSRĂZLÚFRQHMWHM
NVLÈĝFH]QDMGXMÈVLÚğOPRZH
SRUDGQLNLSRND]XMÈFH
MDNb]PLHQLDÊZ\PLDU\REUD]öZ
SU]\Xĝ\FLXSURJUDPX*,03

=PLDQDNV]WDïWX

7\ONRQLHNWöUHREUD]\
PRĝQDSU]\FLQDÊEH]XWUDW\
widocznych na nich cennych
LQIRUPDFMLZLÚFHMQDWHQWHPDW
QDQDVWÚSQHMVWURQLH

Przykïad:MHĂOLG\VSRQXMHP\
obrazem, który jest kwadratem
RbNUDZÚG]LDFKGïXJRĂFL
bSLNVHOLPRĝHP\XVXQÈÊ
MHJRIUDJPHQW\MHGQDNURELÈF
WRQDUDĝDP\VLÚQDXWUDWÚ
pewnych cennych informacji.

Wynik: tylko niektóre obrazy
PRĝQDSU]\FLQDÊWDNE\LFK
SöěQLHMV]H]DVWRVRZDQLHZFLÈĝ
PLDïRVHQV

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

113

OBRAZY

PRZYCINANIE OBRAZÓW

3U]\SU]\FLQDQLXREUD]öZZDĝQHMHVW
E\bQLHVWUDFLÊĝDGQ\FKZDĝQ\FKLQIRUPDFML
-HĂOLbWRPRĝOLZHZDUWRNRU]\VWDÊ]bREUD]öZ
NWöUHbRGUD]XPDMÈZïDĂFLZ\NV]WDïW

8.$'3,212:<

8.$'32=,20<

-HĂOLprzytniemyWHQREUD]
E\SU]HGVWDZLÊJRZbXNïDG]LH
SLRQRZ\PVWUDFLP\WUÈEÚ
VïRQLDRUD]W\OQÈF]ÚĂÊ
MHJRbFLDïD

2WRREUD]SU]HGVWDZLDMÈF\
ĝ\UDIÚĽQDMOHSLHMSUH]HQWRZDÊ
JRZbXNïDGzie pionowym

8.$'32=,20<

$bWRREUD]SU]HGVWDZLDMÈF\
VïRQLDĽQDMOHSLHMSUH]HQWRZDÊ
JRZbXNïDGziepoziomym

-HĂOLprzytniemyWHQREUD]
E\SU]HGVWDZLÊJRZbXNïDG]LH
SR]LRP\PVWUDFLP\JïRZÚ
LbGROQÈF]ÚĂÊQöJĝ\UDI\

8.$'3,212:<

-HĂOLGoGDmyGoGDtNowe
oEVzDry]bOHZHMRUD]SUDZHM
VWURQ\REUD]XEÚGÈVLÚRQH
Z\UDěQLHRGUöĝQLDÊRGMHJR
RU\JLQDOQHJRWïD

-HĂOLGoGDmyGoGDtNowe
oEVzDrySRZ\ĝHMRUD]SRQLĝHM
RU\JLQDOQHJRREUD]XEÚGÈVLÚ
RQHZ\UDěQLHRGUöĝQLDÊRGMHJR
RU\JLQDOQHJRWïD

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

114 OBRAZY

2.5(¥/$1,(:<0,$5:

2%5$=:,b52='=,(/&=2¥m

:\PLDU\REUD]XNWöU\PDE\ÊZ\ĂZLHWODQ\QDHNUDQLH]DZV]H
QDOHĝ\SRGDZDÊZbSLNVHODFKDbQLHZbFHQW\PHWUDFKDQLFDODFK

2EUD]\Z\ĂZLHWODQH
QDbHNUDQDFKNRPSXWHUöZ
VNïDGDMÈVLÚ]bPLQLDWXURZ\FK
SURVWRNÈWöZ]ZDQ\FK
pikselami. RozdzielczoĂciÈ
DQJresolutionHNUDQX
QD]\ZDP\OLF]EÚZ\ĂZLHWODQ\FK
QDQLPSLNVHOLZLÚNV]RĂÊ
komputerów pozwala na jej
]PQLHMV]DQLHLbSRZLÚNV]DQLH

-HĂOLUR]G]LHOF]RĂÊ
HNUDQX]RVWDïDXVWDZLRQD
QDbŚbSLNVHOL
DbQDVWÚSQLH]RVWDQLH
SRZLÚNV]RQD

GRbŚbSLNVHOLWRREUD]\
RUD]WHNVWEÚGÈVLÚZ\GDZDï\
PQLHMV]HJG\ĝQDHNUDQLH
RbW\FKVDP\FKZ\PLDUDFK
EÚG]LHSUH]HQWRZDQ\FK
]QDF]QLHZLÚFHMSLNVHOLOLF]ED
SLNVHOLQDbFDOEÚG]LHZLÚNV]D

Obrazy tworzone
]bSU]H]QDF]HQLHPGRbGUXNX
QDMOHSLHM]DSLV\ZDÊ
ZbUR]G]LHOF]RĂFLSXQNWöZ
QDFDOGSLĽDQJdots per
inchOXEZ\ĝV]HME\]DSHZQLÊ
ĝHEÚGÈRVWUH

:bSU]\SDGNXVWURQ:::
UR]G]LHOF]RĂÊREUD]XQLHPD
]QDF]HQLDĽWXZLHONRĂÊREUD]X
odpowiada jego wymiarom
Z\UDĝRQ\PZbSLNVHODFK

0RĝQDVLÚVSRWNDÊ]bRSLQLÈ
ĝHbREUD]\WZRU]RQHQDSRWU]HE\
VWURQ:::SRZLQQ\E\Ê
]DSLV\ZDQHZbUR]G]LHOF]RĂFL
bSLNVHOLQDFDOSSLĽ
DQJbpixels per inchMHGQDN
Xĝ\WNRZQLF\PRJÈ]PLHQLDÊ
UR]G]LHOF]RĂÊPRQLWRUD
DbW\PVDP\POLF]EÚSLNVHOL
Z\ĂZLHWODQ\FKZbMHGQ\PFDOX
HNUDQX=DWHPVDPHHNUDQ\
GHWHUPLQXMÈZLHONRĂÊREUD]öZ
Zb]DOHĝQRĂFLRGZ\VRNRĂFL
LbV]HURNRĂFLZ\ĂZLHWODQ\FKSLNVHOL

Obraz, który ma wymiary
ŚSLNVHOLLb]RVWDï
]DSLVDQ\ZbUR]G]LHOF]RĂFL
bSSLEÚG]LHZ\JOÈGDï
GRNïDGQLHWDNVDPRMDNREUD]
RbZ\PLDUDFKŚSLNVHOL
]DSLVDQ\ZbUR]G]LHOF]RĂFL
bSSL=DVWRVRZDQD
UR]G]LHOF]RĂÊERZLHP
PD]QDF]HQLHZ\ïÈF]QLH
ZbSU]\SDGNXGUXNRZDQLD
obrazu.

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

115

OBRAZY

2%5$=<:(.7252:(

2EUD]\ZHNWRURZHUöĝQLÈVLÚRGREUD]öZUDVWURZ\FK
LbVÈQLH]DOHĝQHRGUR]G]LHOF]RĂFL2EUD]\WHJRW\SX
]D]Z\F]DMWZRU]\VLÚZbWDNLFKSURJUDPDFKJUDğF]Q\FK
jak Adobe Illustrator.

.LHG\REUD]\Zb]QDF]QHMPLHU]H
VNïDGDMÈVLÚ]bOLQLLWDNMHVW
ZbSU]\SDGNXORJRLOXVWUDFML
GLDJUDPöZSURMHNWDQFLF]ÚVWR
GHF\GXMÈVLÚQD]DSLVDQLHLFK
ZbIRUPDFLHZHNWRURZ\P7DNLH
REUD]\RJURPQLHUöĝQLÈVLÚ
RGbREUD]öZUDVWURZ\FK

Aktualny sposób korzystania
]bREUD]öZZHNWRURZ\FK
QDbVWURQDFK:::SROHJD
QDb]DSLVDQLXRU\JLQDOQHJR
REUD]XZbIRUPDFLHUDVWURZ\P
NWöU\QDVWÚSQLHEÚG]LH
Z\ĂZLHWODQ\QDVWURQLH

69*Scalable Vector Graphics
to stosunkowo nowy format
Xĝ\ZDQ\GRZ\ĂZLHWODQLD
obrazów wektorowych
EH]SRĂUHGQLRQDVWURQDFK
:::EH]XSU]HGQLHJR
]DSLV\ZDQLDLFKZbIRUPLH
REUD]öZUDVWURZ\FKQLHMHVW
on jednak jeszcze powszechnie
REVïXJLZDQ\

2EUD]ZHNWRURZ\WZRU]\VLÚ
XPLHV]F]DMÈFZbMHJRREV]DU]H
SXQNW\NWöUHVÈQDVWÚSQLH
ïÈF]RQHOLQLDPL1DVWÚSQLH
PRĝQDRNUHĂOLÊNRORUNWöU\
SRVïXĝ\GRZ\SHïQLHQLD
REV]DUöZSRPLÚG]\OLQLDPL

=DOHWÈWZRU]HQLDU\VXQNöZ
ZbIRUPDFLHZHNWRURZ\PMHVW
PRĝOLZRĂÊSRZLÚNV]DQLDLFK
UR]PLDUöZEH]XWUDW\MDNRĂFL

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

116 OBRAZY

$1,02:$1(2%5$=<*,)

$QLPRZDQHREUD]\*,)SUH]HQWXMÈVHNZHQFMÚVNïDGDMÈFÈVLÚ
]bNLONXNODWHNG]LÚNLF]HPXPRĝQDLFKXĝ\ZDÊGRWZRU]HQLD
prostych animacji.

3RQLĝHMSRND]DQRNROHMQHNODWNL
WZRU]ÈFHDQLPRZDQ\REUD]*,)
SU]HGVWDZLDMÈF\NUÚFÈFÈVLÚ
ZbNöïNRSRPDUDñF]RZÈNURSNÚ
— podobny do animacji, które
F]ÚVWRVÈVWRVRZDQHSRGF]DV
ZF]\W\ZDQLD]DZDUWRĂFLVWURQ\

1LHNWöUHSURJUDP\JUDğF]QH
takie jak Adobe Photoshop,
SR]ZDODMÈQDWZRU]HQLH
DQLPRZDQ\FKREUD]öZ*,)
1D:::PRĝQD]QDOHěÊ
NLONDSRUDGQLNöZRSLVXMÈF\FK
MDNWR]URELÊ'RVWÚSQHVÈ
WDNĝHZLWU\Q\SR]ZDODMÈFH
QDSU]HVïDQLHREUD]öZ
UHSUH]HQWXMÈF\FKSRV]F]HJöOQH
NODWNLDQLPDFMLLbXWZRU]HQLH
na ich podstawie jednego,
DQLPRZDQHJRREUD]X*,)

KONIECZNIE

=$3$0,}7$-

.DĝGDNROHMQDNODWNDDQLPDFML
]ZLÚNV]DZLHONRĂÊSOLNX
W\PVDP\PZ\GïXĝDF]DV
MHJRSRELHUDQLD]bVHUZHUD
DbLQWHUQDXFLQLHOXELÈGïXJR
F]HNDÊQDZ\ĂZLHWOHQLHVWURQ\

3RQLHZDĝ*,)QLHMHVW
optymalnym formatem do
Z\ĂZLHWODQLDIRWRJUDğLGODWHJR
DQLPRZDQHREUD]\*,)QDGDMÈ
VLÚZbU]HF]\ZLVWRĂFLZ\ïÈF]QLH
do prezentowania prostych
ilustracji.

Niektórzy projektanci nie
SU]HSDGDMÈ]DDQLPRZDQ\PL
REUD]DPL*,)JG\ĝ
GRVNRQDOHSDPLÚWDMÈ
ĝHbZbODWDFKbXELHJïHJR
ZLHNXE\ï\QDGXĝ\ZDQHSU]H]
SRF]ÈWNXMÈF\FKWZöUFöZVWURQ

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

35=(=52&=<672¥m

-HĂOLWZRU]\P\F]ÚĂFLRZRSU]H]URF]\VWH
SU]HĂZLWXMÈFHREUD]\GRbZ\NRU]\VWDQLD
QDbVWURQDFK:::PDP\GRZ\ERUXMHGHQ
]bGZöFKIRUPDWöZ

35=(=52&=<67(

2%5$=<*,)

-HĂOLSU]H]URF]\VW\REV]DU
REUD]NDPDRVWUHNUDZÚG]LH
LbMHVWSU]H]URF]\VW\Zb
DbQLHF]ÚĂFLRZRWRWDNLREUD]
PRĝQD]DSLVDÊZbIRUPDFLH
*,)]bZïÈF]RQÈRSFMÈ
SU]H]URF]\VWRĂFL

31*

-HĂOLSU]H]URF]\VW\REV]DU
REUD]NDPDVNRĂQH
OXEb]DRNUÈJORQHNUDZÚG]LH
DOERMHĂOLMHVWW\ONRF]ÚĂFLRZR
SU]H]URF]\VW\OXEU]XFDFLHñ
WRREUD]HNWU]HED]DSLVDÊ
ZbIRUPDFLH31*

3U]H]URF]\VWHREUD]\31*
QLHVÈZbSHïQLREVïXJLZDQH
ZbVWDUV]\FKSU]HJOÈGDUNDFK
przy czym dotyczy to
przede wszystkim Internet
([SORUHUDb0RĝQDMHGQDNXĝ\Ê
RGSRZLHGQLHJRNRGX-DYD6FULSW
E\UR]ZLÈ]DÊWHQSUREOHP
6]F]HJöïRZHLQIRUPDFMHQDWHQ
WHPDW]QDMGXMÈVLÚZbG]LDOH
ToolsZLWU\Q\SRĂZLÚFRQHM
WHMbNVLÈĝFHĽ
www.htmlandcssbook.com/.

35=(.k71(

=$2.5k*/21<

335=(=52&=<67<

&,(

35267<

OBRAZY 117

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

118 OBRAZY

SPRAWDZANIE OBRAZÓW

=1$-'2:$1<&+

:b,17(51(&,(

635$:'=$1,(:<0,$5:2%5$=:

3RGF]DVDNWXDOL]DFMLZLWU\Q\PRĝHVLÚ]GDU]\ÊĝH]DQLP]DVWÈSLP\
VWDUV]ÈZHUVMÚREUD]XQRZÈEÚG]LHP\PXVLHOLVSUDZG]LÊMHJR
UR]PLDU$E\WR]URELÊZ\VWDUF]\NOLNQÈÊSUDZ\PSU]\FLVNLHPP\V]\
QDREUD]LHLbZ\EUDÊRGSRZLHGQLÈRSFMÚ]bZ\ĂZLHWORQHJRPHQX
NRQWHNVWRZHJR8ĝ\WNRZQLF\NRPSXWHUöZ0DFEÚGÈPXVLHOLZbW\P
FHOXQDFLVQÈÊNODZLV]ControlLbNOLNQÈÊ

POBIERANIE OBRAZÓW

-HĂOL]HFKFHP\SREUDÊMDNLĂREUD]]HVWURQ\:::WDNĝHWR
EÚG]LHP\PRJOL]URELÊZ\ELHUDMÈFRSFMÚ]bPHQXNRQWHNVWRZHJR
7U]HEDSU]\W\PSDPLÚWDÊĝHZV]\VWNLHREUD]\]DPLHV]F]DQH
QDbVWURQDFKSRGOHJDMÈSUDZRPDXWRUVNLPDbLFKZ\NRU]\VWDQLH
Z\PDJDX]\VNDQLDRGSRZLHGQLHJRSR]ZROHQLD

=blewej stronySRND]DQRZbMDNL
VSRVöEPRĝQDVSUDZG]LÊ
wymiary obrazków oraz jak je
SRELHUDÊZbSU]HJOÈGDUFH6DIDUL
3RQLĝHMSU]HGVWDZLRQH]RVWDï\
RSFMHNWöUHZbW\PVDP\P
FHOXQDOHĝ\Z\EUDÊ]bPHQX
NRQWHNVWRZHJRZbLQQ\FK
SU]HJOÈGDUNDFK

&+520(

:\PLDU\2WZöU]JUDğNÚ
ZbQRZHMNDUFLH
:\PLDU\]RVWDQÈZ\ĂZLHWORQH
na nowej karcie.
3REUDQLH=DSLV]JUDğNÚMDNRĮ

FIREFOX

:\PLDU\
3RNDĝLQIRUPDFMHRbREUD]NX
:\PLDU\]RVWDQÈZ\ĂZLHWORQH
ZbRNQLHGLDORJRZ\P
3REUDQLH=DSLV]REUD]HNMDNRĮ

,17(51(7(;3/25(5

:\PLDU\:ïDĂFLZRĂFL
:\PLDU\]RVWDQÈZ\ĂZLHWORQH
ZbRNQLHGLDORJRZ\P
3REUDQLH=DSLV]REUD]MDNRĮ

SAFARI

:\PLDU\Otwórz obrazek
ZbQRZHMNDUFLHĮ
:\PLDU\]RVWDQÈZ\ĂZLHWORQH
QDSDVNXW\WXïXSU]HJOÈGDUNL
3RELHUDQLH
=DFKRZDMREUD]HNMDNRĮ

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

119

OBRAZY

+70/(/(0(17<),*85(

25$=),*&$37,21

<ğgure>

<img src=”images/otters.jpg” alt=”ZdjÚcie dwöch

pïywajÈcych wbwodzie wyder morskich”>
<br />
<ğgcaption>

Podczas snu wydry morskie trzymajÈ

siÚ za ïapki dziÚki czemu nie odpïywajÈ
od siebie.

</ğgcaption>

</ğgure>

HTML

rozdzial-05/figure-and-figure-caption.html

W YNIK

<ğgure>

Do obrazów prezentowanych
QDbVWURQDFK:::]D]Z\F]DM
VÈGRGDZDQHSRGSLV\:bMÚ]\NX
+70/ZSURZDG]RQ\]RVWDï
nowy element <ğgure>
SR]ZDODMÈF\QDZ\ĂZLHWOHQLH
REUD]XLbSRGDQLHMHJRSRGSLVX
RUD]QDSRZLÈ]DQLH]HVREÈREX
tych elementów.

:HZQÈWU]HOHPHQWX<ğgure>
PRĝQDXPLHĂFLÊZLÚFHMQLĝ
MHGHQREUD]RbLOHW\ONRSRGDQ\
SRGSLVRGQRVLVLÚGRQLFK
wszystkich.

<ğgcaption>

Element <ğgcaption>]RVWDï
GRGDQ\GRMÚ]\ND+70/
DE\]DSHZQLÊDXWRURPVWURQ
PRĝOLZRĂÊGRGDZDQLDSRGSLVöZ
GRZ\ĂZLHWODQ\FKREUD]öZ

Przed jego wprowadzeniem
QLHE\ïGRVWÚSQ\ĝDGHQVSRVöE
SR]ZDODMÈF\QDSRZLÈ]DQLH
elementu <img>]bSRGSLVHP
obrazka.

6WDUV]HSU]HJOÈGDUNLNWöUH
QLHREVïXJXMÈMÚ]\ND+70/
SRPLQÈQRZHHOHPHQW\
LbZ\ĂZLHWOÈMHG\QLHLFK
]DZDUWRĂÊ

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

:bW\PSU]\NïDG]LHORJRMHVW
REUD]HPZbIRUPDFLH*,)JG\ĝ
VNïDGDVLÚ]bMHGQROLW\FKNRORUöZ
QDWRPLDVW]GMÚFLDVÈ]DSLVDQH
ZbIRUPDFLH-3(**ïöZQH
]GMÚFLH]RVWDïRXPLHV]F]RQH
ZbHOHPHQFLH<ğgure>LbPD
podpis.

Atrybut altNDĝGHJRREUD]X
SRGDMHMHJRRSLV]bNWöUHJR
PRJÈVNRU]\VWDÊXĝ\WNRZQLF\
SRVïXJXMÈF\VLÚF]\WQLNDPL
ekranowymi. Dodatkowych
LQIRUPDFMLRbSRV]F]HJöOQ\FK
REUD]DFKZ\ĂZLHWODQ\FK
ZbIRUPLHHW\NLHWHNUDQRZ\FK
GRVWDUF]DMÈDWU\EXW\title.

:bW\PSU]\NïDG]LHQLHVÈ
Xĝ\ZDQHDWU\EXW\height,
width ani alignJG\ĝX]QDMHVLÚ
MH]DSU]HVWDU]DïH]DPLDVWQLFK
QDOHĝ\VWRVRZDÊRGSRZLHGQLH
ZïDĂFLZRĂFLDUNXV]D
VW\OöZb&66

120 OBRAZY

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

121

OBRAZY

35=<.$'

OBRAZY

Obrazy

</title>

<p>

<ğgcaption>

Prezentowany tu przepis na czekoladowe
wyspy jest bardzo prosty, lecz jego
efekty sÈ wyborne

</ğgcaption>

</p>
</ğgure>

<h4>

,nne przepisy

</h4>

</p>

</body>

</html>

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

32'6802:$1,(

OBRAZY

'RZ\ĂZLHWODQLDREUD]öZQDVWURQDFK:::VïXĝ\

element <img>.

=DZV]HQDOHĝ\SRGDÊDWU\EXWsrcRNUHĂODMÈF\

SRïRĝHQLHěUöGïDREUD]XRUD]DWU\EXWalt]DZLHUDMÈF\

MHJRNUöWNLbRSLV

=DSLV\ZDQHREUD]\SRZLQQ\PLHÊWDNLHVDPH

Z\PLDU\MDNLHEÚGÈPLDï\SRZ\ĂZLHWOHQLX

QDbVWURQLHGRGDWNRZRQDOHĝ\Z\EUDÊ

ZïDĂFLZ\bIRUPDW

)RWRJUDğHQDMOHSLHM]DSLV\ZDÊZbIRUPDFLH-3(*

DbLOXVWUDFMHOXEORJR]DZLHUDMÈFHMHGQROLWHNRORU\

ĽZbIRUPDFLH*,)

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

TABELE

Sposoby tworzenia tabel.

-DNLHLQIRUPDFMHQDGDMÈVLÚGRSU]HGVWDZLHQLD
ZbWDEHODFK"

-DNSU]HGVWDZLDÊZbWDEHODFK]ïRĝRQHGDQH"

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

126 TABELE

0RĝQDZVND]DÊNLONDW\SöZLQIRUPDFML
NWöUHWU]HEDSUH]HQWRZDÊZbVLDWFH
OXEWDEHOLQSZ\QLNLVSRUWRZHGDQH
JLHïGRZHUR]NïDGMD]G\SRFLÈJöZ

3U]HG]DSUH]HQWRZDQLHPLQIRUPDFMLZbWDEHOLQDOHĝ\MHVRELH
Z\REUD]LÊZbIRUPLHZLHUV]\LbNROXPQSU]\SRPLQDMÈF\FK
DUNXV]NDONXODF\MQ\:bW\PUR]G]LDOHSRZLHP\MDN

7ZRU]\ÊWDEHOHSU]\Xĝ\FLXF]WHUHFKNOXF]RZ\FKHOHPHQWöZ

3U]HGVWDZLDÊZbWDEHODFK]ïRĝRQHGDQH

'RGDZDÊSRGSLV\GRWDEHO

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

127

TABELE

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

128

TABELE

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

129

TABELE

&=<0-(677$%(/$"

Tabela prezentuje informacje zapisane
ZbXNïDG]LHVLDWNL3U]\NïDGDPLWDEHOPRJÈ
E\ÊUDSRUW\ğQDQVRZHSURJUDPWHOHZL]\MQ\
oraz wyniki sportowe.

']LÚNLZ\NRU]\VWDQLXGZöFK
RVLWDEHOHSR]ZDODMÈ]UR]XPLHÊ
]ïRĝRQHGDQH

.DĝG\EORNZbVLDWFHMHVW
nazywany komórkÈ taEeli.
Kod HTML tabeli jest tworzony
wiersz po wierszu.

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

130 TABELE

<table>

<tr>

<td>

</td>

<td>

</td>

<td>

</td>

</tr>
<tr>

<td>

</td>

<td>

</td>

<td>

</td>

</tr>

<tr>

<td>

</td>

<td>

</td>

<td>

</td>

</tr>

</table>

HTML

W YNIK

rozdzial-06/basic-table-structure.html

PODSTAWOWA

STRUKTURA TABEL

<table>

'RWZRU]HQLDWDEHOVïXĝ\
element <table>=DZDUWRĂÊ
tabel jest zapisywana jako
kolejne wiersze.

<tr>

3RF]ÈWHNQRZHJRZLHUV]DWDEHOL
MHVWR]QDF]DQ\SU]\Xĝ\FLX
RWZLHUDMÈFHJR]QDF]QLND<tr>
WRVNUöWRGDQJLHOVNLHJRtable
row — wiersz tabeli).

3R]QDF]QLNXRWZLHUDMÈF\P
umieszczany jest jeden
HOHPHQWOXENLONDHOHPHQWöZ
<td>SRbMHGQ\PGODNDĝGHM
NRPöUNLbWDEHOL

1DNRñFXZLHUV]DXPLHV]F]DVLÚ
]DP\NDMÈF\]QDF]QLN</tr>.

<td>

.DĝGDNRPöUNDWDEHOLMHVW
reprezentowana przez element
<td>WRVNUöWRGDQJLHOVNLHJR
table data — dane tabeli).

.RQLHFNDĝGHMNRPöUNL
MHVWR]QDF]DQ\SU]\Xĝ\FLX
]DP\NDMÈFHJR]QDF]QLND</td>.

1LHNWöUHSU]HJOÈGDUNL
DXWRPDW\F]QLHU\VXMÈUDPNÚ
ZRNöïWDEHOLRUD]REUDPRZXMÈ
MHMSRV]F]HJöOQHNRPöUNL
6SRVRE\NRQWUROLREUDPRZDñ
WDEHOSU]\Xĝ\FLXVW\OöZb&66
]RVWDQÈSU]HGVWDZLRQH
QDbVWURQDFK308 – 311
oraz 336 – 339.

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

131

TABELE

Sobota

</th>

Niedziela

</th>

</tr>
<tr>

Liczba sprzedanych biletów:

</th>

<td>

120

</td>

<td>

135

</td>

</tr>
<tr>

:artoĂÊ sprzedaĝy:

</th>

<td>

600 zï

</td>

<td>

65 zï

</td>

</tr>
</table>

HTML

W YNIK

1$*:.,7$%(/

<th>

Element <th>NWöUHJRXĝ\ZD
VLÚWDNVDPRMDNHOHPHQWX<td>
MHVWVWRVRZDQ\GRbR]QDF]DQLD
QDJïöZNöZĽ]DUöZQRNROXPQ\
MDNLbZLHUV]\ķWKĵbWRbVNUöW
RGbDQJLHOVNLHJRtable heading —
QDJïöZHNWDEHOL

1DZHWMHĂOLNRPöUNDWDEHOLQLH
PDĝDGQHM]DZDUWRĂFLWRbLbWDN
QDOHĝ\XPLHĂFLÊZbNRG]LH
strony element <td> lub <th>
E\]D]QDF]\ÊREHFQRĂÊSXVWHM
NRPöUNLZbSU]HFLZQ\PUD]LH
WDEHODPRĝH]RVWDÊZ\ĂZLHWORQD
ZbQLHSUDZLGïRZ\VSRVöE
:bSU]HGVWDZLRQ\PRERN
SU]\NïDG]LHWDNDSXVWDNRPöUND
]QDMGXMHVLÚZbSLHUZV]\P
ZLHUV]XLbZbSLHUZV]HMNROXPQLH

6WRVRZDQLHHOHPHQWöZ<th>
GRR]QDF]DQLDQDJïöZNöZ
VWDQRZLXïDWZLHQLH
GODbRVöENRU]\VWDMÈF\FK
]bF]\WQLNöZHNUDQRZ\FK
pomaga wyszukiwarkom
ZbLQGHNVRZDQLX]DZDUWRĂFL
VWURQMDNUöZQLHĝXïDWZLD
RNUHĂODQLHZ\JOÈGXWDEHO
SU]\bXĝ\FLX&66

=DSRPRFÈDWU\EXWXscope
elementu <th>PRĝQDRNUHĂOLÊ
F]\UHSUH]HQWXMHRQQDJïöZHN
ZLHUV]DF]\NROXPQ\
$WU\EXWWHQPRĝHSU]\MPRZDÊ
QDVWÚSXMÈFHZDUWRĂFLrow
ĽMHĂOLGDQ\HOHPHQWMHVW
QDJïöZNLHPZLHUV]DOXEcol
ĽMHĂOLMHVWRQQDJïöZNLHP
kolumny.

rozdzial-06/table-headings.html

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

132 TABELE

<th>

9:00

</th>

<th>

10:00

</th>

<th>

11:00

</th>

<th>

12:00

</th>

</tr>

<tr>

<th>

Poniedziaïek

</th>

geograğa

</td>

<td>

matematyka

</td>

<td>

ğzyka

</td>

</tr>

<tr>

<th>

Czwartek

</th>

</td>

<td>

historia

</td>

</tr>

</table>

HTML

rozdzial-06/spanning-columns.html

k&=(1,(.205(.

=b6k6,$'8-k&<&+.2/801

&]DVDPLSRMDZLDVLÚ
NRQLHF]QRĂÊSRïÈF]HQLDNLONX
NRPöUHNWDEHOLXPLHV]F]RQ\FK
ZbVÈVLDGXMÈF\FKNROXPQDFK

'RWHJRFHOXPRĝQDXĝ\Ê
atrybutu colspanHOHPHQWöZ
<td>Lb<th>-HJRZDUWRĂFLÈ
MHVWOLF]EDRNUHĂODMÈFDLOH
NROXPQPD]DMPRZDÊGDQD
NRPöUNDbWDEHOL

=DPLHV]F]RQ\RERNSU]\NïDG
SU]HGVWDZLDSODQ]DMÚÊEÚGÈF\
WDEHOÈ]ïRĝRQÈ]bSLÚFLX
kolumn. Pierwsza kolumna
]DZLHUDQDJïöZHNZLHUV]D
UHSUH]HQWXMÈFHJRG]LHñ
QDWRPLDVWSR]RVWDïHF]WHU\
NROXPQ\UHSUH]HQWXMÈNROHMQH
godziny.

-HĂOLSU]\MU]\P\VLÚNRPöUFH
]DZLHUDMÈFHMVïRZRgeograğa
]DXZDĝ\P\ĝHZbMHMHOHPHQFLH
]RVWDïXPLHV]F]RQ\DWU\EXW
colspanRbZDUWRĂFL2. Oznacza
RQĝHNRPöUNDWDPDUR]FLÈJDÊ
VLÚQDGZLHNROXPQ\:bWU]HFLP
ZLHUV]XNRPöUND]bWHNVWHPWF
]DMPXMHDĝWU]\NROXPQ\

$QDOL]XMÈFNRGSU]\NïDGX
PRĝQD]DXZDĝ\Ê
ĝHbZbGUXJLPLbWU]HFLPZLHUV]X
XPLHV]F]RQ\FKMHVWPQLHM
HOHPHQWöZ<td>Lb<th>
QLĝbWDEHODPDNROXPQ

']LHMHVLÚWDNSRQLHZDĝ
NLHG\NRPöUNDUR]FLÈJDVLÚ
QDbZLÚFHMQLĝMHGQÈNROXPQÚ
HOHPHQW\UHSUH]HQWXMÈFH
GRGDWNRZHNRPöUNLNWöU\FK
PLHMVFH]RVWDïR]DMÚWHQLHVÈ
XZ]JOÚGQLDQHZbNRG]LH

:bW\PSU]\NïDG]LH]RVWDï\
zastosowane dodatkowe
VW\OHb&66E\Z\UDěQLH
SRND]DÊĝHbNRPöUNLUR]FLÈJDMÈ
VLÚQDNLONDNROXPQ,QIRUPDFMH
RbW\PMDNVWZRU]\ÊWDNLHVW\OH
]QDMGXMÈVLÚQDVWURQDFK
oraz 336 – 339.

W YNIK

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

133

TABELE

W YNIK

k&=(1,(.205(.

:b6k6,$'8-k&<&+

:,(56=$&+

0RĝHVLÚ]GDU]\ÊĝHNRPöUNL
WDEHOLEÚGÈPXVLDï\]DMÈÊNLOND
wierszy.

'RRNUHĂOHQLDOLF]E\ZLHUV]\
MDNLHPDVLÚ]DMPRZDÊGDQD
NRPöUNDPRĝQDXĝ\ÊDWU\EXWX
rowspanHOHPHQWöZ<td>
Lb<th>.

:bSU]\NïDG]LHSU]HGVWDZLRQ\P
RERNZLGDÊĝHZbSURJUDPLH
791MHVWğOPNWöU\WUZDRG
GRQDWRPLDVW
ZbGZöFKSR]RVWDï\FKVWDFMDFK
— Polsacie oraz TVP1 —
ZbW\PVDP\PF]DVLHSRND]DQH
]RVWDQÈGZDUöĝQHSURJUDP\
NDĝG\]bQLFKEÚG]LHWUZDï
SöïbJRG]LQ\

-HĂOLSU]HDQDOL]XMHP\NRG
SU]\NïDGX]DXZDĝ\P\
ĝHbRVWDWQLHOHPHQW<tr> zawiera
MHG\QLHWU]\NRPöUNLWDEHOL
FKRÊZbU]HF]\ZLVWRĂFLZbW\P
RVWDWQLPZLHUV]XVÈZLGRF]QH
F]WHU\NROXPQ\']LHMHVLÚ
WDNGODWHJRĝHZbNRPöUFH
]bQDSLVHPğlmZbZLHUV]X
SRZ\ĝHM]RVWDïXPLHV]F]RQ\
atrybut rowspanLQIRUPXMÈF\
ĝHbNRPöUNDWDUR]FLÈJDVLÚ
QDbGZDZLHUV]H

:bW\PSU]\NïDG]LH]RVWDï\
zastosowane dodatkowe style
&66E\Z\UDěQLHSRND]DÊ
ĝHbNRPöUNLUR]FLÈJDMÈVLÚ
QDNLONDZLHUV]\,QIRUPDFMH
RbW\PMDNVWZRU]\ÊWDNLHVW\OH
]QDMGXMÈVLÚQDVWURQDFK
oraz 336 – 339.

TVN

</th>

<th>

Polsat

</th>

<th>

TVP1

</th>

</tr>
<tr>
<th>

19:30 - 20:00

</th>

Film

</td>

<td>

komedia

</td>

<td>

dziennik

</td>

</tr>
<tr>
<th>

20:00 - 20:30

/th>

<td>

sport

</td>

<td>

serial

</td>

</tr>
</table>

HTML

rozdzial-06/spanning-rows.html

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

TABELE

Data

</th>

<th>

Przychód

</th>

<th>

Wydatki

</th>

</tr>
</thead>
<tbody>
<tr>
<th>

1 stycznia

</th>

<td>

250

</td>

<td>

</td>

</tr>
<tr>
<th>

2 stycznia

</th>

<td>

285

</td>

<td>

</td>

</tr>
<-- kolejne wiersze tabeli -->
<tr>
<th>

stycznia

</th>

<td>

129

</td>

<td>

</td>

</tr>
</tbody>
<tfoot>
<tr>
<td></td>
<td>

7824

</td>

<td>

1241

</td>

</tr>
</tfoot>
</table>

HTML

rozdzial-06/long-tables.html

'8*,(7$%(/(

-Ú]\N+70/SRVLDGDWU]\
HOHPHQW\NWöUHXPRĝOLZLDMÈ
RGUöĝQLHQLHJïöZQHM]DZDUWRĂFL
tabeli od jej pierwszego
LbRVWDWQLHJRZLHUV]DNWöUH
PRJÈ]DZLHUDÊLQQHWUHĂFL
(OHPHQW\WHVWDQRZLÈXïDWZLHQLH
GODRVöENRU]\VWDMÈF\FK
]bF]\WQLNöZHNUDQRZ\FK
MDNbUöZQLHĝXPRĝOLZLDMÈ
nadawanie tym fragmentom
WDEHOLRGPLHQQHJRZ\JOÈGXQLĝ
MHMSR]RVWDïD]DZDUWRĂÊRbF]\P
VLÚSU]HNRQDP\ZbGDOV]HMF]ÚĂFL
NVLÈĝNLSRĂZLÚFRQHM&66

<thead>

1DJïöZNLWDEHOQDOHĝ\
XPLHV]F]DÊZHZQÈWU]HOHPHQWX
<thead>.

<tbody>

*ïöZQD]DZDUWRĂÊWDEHOL
SRZLQQDE\ÊXPLHV]F]RQD
ZHZQÈWU]HOHPHQWX<tbody>.

<tfoot>

6WRSNÚWDEHOLQDOHĝ\XPLHV]F]DÊ
ZHZQÈWU]HOHPHQWX<tfoot>.

'RP\ĂOQLHSU]HJOÈGDUNL
U]DGNRWUDNWXMÈ]DZDUWRĂÊ
W\FKHOHPHQWöZLQDF]HMQLĝ
]DZDUWRĂÊMDNLFKNROZLHNLQQ\FK
HOHPHQWöZQLHPQLHMSURMHNWDQFL
F]ÚVWR]PLHQLDMÈLFKZ\JOÈG
przy wykorzystaniu CSS.

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

135

TABELE

W YNIK

1LHNWöUHHG\WRU\VWRVRZDQH
ZbV\VWHPDFK]DU]ÈG]DQLD
WUHĂFLÈXGRVWÚSQLDMÈQDU]ÚG]LD
XïDWZLDMÈFHWZRU]HQLHWDEHO
-HĂOLSLHUZV]\ZLHUV]WDEHOL
]DZLHUDZ\ïÈF]QLHHOHPHQW\
<th>WRPRĝQD]DXZDĝ\Ê
ĝHbWDNLHHG\WRU\DXWRPDW\F]QLH
]DVWRVXMÈHOHPHQW<thead>.

-HGQ\P]bSRZRGöZ
ZSURZDG]HQLDRGUÚEQ\FK
HOHPHQWöZ<thead>Lb<tfoot>
MHVWXïDWZLHQLHSU]HJOÈGDQLD
WDEHONWöUHVÈZ\ĝV]H
RGbHNUDQXOXEGïXĝV]HQLĝMHGQD
VWURQDZ\GUXNX:bWDNLFK
SU]\SDGNDFKSU]HJOÈGDUNDPRĝH
]DFKRZDÊZLGRF]Q\QDJïöZHN
WDEHOLLbSU]HZLMDÊMHM]DZDUWRĂÊ
']LÚNLWHPXXĝ\WNRZQLF\
PRJÈVLÚïDWZLHM]RULHQWRZDÊ
ZbNWöUHMNROXPQLH]QDMGXMÈ
VLÚSRV]F]HJöOQHLQIRUPDFMH
WDNDPRĝOLZRĂÊQLHMHVW
GRP\ĂOQLH]DLPSOHPHQWRZDQD
ZbĝDGQHMDNWXDOQLHGRVWÚSQHM
SU]HJOÈGDUFH

:b]DPLHV]F]RQ\PWX
SU]\NïDG]LH]RVWDï\
Z\NRU]\VWDQHVW\OH&66G]LÚNL
NWöU\P]DZDUWRĂÊHOHPHQWöZ
<thead> oraz <tfoot> jest
WUDNWRZDQDLQDF]HMQLĝSR]RVWDïH
ZLHUV]H:LÚFHMLQIRUPDFML
GRW\F]ÈF\FKRNUHĂODQLDSRVWDFL
WDEHOSU]\Xĝ\FLX&66PRĝQD
]QDOHěÊQDVWURQDFK308 – 311
oraz 336 – 339.

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

136 TABELE

Pobrania

</th>

<th>

Kredyt

</th>

<th

width=”150”

Stan

</th>

</tr>
<tr>
<th>

Styczeñ

</th>

<td>

250,00

</td>

<td>

660,50

</td>

<td>

410,50

</td>

</tr>
<tr>
<th>

Luty

</th>

<td>

135,55

</td>

<td>

895,20

</td>

<td>

1170,15

</td>

</tr>
</table>

HTML

rozdzial-06/width-and-spacing.html

6=(52.2¥m,b2'67}3<

Ľ67$5<6326%

:bMÚ]\NX+70/GRVWÚSQ\FK
MHVWNLONDSU]HVWDU]Dï\FK
DWU\EXWöZNWöU\FKQLHQDOHĝ\
VWRVRZDÊZbQRZRWZRU]RQ\FK
ZLWU\QDFK1DbQLHNWöUH
]bQLFKMHGQDNPRĝQDQDWUDğÊ
SRGF]DVSU]HJOÈGDQLDNRGX
VWDUV]\FKVWURQ:::
dlatego przedstawimy je tutaj.
:V]\VWNLH]RVWDï\]DVWÈSLRQH
ZïDĂFLZRĂFLDPL&66
:bRWZLHUDMÈF\P]QDF]QLNX
<table>VWRVRZDQ\E\ï
atrybut widthSR]ZDODMÈF\
RNUHĂOLÊV]HURNRĂÊFDïHMWDEHOL
7HQVDPDWU\EXWPöJïE\Ê
VWRVRZDQ\ZbRWZLHUDMÈF\FK
]QDF]QLNDFK<th> oraz <td>
ĽZWHG\RNUHĂODïV]HURNRĂÊ
GDQHMNRPöUNLWDEHOL:DUWRĂÊ
WHJRDWU\EXWXE\ïDOLF]EÈ
R]QDF]DMÈFÈV]HURNRĂÊWDEHOL
OXENROXPQ\Z\UDĝRQÈ
ZbSLNVHODFK
.ROXPQ\WDEHOLPXV]ÈWZRU]\Ê
OLQLHSURVWHGODWHJRF]ÚVWR
]GDU]DïRVLÚĝHDWU\EXWwidth
E\ïVWRVRZDQ\Z\ïÈF]QLH
ZbSLHUZV]\PZLHUV]X
ZbSR]RVWDï\FKZLHUV]DFK
XVWDZLHQLHWRE\ïRVWRVRZDQH
automatycznie).
:bRWZLHUDMÈF\P]QDF]QLNX
<table>PRĝQDE\ïR
WDNĝHXPLHV]F]DÊDWU\EXW
cellpaddingRNUHĂODMÈF\
RGVWÚS\SRPLÚG]\]DZDUWRĂFLÈ
NRPöUNLDbMHMREUDPRZDQLHP
oraz cellspacingRNUHĂODMÈF\
RGVWÚS\SRPLÚG]\
SRV]F]HJöOQ\PLNRPöUNDPL
WDEHOL:DUWRĂFLREXW\FK

DWU\EXWöZE\ï\SRGDZDQH
ZbSLNVHODFK

:bSU]HGVWDZLRQ\PWX
SU]\NïDG]LH]DVWRVRZDQH
]RVWDï\VW\OH&66G]LÚNLNWöU\P
Z\UDěQLHZLGDÊV]HURNRĂFL

NRPöUHN,QIRUPDFMHGRW\F]ÈFH
NRQWURORZDQLDV]HURNRĂFL
RUD]RGVWÚSöZZbWDEHODFK
LbNRPöUNDFKSU]\Xĝ\FLX&66
PRĝQD]QDOHěÊQDVWURQDFK302
oraz 336 – 339.

W YNIK

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

137

TABELE

W YNIK

Atrybut borderE\ïXĝ\ZDQ\
]DUöZQRZbHOHPHQWDFK<table>
MDNLb<td>E\RNUHĂOLÊV]HURNRĂÊ
REUDPRZDQLDZ\UDĝRQÈ
ZbSLNVHODFK

Atrybut bgcolorE\ïXĝ\ZDQ\
GRRNUHĂODQLDNRORUXWïD
]DUöZQRFDïHMWDEHOLMDNLbMHM
SRV]F]HJöOQ\FKNRPöUHN-HJR
ZDUWRĂFLÈE\ï]D]Z\F]DMNRG
V]HVQDVWNRZ\NRORUXVSRVRE\
RNUHĂODQLDNRORUöZ]RVWDï\
SU]HGVWDZLRQHQDVWURQDFK
ļ).

:bW\PSU]\NïDG]LH]DVWRVRZDQR
DWU\EXW\+70/border
LbbgcolorQLH]DVWRVRZDQR
ZbQLPQDWRPLDVWĝDGQ\FK
VW\OöZ&66

3U]\RNUHĂODQLXSRVWDFLWDEHO
ZbQRZRWZRU]RQ\FKZLWU\QDFK
QDOHĝ\NRU]\VWDÊZ\ïÈF]QLH
]b&66DbQLH]bRSLV\ZDQ\FK
WXDWU\EXWöZ+70/=RVWDï\
one przedstawione tylko
GODWHJRĝHZFLÈĝPRĝQDMH
]QDOHěÊZbNRG]LHVWDUV]\FK
VWURQb:::

.5$:}'=,(,b.2/257$

Ľ67$5<6326%

Pobrania

</th>

<th>

Kredyt

</th>

Stan

</th>

</tr>
<tr>
<th>

Styczeñ

</th>

<td>

250,00

</td>

<td>

660,50

</td>

410,50

</td>

</tr>
<tr>
<th>

Luty

</th>

<td>

135,55

</td>

<td>

895,20

</td>

1170,15

</td>

</tr>
</table>

HTML

rozdzial-06/border-and-background.html

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

=DPLHV]F]RQ\WXSU]\NïDG
SU]HGVWDZLDWDEHOÚ
XPRĝOLZLDMÈFÈSRUöZQDQLH
GZöFKZDULDQWöZXVïXJL
prowadzenia serwera WWW.
:bSLHUZV]\PZLHUV]XRUD]
ZbSLHUZV]HMNROXPQLHWDEHOL

]RVWDï\XPLHV]F]RQHQDJïöZNL
3XVWDNRPöUNDZbOHZ\P
JöUQ\PURJXWDEHOLWDNĝHMHVW
reprezentowana przez element
<th>.DĝGDNRPöUNDWDEHOL
PXVLE\ÊUHSUH]HQWRZDQD
przez element <th> lub <td>.

:bHOHPHQWDFK<th> ]RVWDï
zastosowany atrybut scope
RNUHĂODMÈF\F]\GDQDNRPöUND
MHVWQDJïöZNLHPNROXPQ
F]\bZLHUV]\:bRVWDWQLP
ZLHUV]X]RVWDï]DVWRVRZDQ\
atrybut colspanE\Z\ĂZLHWORQ\
ZbQLPWHNVW]DMPRZDïV]HURNRĂÊ
obu kolumn.

138

TABELE

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

139

TABELE

35=<.$'

TABELE

Tabele

</title>

</head>
<body>
<table>
<thead>
<tr>
<th></th>
<th scope=”col”>

Pakiet startowy

</th>

%iznesowy pakiet PR(0,80

</th>

</tr>
</thead>
<tbody>
<tr>
<th scope=”row”>

Przestrzeñ na dysku

</th>

<td>

250 mb

</td>

<td>

1 gb

</td>

</tr>
<tr>
<th scope=”row”>

Transfer

</th>

<td>

5 gb miesiÚcznie

</td>

<td>

50 gb miesiÚcznie

</td>

</tr>

<-- kolejne wiersze tabeli -->
</tbody>
<tfoot>
<tr>
<td></td>
<td colspan=”2”>

Kup juĝ dziĂ ibzaoszczÚdě 10

</td>

</tr>
</tfoot>
</table>
</body>
</html>

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

32'6802:$1,(

TABELE

7DEHOHPRĝQDXPLHV]F]DÊQDVWURQDFK:::

Xĝ\ZDMÈFHOHPHQWX<table>.

7DEHOHVÈZ\ĂZLHWODQHZLHUV]SRZLHUV]X.DĝG\

ZLHUV]MHVWWZRU]RQ\SU]\Xĝ\FLXHOHPHQWX<tr>.

:HZQÈWU]NDĝGHJRZLHUV]D]QDMGXMHVLÚSHZQDOLF]ED

NRPöUHNUHSUH]HQWRZDQ\FKSU]H]HOHPHQW\<td>

OXE<th>ZbSU]\SDGNXQDJïöZNöZ

$E\NRPöUNLWDEHOL]DMPRZDï\ZLÚFHMQLĝMHGHQ

ZLHUV]OXEMHGQÈNROXPQÚQDOHĝ\]DVWRVRZDÊDWU\EXW
rowspan lub colspan.

:bSU]\SDGNXGïXJLFKWDEHOLFK]DZDUWRĂÊPRĝQD

SRG]LHOLÊQDWU]\VHNFMHĽ<thead><tbody>

Lb<tfoot>.

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

FORMULARZE

-DN]ELHUDÊLQIRUPDFMHRGRGZLHG]DMÈF\FK"

5öĝQHURG]DMHSöOIRUPXODU]\

1RZHSRODIRUPXODU]\Zb+70/

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

144 )2508/$5=(

7UDG\F\MQLHWHUPLQķIRUPXODU]ĵR]QDF]Dï
GUXNRZDQ\GRNXPHQW]DZLHUDMÈF\SXVWH
REV]DU\ZbNWöU\FKPRĝQDE\ïRZSLV\ZDÊ
LQIRUPDFMH

-Ú]\N+70/]DSRĝ\F]\ïSRMÚFLHIRUPXODU]DLbXĝ\ZDJR
GRbRNUHĂODQLDUöĝQHJRW\SXHOHPHQWöZSR]ZDODMÈF\FK
QDbSRELHUDQLHLQIRUPDFMLRGRVöERJOÈGDMÈF\FKZLWU\QÚ

1LH]DOHĝQLHRGWHJRF]\GRGDMHP\SURVWHSROHZ\V]XNLZDQLD
F]\bWZRU]\P\]ïRĝRQÈDSOLNDFMÚXEH]SLHF]HQLRZÈIRUPXODU]H
+70/XGRVWÚSQLDMÈ]ELöUHOHPHQWöZXPRĝOLZLDMÈF\FKSRELHUDQLH
GDQ\FKRGXĝ\WNRZQLNöZ:bW\PUR]G]LDOH]RVWDQÈRSLVDQH

6SRVRE\WZRU]HQLDIRUPXODU]\QDVWURQLH:::

5öĝQHQDU]ÚG]LDVïXĝÈFHGRJURPDG]HQLDLQIRUPDFML

1RZHSRODIRUPXODU]\GRVWÚSQHZb+70/

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

)2508/$5=(

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

146 )2508/$5=(

'/$&=(*2)2508/$5=("

3UDZGRSRGREQLHQDMEDUG]LHM]QDQ\PIRUPXODU]HPZbVLHFL
MHVWSROHWHNVWRZHVïXĝÈFHGRZ\V]XNLZDQLDXPLHV]F]RQH
QDĂURGNXJïöZQHMVWURQ\Z\V]XNLZDUNL*RRJOH

2SUöF]]DSHZQLHQLD
Xĝ\WNRZQLNRPPRĝOLZRĂFL
Z\V]XNLZDQLDIRUPXODU]H
SR]ZDODMÈQDZ\NRQ\ZDQLH
LQQ\FKF]\QQRĂFL.RU]\VWDP\
]bQLFKNLHG\UHMHVWUXMHP\VLÚ

ZbQRZHMZLWU\QLHNXSXMHP\
FRĂZbVNOHSLHLQWHUQHWRZ\P
VXEVNU\EXMHP\MDNLĂELXOHW\Q
OXE]DSLVXMHP\VLÚGROLVW\
G\VNXV\MQHM

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

147

)2508/$5=(

32/$)2508/$5=<

,VWQLHMHNLONDURG]DMöZSöOIRUPXODU]\
NWöU\FKPRĝQDXĝ\ZDÊGRSRELHUDQLD
LQIRUPDFMLRGbRVöERGZLHG]DMÈF\FKZLWU\QÚ

'2'$:$1,(7(.678

3RODKDVïD

3RGREQHGRMHGQRZLHUV]RZ\FK
SöOWHNVWRZ\FKW\OHĝHPDVNXMÈ
ZSURZDG]DQH]QDNL

:LHORZLHUV]RZH

SRODWHNVWRZH

6ïXĝÈGRWZRU]HQLDZLÚNV]\FK
SöOWHNVWRZ\FKXĝ\ZDQ\FK
GRZSURZDG]DQLDGïXJLFK
ZLDGRPRĂFLOXENRPHQWDU]\

'2.21<:$1,(:<%25:

3RODWHNVWRZH

MHGQRZLHUV]RZH

8ĝ\ZDQHGRZSURZDG]DQLD
MHGQHJRZLHUV]DWHNVWX
]DZLHUDMÈFHJRQSDGUHVSRF]W\
HOHNWURQLF]QHMOXELPLÚ

3U]\FLVNLRSFML

6WRVRZDQHJG\Xĝ\WNRZQLN
PXVLZ\EUDÊMHGQÈ]bNLONX
GRVWÚSQ\FKRSFML

3RODZ\ERUX

6WRVRZDQHJG\Xĝ\WNRZQLN
PRĝH]D]QDF]\ÊOXEXVXQÈÊ
]D]QDF]HQLHMHGQHMOXENLONX
RSFML

/LVW\UR]ZLMDQH

6WRVRZDQHJG\Xĝ\WNRZQLN
PXVLZ\EUDÊMHGQÈVSRĂUöG
RSFMLGRVWÚSQ\FKQDOLĂFLH

35=(6<$1,()2508/$5=<

3U]\FLVN

SU]HV\ïDMÈF\

6ïXĝ\GRSU]HV\ïDQLDGDQ\FK
]bIRUPXODU]DQDVHUZHU

3U]\FLVNJUDğF]Q\

3RGREQ\GRSU]\FLVNX
SU]HV\ïDMÈFHJRPRĝQDZbQLP
VWRVRZDÊREUD]NL

35=(6<$1,(

3/,.:

3U]HV\ïDQLHSOLNöZ

7RSROHSR]ZDODXĝ\WNRZQLNRP
SU]HV\ïDÊSOLNLQSREUD]NL
QDbVHUZHU:::

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

148

)2508/$5=(

-$.'=,$$-k

)2508/$5=("

8ĝ\WNRZQLNZ\SHïQLDIRUPXODU]DbQDVWÚSQLHQDFLVNDSU]\FLVN
E\SU]HVïDÊSRGDQHZbQLPLQIRUPDFMHQDVHUZHU

']LÚNXMHP\]DRGSRZLHGě

7ZöMJïRVGRVWDï+HUELH+DQFRFN

*ïRVXMQDVZRMHJRXOXELRQHJR

PX]\NDMD]]RZHJRZV]HFKF]DVöZ

3VHXGRQLP

*ïRVXMÚQD

(OOD)LW]JHUDOG

+HUELH+DQFRFN

-RKQ&ROWUDQH

0LOHV'DYLV

7KHORQLXV0RQN

(ZD

3U]HĂOLMJïRV

1D]ZDNDĝGHJR]bSöO
IRUPXODU]DMHVWSU]HV\ïDQD
QDbVHUZHUZUD]]bZDUWRĂFLÈ
SRGDQÈSU]H]Xĝ\WNRZQLND

6HUZHUSU]HWZDU]D
LQIRUPDFMHXĝ\ZDMÈF
SURJUDPXQDSLVDQHJR
ZbWDNLPMÚ]\NXMDN3+3&
9%1(7OXE-DYD0RĝHbMH
WDNĝH]DSLVDÊZbED]LH
GDQ\FK

6HUZHUJHQHUXMHQRZÈVWURQÚ
LbSU]HV\ïDMÈ]bSRZURWHP
GRbSU]HJOÈGDUNLED]XMÈF
SU]\W\PQDRWU]\PDQ\FK
LQIRUPDFMDFK

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

149

)2508/$5=(

:bIRUPXODU]XPRĝQDXPLHĂFLÊNLONDSöO
]bNWöU\FKNDĝGHEÚG]LH]DZLHUDÊLQQH
LQIRUPDFMH6HUZHUPXVLZLHG]LHÊNWöUH
]bZSURZDG]RQ\FKGDQ\FKVÈSRZLÈ]DQH
]bGDQ\PSROHPIRUPXODU]D

$E\RGUöĝQLDÊUöĝQHURG]DMHZSURZDG]DQ\FKGDQ\FKLQIRUPDFMHVÈ
SU]HV\ïDQH]bSU]HJOÈGDUNLQDVHUZHUZbIRUPLHSDUQD]ZDļZDUWRĂÊ
:bSU]HGVWDZLRQ\PSU]\NïDG]LHZbIRUPXODU]XSRSURV]RQRXĝ\WNRZQLND
RbSRGDQLHLPLHQLDRUD]Z\EöUXOXELRQHJRPX]\NDMD]]RZHJR3RQLĝHM
SU]HGVWDZLRQH]RVWDï\SDU\QD]ZDļZDUWRĂÊSU]\V\ïDQHQDVHUZHU

username

Ewa

1$=:$

:$572¥m

username

Ewa

-HĂOLSROHIRUPXODU]DSR]ZDOD
QDZSLVDQLHLQIRUPDFMLWRMHJR
ZDUWRĂFLÈEÚG]LHGRZROQ\
WHNVWXPLHV]F]RQ\ZbQLP
SU]H]bXĝ\WNRZQLND

vote

Herbie

-HĂOLSROHSR]ZDODQDZ\EUDQLH
MHGQHMVSRĂUöGNLONXNRQNUHWQ\FK
ZDUWRĂFLMDNMHVWZbSU]\SDGNX
SU]\FLVNöZRSFMLOXEOLVW
UR]ZLMDQ\FKWRDXWRUVWURQ\
VDPSRGDNRGDXWRPDW\F]QLH
RNUHĂODMÈF\ZDUWRĂÊGDQHMRSFML

1LJG\QLH]PLHQLDMP\QD]Z\SRODIRUPXODU]DQDVWURQLHMHĂOLQLHMHVWHĂP\
SHZQLĝHNRGREVïXJXMÈF\IRUPXODU]SRVWURQLHVHUZHUDSUDZLGïRZR
REVïXĝ\QRZÈQD]ZÚ

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

)2508/$5=(

<p>

Tu bÚdÈ umieszczone pola formularza.

</p>

</form>

HTML

rozdzial-07/form-structure.html

6758.785$)2508/$5=<

<form>

:V]\VWNLHSRODIRUPXODU]\
VÈXPLHV]F]DQHZHZQÈWU]
HOHPHQWX<form>:bW\P
HOHPHQFLH]DZV]HQDOHĝ\
RNUHĂOLÊZDUWRĂÊDWU\EXWX
actionRSUöF]WHJR]D]Z\F]DM
SRGDZDQHVÈZDUWRĂFL
DWU\EXWöZmethodRUD]id

action

.DĝG\HOHPHQW<form>Z\PDJD
RNUHĂOHQLDZDUWRĂFLDWU\EXWX
action-HVWQLÈDGUHV85/
VWURQ\QDVHUZHU]HGRbNWöUHM
ZbPRPHQFLHZ\VïDQLD
IRUPXODU]DQDOHĝ\SU]HND]DÊ
SRGDQHZbQLPLQIRUPDFMH

method

)RUPXODU]HPRĝQDZ\V\ïDÊ
Xĝ\ZDMÈFMHGQHM]bGZöFK
PHWRGgetDOERpost

:bSU]\SDGNXVWRVRZDQLD
PHWRG\getZDUWRĂFLSöO
IRUPXODU]DVÈGRGDZDQH
QDbNRñFXDGUHVX85/SRGDQHJR
ZbDWU\EXFLHaction1DMOHSLHM
QDGDMHVLÚRQDGR

SU]HV\ïDQLDNUöWNLFK
IRUPXODU]\WDNLFKMDN
IRUPXODU]Z\V]XNLZDQLD

IRUPXODU]\VïXĝÈF\FK
MHG\QLHGRSRELHUDQLD
GDQ\FK]bVHUZHUDDbQLH
QSSU]HV\ïDQLDLQIRUPDFML
NWöUHPDMÈE\Ê]DSLVDQH
OXEbXVXQLÚWH]bED]\GDQ\FK

:bSU]\SDGNX]DVWRVRZDQLD
PHWRG\postZDUWRĂFLVÈ
SU]HV\ïDQHZbW]ZQDJïöZNDFK
+773-DNRRJöOQÈ]DVDGÚ
QDOHĝ\SU]\MÈÊĝHPHWRGD
postSRZLQQDE\ÊXĝ\WD
JG\bIRUPXODU]

SR]ZDODQDSU]HV\ïDQLH
SOLNöZ

MHVWEDUG]RGXĝ\

]DZLHUDZUDĝOLZHGDQHWDNLH
MDNKDVïD

SRZRGXMHGRGDQLHLQIRUPDFML
GRED]\GDQ\FKOXEXVXQLÚFLH
LQIRUPDFML]bED]\GDQ\FK

W YNIK

-HĂOLDWU\EXWmethodQLH
]RVWDïSRGDQ\SU]HJOÈGDUND
SU]HĂOHIRUPXODU]Xĝ\ZDMÈF
PHWRG\bget

$WU\EXWid]RVWDïGRNïDGQLHM
RSLVDQ\QDVWURQLHb182;
MHJRZDUWRĂÊMHVWXĝ\ZDQD
GRbXQLNDOQHJRLGHQW\ğNRZDQLD
HOHPHQWXIRUPXODU]D
LbRGUöĝQLDQLDJRRGbSR]RVWDï\FK
HOHPHQWöZVWURQ\
EDUG]RbF]ÚVWRVWRVXMHVLÚJR
ZbVNU\SWDFKQSWDNLFKNWöUH
VSUDZG]DMÈF]\ZbIRUPXODU]X
]RVWDï\SRGDQHZV]\VWNLH
QLH]EÚGQHGDQH

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

)2508/$5=(

W YNIK

32/$7(.672:(

size

$WU\EXWXsizeQLHQDOHĝ\
Xĝ\ZDÊZbQRZ\FK
IRUPXODU]DFK:F]HĂQLHME\ï
RQZ\NRU]\VW\ZDQ\ZbFHOX
RNUHĂOHQLDGïXJRĂFLSROD
MHJRZDUWRĂÊRNUHĂODïDOLF]EÚ
]QDNöZNWöUHPLDï\E\Ê
ZLGRF]QHZbSROX

8ĝ\FLHQSZDUWRĂFL
VSRZRGXMHXWZRU]HQLHSROD
WHNVWRZHJRRbWDNLHMV]HURNRĂFL
E\E\ï\ZbQLPZLGRF]QHWU]\

<p>Nazwa uĝytkownika:

HTML

rozdzial-07/text-input.html

]QDNLFKRÊZbUD]LHSRWU]HE\
Xĝ\WNRZQLNPRĝHZbQLPZSLVDÊ
ZLÚFHM]QDNöZ

:HZV]\VWNLFKREHFQLH
WZRU]RQ\FKIRUPXODU]DFK
V]HURNRĂÊSöOQDOHĝ\RNUHĂODÊ
SU]\Xĝ\FLXDUNXV]\VW\OöZ
&66$WU\EXWsize]RVWDïWX
RSLVDQ\W\ONRGODWHJRĝHPRĝQD
VLÚQDQLHJRQDWNQÈÊSRGF]DV
SU]HJOÈGDQLDNRGXVWDU\FK
IRUPXODU]\

<input>

(OHPHQW<input>VïXĝ\
GRbWZRU]HQLDNLONXUöĝQ\FK
URG]DMöZSöO5RG]DMSRODNWöUH
]RVWDQLHXWZRU]RQH]DOHĝ\
RGbZDUWRĂFLDWU\EXWXtypeWHJR
HOHPHQWX

type=”text”

-HĂOLDWU\EXWtypeEÚG]LH
PLHÊZDUWRĂÊtext]RVWDQLH
XWZRU]RQHSROHWHNVWRZH

name

.LHG\Xĝ\WNRZQLF\
Z\SHïQLDMÈIRUPXODU]
VHUZHUPXVLZLHG]LHÊMDNLH
LQIRUPDFMH]RVWDï\SRGDQH
ZbSRV]F]HJöOQ\FKSRODFK
QSZbSU]\SDGNXIRUPXODU]D
ORJRZDQLDVHUZHUPXVL
ZLHG]LHÊFR]RVWDïRSRGDQH
MDNRQD]ZDXĝ\WNRZQLND
DbFRMDNRKDVïR:ïDĂQLH
]bWHJRSRZRGXZbNDĝG\P
SROXIRUPXODU]DQDOHĝ\SRGDÊ
ZDUWRĂÊDWU\EXWXname
,GHQW\ğNXMHRQDSROHIRUPXODU]D
LbMHVWSU]HV\ïDQDZUD]]bMHJR
]DZDUWRĂFLÈQDVHUZHU

maxlength

$WU\EXWXmaxlengthPRĝQD
Xĝ\ZDÊZbFHOXRJUDQLF]HQLD
OLF]E\]QDNöZZSLV\ZDQ\FK
ZbSROX-HJRZDUWRĂÊMHVW
OLF]EÈRNUHĂODMÈFÈLOH
PDNV\PDOQLH]QDNöZPRĝQD
XPLHĂFLÊZbGDQ\PSROX-HĂOL
QSbRF]HNXMHP\RGXĝ\WNRZQLND
SRGDQLDURNXPRĝHP\XPLHĂFLÊ
ZbSROXDWU\EXWmaxlength
RbZDUWRĂFL4

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

)2508/$5=(

Nazwa uĝytkownika:

+asïo:

HTML

rozdzial-07/password-input.html

32/(+$6$

<input>

type=”password”

-HĂOLDWU\EXWRZLtype]RVWDQLH
SU]\SLVDQDZDUWRĂÊpassword
PRĝQDXWZRU]\ÊSROHG]LDïDMÈFH
SRGREQLHGR]Z\F]DMQHJR
MHGQRZLHUV]RZHJRSROD
WHNVWRZHJR]bWÈUöĝQLFÈ
ĝHbZSLV\ZDQHGRQLHJR]QDNL
EÚGÈPDVNRZDQH']LÚNL
WHPXQLNW]DJOÈGDMÈFQDP
SU]H]UDPLÚQLHEÚG]LHPöJï
RGF]\WDÊZSLV\ZDQ\FKZbSROX
ZUDĝOLZ\FKGDQ\FKWDNLFK
MDNbKDVïR

name

$WU\EXWnameRNUHĂODQD]ZÚ
SRODKDVïDDbMHJRZDUWRĂÊMHVW
SU]HV\ïDQDQDVHUZHUZUD]
]bLQIRUPDFMDPLSRGDQ\PLSU]H]
Xĝ\WNRZQLND

size, maxlength

:bSRODFKKDVHïPRĝQDWDNĝH
Xĝ\ZDÊDWU\EXWöZsizeRUD]
maxlengthNWöU\FK]QDF]HQLH
MHVWWDNLHVDPRMDNZbSU]\SDGNX
MHGQRZLHUV]RZ\FKSöO
WHNVWRZ\FK

&KRÊGDQHZSLV\ZDQHZbSROX
KDVïDVÈPDVNRZDQHLbQLH
PRĝQDLFKRGF]\WDÊQDHNUDQLH
QLHR]QDF]DWRZFDOHĝHVÈ
RQHZbEH]SLHF]Q\VSRVöE
SU]HV\ïDQHQDVHUZHU1LJG\
QLHQDOHĝ\Xĝ\ZDÊW\FKSöO
GRSU]HV\ïDQLDZUDĝOLZ\FK
LQIRUPDFMLWDNLFKMDNQXPHU\
NDUWNUHG\WRZ\FK

$E\]DSHZQLÊPDNV\PDOQH
EH]SLHF]HñVWZRQDOHĝ\
VNRQğJXURZDÊVHUZHUZbWDNL
VSRVöEE\NRPXQLNRZDïVLÚ
]bSU]HJOÈGDUNÈXĝ\ZDMÈF
SURWRNRïX6HFXUH6RFNHW
/D\HUb66/=DJDGQLHQLD
]ZLÈ]DQH]b66/Z\NUDF]DMÈ
SR]D]DNUHVWHPDW\F]Q\
WHMNVLÈĝNLMHGQDNQD
SRĂZLÚFRQHMMHMVWURQLHPRĝQD
]QDOHěÊRGQRĂQLNLGRbZLWU\Q
]DZLHUDMÈF\FKZLÚFHMLQIRUPDFML
QDWHPDWWHJRSURWRNRïX

W YNIK

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

)2508/$5=(

W YNIK

:,(/2:,(56=2:(

32/$7(.672:(

:bSU]\SDGNXWZRU]HQLD
QRZ\FKIRUPXODU]\V]HURNRĂÊ
RUD]Z\VRNRĂÊHOHPHQWöZ
<textarea>QDOHĝ\RNUHĂODÊ
SU]\Xĝ\FLXDUNXV]\VW\OöZ&66
1LHPQLHMSRGF]DVDQDOL]\NRGX
LVWQLHMÈF\FKIRUPXODU]\PRĝHP\
VLÚVSRWNDÊ]b]DVWRVRZDQLHP
DWU\EXWöZcolsRUD]rows

Co myĂlisz obtym koncercie"

</p>

Tutaj

wpisz swój komentarz...

</textarea>

</form>

HTML

rozdzial-07/textarea.html

$WU\EXWcolsRNUHĂODV]HURNRĂÊ
SRODZ\UDĝRQÈMDNROLF]ED
]QDNöZQDWRPLDVWDWU\EXW
rowsĽMHJRZ\VRNRĂÊ
ZVND]XMHRQDOLF]EÚZLHUV]\
WHNVWXNWöUHPDMÈE\ÊZLGRF]QH
ZbSROX

(OHPHQW<textarea>VïXĝ\
GRbWZRU]HQLDZLHORZLHUV]RZ\FK
SöOWHNVWRZ\FK:bRGUöĝQLHQLX
RGHOHPHQWX<input>QLH
MHVWHOHPHQWHPSXVW\P
2]QDF]DWRĝHSRZLQLHQPLHÊ
]DUöZQR]QDF]QLNRWZLHUDMÈF\
MDNbLb]DP\NDMÈF\

3RZF]\WDQLXVWURQ\FDï\
WHNVWXPLHV]F]RQ\SRPLÚG]\
RWZLHUDMÈF\P]QDF]QLNLHP
<textarea>RUD]]DP\NDMÈF\P
]QDF]QLNLHP</textarea>
]RVWDQLHZ\ĂZLHWORQ\ZbSROX

-HĂOLXĝ\WNRZQLNQLHXVXQLH
ĝDGQ\FK]QDNöZXPLHV]F]RQ\FK
SRF]ÈWNRZRZbSROXWHQVDP
NRPXQLNDW]RVWDQLHSU]HVïDQ\
QDVHUZHUZUD]]bGRZROQ\P
GRSLVDQ\PGRQLHJRWHNVWHP
1DQLHNWöU\FKVWURQDFK
Xĝ\ZDQHVÈVNU\SW\NWöUH
F]\V]F]È]DZDUWRĂÊWHJRSROD
JG\Xĝ\WNRZQLNZbQLHNOLNQLH

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

)2508/$5=(

Wybierz swój ulubiony rodzaj muzyki:

Rock

Pop

Jazz

</p>
</form>

HTML

rozdzial-07/radio-button.html

35=<&,6.,23&-,

<input>

type=”radio”

3U]\FLVNLRSFMLSR]ZDODMÈ
Xĝ\WNRZQLNRPZ\EUDÊW\ONR
MHGQÈRSFMÚ]bJUXS\NLONXRSFML

name

$WU\EXWnameMHVWSU]HV\ïDQ\
QDbVHUZHUZUD]]bZDUWRĂFLÈ
RSFMLZ\EUDQHMSU]H]
Xĝ\WNRZQLND-HĂOLRGSRZLHG]L
GRS\WDQLD]DGDQHJR
ZbIRUPXODU]XVÈSU]HGVWDZLRQH
ZbIRUPLHSU]\FLVNöZRSFML
WRZV]\VWNLH]bQLFKPXV]È
PLHÊWDNÈVDPÈZDUWRĂÊ
DWU\EXWXbname

Yalue

$WU\EXWYalueRNUHĂOD
ZDUWRĂÊMDND]RVWDQLH
SU]HVïDQDQDbVHUZHUZbUD]LH
]D]QDF]HQLDGDQHJRSU]\FLVNX
RSFML:DUWRĂFLZV]\VWNLFK
SU]\FLVNöZRSFMLQDOHĝÈF\FK
GRMHGQHMJUXS\SRZLQQ\E\Ê
XQLNDOQHDE\VHUZHUZLHG]LDï
NWöU\bSU]\FLVNRSFML]RVWDï
]D]QDF]RQ\SU]H]Xĝ\WNRZQLND

checked

$WU\EXWXcheckedPRĝQD
Xĝ\ÊE\ZVND]DÊSU]\FLVN
RSFMLNWöU\SRZLQLHQ]RVWDÊ
]D]QDF]RQ\ZbPRPHQFLH
Z\ĂZLHWODQLDVWURQ\$WU\EXWWHQ
SRZLQLHQSU]\MPRZDÊZDUWRĂÊ
checked0RĝQDJRXPLHĂFLÊ
W\ONRZbMHGQ\PSU]\FLVNXRSFML
ZbGDQHMJUXSLH

Waĝna uwaga:NLHG\
Xĝ\WNRZQLN]D]QDF]\MHGHQ
]bSU]\FLVNöZRSFMLQLHPRĝHMXĝ
XVXQÈÊWHJR]D]QDF]HQLD0RĝH
FRQDMZ\ĝHM]D]QDF]\ÊLQQ\
SU]\FLVN-HĂOL]DWHPGDMHP\
Xĝ\WNRZQLNRZLGRZ\ERUX

W\ONRMHGQÈRSFMÚLbFKFHP\
E\bPRĝQDMÈE\ïR]D]QDF]\ÊOXE
XVXQÈÊMHM]D]QDF]HQLHMDNMHVW
QSbZbSU]\SDGNXSöOVïXĝÈF\FK
GRDNFHSWDFMLZDUXQNöZ
UHMHVWUDFMLWRSRZLQQLĂP\
VNRU]\VWDÊ]bSöOZ\ERUX

W YNIK

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

)2508/$5=(

W YNIK

32/$:<%258

<input>

type=”checkbox”

3RODZ\ERUXXPRĝOLZLDMÈ
Xĝ\WNRZQLNRP]D]QDF]DQLH
LbXVXZDQLH]D]QDF]HQLD
GRZROQHMOLF]E\RGSRZLHG]L
QDb]DGDQHS\WDQLH

name

$WU\EXWnameMHVWSU]HV\ïDQ\
QDVHUZHUZUD]]bZDUWRĂFLDPL
SöO]D]QDF]RQ\FKSU]H]
Xĝ\WNRZQLND-HĂOLRGSRZLHG]L
GRNRQNUHWQHJRS\WDQLD
]DGDQHJRZbIRUPXODU]XVÈ
SU]HGVWDZLRQHZbIRUPLHSöO
Z\ERUXWRZV]\VWNLHPXV]È
PLHÊWDNÈVDPÈZDUWRĂÊ
DWU\EXWXname

Yalue

$WU\EXWYalueRNUHĂODZDUWRĂÊ
MDND]RVWDQLHSU]HVïDQD
QDbVHUZHUZbUD]LH]D]QDF]HQLD
GDQHJRSRODZ\ERUX

checked

$WU\EXWXcheckedPRĝQDXĝ\Ê
E\ZVND]DÊSROHZ\ERUXNWöUH
SRZLQQR]RVWDÊ]D]QDF]RQH
ZbPRPHQFLHZ\ĂZLHWODQLD
VWURQ\$WU\EXWWHQSRZLQLHQ
SU]\MPRZDÊZDUWRĂÊchecked

Wybierz swojÈ ulubionÈ usïugÚ muzycznÈ:

iTunes

Last.fm

Spotify

</p>
</form>

HTML

rozdzial-07/checkbox.html

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

)2508/$5=(

/,67<52=:,-$1(

/LVW\UR]ZLMDQHSR]ZDODMÈ
QDZ\ĂZLHWOHQLHSRF]ÈWNRZR
QLHZLGRF]QHMJUXS\RSFML
LbZ\EUDQLHMHGQHM]bQLFK

/LVW\WHJRW\SXWZRU]\VLÚ
SU]\bXĝ\FLXHOHPHQWX<select>
:HZQÈWU]QLHJRXPLHV]F]DQH
VÈGZDHOHPHQW\<option>
OXEbZLÚFHM

name

$WU\EXWnameRNUHĂODQD]ZÚ
SRODIRUPXODU]DNWöUDMHVW
SU]HV\ïDQDQDVHUZHUZUD]
]bZDUWRĂFLÈRSFMLZ\EUDQHM
SU]H]Xĝ\WNRZQLND

(OHPHQW<option>VïXĝ\
GRbWZRU]HQLDRSFMLOLVW\
]bNWöU\FKXĝ\WNRZQLNPRĝH
QDVWÚSQLHZ\ELHUDÊ6ïRZD
XPLHV]F]RQHSRPLÚG]\
RWZLHUDMÈF\P]QDF]QLNLHP
<option>Db]DP\NDMÈF\P
]QDF]QLNLHP</option>]RVWDQÈ
Z\ĂZLHWORQHQDOLĂFLH

value

(OHPHQW<option>NRU]\VWD
]bDWU\EXWXvalueE\RNUHĂOLÊ
ZDUWRĂÊNWöUDZUD]]bQD]ZÈ
SROD]RVWDQLHSU]HVïDQD
QDVHUZHUSR]D]QDF]HQLX
NRQNUHWQHMRSFMLOLVW\

selected

$WU\EXWXselectedPRĝQDXĝ\Ê
E\ZVND]DÊRSFMÚNWöUDPD
E\Ê]D]QDF]RQDZbPRPHQFLH
Z\ĂZLHWOHQLDVWURQ\$WU\EXWWHQ
SRZLQLHQSU]\MPRZDÊZDUWRĂÊ
selected

:bUD]LHSRPLQLÚFLDWHJR
DWU\EXWXZbSROX]RVWDQLH
Z\ĂZLHWORQDSLHUZV]DSRGDQD
RSFMD-HĂOLXĝ\WNRZQLN
QLHZ\ELHU]HLQQHMRSFML
WRZbPRPHQFLHZ\VïDQLD
IRUPXODU]DQDVHUZHU
]RVWDQLHSU]HVïDQDZDUWRĂÊ
SLHUZV]HMbRSFML

/LVWDUR]ZLMDQDSHïQLSRGREQÈ
IXQNFMÚMDNSU]\FLVNLRSFML
SR]ZDODQDZ\EöUW\ONR
MHGQHMVSRĂUöGNLONXRSFML
2WRGZDSRGVWDZRZHF]\QQLNL
GHF\GXMÈFHRbW\PNWöUH]bW\FK
SöOQDOHĝ\]DVWRVRZDÊ

-HĂOLZV]\VWNLHGRVWÚSQH

RSFMHPXV]ÈE\ÊZLGRF]QH
WROHSV]\PUR]ZLÈ]DQLHP
EÚGÈSU]\FLVNLRSFML

-HĂOLOLF]EDGRVWÚSQ\FK

RSFMLMHVWEDUG]RGXĝD
QSbJG\PDP\Z\EUDÊ
MHGHQ]bNUDMöZĂZLDWD
OHSV]\PUR]ZLÈ]DQLHPEÚG]LH
]DVWRVRZDQLHOLVW\UR]ZLMDQHM

Jakiego urzÈdzenia uĝywasz do sïuchania muzyki"

</p>

iPoda

</option>

radia

</option>

komputera

</option>

</select>
</form>

HTML

rozdzial-07/drop-down-list-box.html

W YNIK

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

)2508/$5=(

/,67$

:,(/2.5271(*2:<%258

size

/LVWÚUR]ZLMDQÈPRĝQD
]PLHQLÊZbOLVWÚSUH]HQWXMÈFÈ
MHGQRF]HĂQLHZLÚFHMQLĝMHGQÈ
RSFMÚĽZ\VWDUF]\ZbHOHPHQFLH
<select>XPLHĂFLÊDWU\EXWsize
:DUWRĂFLÈWHJRDWU\EXWXMHVW
OLF]EDRNUHĂODMÈFDLOHRSFMLPD
E\ÊMHGQRF]HĂQLHZLGRF]Q\FK
QDOLĂFLH:bSU]HGVWDZLRQ\P
SU]\NïDG]LHZLGDÊĝHQDOLĂFLH
ZLGRF]QHVÈWU]\VSRĂUöG
F]WHUHFKRSFMLGRVWÚSQ\FK
QDbOLĂFLH

1LHVWHW\LPSOHPHQWDFMD
WHJRDWU\EXWXZbUöĝQ\FK
SU]HJOÈGDUNDFKQLHMHVW
LGHDOQDGODWHJRZbUD]LHMHJR
VWRVRZDQLDQDOHĝ\JRGRNïDGQLH
SU]HWHVWRZDÊ]ZïDV]F]D
ZbSU]HJOÈGDUNDFK)LUHIR[RUD]
6DIDULQDNRPSXWHUDFK0DF

multiple

$E\XPRĝOLZLÊXĝ\WNRZQLNRP
Z\EöUNLONXVSRĂUöGRSFML
GRVWÚSQ\FKQDOLĂFLHQDOHĝ\
GRGDÊGRHOHPHQWX<select>
DWU\EXWmultipleRbZDUWRĂFL
multiple

W YNIK

Czy grasz na nastÚpujÈcych instrumentach"

0oĝesz zaznaczyÊ wiÚcej niĝ jednÈ opcjÚ,
naciskajÈc klawisz Ctrl na komputerach PC
lub klawisz Command na komputerach 0ac.

</p>

<select name=”instruments” size=”3”

multiple=”multiple”>

gitara

</option>

perkusja

</option>

<option value=”keyboard”

selected=”selected”>

keyboard

</option>

gitara basowa

</option>

</select>
</form>

HTML

rozdzial-07/multiple-select-box.html

'REU\PUR]ZLÈ]DQLHPMHVW
SRLQIRUPRZDQLHXĝ\WNRZQLNöZ
RbPRĝOLZRĂFL]D]QDF]HQLD
ZLÚNV]HMOLF]E\RSFMLQDOLĂFLH
:DUWRWDNĝH]D]QDF]\Ê
ĝHbQDNRPSXWHUDFK3&WU]HED
ZbW\PFHOXZFLVQÈÊNODZLV]
CtrlLbNOLNDÊZ\EUDQHRSFMH
QDWRPLDVWQDNRPSXWHUDFK0DF
ĽZFLVQÈÊNODZLV]Command

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

)2508/$5=(

32/(35=(6<$1,$3/,.:

<input>

-HĂOLFKFHP\]DSHZQLÊ
Xĝ\WNRZQLNRPPRĝOLZRĂÊ
SU]HV\ïDQLDQDVHUZHU
SOLNöZWDNLFKMDNREUD]NL
NOLS\ZLGHRSOLNLPSOXE
3')WRbNRQLHF]QHEÚG]LH
XPLHV]F]HQLHZbIRUPXODU]X
RGSRZLHGQLHJRSROD

type=”ğle”

=DVWRVRZDQLHWHM
ZDUWRĂFLDWU\EXWXtype
SRZRGXMHXWZRU]HQLHSROD
SU]\SRPLQDMÈFHJR]Z\F]DMQH
MHGQRZLHUV]RZHSROHWHNVWRZH
RUD]XPLHV]F]RQHJRRERNQLHJR
SU]\FLVNX3U]HJOÈGDM-HG\Q\P
Z\MÈWNLHPMHVWSU]HJOÈGDUND
6DIDULQDbNRPSXWHUDFK0DF
Ľ]D]Z\F]DMZ\ĂZLHWOD
RQDSU]\FLVNWybierz plik
]DbNWöU\PXPLHV]F]RQHMHVW
SROHWHNVWRZHSRF]ÈWNRZR
JG\bĝDGHQSOLNQLH]RVWDï
Z\EUDQ\MHVWZbQLP
Z\ĂZLHWODQ\WHNVWķ%UDN
]D]QDF]RQ\FKSOLNöZĵ
QDWRPLDVWJG\Xĝ\WNRZQLN
Z\ELHU]HSOLNZbSROX]RVWDQLH
Z\ĂZLHWORQDMHJRQD]ZD.LHG\
Xĝ\WNRZQLNNOLNQLHWHQSU]\FLVN
QDHNUDQLH]RVWDQLHZ\ĂZLHWORQH
RNQRGLDORJRZHSR]ZDODMÈFH
QDZ\EUDQLHMHGQHJR]bSOLNöZ
GRVWÚSQ\FKQDNRPSXWHU]H

-HĂOLIRUPXODU]PD]DSHZQLDÊ
PRĝOLZRĂÊSU]HV\ïDQLDSOLNöZ
QDVHUZHUWRDWU\EXWmethod
HOHPHQWX<form>PXVLPLHÊ
ZDUWRĂÊpost3OLNöZQLH
PRĝQDSU]HV\ïDÊSU]\Xĝ\FLX
PHWRG\getSURWRNRïX+773

.LHG\Xĝ\WNRZQLNNOLNQLH
SU]\FLVNZbSROXSU]HV\ïDQLD
SOLNöZZ\ĂZLHWORQHRNQR
GLDORJRZHSR]ZDODMÈFH
QDZ\EöUSOLNXEÚG]LH
PLDïRZ\JOÈGGRVWRVRZDQ\
GRXĝ\ZDQHJRV\VWHPX
RSHUDF\MQHJR1LHPD
PRĝOLZRĂFL]PLDQ\Z\JOÈGX
WHJRRNQD

PrzeĂlij plik muzyczny wbformacie 0P3:

</p>

HTML

rozdzial-07/file-input-box.html

W YNIK

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

)2508/$5=(

<input>

type=”submit”

3U]\FLVNLWHJRW\SXVÈXĝ\ZDQH
GRSU]HV\ïDQLDIRUPXODU]\
QDbVHUZHU

name

0RĝQDRNUHĂOLÊZDUWRĂÊ
DWU\EXWXnameMHGQDNQLHPD
RQDĝDGQHJR]QDF]HQLD

value

$WU\EXWvalueVïXĝ\
GRbRNUHĂODQLDWHNVWX
NWöU\EÚG]LHZ\ĂZLHWODQ\
QDbSU]\FLVNX:DUWRSRGDÊ
WHQWHNVWZbSU]HFLZQ\P
UD]LHQDSU]\FLVNXSRMDZLVLÚ
NRPXQLNDWķ:\ĂOLM]DS\WDQLHĵ
FRZbQLHNWöU\FKURG]DMDFK
IRUPXODU]\PRĝHQLHE\Ê
ZïDĂFLZÈQD]ZÈSU]\FLVNX

:bUöĝQ\FKSU]HJOÈGDUNDFK
SU]\FLVNSU]HV\ïDMÈF\PRĝH
Z\JOÈGDÊQLHFRLQDF]HM
MHGQDN]D]Z\F]DMMHJR
Z\JOÈGRGSRZLDGDVSRVRERZL
SUH]HQWDFMLSöOIRUPXODU]\
Xĝ\ZDQHPXZbGDQHM
SU]HJOÈGDUFH-HĂOL]DOHĝ\
QDPQDRNUHĂOHQLXZ\JOÈGX
SU]\FLVNöZPRĝHP\WR]URELÊ
]DSRPRFÈDUNXV]\VW\OöZ
&66]JRGQLH]bLQIRUPDFMDPL
SRGDQ\PLQDVWURQLH342OXE
Xĝ\ÊREUD]NDMDNRSU]\FLVNX

35=<&,6.35=(6<$-k&<

W YNIK

Subskrybuj nasz biuletyn informacyjny:

</p>

HTML

rozdzial-07/submit-button.html

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

)2508/$5=(

35=<&,6.,=b2%5$=(0

<image>

type=”image”

-HĂOLFKFHP\E\SU]\FLVN
SU]HV\ïDMÈF\IRUPXODU]PLDï
SRVWDÊREUD]NDWRDWU\EXWRZL
typeHOHPHQWX<input>
SRZLQQLĂP\SU]\SLVDÊZDUWRĂÊ
image:bWDNLPSU]\SDGNX
PRĝQDXĝ\ÊDWU\EXWöZsrc
widthheightRUD]alt
G]LDïDMÈF\FKGRNïDGQLHWDN
VDPRMDNZbHOHPHQFLH<img>
RSLVDQ\PQDVWURQDFK
ļ

Subskrybuj nasz biuletyn informacyjny:

</p>

HTML

rozdzial-07/image-button.html

W YNIK

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

161

)2508/$5=(

(/(0(17%87721

25$=32/$8.5<7(

(OHPHQW<button>]RVWDï
ZSURZDG]RQ\E\]DSHZQLÊ
WZöUFRPVWURQZLÚNV]ÈNRQWUROÚ
QDGZ\JOÈGHPSU]\FLVNöZ
RUD]SR]ZROLÊQDXPLHV]F]DQLH
QDbQLFKLQQ\FKHOHPHQWöZ

2]QDF]DWRĝHSRPLÚG]\
RWZLHUDMÈF\P]QDF]QLNLHP
<button>Db]DP\NDMÈF\P
]QDF]QLNLHP</button>PRĝQD
XPLHĂFLÊQSWHNVWLbREUD]

<input>

type=”hidden”

7HQSU]\NïDGSU]HGVWDZLD
]DVWRVRZDQLHXNU\W\FKSöO
IRUPXODU]\WZRU]RQ\FK
]DSRPRFÈDWU\EXWXtype
RbZDUWRĂFLhidden3RODWHJR
W\SXQLHVÈZ\ĂZLHWODQH
QDVWURQLHFKRÊPRĝQDMH
]REDF]\ÊZ\ĂZLHWODMÈFMHM
NRGěUöGïRZ\SU]\Xĝ\FLX
RSFML3RNDĝěUöGïRVWURQ\
3R]ZDODMÈRQHDXWRURPVWURQ
QDGRGDZDQLHGRIRUPXODU]\
ZDUWRĂFLQLHZLGRF]Q\FKGOD
Xĝ\WNRZQLNöZ$XWRUZLWU\Q\
PöJïE\]DVWRVRZDÊWDNLHSROH
E\QSSU]HND]DÊQDVHUZHU
LQIRUPDFMÚRbW\PNWöUDVWURQD
E\ïDZ\ĂZLHWORQDZbPRPHQFLH
SU]HV\ïDQLDIRUPXODU]D

W YNIK

Dodaj

</button>

HTML

rozdzial-07/button-and-hidden-controls.html

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

162 )2508/$5=(

'2'$:$1,((7<.,(7

'2b3/)2508/$5=<

<label>

3RGF]DVSUH]HQWRZDQLDUöĝQ\FK
URG]DMöZSöOIRUPXODU]\FHORZR
]DVWRVRZDQRXSURV]F]RQ\NRG
ZbNWöU\PWHNVWRNUHĂODMÈF\
SU]H]QDF]HQLHNDĝGHJR]bSöO
E\ïXPLHV]F]DQ\EH]SRĂUHGQLR
SU]\QLP-HGQDNNDĝGHPX
]bSöOIRUPXODU]\SRZLQLHQ
WRZDU]\V]\ÊHOHPHQW<label>
NWöU\XïDWZLNRU]\VWDQLH
]bIRUPXODU]\RVRERPPDMÈF\P
SUREOHP\]HZ]URNLHP

(OHPHQW<label>PRĝHE\Ê
Xĝ\ZDQ\QDGZDVSRVRE\

:HZQÈWU]QLHJRPRĝQD

XPLHĂFLÊ]DUöZQRRSLV
WHNVWRZ\MDNLbVDPRSROH
IRUPXODU]DFRZLGDÊ
ZbSLHUZV]\PZLHUV]X
SU]HGVWDZLRQHJRSU]\NïDGX

0RĝQDJRRGG]LHOLÊRGSROD

IRUPXODU]DLbMHGQRF]HĂQLH
GRGDÊGRQLHJRDWU\EXWIRU
RNUHĂODMÈF\]bNWöU\PSROHP
VNRMDU]RQDMHVWGDQDHW\NLHWD
MDN]URELRQRZbSU]\SDGNX
SU]\FLVNöZRSFML

for

$WU\EXWforRNUHĂODGRbNWöUHJR
SRODIRUPXODU]DQDOHĝ\GDQD
HW\NLHWD=ZUöÊP\XZDJÚ
ĝHbZbSU]HGVWDZLRQ\P
SU]\NïDG]LHZbSU]\FLVNDFK
RSFML]RVWDï\SRGDQHDWU\EXW\
id:DUWRĂÊWHJRDWU\EXWX
ZbMHGQR]QDF]Q\VSRVöE
LGHQW\ğNXMHHOHPHQWIRUPXODU]D
RGUöĝQLDMÈFJRRGbZV]\VWNLFK
LQQ\FKHOHPHQWöZVWURQ\
DWU\EXWid]RVWDïRSLVDQ\
QDbVWURQLH182

:DUWRĂÊDWU\EXWXfor
RGSRZLDGDZDUWRĂFLDWU\EXWXid
SRODGRNWöUHJRRGQRVLVLÚGDQD
HW\NLHWD7HMWHFKQLNLED]XMÈFHM
QDZ\NRU]\VWDQLXDWU\EXWöZfor
LbidPRĝQDXĝ\ZDÊ]DZV]H
QLH]DOHĝQLHGRW\SXSROD
IRUPXODU]D:bSU]\SDGNXJG\
HOHPHQW<label>MHVWXĝ\ZDQ\
ZUD]]bSRODPLZ\ERUXOXE
SU]\FLVNDPLRSFMLXĝ\WNRZQLN
PRĝH]D]QDF]\ÊGDQHSROH
NOLNDMÈF]DUöZQRMHMDNLbMHJR
HW\NLHWÚ3RZLÚNV]HQLHREV]DUX
NWöU\Xĝ\WNRZQLNPRĝH
NOLNQÈÊXïDWZLDNRU]\VWDQLH
]bIRUPXODU]D%DUG]RGXĝH
]QDF]HQLHPDWDNĝHSRïRĝHQLH
HW\NLHW\-HĂOLXĝ\WNRZQLF\
QLHEÚGÈZLHG]LHÊJG]LH
QDOHĝ\ZSLVDÊLQIRUPDFMH

OXEMDNLHLQIRUPDFMHZSLVDÊ
ZbGDQ\PSROX]PQLHMV]D
VLÚSUDZGRSRGRELHñVWZR
SUDZLGïRZHJRXĝ\FLD
IRUPXODU]D
2WR]DVDG\RNUHĂODMÈFH
RSW\PDOQHSRïRĝHQLHHW\NLHW
Z]JOÚGHPSöOIRUPXODU]\

32:<¿(-/8%

=b/(:(-67521<

SRODWHNVWRZH

ZLHORZLHUV]RZHSROD
WHNVWRZH

OLVW\UR]ZLMDQH

SRODSU]HV\ïDQLDSOLNöZ

=b35$:(-67521<

SRV]F]HJöOQHSRODZ\ERUX

SRV]F]HJöOQHSU]\FLVNLRSFML

<label>

Wiek:

<br/ >

PïeÊ:

<input id=”female” type=”radio” name=”gender”

value=”f”>
<label for=”female”>

kobieta

</label>

mÚĝczyzna

</label>

HTML

rozdzial-07/labelling-form-controls.html

W YNIK

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

163

)2508/$5=(

*5832:$1,(

(/(0(17:)2508/$5=<

<ğeldset>

3RZLÈ]DQH]HVREÈSROD
IRUPXODU]DPRĝQD]JUXSRZDÊ
XPLHV]F]DMÈFMHZHZQÈWU]
HOHPHQWX<ğeldset>
5R]ZLÈ]DQLHWRMHVWV]F]HJöOQLH
Z\JRGQHZbSU]\SDGNX
GïXĝV]\FKIRUPXODU]\

:bZLÚNV]RĂFLSU]HJOÈGDUHN
]DZDUWRĂÊHOHPHQWöZ
<ğeldset>MHVWZ\ĂZLHWODQD
ZHZQÈWU]REUDPRZDQLD
FRbZL]XDOQLHJUXSXMHSRZLÈ]DQH
]HVREÈHOHPHQW\:\JOÈGWHJR
REUDPRZDQLDPRĝQDRNUHĂOLÊ
SU]\Xĝ\FLXDUNXV]\VW\OöZ&66

(OHPHQW<legend>PRĝQD
XPLHĂFLÊEH]SRĂUHGQLR
]DbRWZLHUDMÈF\P]QDF]QLNLHP
<ğeldset>=DZLHUDRQWHNVW
NWöU\XïDWZLXĝ\WNRZQLNRZL
]UR]XPLHQLHSU]H]QDF]HQLD
GDQHMJUXS\SöOIRUPXODU]D

W YNIK

<ğeldset>
<legend>

Informacje kontaktowe

</legend>

<label>

$dres e-mail:

<br />

Telefon komórkowy:

<br />

Telefon:

<br />

HTML

rozdzial-07/grouping-form-elements.html

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

164 )2508/$5=(

+70/

:(5<),.$&-$

3/)2508/$5=<

3UDZGRSRGREQLH&]\WHOQLN
VSRWNDïVLÚMXĝ]bIRUPXODU]DPL
NWöUHSUH]HQWRZDï\
Xĝ\WNRZQLNRPNRPXQLNDW\
ZbSU]\SDGNXJG\NWöUHĂ]bLFK
SöOQLH]RVWDïRSUDZLGïRZR
Z\SHïQLRQH7DNLHG]LDïDQLH
MHVWQD]\ZDQHweryğkacjÈ pól
formularzy

7UDG\F\MQLHZHU\ğNDFMDSöO
IRUPXODU]\E\ïDUHDOL]RZDQD
SU]\Z\NRU]\VWDQLX
MÚ]\ND-DYD6FULSWNWöUHJR
SU]HGVWDZLHQLHZ\NUDF]DSR]D
]DNUHVWHMNVLÈĝNL-HGQDN
MÚ]\N+70/XGRVWÚSQLD
PHFKDQL]P\WDNLHMZHU\ğNDFML
SU]HND]XMÈF]ZLÈ]DQH]bQLÈ
RSHUDFMHSU]HJOÈGDUFH

:HU\ğNDFMDSöOIRUPXODU]\
]DSHZQLDĝHSRSU]HVïDQLX
IRUPXODU]DQDVHUZHULQIRUPDFMH
ZSLVDQHZbSRODFK]RVWDQÈ
SUDZLGïRZR]UR]XPLDQH
:HU\ğNDFMDWUHĂFLSU]HG
SU]HVïDQLHPIRUPXODU]D
QDbVHUZHUMHVWNRU]\VWQDJG\ĝ

RJUDQLF]DF]\QQRĂFLNWöUH
WU]HEDEÚG]LHZ\NRQDÊ
QDbVHUZHU]H

VSUDZLDĝHXĝ\WNRZQLN
V]\EFLHMGRZLDGXMHVLÚ
RbSUREOHPDFK]bSRGDQ\PL
LQIRUPDFMDPLQLĝZWHG\
JG\ZHU\ğNDFMDMHVW
SU]HSURZDG]DQDQDVHUZHU]H

Nazwa uĝytkownika:

</label>

+asïo:

</label>

HTML

rozdzial-07/html5-form-validation.html

W YNIK

*G\SRZVWDZDïDWDNVLÈĝND
MHG\QLHSU]HJOÈGDUNL&KURPH
Lb2SHUDREVïXJLZDï\ZHU\ğNDFMÚ
SöOIRUPXODU]\Zb+70/
FKRÊQDOHĝ\VLÚVSRG]LHZDÊ
ĝHLQQHSU]HJOÈGDUNLSöMGÈ
ZbLFKĂODG\%\]DSHZQLÊ
ZHU\ğNDFMÚIRUPXODU]\WDNĝH
ZbVWDUV]\FKSU]HJOÈGDUNDFK
NWöUHQLHREVïXJXMÈMÚ]\ND
+70/WZöUF\VWURQEÚGÈ
]DSHZQHZFLÈĝXĝ\ZDÊMÚ]\ND
-DYD6FULSW

:bW\PSU]\NïDG]LHZHU\ğNDFMD
ED]XMHQD]DVWRVRZDQLX
DWU\EXWXrequiredĽPRĝQD
JRXPLHĂFLÊZbGRZROQ\PSROX
IRUPXODU]DNWöUHXĝ\WNRZQLN
SRZLQLHQZ\SHïQLÊ7HQ
DWU\EXWMÚ]\ND+70/QLH
Z\PDJDRNUHĂODQLDZDUWRĂFL
FRRGUöĝQLDJRRGDWU\EXWöZ
ZbMÚ]\NX+70/ZbNWöU\P
RNUHĂODQLHZDUWRĂFLDWU\EXWöZ
E\ïRNRQLHF]QH1LHNWöU]\
WZöUF\VWURQSU]\SLVXMÈWHPX
DWU\EXWRZLZDUWRĂÊrequired

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

)2508/$5=(

+70/32/('$7<

<input>

:LHOHIRUPXODU]\PXVLSRELHUDÊ
WDNLHLQIRUPDFMHMDNGDW\
DGUHV\HPDLORUD]DGUHV\
85/7UDG\F\MQLHGRWHJRFHOX
Xĝ\ZDQHE\ï\]Z\F]DMQHSROD
WHNVWRZH

-Ú]\N+70/MHGQDN
ZSURZDG]DQRZHSRODNWöUH
PDMÈVïXĝ\ÊVWDQGDU\]DFML
VSRVREöZZSURZDG]DQLD
QLHNWöU\FKLQIRUPDFML
6WDUV]HSU]HJOÈGDUNLNWöUH
QLHUR]SR]QDMÈW\FKW\SöZ
SöOEÚGÈMHZ\ĂZLHWODÊMDNR
]Z\F]DMQHMHGQRZLHUV]RZH
SRODbWHNVWRZH

type=”date”

-HĂOLFKFHP\SURVLÊ
Xĝ\WNRZQLNDRbSRGDQLHGDW\
PRĝHP\ZbW\PFHOXXĝ\Ê
HOHPHQWX<input>ZbNWöU\P
DWU\EXWRZLtypeSU]\SLVDQD
]RVWDQLHZDUWRĂÊdate
']LÚNLbWHPXZbSU]HJOÈGDUNDFK
REVïXJXMÈF\FK+70/
Z\ĂZLHWORQH]RVWDQLHVSHFMDOQH
SROHVïXĝÈFHGRZ\ERUXGDW\

7HQSU]\NïDGSRND]XMH
MDNZ\JOÈGDSROHZ\ERUX
GDW\ZbSU]HJOÈGDUFH2SHUD
:bLQQ\FKSU]HJOÈGDUNDFKSROH
WRPRĝHZ\JOÈGDÊLQDF]HM

W YNIK

Data wylotu:

</label>

HTML

rozdzial-07/html5-date-input.html

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

166 )2508/$5=(

+70/32/$$'5(6:

(0$,/,b85/

<input>

+70/XGRVWÚSQLDSROD
SR]ZDODMÈFHXĝ\WNRZQLNRP
QDSRGDZDQLHDGUHVöZSRF]W\
HOHNWURQLF]QHMRUD]DGUHVöZ
85/3U]HJOÈGDUNLNWöUHQLH
REVïXJXMÈW\FKW\SöZEÚGÈ
Z\ĂZLHWODï\WHSRODMDNR
]Z\F]DMQHMHGQRZLHUV]RZH
SRODbWHNVWRZH

type=”email”

-HĂOLSURVLP\Xĝ\WNRZQLND
RbSRGDQLHDGUHVXHPDLO
PRĝHP\VNRU]\VWDÊ]bQRZHJR
W\SXSRODWHNVWRZHJR']LÚNL
WHPXSU]HJOÈGDUNLREVïXJXMÈFH
ZHU\ğNDFMÚGDQ\FKZb+70/
EÚGÈVSUDZG]DÊF]\
SRGDQHLQIRUPDFMH]RVWDï\
]DSLVDQHZbSUDZLGïRZ\P
IRUPDFLHFKDUDNWHU\VW\F]Q\P
GODbDGUHVöZSRF]W\
HOHNWURQLF]QHM1LHNWöUH
VPDUWIRQ\RSW\PDOL]XMÈ
SUH]HQWRZDQÈNODZLDWXUÚ
Z\ĂZLHWODMÈFQDQLHMSU]\FLVNL
NWöUHQDMSUDZGRSRGREQLHM
EÚGÈSRWU]HEQHGRZSLVDQLD
DGUHVXbHPDLOQSSU]\FLVN
]bV\PEROHP#

type=”url”

-HĂOLXĝ\WNRZQLNPDSRGDÊ
DGUHVVWURQ\:::PRĝQD
VNRU]\VWDÊ]bSRODDGUHVX85/
']LÚNLWHPXSU]HJOÈGDUNL
REVïXJXMÈFHZHU\ğNDFMÚ
GDQ\FKZb+70/EÚGÈPRJï\
VSUDZG]LÊF]\Xĝ\WNRZQLN
ZSLVDïLQIRUPDFMHZbIRUPDFLH

ProszÚ podaÊ swój adres e-mail:

</p>

HTML

rozdzial-07/html5-email-input.html

W YNIK

ProszÚ podaÊ adres swojej witryny:

</p>

HTML

rozdzial-07/html5-url-input.html

W YNIK

FKDUDNWHU\VW\F]Q\P
GODbDGUHVöZ85/1LHNWöUH
VPDUWIRQ\RSW\PDOL]XMÈ

NODZLDWXUÚZ\ĂZLHWODMÈF
QDQLHMSU]\FLVNLSU]\GDWQH
GRbZSLV\ZDQLDDGUHVöZ

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

167

)2508/$5=(

+70/

32/(:<6=8.,:$1,$

<input>

-HĂOLFKFHP\XPLHĂFLÊ
QDVWURQLHSRMHG\QF]H
SROHWHNVWRZHVïXĝÈFH
GRbZ\V]XNLZDQLD+70/
XïDWZLDQDPWRXGRVWÚSQLDMÈF
VSHFMDOQ\W\SSROD
SU]H]QDF]RQHJRZïDĂQLH
GRbWHJRbFHOX

type=”search”

-HĂOLFKFHP\XPLHĂFLÊ
QDVWURQLHSRMHG\QF]H
SROHWHNVWRZHVïXĝÈFH
GRbZ\V]XNLZDQLD+70/
XïDWZLDQDPWRXGRVWÚSQLDMÈF
VSHFMDOQHSROHZ\V]XNLZDQLD

$E\XWZRU]\ÊWDNLHSROHQDOHĝ\
GRHOHPHQWX<input>GRGDÊ
DWU\EXWtypeRbZDUWRĂFLsearch
6WDUV]HSU]HJOÈGDUNLEÚGÈMH
WUDNWRZDÊMDNR]Z\F]DMQH
MHGQRZLHUV]RZHSROHWHNVWRZH

1DMQRZV]HSU]HJOÈGDUNL
UR]V]HU]DMÈQLHFRPRĝOLZRĂFL
SöOWHJRW\SXSRSUDZLDMÈF
LFKXĝ\WHF]QRĂÊ,bWDN
ZbSU]HJOÈGDUFH6DIDUL
QDbNRPSXWHU\0DF]RVWDïR
GRGDQHQLHZLHONLHNöïNR
]bNU]\ĝ\NLHPSR]ZDODMÈFH
Z\F]\ĂFLÊ]DZDUWRĂÊSRODNLHG\
FKFHP\ZSLVDÊZbQLP]XSHïQLH
QRZHVïRZR'RGDWNRZR
SU]HJOÈGDUNDWDDXWRPDW\F]QLH
]DRNUÈJODZLHU]FKRïNLWHJRSROD

Szukaj:

</p>

HTML

rozdzial-07/html5-search-input.html

W YNIK

Szukaj:

</p>

HTML

rozdzial-07/html5-placeholder.html

W YNIK

placeholder

:bGRZROQ\PSROXWHNVWRZ\PPRĝQDWDNĝHXĝ\ÊDWU\EXWX
RbQD]ZLHplaceholderNWöUHJRZDUWRĂÊRNUHĂODWHNVWMDNLEÚG]LH
SUH]HQWRZDQ\ZbSROXGRPRPHQWXJG\Xĝ\WNRZQLNMHNOLNQLH
6WDUV]HSU]HJOÈGDUNLLJQRUXMÈWHQDWU\EXW

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

168 )2508/$5=(

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

169

)2508/$5=(

35=<.$'

)2508/$5=(

7HQSU]\NïDGSU]HGVWDZLDIRUPXODU]H
GRbSU]HV\ïDQLDNRPHQWDU]\RUD]VXEVNU\SFML
ELXOHW\QXLQIRUPDF\MQHJR:\NRU]\VWDQR
ZbQLFKNLONDW\SöZSöO

(OHPHQW<form>NRU]\VWD]bDWU\EXWXactionE\RNUHĂOLÊDGUHVVWURQ\
GRNWöUHM]RVWDQÈSU]HVïDQHGDQH.DĝG\HOHPHQWUHSUH]HQWXMÈF\SROH
IRUPXODU]DMHVWXPLHV]F]RQ\ZHZQÈWU]HOHPHQWX<form>5öĝQHW\S\
SöOIRUPXODU]\VÈGRVWRVRZDQHGRSRELHUDQLDUöĝQ\FKW\SöZGDQ\FK
(OHPHQW<ğeldset>VïXĝ\GRJUXSRZDQLDSöOSRZLÈ]DQ\FK]HVREÈ
(OHPHQW<label>RNUHĂODSU]H]QDF]HQLHNDĝGHJR]bSöOIRUPXODU]D

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

)2508/$5=(

35=<.$'

)2508/$5=(

Formularze

</title>

</head>

Szczegóïy konta:

</legend>

<label>

ImiÚ:

</label>
<br />
<label>

(-mail:

</label>
<br />
</ğeldset>
<br />
<ğeldset>
<legend>

Kilka informacji obTobie:

</legend>

Jak siÚ obnas dowiedziaïeĂ"

</label>

zb*oogle

</option>

od znajomego

</option>

zbreklamy

</option>

wbinny sposób

</option>

</select>
</p>
<p>

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

171

)2508/$5=(

35=<.$'

)2508/$5=(

Czy odwiedzisz nas ponownie"

Tak

</label>
<label>
<input type=”radio” name=”rating” value=”no” />

Nie

</label>
<label>
<input type=”radio” name=”rating” value=”maybe” />

0oĝe

</label>

</p>
<p>
<label for=”comments”>

Komentarz:

</label>

ChcÚ byÊ informowany obaktualizacjach.

</label>

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

32'6802:$1,(

)2508/$5=(

=DZV]HJG\FKFHP\RGELHUDÊLQIRUPDFMH

RGbXĝ\WNRZQLNöZPXVLP\VNRU]\VWDÊ]bIRUPXODU]D

XPLHV]F]RQHJRZHZQÈWU]]QDF]QLND<form>

,QIRUPDFMHSRGDZDQHZbIRUPXODU]DFKVÈSU]HV\ïDQH

ZbSRVWDFLSDUQD]ZDļZDUWRĂÊ

.DĝGHSROHIRUPXODU]DPXVLPLHÊVZRMÈQD]ZÚ

ZSLV\ZDQ\ZbQLPWHNVWOXEZ\ELHUDQDZbQLPZDUWRĂÊ

VÈSU]HV\ïDQHQDVHUZHU

-Ú]\N+70/XGRVWÚSQLDQRZHW\S\SöOIRUPXODU]\

XïDWZLDMÈFHXĝ\WNRZQLNRPZSURZDG]DQLHGDQ\FK

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

DODATKOWE

ELEMENT Y

HTML

2NUHĂODQLHUöĝQ\FKZHUVMLMÚ]\ND+70/

,GHQW\ğNDFMDLbJUXSRZDQLHHOHPHQWöZ

.RPHQWDU]HPHWDLQIRUPDFMHRUD]HOHPHQWiframe

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

176 '2'$7.2:((/(0(17<+70/

-DNRĝHSRGVWDZRZH]QDF]QLNL]RVWDï\
MXĝSU]HGVWDZLRQHPRĝQDMHWHUD]
SRG]LHOLÊQDJUXS\LbNDWHJRULH

:bW\PUR]G]LDOH]RVWDQÈRSLVDQHSU]\GDWQH]DJDGQLHQLD
NWöU\FKGDVLÚïDWZRSU]\SLVDÊGRLQQ\FKNDWHJRULL
WHPDW\F]Q\FK6ÈWR

5öĝQHZHUVMHMÚ]\ND+70/RUD]VSRVRE\RNUHĂODQLD
NWöUDZHUVMDMÚ]\NDMHVWXĝ\ZDQD

6SRVRE\XPLHV]F]DQLDNRPHQWDU]\QDVWURQDFK:::

$WU\EXW\JOREDOQHF]\OLWDNLHNWöU\FKPRĝQDXĝ\ZDÊ
ZHbZV]\VWNLFKHOHPHQWDFKSU]\NïDGDPLWDNLFKDWU\EXWöZ
VÈclassLbid

(OHPHQW\VïXĝÈFHGRJUXSRZDQLDIUDJPHQWöZVWURQ
JG\bĝDGQHLQQHHOHPHQW\VLÚGRWHJRQLHQDGDMÈ

8PLHV]F]DQLHVWURQZHZQÈWU]LQQ\FKVWURQSU]\Xĝ\FLX
HOHPHQWöZ<iframe>

6SRVRE\GRGDZDQLDLQIRUPDFMLGRW\F]ÈF\FKVWURQ\
SU]\bXĝ\FLXHOHPHQWX<meta>

'RGDZDQLHGRWUHĂFLVWURQWDNLFK]QDNöZMDNQDZLDV\
NÈWRZHOXE]QDNSUDZDXWRUVNLFK

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

177

'2'$7.2:((/(0(17<+70/

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

178 '2'$7.2:((/(0(17<+70/

(:2/8&-$-}=<.$+70/

2GSRF]ÈWNXLVWQLHQLDLQWHUQHWXSRMDZLïRVLÚ
NLONDZHUVMLMÚ]\ND+70/

.DĝGDQRZDZHUVMDE\ïD
SURMHNWRZDQDMDNRXVSUDZQLHQLH
ZF]HĂQLHMV]\FK]DZLHUDïDQRZH
HOHPHQW\LbDWU\EXW\DbVWDUH
HOHPHQW\E\ï\XVXZDQH

-HGQRF]HĂQLHGRSU]HJOÈGDQLD
VWURQE\ïRXĝ\ZDQ\FKNLOND
UöĝQ\FKZHUVMLWHMVDPHM
SU]HJOÈGDUNLDbNDĝGDNROHMQD
LPSOHPHQWRZDïDQRZH
PRĝOLZRĂFL1LHZV]\VF\
Xĝ\WNRZQLF\MHGQDNPDMÈ
]DLQVWDORZDQHQDMQRZV]HZHUVMH
SU]HJOÈGDUHNFRR]QDF]DĝHQLH
ZV]\VF\EÚGÈPRJOLVLÚFLHV]\Ê
QDMQRZV]\PLPRĝOLZRĂFLDPL
RUD]NRGHP+70/

:bSU]\SDGNDFKJG\&]\WHOQLN
SRZLQLHQV]F]HJöOQLH
XZDĝDÊQDbSU]HJOÈGDUNL
NWöUHQLHREVïXJXMÈSHZQ\FK
PRĝOLZRĂFLZ\UDěQLH
]ZUDFDïHPQDWRXZDJÚ
WDNbE\ïRSU]\QRZ\FKSRODFK
IRUPXODU]\ZSURZDG]RQ\FK
ZbMÚ]\NX+70/RSLVDQ\FK
ZbSRSU]HGQLPUR]G]LDOH
SRGREQHRVWU]HĝHQLDPRĝQD
]QDOHěÊZbGDOV]HMF]ÚĂFL
NVLÈĝNLZbUR]G]LDïDFK
SRĂZLÚFRQ\FKb&66

+70/

:352:$'=21<

:b52.8

;+70/

:352:$'=21<

:b52.8

2SUöF]NLONXHOHPHQWöZ
ZSURZDG]RQ\FKZbMÚ]\NX
+70/NWöUH]RVWDï\
Z\UöĝQLRQHZV]\VWNLH
SU]HGVWDZLRQHGRWHMSRU\E\ï\
GRVWÚSQHZbMÚ]\NX+70/

&KRÊ]DZLHUDïRQWDNĝHNLOND
HOHPHQWöZSUH]HQWDF\MQ\FK
VïXĝÈF\FKGRNRQWUROLZ\JOÈGX
VWURQ:::WRWZöUF\ZLWU\Q
LQWHUQHWRZ\FKQLHE\OL]DFKÚFDQL
GRLFKVWRVRZDQLD3U]\NïDGDPL
WDNLFKHOHPHQWöZVÈ<center>
VïXĝÈF\GRZ\ĂURGNRZDQLD
]DZDUWRĂFLQDVWURQLH<font>
VïXĝÈF\GRRNUHĂODQLDZ\JOÈGX
WHNVWX<strike>SR]ZDODMÈF\
QDSU]HNUHĂOHQLHWHNVWXHIHNW\
]DSHZQLDQHSU]H]NDĝG\]bW\FK
HOHPHQWöZPRĝQDX]\VNDÊ
VWRVXMÈFDUNXV]HVW\OöZ

:bURNX]RVWDï
ZSURZDG]RQ\MÚ]\N;0/
-HJRFHOHPE\ïR]DSHZQLHQLH
PRĝOLZRĂFLWZRU]HQLD
QRZ\FKMÚ]\NöZ]QDF]QLNöZ
3RQLHZDĝQDMSRSXODUQLHMV]\P
MÚ]\NLHPWHJRW\SXE\ï+70/
SRGMÚWRGHF\]MÚĝHQDOHĝ\JR
RGWZRU]\Ê]JRGQLH]bUHJXïDPL
MÚ]\ND;0/Lb]PLHQLÊMHJR
QD]ZÚQD;+70/2]QDF]DïR
WRĝHDXWRU]\VWURQPXV]È
SU]HVWU]HJDÊNLONXQRZ\FK
QLHFREDUG]LHMU\JRU\VW\F]Q\FK
UHJXïRNUHĂODMÈF\FKVSRVRE\
WZRU]HQLDNRGX2WRNLOND
]bQLFK

.DĝG\HOHPHQWPXVLPLHÊ
]QDF]QLN]DP\NDMÈF\RSUöF]
HOHPHQWöZSXVW\FKWDNLFK
MDN<img />

1D]Z\DWU\EXWöZPXV]ÈE\Ê
]DSLV\ZDQHPDï\PLOLWHUDPL

:V]\VWNLHDWU\EXW\SRZLQQ\
PLHÊRNUHĂORQÈZDUWRĂÊ
DbZDUWRĂFLWHPXV]ÈE\Ê
]DSLV\ZDQHZbFXG]\VïRZDFK

(OHPHQW\Z\FRIDQHQLH
SRZLQQ\E\ÊVWRVRZDQH

.DĝG\HOHPHQWRWZRU]RQ\
ZHZQÈWU]LQQHJRHOHPHQWX
SRZLQLHQ]RVWDÊZHZQÈWU]
QLHJR]DPNQLÚW\

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

'2'$7.2:((/(0(17<+70/

3U]\NïDG\]DPLHV]F]RQH
ZbQLQLHMV]HMNVLÈĝFHVÈ]JRGQH
]bW\PLĂFLVï\PLUHJXïDPL
MÚ]\NDb;0/

-HGQÈ]bSRGVWDZRZ\FK
NRU]\ĂFLMDNLH]DSHZQLDïR
ZSURZDG]HQLHMÚ]\ND
;+70/E\ïDPRĝOLZRĂÊ
MHJREH]SUREOHPRZHM
ZVSöïSUDF\]HZV]\VWNLPL
SURJUDPDPLQDSLVDQ\PL
]bP\ĂOÈRbSU]HWZDU]DQLX
GRNXPHQWöZb;0/

2SUöF]WHJR;+70/DbPRĝQD
Xĝ\ZDÊZUD]]bGDQ\PL
]DSLVDQ\PLZbLQQ\FKIRUPDWDFK
WDNLFKMDN6FDODEOH9HFWRU
*UDSKLFV69*MÚ]\NJUDğF]Q\
]DSLV\ZDQ\ZbIRUPLHNRGX
;0/0DWK0/VïXĝÈF\
GR]DSLV\ZDQLDIRUPXï
PDWHPDW\F]Q\FKF]\&0/
VïXĝÈF\GR]DSLV\ZDQLD
Z]RUöZFKHPLF]Q\FK
$E\XïDWZLÊDXWRURPVWURQ
:::UR]SRF]ÚFLHNRU]\VWDQLD
]bQRZHMVNïDGQLXWZRU]RQRGZD
SRGVWDZRZHURG]DMHMÚ]\ND
;+70/

Strict XHTML 1.0ZbNWöU\P
DXWRU]\PXV]ÈVWRVRZDÊVLÚ
GRZV]\VWNLFKUHJXï

Transitional XHTMLb1.0
ZbNWöU\PDXWRU]\
PRJOLMHV]F]HNRU]\VWDÊ
]bHOHPHQWöZSUH]HQWDF\MQ\FK
WDNLFKMDN<center>
OXEb<font>

:HUVMD7UDQVLWLRQDO;+70/
]RVWDïDXWZRU]RQDJG\ĝ
SR]ZDODïDDXWRURPVWURQ
ZFLÈĝNRU]\VWDÊ]HVWDU\FK
SUDNW\NG]LÚNLQLHFRPQLHM
U\JRU\VW\F]QHPXSU]HVWU]HJDQLX
]DVDGGRW\F]ÈF\FKVNïDGQL
NRGXRUD]VWRVRZDÊQLHNWöUH
HOHPHQW\LbDWU\EXW\NWöUHPLDï\
]RVWDÊXVXQLÚWH]bSU]\V]ï\FK
ZHUVMLMÚ]\ND+70/

'RVWÚSQDE\ïDWDNĝHWU]HFLD
ZHUVMDMÚ]\ND;+70/
W]ZXHTML 1.0 Frameset
3R]ZDODïDRQDDXWRURPVWURQ
G]LHOLÊRNQRSU]HJOÈGDUNL
QDbNLONDķUDPHNĵ]bNWöU\FK
NDĝGDSUH]HQWRZDïDLQQÈVWURQÚ
:::$NWXDOQLHUDPNLVSRW\ND
VLÚEDUG]RU]DGNRVÈVWRSQLRZR
Z\FRI\ZDQH

+70/

:352:$'=21<

:b52.8

:bMÚ]\NX+70/DXWRU]\VWURQ
QLHPXV]ÈVWRVRZDÊ]QDF]QLNöZ
]DP\NDMÈF\FKDbZbSU]\V]ïRĂFL
]RVWDQLHRQUR]V]HU]RQ\
RbQRZHHOHPHQW\LbDWU\EXW\
:bPRPHQFLHSRZVWDZDQLD
WHMNVLÈĝNLVSHF\ğNDFMD
+70/QLH]RVWDïDMHV]F]H
GRNRñF]RQDMHGQDNWZöUF\
QDMZDĝQLHMV]\FKSU]HJOÈGDUHN
MXĝLPSOHPHQWXMÈZLHOHVSRĂUöG
QRZ\FKPRĝOLZRĂFLWHJRMÚ]\ND
DbDXWRU]\VWURQEï\VNDZLF]QLH
]DF]ÚOL]bQLFKNRU]\VWDÊ

0LPRĝHMÚ]\N+70/ZFLÈĝ
VLÚUR]ZLMDEH]SLHF]QLHPRĝQD
NRU]\VWDÊ]bZLHOXVSRĂUöG
MHJRQRZ\FKPRĝOLZRĂFL
RbLOHW\ONR]DJZDUDQWXMHP\
ĝHbXĝ\WNRZQLF\SRVLDGDMÈF\
VWDUV]HZHUVMHSU]HJOÈGDUHN
EÚGÈPRJOLSU]HJOÈGDÊ
QDV]HVWURQ\FKRÊQLHNWöUH
]bGRGDWNRZ\FKPRĝOLZRĂFLEÚGÈ
GODQLFKQLHGRVWÚSQH

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

'2'$7.2:((/(0(17<+70/

<!DOCTYPE html>

HTML

HTML5

'(./$5$&-('2&7<3(

3RQLHZDĝSRZVWDïRNLONDZHUVML
MÚ]\ND+70/NDĝGDVWURQD
:::SRZLQQD]DF]\QDÊ
VLÚRGbGHNODUDFMLDOCTYPE
LQIRUPXMÈFHMSU]HJOÈGDUNÚ
RbW\PZbNWöUHMZHUVML
+70/DbGDQDVWURQD]RVWDïD
QDSLVDQDFKRÊ]D]Z\F]DM
SU]HJOÈGDUNLZ\ĂZLHWODMÈVWURQ\
QDZHWMHĂOLWDGHNODUDFMDQLH
]RVWDïDSRGDQD'ODWHJR
ZHZV]\VWNLFKSU]\NïDGDFK
]DPLHV]F]RQ\FKZbGDOV]HM
F]ÚĂFLNVLÈĝNLEÚG]LHP\
XPLHV]F]DÊWHGHNODUDFMH

3öěQLHMJG\]DMPLHP\VLÚ&66
LbLFKPRGHOHPSXGHïNRZ\P
QDVWURQLHSU]HNRQDP\
VLÚĝHGHNODUDFMHDOCTYPE
XïDWZLDMÈWDNĝHSU]HJOÈGDUNRP
SUDZLGïRZHZ\ĂZLHWODQLHVWURQ\

3RQLHZDĝMÚ]\N;+70/
]RVWDïQDSLVDQ\Zb;0/X
F]DVDPLPRĝQD]QDOHěÊVWURQ\
]DZLHUDMÈFHGHNODUDFMÚDOCTYPE
ZHUVML6WULFW;+70/RUD]
RSFMRQDOQÈGHNODUDFMÚ;0/
:bUD]LHNRU]\VWDQLD]bGHNODUDFML
;0/WU]HEDMÈXPLHĂFLÊ
QDbSRF]ÈWNXGRNXPHQWXĽ
SU]HGQLÈQLHPRĝHVLÚ]QDOHěÊ
ĝDGHQ]QDNQDZHWRGVWÚS

<!DOCTYPE html PUBLIC
“-//W3C//DTD HTML 4.01 Transitional//EN”
“http://www.w3.org/TR/html4/loose.dtd”>

HTML 4

<!DOCTYPE html PUBLIC
“-//W3C//DTD XHTML 1.0 Transitional//EN”
“http://www.w3.org/TR/xhtml1/DTD/
xhtml1-transitional.dtd”>

XHTML 1.0 Transitional

<!DOCTYPE html PUBLIC
“-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/
xhtml1-strict.dtd”>

XHTML 1.0 Strict

<?xml version=”1.0” ?>

Deklaracja XML

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

181

DODATKOWE ELEMENTY HTML

W YNIK

<h1>

$ktualne wystawy

</h1>

<h2>

Olafur Eliasson

</h2>

<!--

poczÈtek gïównego tekstu -->

<p>

Olafur Eliasson urodziï siÚ wb1967 roku wbDanii,

wbKopenhadze. Jego rodzice pochodzÈ zbIslandii.

</p>

<p>

Jest znanym rzeěbiarzem specjalizujÈcym siÚ

wbduĝych instalacjach, wbktórych doznania
widza sÈ wzmacniane poprzez wykorzystanie
elementów ĝywioïowych, takich jak Ăwiatïo, woda
ibtemperatura powietrza.

</p>

<!--

koniec gïównego tekstu

-->

HTML

rozdzial-08/comments-in-html.html

KOMENTARZE

:b.2'=,(+70/

$E\GRGDÊGRNRGXVWURQ\
NRPHQWDU]NWöU\QLHEÚG]LH
ZLGRF]Q\SRMHMZ\ĂZLHWOHQLX
ZbSU]HJOÈGDUFHQDOHĝ\
]DSLVDÊMHJRWUHĂÊSRPLÚG]\
SU]HGVWDZLRQ\PLSRQLĝHM
VHNZHQFMDPL]QDNöZ

'RGDZDQLHNRPHQWDU]\
GRNRGXMHVWGRVNRQDï\P
SRP\VïHPJG\ĝQLH]DOHĝQLH
RGWHJRMDNbGREU]HUR]XPLHP\
NRGVWURQ\SRGF]DVMHM
WZRU]HQLDWRbJG\SRZUöFLP\
GRQLHJRSöěQLHMOXEMHĂOL
NWRĂLQQ\EÚG]LHJRPXVLDï
SU]HDQDOL]RZDÊNRPHQWDU]H
]QDF]QLHXïDWZLÈMHJR
]UR]XPLHQLH

&KRÊNRPHQWDU]HQLHVÈ
ZLGRF]QHZbJïöZQ\P
RNQLHSU]HJOÈGDUNLEH]
SU]HV]NöGPRĝQDMH]REDF]\Ê
SRbZ\ĂZLHWOHQLXNRGX
ěUöGïRZHJRVWURQ\

:bSU]\SDGNXGïXJLFKVWURQ
F]ÚVWRPRĝQDVSRWNDÊ
NRPHQWDU]HZVND]XMÈFH
JG]LH]DF]\QDMÈVLÚLbNRñF]È
LFKSRV]F]HJöOQHVHNFMH

MDNUöZQLHĝSU]HND]XMÈFHXZDJLGODZV]\VWNLFKSUöEXMÈF\FK
SU]HDQDOL]RZDÊLFKNRG

:HZQÈWU]NRPHQWDU]\PRĝQDWDNĝHXPLHV]F]DÊEORNLNRGX
NWöU\FKQLHFKFHP\Z\ĂZLHWODÊZbSU]HJOÈGDUFH:bSU]HGVWDZLRQ\P
SU]\NïDG]LHZbWDNLZïDĂQLHVSRVöE]RVWDïRXNU\WHïÈF]HSU]HV\ïDMÈFH
ZLDGRPRĂÊSRF]W\HOHNWURQLF]QHM

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

'2'$7.2:((/(0(17<+70/

<p>

Woda ibpowietrze. SÈ one tak wszechobecne,

ĝe wbĝaden sposób nie przyciÈgajÈ naszej uwagi,
choÊ jednoczeĂnie sÈ nam niezbÚdne do ĝycia.

</p>

Za kaĝdym razem, gdy spoglÈdam

na morze, doznajÚ uspokajajÈcego poczucia
bezpieczeñstwa,
jakbym odwiedzaï dom przodków rozpoczynam
wizualnÈ podróĝ.

</p>

<p>

Tajemnica tajemnic, woda ibpowietrze sÈ morzem

widocznym tuĝ przed nami.

</p>

HTML

rozdzial-08/id-attribute.html

W YNIK

$75<%87,'

:bNDĝG\PHOHPHQFLH+70/
PRĝQDXPLHĂFLÊDWU\EXWid-HVW
RQXĝ\ZDQ\GRMHGQR]QDF]QHJR
RGUöĝQLHQLDGDQHJRHOHPHQWX
RGbZV]\VWNLFKLQQ\FK
HOHPHQWöZVWURQ\:DUWRĂÊWHJR
DWU\EXWXSRZLQQDVLÚ]DF]\QDÊ
RGOLWHU\OXE]QDNXSRGNUHĂOHQLD
DbQLHRGF\IU\F]\MDNLHJRĂ
LQQHJR]QDNX%DUG]RZDĝQH
MHVWE\ZbĝDGQ\FKHOHPHQWDFK
VWURQ\ZDUWRĂFLDWU\EXWöZid
VLÚQLHSRZWDU]Dï\ZbWDNLP
SU]\SDGNXQLHEÚGÈRQH
XQLNDOQH

:bGDOV]HMF]ÚĂFLNVLÈĝNL
JG\b]DMPLHP\VLÚ
&66SU]HNRQDP\VLÚ
ĝHbSU]\SLV\ZDQLHHOHPHQWRP
XQLNDOQ\FKLGHQW\ğNDWRUöZ
SR]ZDODQDGDZDÊLPRGPLHQQ\
Z\JOÈGQLĝZV]\VWNLPLQQ\P
HOHPHQWRPWHJRVDPHJRW\SX
XPLHV]F]RQ\PQDVWURQLH
0RĝHP\QS]GHF\GRZDÊ
VLÚQDSU]\SLVDQLHMHGQHPX
DNDSLWRZLNWöU\PDSHïQLÊ
IXQNFMÚZ\UöĝQLRQHJRF\WDWX
LQQHJRVW\OXQLĝZV]\VWNLP
LQQ\P:bSU]HGVWDZLRQ\P
RERNSU]\NïDG]LHDNDSLW
RbLGHQW\ğNDWRU]Hpullquote
]RVWDïZ\UöĝQLRQ\SRSU]H]
Z\ĂZLHWOHQLHMHJR]DZDUWRĂFL
ZLHONLPLOLWHUDPL

-HĂOL&]\WHOQLN]GHF\GXMHVLÚ
QDQDXNÚMÚ]\ND-DYD6FULSW
VWRVRZDQHJRGR]DSHZQLDQLD
LQWHUDNW\ZQRĂFLVWURQ:::
WRDWU\EXW\idXPRĝOLZLÈ
VNU\SWRPRSHURZDQLH
QDbNRQNUHWQ\FKHOHPHQWDFK
VWURQ\

$WU\EXWidMHVWMHGQ\P
]bW]Zbatrybutów
globalnychJG\ĝPRĝHE\Ê
VWRVRZDQ\ZbGRZROQ\FK
HOHPHQWDFKb+70/

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

183

'2'$7.2:((/(0(17<+70/

W YNIK

Przez caïy rok,

poczÈwszy od listopada 2010 roku, Muzeum
Sztuki Wspóïczesnej Marugame *enichiro-Inokuma
MIMOC$ bÚdzie prezentowaÊ cykl wystaw Hiroshi
Sugimoto.

</p>

<p>

Wbramach kaĝdej zbnich zostanÈ zaprezentowane

prace powiÈzane zbnastÚpujÈcymi zagadnieniami
tematycznymi: ”NaukÈ”, ”$rchitekturÈ”, ”HistoriÈ”
oraz ”ReligiÈ” wbten sposób moĝna poznaÊ
bogaty dorobek artysty.

</p>

*odziny zwiedzania:

10:00 – 18:00
Po godzinie 17:30 wejĂcie bezpïatne

</p>

HTML

rozdzial-08/class-attribute.html

$75<%87&/$66

:bNDĝG\PHOHPHQFLH+70/
PRĝQDGRGDÊDWU\EXWclass
0RĝHVLÚ]GDU]\ÊĝHb]DPLDVW
LGHQW\ğNRZDÊMHGHQ
XQLNDOQ\HOHPHQWQDVWURQLH
EÚG]LHP\FKFLHOLZVND]DÊ
NLONDMHMHOHPHQWöZNWöUH
PDMÈE\ÊWUDNWRZDQHLQDF]HM
RGSR]RVWDï\FKQSJG\
QLHNWöUHDNDSLW\WHNVWXEÚGÈ
ZDĝQLHMV]HRGSR]RVWDï\FK
LbEÚG]LHP\FKFLHOLMHZ\UöĝQLÊ
OXE]HFKFHP\UR]UöĝQLÊïÈF]D
ZVND]XMÈFHUöĝQHVWURQ\
ZLWU\Q\RGW\FKSURZDG]ÈF\FK
GRbLQQ\FKZLWU\Q

:ïDĂQLHZbWDNLFKV\WXDFMDFK
PRĝQDVNRU]\VWDÊ]bDWU\EXWX
class-HJRZDUWRĂÊSRZLQQD
RNUHĂODÊNODVÚGRMDNLHMQDOHĝ\
HOHPHQW:bSU]HGVWDZLRQ\P
RERNSU]\NïDG]LHQDMZDĝQLHMV]H
DNDSLW\PDMÈDWU\EXWclass
RbZDUWRĂFLimportant

$WU\EXW\classUöĝQ\FK
HOHPHQWöZVWURQ\PRJÈPLHÊ
WÚVDPÈZDUWRĂÊ$b]DWHP
ZbSU]HGVWDZLRQ\PSU]\NïDG]LH
ZDUWRĂÊimportantPRĝH]RVWDÊ
Xĝ\WD]DUöZQRZbDNDSLWDFK
MDNbLbïÈF]DFK

$E\]D]QDF]\ÊĝHHOHPHQW
QDOHĝ\GRNLONXNODVZ\VWDUF]\
SRGDÊLFKQD]Z\RGG]LHODMÈF
MHRGVLHELH]QDNDPLRGVWÚSX
MDNbZLGDÊQDSU]\NïDG]LH
WU]HFLHJR]bSU]HGVWDZLRQ\FK
DNDSLWöZ

'RP\ĂOQLHVWRVRZDQLHW\FK
DWU\EXWöZQLHZSï\ZD
QDbSUH]HQWDFMÚHOHPHQWX
(OHPHQW]PLHQLVZöMZ\JOÈG
Z\ïÈF]QLHZWHG\JG\EÚG]LH
LVWQLDïDUHJXïD&66RNUHĂODMÈFD
ĝHbQDOHĝ\JRZ\ĂZLHWOLÊLQDF]HM

:bSU]\NïDG]LHSU]HGVWDZLRQ\P
QDWHMVWURQLH]RVWDï\
]DVWRVRZDQHUHJXï\NWöUH
VSUDZLDMÈĝH]DZDUWRĂÊ
HOHPHQWöZSRVLDGDMÈF\FK
DWU\EXWclassRbZDUWRĂFL
important]RVWDQLH
Z\ĂZLHWORQDZLHONLPLOLWHUDPL
Db]DZDUWRĂÊHOHPHQWöZ
SRVLDGDMÈF\FKDWU\EXWclass
RbZDUWRĂFLadmittance]RVWDQLH
Z\ĂZLHWORQDQDF]HUZRQR

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

'2'$7.2:((/(0(17<+70/

<h1>

Hiroshi Sugimoto

</h1>

<p>

Poniĝej zostaïy podane daty poszczególnych

wystaw zbserii POCZkTKI SZTUKI:

</p>

<ul>

<li>

Nauka: 21.11.2010 - 20.02.2011

</li>

<li>

$rchitektura: 6.03.2011 - 15.05.2011

</li>

<li>

Historia: 29.05.2011 - 21.09.2011

</li>

<li>

Religia: 28.09.2011 - 6.11.2011

</li>

</ul>

HTML

rozdzial-08/block-elements.html

W YNIK

(/(0(17<%/2.2:(

1LHNWöUHHOHPHQW\Z\ĂZLHWODQH
ZbSU]HJOÈGDUFH]DZV]HEÚGÈ
SUH]HQWRZDQHRGQRZHJR
ZLHUV]D6ÈWRW]Zelementy
blokowe

3U]\NïDGDPLWDNLFKHOHPHQWöZ
VÈ<h1><p><ul>RUD]<li>

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

'2'$7.2:((/(0(17<+70/

W YNIK

Cykl

<em>

PoczÈtki sztuki

</em>

, dopasowany do

czasu trwania jednego obrotu Ziemi wokóï Sïoñca,
zbnachyleniem 23,4 stopnia do pïaszczyzny ekliptyki,
obejmuje cztery zagadnienia tematyczne:

<b>

naukÚ,

architekturÚ, historiÚ

</b>

oraz

<b>

religiÚ

</b>

HTML

rozdzial-08/inline-elements.html

(/(0(17<

:(:1k75=:,(56=2:(

1LHNWöUHHOHPHQW\]DZV]H
EÚGÈZ\ĂZLHWODQHZbW\P
VDP\PZLHUV]XFRHOHPHQW\
XPLHV]F]RQHZRNöïQLFK
1D]\ZDP\MHelementami
wewnÈtrzwierszowymi

3U]\NïDGDPLHOHPHQWöZ
ZHZQÈWU]ZLHUV]RZ\FKVÈ
<a><b><em>RUD]<img>

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

186 '2'$7.2:((/(0(17<+70/

*5832:$1,(7(.678

,b(/(0(17::b%/2.$&+

<div>

(OHPHQW\<div>SR]ZDODMÈ
JUXSRZDÊGRZROQHLQQH
HOHPHQW\SRSU]H]XPLHV]F]HQLH
LFKZHZQÈWU]MHGQHJREORNX

0RĝQDQSXWZRU]\ÊHOHPHQW
<div>]DZLHUDMÈF\ZV]\VWNLH
HOHPHQW\ZFKRG]ÈFHZbVNïDG
QDJïöZNDVWURQ\WDNLHMDNORJR
RUD]HOHPHQW\QDZLJDF\MQH
OXEbNRPHQWDU]HQDGV\ïDQHSU]H]
Xĝ\WNRZQLNöZ

3U]HJOÈGDUNLZ\ĂZLHWODMÈ
]DZDUWRĂÊHOHPHQWöZ<div>
SRF]ÈZV]\RGQRZHJRZLHUV]D
MHGQDNRSUöF]WHJRHOHPHQW\
WHQLHPDMÈĝDGQHJRZSï\ZX
QDbSUH]HQWDFMÚVWURQ\

1LHPQLHMG]LÚNLDWU\EXWRPid
RUD]classPRĝQDWZRU]\Ê
UHJXï\&66RNUHĂODMÈFHZLHONRĂÊ
REV]DUX]DMPRZDQHJRSU]H]
HOHPHQW<div>QDVWURQLH
RUD]PRG\ğNXMÈFHZ\JOÈG
HOHPHQWöZXPLHV]F]RQ\FK
ZHZQÈWU]QLHJR

2SUöF]WHJRXPLHV]F]DQLH
SRV]F]HJöOQ\FKVHNFMLVWURQ\
ZHZQÈWU]RGUÚEQ\FKHOHPHQWöZ
<div>PRĝHXïDWZLÊDQDOL]Ú
MHMbNRGX

Strona gïówna

</a></li>

Biograğa

</a></li>

Prace

</a></li>

Kontakt

</a></li>

</ul>
</div>

HTML

rozdzial-08/grouping-block-elements.html

W YNIK

3RQLHZDĝZHZQÈWU]HOHPHQWX
<div>PRĝHVLÚ]QDOHěÊ
NLONDLQQ\FKHOHPHQWöZ
SRPRFQ\PUR]ZLÈ]DQLHP
EÚG]LHXPLHV]F]HQLH
NRPHQWDU]D]DbMHJR]QDF]QLNLHP
]DP\NDMÈF\P

']LÚNLWHPXEH]WUXGXEÚG]LH
PRĝQDVLÚ]RULHQWRZDÊ
]bNWöU\P]QDF]QLNLHP
RWZLHUDMÈF\PMHVWRQ
SRZLÈ]DQ\FRZ\UDěQLH
ZLGDÊQDbSU]HGVWDZLRQ\P
SU]\NïDG]LH

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

187

'2'$7.2:((/(0(17<+70/

W YNIK

<p>

$nish Kapoor zdobyï NagrodÚ Turnera wb1991

roku, abwb2003 roku prezentowaï swoje prace
wbLondynie, wbgalerii

Tate Modern

</span>

</p>

HTML

rozdzial-08/grouping-inline-elements.html

<span>

(OHPHQW<span>MHVW
ZHZQÈWU]ZLHUV]RZ\P
RGSRZLHGQLNLHPHOHPHQWX
<div>0RĝHE\ÊVWRVRZDQ\
ZbFHOX

XPLHV]F]HQLDZHZQÈWU]

QLHJRIUDJPHQWXWHNVWX
JG\QLHPDĝDGQ\FKLQQ\FK
HOHPHQWöZQDGDMÈF\FK
VLÚGRbRGUöĝQLHQLDJR
RGbSR]RVWDïHMWUHĂFL

JUXSRZDQLDHOHPHQWöZ

ZHZQÈWU]ZLHUV]RZ\FK

1DMF]ÚVWV]\PSRZRGHP
VWRVRZDQLDHOHPHQWöZ<span>
MHVWFKÚÊNRQWURORZDQLD
Z\JOÈGXLFK]DZDUWRĂFL
SU]\bXĝ\FLXDUNXV]\VW\OöZ&66

%DUG]RF]ÚVWRPRĝQD]DXZDĝ\Ê
ĝHZbHOHPHQWDFK<span>VÈ
XPLHV]F]DQHDWU\EXW\class
OXEbidPDWRQDFHOX

RNUHĂOHQLHSU]H]QDF]HQLD
GDQHJRHOHPHQWX<span>

XPRĝOLZLHQLHWZRU]HQLD
VW\OöZ&66LbVWRVRZDQLHLFK
ZbHOHPHQWDFKSRVLDGDMÈF\FK
NRQNUHWQHZDUWRĂFLW\FK
DWU\EXWöZ

*5832:$1,(7(.678

25$=(/(0(17:

:(:1k75=:,(56=2:<&+

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

188 '2'$7.2:((/(0(17<+70/

3<:$-k&(5$0.,

3ï\ZDMÈFDUDPNDDQJiframe
Ľinline frameWRVZRLVWH
RNQRXPLHV]F]RQHQDVWURQLH
ĽRNQRSU]H]NWöUHPRĝQD
RJOÈGDÊLQQHVWURQ\

3RSXODUQ\P]DVWRVRZDQLHP
WDNLFKUDPHN]bNWöU\P
&]\WHOQLN]DSHZQHVLÚVSRWNDï
ZbZLHOXZLWU\QDFKMHVW
XPLHV]F]DQLHQDVWURQDFKPDS
*RRJOH=DZDUWRĂFLÈUDPNL
PRĝHE\ÊGRZROQDVWURQD
:::XPLHV]F]RQDQDW\P
VDP\PDOERLQQ\PVHUZHU]H

3ï\ZDMÈFHUDPNLVÈWZRU]RQH
SU]\Xĝ\FLXHOHPHQWX<iframe>
3RVLDGDRQNLONDDWU\EXWöZ
NWöUHVÈQLH]EÚGQHGRWZRU]HQLD
UDPHN

src

$WU\EXWsrcRNUHĂODDGUHV
85/VWURQ\NWöUDPDE\Ê
Z\ĂZLHWORQDZbUDPFH

height

$WU\EXWheightRNUHĂOD
Z\VRNRĂÊUDPNLPLHU]RQÈ
ZbSLNVHODFK

width

$WU\EXWwidthRNUHĂODV]HURNRĂÊ
UDPNLPLHU]RQÈZbSLNVHODFK

HTML

rozdzial-08/iframes.html

W YNIK

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

'2'$7.2:((/(0(17<+70/

scrolling

$WU\EXWscrollingQLHEÚG]LH
REVïXJLZDQ\ZbMÚ]\NX
+70/:bMÚ]\NDFK+70/b
RUD];+70/RNUHĂODRQ
F]\UDPNDSRZLQQDPLHÊ
SDVNLSU]HZLMDQLDF]\QLH
0DWR]QDF]HQLHJG\VWURQD
Z\ĂZLHWODQDZHZQÈWU]UDPNL
MHVWZLÚNV]DRGZ\PLDUöZ
VDPHMUDPNLRNUHĂORQ\FK
SU]\Xĝ\FLXDWU\EXWöZheight
Lbwidth3DVNLSU]HZLMDQLD
SR]ZDODMÈXĝ\WNRZQLNRZL
SU]HVXZDÊ]DZDUWRĂÊ
Z\ĂZLHWORQÈZHZQÈWU]UDPNL
$WU\EXWWHQPRĝHSU]\MPRZDÊ
MHGQÈ]bWU]HFKZDUWRĂFLyes
SDVNLSU]HZLMDQLDPDMÈE\Ê
ZLGRF]QHnoSDVNLPDMÈE\Ê
XNU\WHOXEautoE\bSRND]\ZDÊ
MHZ\ïÈF]QLHZbUD]LH
NRQLHF]QRĂFL

frameborder

$WU\EXWframeborderQLHEÚG]LH
REVïXJLZDQ\ZbMÚ]\NX+70/
:bMÚ]\NDFK+70/RUD]
;+70/RNUHĂODRQF]\UDPND
SRZLQQDPLHÊREUDPRZDQLH
F]\QLH:DUWRĂÊ1R]QDF]D
ĝHREUDPRZDQLHQDOHĝ\
Z\ĂZLHWOLÊQDWRPLDVWZDUWRĂÊb0
ĽĝHREUDPRZDQLHPDE\Ê
QLHZLGRF]QH

seamless

:bMÚ]\NX+70/ZbUDPNDFK
ZbNWöU\FKQLHQDOHĝ\Z\ĂZLHWODÊ
SDVNöZSU]HZLMDQLDPRĝQD
VNRU]\VWDÊ]bQRZHJRDWU\EXWX
seamless$WU\EXWWHQ
SRGREQLHMDNQLHNWöUHLQQH
DWU\EXW\MÚ]\ND+70/QLH
Z\PDJDRNUHĂODQLDĝDGQHM
ZDUWRĂFLFKRÊF]ÚVWRPRĝQD
]QDOHěÊVWURQ\NWöU\FK
DXWRU]\SU]\SLVXMÈPXZDUWRĂÊ
seamless6WDUV]HSU]HJOÈGDUNL
QLHREVïXJXMÈWHJRDWU\EXWX

W YNIK

HTML

rozdzial-08/iframes-continued.html

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

'2'$7.2:((/(0(17<+70/

,1)250$&-(2b67521,(

<meta>

(OHPHQW<meta>MHVW
XPLHV]F]DQ\ZHZQÈWU]
HOHPHQWX<head>Lb]DZLHUD
LQIRUPDFMHGRW\F]ÈFHGDQHM
VWURQ\:::

1LHMHVWZLGRF]Q\
GODbXĝ\WNRZQLNöZ
SU]HJOÈGDMÈF\FKVWURQÚSHïQL
MHGQDNNLONDZDĝQ\FKIXQNFML
QSSU]HND]XMHZ\V]XNLZDUNRP
LQIRUPDFMHRbVWURQLHSRGDMH
LQIRUPDFMHRbMHMDXWRU]HRUD]F]\
MHMWUHĂÊSU]HVWDQLHE\ÊDNWXDOQD
ZUD]]bXSï\ZHPF]DVXMHĂOL
SU]HVWDQLHWRPRĝQDRNUHĂOLÊ
NLHG\VWUDFLZDĝQRĂÊ

1DMF]ÚĂFLHMXĝ\ZDQ\PL
DWU\EXWDPLWHJRHOHPHQWX
VÈnameRUD]content
NWöUH]D]Z\F]DMVWRVXMHVLÚ
UD]HP$WU\EXW\WHRNUHĂODMÈ
ZïDĂFLZRĂFLFDïHMVWURQ\
$WU\EXWnameSRGDMHQD]ZÚ
XVWDZLDQHMZïDĂFLZRĂFL
QDWRPLDVWcontentĽ
MHMbZDUWRĂÊ

:bSLHUZV]\PZLHUV]X
SU]\NïDGXQDQDVWÚSQHM
VWURQLHSU]HGVWDZLRQ\]RVWDï
]QDF]QLN<meta>ZbNWöU\P
ZDUWRĂÊDWU\EXWXname
VXJHUXMHFKÚÊRNUHĂOHQLDRSLVX
DQJbdescriptionVWURQ\6DP
RSLV]RVWDïSRGDQ\MDNRZDUWRĂÊ
DWU\EXWXcontent

:DUWRĂÊDWU\EXWXnamePRĝH
E\ÊFDïNRZLFLHGRZROQD3RQLĝHM
SU]HGVWDZLRQH]RVWDï\QLHNWöUH
VSRĂUöGQDMF]ÚĂFLHMXĝ\ZDQ\FK
]GHğQLRZDQ\FKZDUWRĂFLWHJR
DWU\EXWX

description

8ĝ\ZDMÈFWHMZDUWRĂFLPRĝQD
RNUHĂOLÊRSLVVWURQ\-HVWRQ
SRZV]HFKQLHXĝ\ZDQ\SU]H]
Z\V]XNLZDUNLLbSR]ZDOD
LPVLÚ]RULHQWRZDÊF]HJR
GRW\F]\VWURQD'ïXJRĂÊRSLVX
QLHSRZLQQDSU]HNUDF]DÊ
b]QDNöZ&]DVDPLMHVW
RQZ\ĂZLHWODQ\ZbZ\QLNDFK
SUH]HQWRZDQ\FKSU]H]
Z\V]XNLZDUNL

keywords

.RU]\VWDMÈF]bWHMZDUWRĂFL
PRĝQDSRGDÊOLVWÚVïöZ
RGG]LHORQ\FKRGVLHELH
SU]HFLQNDPLNWöU\FK
Xĝ\WNRZQLF\PRJOLE\Xĝ\ZDÊ
ZbFHOXRGV]XNDQLDGDQHMVWURQ\
:bSUDNW\FHMHGQDNVïRZD
WHQLHZ\ZLHUDMÈĝDGQHJR
ZLGRF]QHJRZSï\ZXQDZ\QLNL
Z\V]XNLZDQLD

robots

7DZDUWRĂÊSR]ZDODRNUHĂOLÊ
F]\Z\V]XNLZDUNLSRZLQQ\
GRGDZDÊGDQÈVWURQÚ
GRbZ\QLNöZZ\V]XNLZDQLD
F]\QLH-HĂOLGDQDVWURQDQLH
PDE\Ê]DSDPLÚWDQDSU]H]
Z\V]XNLZDUNLWRQDOHĝ\
Xĝ\ÊZDUWRĂFLnoindex
=bNROHLZDUWRĂÊnofollow
R]QDF]DĝHGDQDVWURQDPD
]RVWDÊ]DSDPLÚWDQDMHGQDN
Z\V]XNLZDUNLSRZLQQ\
]LJQRURZDÊZV]HONLHVWURQ\
GRbNWöU\FKSURZDG]È
XPLHV]F]RQHQDQLHMïÈF]D

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

191

DODATKOWE ELEMENTY HTML

:bHOHPHQFLH<meta>PRĝQD
VWRVRZDÊSDU\DWU\EXWöZ
http-equivLbcontent.
:bSU]HGVWDZLRQ\PRERN
SU]\NïDG]LHXPLHV]F]RQH]RVWDï\
WU]\WDNLHHOHPHQW\.DĝG\
]bQLFKPDLQQHSU]H]QDF]HQLH

author

7DZDUWRĂÊDWU\EXWXhttp-equiv
SR]ZDODRNUHĂOLÊDXWRUDVWURQ\

pragma

8ĝ\FLHWHMZDUWRĂFL]DSRELHJD
]DSLV\ZDQLXVWURQ\ZbSDPLÚFL
SRGUÚF]QHMSU]HJOÈGDUNL
F]\OLSU]HFKRZ\ZDQLXMHM
QDbORNDOQ\PNRPSXWHU]H
ZbFHOX]DRV]F]ÚG]HQLDF]DVX
SRGF]DVNROHMQ\FKZL]\W
QDWHMVDPHMbVWURQLH

expires

3U]HJOÈGDUNLF]ÚVWR]DSLVXMÈ
]DZDUWRĂÊVWURQZbSDPLÚFL
SRGUÚF]QHMGODWHJRGRVWÚSQD
MHVWZDUWRĂÊexpiresDWU\EXWX
http-equivSR]ZDODMÈFD
RNUHĂOLÊPRPHQWZ\JDĂQLÚFLD
ZDĝQRĂFLVWURQ\SRMHJR
SU]HNURF]HQLXVWURQDQLH
EÚG]LHSRELHUDQD]bSDPLÚFL
SRGUÚF]QHM.RQLHF]QLH
WU]HEDSDPLÚWDÊE\WDGDWD
E\ïD]DSLVDQDZbIRUPDFLH
SU]HGVWDZLRQ\PZbSU]\NïDG]LH

<!DOCTYPE html>
<html>
<head>
<title>

Informacje obtworzonych stronach

</title>

HTML

rozdzial-08/meta.html

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

'2'$7.2:((/(0(17<+70/

6<0%2/(63(&-$/1(

,VWQLHMÈSHZQH]QDNLNWöUHVWRVXMHVLÚ
ZbNRG]LH+70/Lb]bWHJRZ]JOÚGXVÈ
]DUH]HUZRZDQH3U]\NïDGHPMHVWOHZ\
LbSUDZ\QDZLDVNÈWRZ\

$E\Z\ĂZLHWOLÊWH]QDNL
ZbWUHĂFLVWURQ\NRQLHF]QH
MHVW]DVWRVRZDQLHV\PEROL
VSHFMDOQ\FK$E\QSZ\ĂZLHWOLÊ
OHZ\QDZLDVNÈWRZ\QDOHĝ\
XPLHĂFLÊZbNRG]LHVWURQ\
V\PERO ltOXE #60
3RGREQLHDE\Z\ĂZLHWOLÊ
QDbVWURQLH]QDN QDOHĝ\Xĝ\Ê
V\PEROX ampOXE #38

'RVWÚSQHVÈWDNĝHV\PEROH
VSHFMDOQHXPRĝOLZLDMÈFH
Z\ĂZLHWODQLHLQQ\FK]QDNöZ
]QDNXSUDZDXWRUVNLFKV\PEROL
ZDOXW]QDNöZPDWHPDW\F]Q\FK
RUD]QLHNWöU\FK]QDNöZ
SU]HVWDQNRZ\FK
$E\bQSbZ\ĂZLHWOLÊQDVWURQLH
]QDNSUDZDXWRUVNLFK
QDOHĝ\Xĝ\ÊV\PEROX copy
OXEb #169

:bUD]LHVWRVRZDQLDWDNLFK
V\PEROLVSHFMDOQ\FKNRQLHF]QLH
QDOHĝ\VSUDZG]LÊVWURQÚ
ZbSU]HJOÈGDUFHLbXSHZQLÊ
VLÚĝHVÈRQHSUDZLGïRZR
Z\ĂZLHWODQH-HVWWRZDĝQH
JG\ĝQLHNDĝG\]bW\FK]QDNöZ
MHVWGRVWÚSQ\ZHZV]\VWNLFK
NURMDFKF]FLRQHNGODWHJR
PRĝHVLÚSRMDZLÊNRQLHF]QRĂÊ
Z\ĂZLHWODQLDLFKSU]\Xĝ\FLX
LQQHMF]FLRQNLRNUHĂORQHM
SU]\bXĝ\FLXVW\OöZ&66

:,}&(-:b6,(&,

.RPSOHWQÈOLVWÚV\PEROL
VSHFMDOQ\FKPRĝQD]QDOHěÊ
QDVWURQLHLQWHUQHWRZHM
SRĂZLÚFRQHMWHMNVLÈĝFH

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

'2'$7.2:((/(0(17<+70/

<
>

"

¢
£
¥
€
©
®
™

‘
’
“
ĵ
×
÷

]QDNPQLHMV]RĂFL

lt
#60

]QDNZLÚNV]RĂFL

gt
#62

]QDN

amp
#38

]QDNFXG]\VïRZX

quot
#34

OHZ\DSRVWURI

lsquo
#8216

]QDNFHQWD

cent
#162

]QDNIXQWDV]WHUOLQJD

pound
#163

]QDNMHQD

yen
#165

]QDNHXUR

euro
#8364

]QDNSUDZDXWRUVNLFK

copy
#169

]DUHMHVWURZDQ\
]QDNKDQGORZ\

reg
#174

]QDNKDQGORZ\

trade
#8482

SUDZ\DSRVWURI

rsquo
#8217

OHZ\]QDN
FXG]\VïRZX

ldquo
#8220

SUDZ\]QDN
FXG]\VïRZX

rdquo
#8221

]QDNPQRĝHQLD

times
#215

]QDNG]LHOHQLD

divide
#247

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

3U]HGVWDZLRQ\WXSU]\NïDG
UR]SRF]\QDVLÚRGGHNODUDFML
DOCTYPELQIRUPXMÈFHMĝHVWURQD
]RVWDïDQDSLVDQDZbMÚ]\NX
+70/:bVHNFMLQDJïöZND
head]RVWDïXPLHV]F]RQ\
HOHPHQW<meta>RSLVXMÈF\
MHM]DZDUWRĂÊ:bNLONX

HOHPHQWDFKVWURQ\]RVWDï\
XPLHV]F]RQHDWU\EXW\id
RUD]classRNUHĂODMÈFHLFK
SU]H]QDF]HQLH1DVWURQLH
SU]\Xĝ\FLXRGSRZLHGQLHJR
V\PEROXVSHFMDOQHJR]RVWDï
WDNĝHXPLHV]F]RQ\]QDNSUDZ
DXWRUVNLFK

3RV]F]HJöOQHIUDJPHQW\
VWURQ\]RVWDï\]JUXSRZDQH
SU]\Xĝ\FLXHOHPHQWöZ<div>
DbZbFHOXïDWZHMLGHQW\ğNDFML
]DP\NDMÈF\FK]QDF]QLNöZ
</div>]RVWDï\SU]\QLFK
XPLHV]F]RQHVWRVRZQH
NRPHQWDU]H

'2'$7.2:((/(0(17<+70/

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

'2'$7.2:((/(0(17<+70/

35=<.$'

'2'$7.2:<

.2'+70/

<!DOCTYPE html PUBLIC
”-//W3C//DTD HTML 4.01 Transitional//EN”
”http://www.w3.org/TR/html4/loose.dtd”>
<html>
<head>
<meta name=”description” content=”Telefon, e-mail
oraz sposób dojazdu do KsiÚgarni Podróĝnika wbCentrum
Handlowym Arkadia wbWarszawie, Polska” />
<title>

KsiÚgarnia Podróĝnika wbWarszawie

</title>

</head>
<body>
<div id=”header”>
<h1>

KsiÚgarnia Podróĝnika

</h1>

Strona gïówna

</a></li>

Nowe publikacje

</a>

</li>
<li class=”current-page”>
<abhref=”index.html”>

Kontakt

</a></li>

</ul>
</div>
<div id=”content”>

<p>

Centrum Handlowe Arkadia, Warszawa, Polska

</p>

Telefon

</span>

22 123 9876

</p>

E-mail

</span>

<abhref=”mailto:ksiazki#jakaswitryna.com”>

ksiazki#jakaswitryna.com

</a></p>

KsiÚgarnia Podróĝnika

</p>

</body>
</html>

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

32'6802:$1,(

'2'$7.2:(

(/(0(17<+70/

'HNODUDFMHDOCTYPELQIRUPXMÈSU]HJOÈGDUNLRbW\P

ZbNWöUHMZHUVMLMÚ]\ND+70/]RVWDïDQDSLVDQD

GDQDbVWURQD

'RNRGX+70/PRĝQDGRGDZDÊNRPHQWDU]H

]DSLVXMÈFMHSRPLÚG]\VHNZHQFMDPL]QDNöZ

$WU\EXW\idRUD]classSR]ZDODMÈQDLGHQW\ğNDFMÚ

NRQNUHWQ\FKHOHPHQWöZ

(OHPHQW\<div>RUD]<span>SR]ZDODMÈ

QDbJUXSRZDQLHRGSRZLHGQLRHOHPHQWöZEORNRZ\FK

RUD]ZHZQÈWU]ZLHUV]RZ\FK

(OHPHQW\<iframe>WZRU]ÈQDVWURQLHRNQD

ZbNWöU\FKPRĝQDZ\ĂZLHWODÊLQQHVWURQ\:::

(OHPHQW\<meta>SR]ZDODMÈQDSRGDZDQLH

GRGDWNRZ\FKLQIRUPDFMLGRW\F]ÈF\FKVWURQ

QDbNWöU\FKVLÚ]QDMGXMÈ

=QDNLWDNLHMDN!LbŅPRĝQDZ\ĂZLHWODÊ

QDbVWURQLHG]LÚNLZ\NRU]\VWDQLXV\PEROLVSHFMDOQ\FK

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

FLASH, WIDEO

I AUDIO

-DNXPLHV]F]DÊQDVWURQDFKğOP\WZRU]RQH
ZbWHFKQRORJLL)ODVK"

-DNXPLHV]F]DÊQDVWURQDFKNOLS\ZLGHRLbDXGLR"

(OHPHQW\<video>RUD]<audio>MÚ]\ND+70/

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

200 )/$6+:,'(2,b$8',2

)ODVKMHVWEDUG]RSRSXODUQÈWHFKQRORJLÈ
Xĝ\ZDQÈZbFHOXGRGDZDQLDGRVWURQ
:::DQLPDFMLNOLSöZZLGHRLbDXGLR
7HQbUR]G]LDïUR]SRF]QLHP\RGSRND]DQLD
ZbMDNLVSRVöEPRĝQDMHMXĝ\ZDÊ
QDbVWURQDFK:::

:bGDOV]HMF]ÚĂFLUR]G]LDïXVNRQFHQWUXMHP\VLÚQDGRGDZDQLX
GRbVWURQNOLSöZZLGHRLbDXGLR]DUöZQRSU]\Xĝ\FLXQRZ\FK
HOHPHQWöZ+70/Ľ<video>RUD]<audio>ĽMDNLbNRU]\VWDMÈF
]bGRVWÚSQ\FKXVïXJWDNLFKMDN<RX7XEH6RXQG&ORXG
=bWHJRUR]G]LDïX&]\WHOQLNGRZLHVLÚMDN

8ĝ\ZDÊWHFKQRORJLL)ODVKQDWZRU]RQ\FKVWURQDFK:::

.RU]\VWDÊ]bHOHPHQWöZ<video>Lb<audio>+70/

=GHF\GRZDÊNLHG\XPLHV]F]DÊNOLS\ZLGHRLbDXGLRZHZïDVQHM
ZLWU\QLHDbNLHG\NRU]\VWDÊ]bXVïXJWDNLFKMDN<RX7XEH

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

201

)/$6+:,'(2,b$8',2

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

202 )/$6+:,'(2,b$8',2

-$.'=,$$

7(&+12/2*,$)/$6+"

2GSöěQ\FKODW)ODVKMHVWEDUG]RSRSXODUQÈWHFKQRORJLÈ
VïXĝÈFÈGRWZRU]HQLDDQLPDFMLWHUD]WDNĝHGRRGWZDU]DQLD
NOLSöZZLGHRLbDXGLR

1LH]DOHĝQLHRGWHJR
F]\bXĝ\ZDMÈFWHFKQRORJLL
)ODVKWZRU]\P\DQLPDFMÚ
OXEbRGWZDU]DF]PXOWLPHGLDOQ\
SOLNLXPLHV]F]DQHQDVHUZHU]H
RNUHĂODP\MDNRğlmy Flash

$E\PRĝQDE\ïRWZRU]\ÊWDNLH
ğOP\NRQLHF]QHMHVW]DNXSLHQLH
RGSRZLHGQLHJRRSURJUDPRZDQLD
ğUP\$GREH

-HVWNLONDğUPXGRVWÚSQLDMÈF\FK
DQLPDFMHLbSRND]\VODMGöZ
QDSLVDQHZH)ODVKXMDNUöZQLHĝ
RGWZDU]DF]HDXGLRLbZLGHR
NWöU\FKPRĝQDXĝ\ZDÊEH]
RSURJUDPRZDQLDğUP\$GREH

.LHG\XWZRU]\P\SOLN)ODVK
ZbSU]H]QDF]RQ\PGRWHJR
ĂURGRZLVNXMHVWRQ]DSLV\ZDQ\
]bUR]V]HU]HQLHPĠD-HGQDN
DE\bPöFXĝ\ZDÊJRQDbVWURQDFK
:::NRQLHF]QHMHVW
]DSLVDQLHJRZbLQQ\PIRUPDFLH
QD]\ZDQ\P6:)3OLNL
]DSLVDQHZbW\PIRUPDFLHPDMÈ
UR]V]HU]HQLH.swf

3RGF]DVHNVSRUWRZDQLDğOPX
)ODVKGRIRUPDWX6:)WZRU]RQ\
MHVWRGSRZLHGQLNRGQLH]EÚGQ\
GRXPLHV]F]HQLDğOPX
QDbVWURQLH:::7UDG\F\MQLH
NRGWHQNRU]\VWDï]H]QDF]QLNöZ
+70/<object>Lb<embed>
MHGQDNREHFQLHFRUD]F]ÚĂFLHM
Xĝ\ZDVLÚZbW\PFHOXVNU\SWöZ
-DYD6FULSW

¥URGRZLVNRVïXĝÈFH
GRbWZRU]HQLDğOPöZ)ODVK

$E\SU]HJOÈGDUNDPRJïD
SRND]\ZDÊğOP\)ODVK
NRQLHF]QHMHVWXĝ\FLH
RGSRZLHGQLHMZW\F]NL
F]\OLbGRGDWNRZHJRSURJUDPX
G]LDïDMÈFHJRZHZQÈWU]
SU]HJOÈGDUNLRbQD]ZLH
)ODVK3OD\HU6WDW\VW\NL
Z\ND]XMÈĝHbZW\F]NDWD
MHVW]DLQVWDORZDQDZb
SU]HJOÈGDUHNXĝ\ZDQ\FK
QDbNRPSXWHUDFKVWDFMRQDUQ\FK
:bSU]\SDGNXNRPSXWHUöZ
SU]HQRĂQ\FKRUD]WDEOHWöZ
ZDUWRĂÊWDMHVW]QDF]QLHQLĝV]D

1LQLHMV]DNVLÈĝNDQLHMHVW
QLHVWHW\GRVWDWHF]QLHREV]HUQD
DE\RSLV\ZDÊZbQLHMVSRVRE\
WZRU]HQLDğOPöZ)ODVK
LVWQLHMHZLHOHSXEOLNDFML
SRĂZLÚFRQ\FKZ\ïÈF]QLHWHPX
]DJDGQLHQLXMHGQDNZbW\P
UR]G]LDOHSRNDĝHP\MDNbPRĝQD
XPLHV]F]DÊğOP\)ODVK
QDbWZRU]RQ\FKVWURQDFK:::

$E\XPLHĂFLÊSOLNĠD

QDVWURQLH

:::QDOHĝ\JR]DSLVDÊ
ZbIRUPDFLH.swf

8WZRU]RQ\ğOP)ODVK]RVWDï
Z\ĂZLHWORQ\QDVWURQLHSU]\
Xĝ\FLXVNU\SWX-DYD6FULSW

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

203

)/$6+:,'(2,b$8',2

=$67262:$1,(

7(&+12/2*,,)/$6+

3RURNXSRMDZLïRVLÚNLONDF]\QQLNöZNWöUHVSUDZLï\
ĝHFRUD]PQLHMZLWU\QMHVWSLVDQ\FKFDïNRZLFLHZH)ODVKX
DbZLHOHZbRJöOHQLHNRU]\VWD]bMDNLFKNROZLHNHOHPHQWöZ
WZRU]RQ\FKZbWHMWHFKQRORJLL

3RF]ÈWNRZRWHFKQRORJLD)ODVK
VïXĝ\ïDGRWZRU]HQLDDQLPDFML
3öěQLHMQDVWÈSLïMHMV]\ENL
UR]ZöMLb]DF]ÚWRMHMXĝ\ZDÊ
GRWZRU]HQLDRGWZDU]DF]\
PXOWLPHGLDOQ\FKDbQDZHW
FDï\FKZLWU\Q

&KRÊZFLÈĝMHVWEDUG]R
SRSXODUQDREHFQLHWZöUF\
VWURQRVWURĝQLHMSRGFKRG]È
GRbMHMVWRVRZDQLDLbU]DGNR
NLHG\GHF\GXMÈVLÚQDWZRU]HQLH
ZbQLHMFDï\FKZLWU\Q

3RPLPRWR)ODVKPDSU]HGVREÈ
GïXJÈSU]\V]ïRĂÊJG\ĝZFLÈĝVÈ
SHZQHU]HF]\NWöUHURELEDUG]R
GREU]HQSDQLPDFMH

0RĝQDZVND]DÊNLONDSU]\F]\Q
WHJRĝHREHFQLHFRUD]PQLHM
ZLWU\QMHVWWZRU]RQ\FK
FDïNRZLFLHZH)ODVKX
RWRQLHNWöUH]bQLFK

:bODWDFKļ
SRMDZLïRVLÚNLONDELEOLRWHN
-DYD6FULSWZbW\P3URWRW\SH
VFULSWDFXORXVM4XHU\NWöUH
]QDF]QLHXïDWZLDMÈWZRU]HQLH
DQLPRZDQ\FKHIHNWöZ
ZL]XDOQ\FKQDVWURQDFK:::

.LHG\ZbURNXğUPD$SSOH
Z\SXV]F]DïDQDU\QHNL3KRQHĳD
DbQDVWÚSQLHZbURNXĽ
WDEOHWL3DGSRGMÚïDGHF\]MÚ
ĝHXU]ÈG]HQLDWHQLHEÚGÈ
REVïXJLZDï\WHFKQRORJLL)ODVK

5HJXODFMHSUDZQHGRW\F]ÈFH
NRU]\VWDQLD]bZLWU\QSU]H]
RVRE\]bXSRĂOHG]HQLHP
ğ]\F]Q\POXEPDMÈFHSUREOHP\
]HZ]URNLHPGRSURZDG]Lï\
GRbNU\W\NLWHFKQRORJLL)ODVK
JG\ĝQLH]DZV]HNRU]\VWDQLH
]bWUHĂFLSUH]HQWRZDQHMSU]\MHM
Xĝ\FLXMHVWGRVWDWHF]QLHïDWZH

:bURNXSU]HJOÈGDUNL
]DF]Úï\REVïXJLZDÊQRZH
]QDF]QLNL+70/Ľ<video>
Lb<audio>:bF]DVLHJG\
SRZVWDZDïDWDNVLÈĝND)ODVK
ZFLÈĝE\ïEDUG]RSRSXODUQÈ
WHFKQRORJLÈSRZV]HFKQLH
Xĝ\ZDQÈGRbRGWZDU]DQLD
PDWHULDïöZZLGHRRUD]
DXGLRMHGQDNFRUD]ZLÚFHM
RVöEGHF\GRZDïRVLÚ
QDbZ\NRU]\VWDQLHQRZ\FK
PRĝOLZRĂFL+70/

6SRVRE\Xĝ\FLDW\FK
HOHPHQWöZ]RVWDï\
SU]HGVWDZLRQHZbGDOV]HM
F]ÚĂFLbUR]G]LDïX

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

204

)/$6+:,'(2,b$8',2

2¥&=$68

)/$6+:,'(2,b$8',2

7HFKQRORJLHLQWHUQHWRZH]PLHQLDMÈVLÚV]\ENR1DWHMRUD]
QDVWÚSQHMVWURQLHSU]HGVWDZLRQH]RVWDï\QLHNWöUHVSRĂUöG
]PLDQZbVSRVREDFKWZRU]HQLDRUD]VWRVRZDQLDDQLPDFML
NOLSöZZLGHRLbDXGLRQDVWURQDFK:::

1DWHMVWURQLHSU]HGVWDZLRQH
]RVWDï\SLHUZV]HQDMZDĝQLHMV]H
UR]ZLÈ]DQLD]ZLÈ]DQH
]bXGRVWÚSQLDQLHPDQLPDFML
NOLSöZZLGHRLbDXGLR
QDbVWURQDFK:::

2EVïXJD
ZLGHRZH
)ODVK0;

1DQDVWÚSQHMVWURQLH
PRĝQD]REDF]\ÊQLHNWöUH
]GDU]HQLDLbWHFKQRORJLHNWöUH
ZbSöěQLHMV]\FKODWDFK]DVWÈSLï\
SRF]ÈWNRZHUR]ZLÈ]DQLD

2000

2001

2002

2003

$1,0$&-(

$8',2

:,'(2

3UHNXUVRU
WHFKQRORJLL
)ODVK

6WUXPLHQLRZD
WUDQVPLVMD
GěZLÚNX
5HDO$XGLR

6WUXPLHQLRZD
WUDQVPLVMD
GěZLÚNX
ZHb)ODVK

6WUXPLHQLRZD
WUDQVPLVMD
REUD]X5HDO9LGHR

6WUXPLHQLRZD
WUDQVPLVMDREUD]X
5HDO9LGHR

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

)/$6+:,'(2,b$8',2

2010

2011

2004

:,'(2

:LWU\Q\VïXĝÈFHGRXGRVWÚSQLDQLD:,'(2]DF]\QDMÈ
Z\SLHUDÊXPLHV]F]DQLHNOLSöZQDZïDVQ\FKVWURQDFK

35=(*/k'$5.,

]DF]\QDMÈREVïXJLZDÊ

HOHPHQW\<video>Lb<audio>+70/

$33/(

)LUPD$33/(XGRVWÚSQLDXU]ÈG]HQLD

NWöUHQLHREVïXJXMÈWHFKQRORJLL)ODVK

8UXFKRPLHQLHXVïXJL9LPHR

8UXFKRPLHQLHXVïXJL<RX7XEH

<RX7XEHXGRVWÚSQLDDSOLNDFMÚQDL3KRQHĳ\

9LPHRXGRVWÚSQLDRGWZDU]DF]
QDSLVDQ\Zb+70/

<RX7XEHXGRVWÚSQLD
RGWZDU]DF]+70/

9LPHRXGRVWÚSQLD
DSOLNDFMÚQDL3KRQHĳ\

%LEOLRWHNL

-$9$6&5,37

SR]ZDODMÈWZRU]\ÊDQLPRZDQHHIHNW\ZL]XDOQH

6DIDUL

&KURPH

)LUHIR[

2SHUD

L3KRQH

L3DG

M4XHU\

VFULSWDFXORXV

3URWRW\SH

,QWHUQHW([SORUHU

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

)/$6+:,'(2,b$8',2

<!DOCTYPE html>
<html>
<head>
<title>

Umieszczanie ğlmu Flash na stronie

</title>

Animacja ptaszka biorÈcego

prysznic.

</p></div>

</body>
</html>

HTML

rozdzial-09/adding-a-flash-movie.html

80,(6=&=$1,(

),/0:)/$6+

1$67521$&+:::

1DMSRSXODUQLHMV]\PVSRVREHP
XPLHV]F]DQLDğOPöZ)ODVK
QDVWURQDFK:::MHVW
Xĝ\FLHVNU\SWöZ-DYD6FULSW
,VWQLHMHNLONDWDNLFKVNU\SWöZ
]bNWöU\FKPRĝQDVNRU]\VWDÊEH]
GRJïÚEQHM]QDMRPRĂFLMÚ]\ND
-DYD6FULSW

6NU\SWNWöU\SU]HGVWDZLP\
ZbWHMNVLÈĝFHQRVLQD]ZÚ
6:)2EMHFW0RĝQDJRSREUDÊ
EH]SïDWQLH]bZLWU\Q\*RRJOH
QDbQDVWÚSQHMVWURQLHSRNDĝHP\
MDN]bQLHJRNRU]\VWDÊ

-HGQÈ]b]DOHWZ\NRU]\VWDQLD
VNU\SWöZMHVWPRĝOLZRĂÊ
SUH]HQWRZDQLDDOWHUQDW\ZQ\FK
WUHĂFLW\PXĝ\WNRZQLNRP
NWöU\FKSU]HJOÈGDUNLQLH
REVïXJXMÈWHFKQRORJLL)ODVK

3U]HGVWDZLRQHWXUR]ZLÈ]DQLH
ED]XMHQDXĝ\FLXHOHPHQWX
<div>Z\]QDF]DMÈFHJRREV]DU
VWURQ\ZbNWöU\PEÚG]LH
SUH]HQWRZDQ\ğOP)ODVK
:bHOHPHQFLHW\PQDOHĝ\SRGDÊ
ZDUWRĂÊDWU\EXWXidNWöUD
QDVWÚSQLHEÚG]LHXĝ\ZDQDSU]H]
VNU\SW6:)2EMHFW:bQDV]\P
SU]\NïDG]LHDWU\EXWid ma
ZDUWRĂÊbird

:HZQÈWU]HOHPHQWX<div>
PRĝQDXPLHĂFLÊWUHĂÊ
]DVWÚSF]ÈSU]H]QDF]RQÈ
GODbRVöENWöU\FKSU]HJOÈGDUNL
QLHRGWZDU]DMÈğOPöZ)ODVK

6NU\SW6:)2EMHFWVSUDZG]L
F]\SU]HJOÈGDUNDXĝ\WNRZQLND
PRĝHZ\ĂZLHWODÊğOP\)ODVK
-HĂOLPRĝHWRVNU\SW]DVWÈSL
]DZDUWRĂÊHOHPHQWX<div>
SOLNLHP.swf

2VRE\NWöU\FKSU]HJOÈGDUNLQLH
REVïXJXMÈWHFKQRORJLL)ODVK
]DPLDVWğOPX]REDF]ÈVWDW\F]QÈ
WUHĂÊXPLHV]F]RQÈZHZQÈWU]
HOHPHQWX<div>0RĝQDWDP
WDNĝHSRGDÊWHNVWRZ\RSLV
ğOPXb)ODVK

3RGDQLHWHNVWRZHJRRSLVXğOPX
GDMHGZLHGRGDWNRZHNRU]\ĂFL

7HNVWEÚG]LHGRVWÚSQ\

GODbRVöEPDMÈF\FKSUREOHP\
]HbZ]URNLHPOXEFLHUSLÈF\FK
QDLQQHXSRĂOHG]HQLD
ğ]\F]QHQLHPRJÈF\FK
NRU]\VWDÊ]bğOPöZ)ODVK

7HNVWPRĝH]RVWDÊ

]LQGHNVRZDQ\SU]H]
SU]HJOÈGDUNLNWöUHQLH
UDG]ÈVRELHUöZQLHGREU]H
]bDQDOL]È]DZDUWRĂFL
SOLNöZ.swfFR]ZLÚNV]D
SUDZGRSRGRELHñVWZR
RGV]XNDQLDVWURQ\

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

)/$6+:,'(2,b$8',2

W YNIK

:bSU]HGVWDZLRQ\PSU]\NïDG]LH
VNU\SW6:)2EMHFWMHVW
SRELHUDQ\]bVHUZHUöZğUP\
*RRJOH6NU\SWWHQ]RVWDï
XPLHV]F]RQ\QDVWURQLHSU]\
Xĝ\FLXSLHUZV]HJR]bGZöFK
HOHPHQWöZ<script>

:bHOHPHQWDFK<script>]RVWDï
XPLHV]F]RQ\DWU\EXWtype
NWöU\LQIRUPXMHĝHVNU\SW\
QDSLVDQRZbMÚ]\NX-DYD6FULSW
=bNROHLDWU\EXWsrcLQIRUPXMH
SU]HJOÈGDUNÚVNÈGQDOHĝ\
SREUDÊNRGVNU\SWX

'UXJL]bXĝ\W\FKHOHPHQWöZ
<script>SU]HND]XMHLQIRUPDFMH
GRW\F]ÈFHSUH]HQWRZDQHJR
ğOPX)ODVKRUD]HOHPHQWX
VWURQ\NWöU\SRZLQLHQ
]RVWDÊ]DVWÈSLRQ\ğOPHP
:bU]HF]\ZLVWRĂFLHOHPHQWWHQ
SU]HND]XMHDĝpiÚÊUöĝQ\FK
LQIRUPDFML]DSLVDQ\FKZHZQÈWU]
SDU\QDZLDVöZGRW\F]ÈF\FK

lokalizacjiSOLNX

.swfĠDVKELUGVZI

HOHPHQWXVWURQ\NWöU\

SRZLQLHQ]RVWDÊzastÈpiony
ğOPHPRNUHĂORQHJR
SU]H]ZDUWRĂÊDWU\EXWXid
HOHPHQWX<div>bird

szerokoĂciğOPX400 px

wysokoĂciğOPX300 px

QDMQLĝV]HMwersji

RGWZDU]DF]D)ODVKNWöUHM
PRĝQDXĝ\ÊGRZ\ĂZLHWOHQLD
ğOPXFlash Player 8

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

)/$6+:,'(2,b$8',2

35=('67$:,(1,(

)250$7:,b2'7:$5=$&=<

./,3::,'(2

$E\XPLHĂFLÊNOLSZLGHRQDZïDVQHMVWURQLHLQWHUQHWRZHM
WU]HED]UR]XPLHÊ]DJDGQLHQLD]ZLÈ]DQH]bIRUPDWDPLSOLNöZ
RUD]bRGWZDU]DF]DPLZW\F]NDPLZLGHR

)250$7<

)LOP\VÈGRVWÚSQHZbZLHOX
IRUPDWDFK%OXUD\'9'9+6
ĽWRW\ONRNLONDSU]\NïDGöZ
:bĂZLHFLHNRPSXWHUöZ
LbLQWHUQHWXIRUPDWöZZLGHRMHVW
jeszcze ZLÚFHMRWRQLHNWöUH
]bQLFK$9,)ODVK9LGHR+
03(*2JJ7KHRUD4XLFN7LPH
:HE0:LQGRZV0HGLD

2GWZDU]DF]'9'QLHRGWZRU]\
NDVHW\9+6ĽDQDORJLF]QLH
SRV]F]HJöOQHSU]HJOÈGDUNL
UöĝQLÈVLÚSRGZ]JOÚGHP
REVïXJLZDQ\FKIRUPDWöZZLGHR

$E\Xĝ\WNRZQLF\VWURQ\E\OL
ZbVWDQLHREHMU]HÊQDQLHMNOLS
ZLGHRE\ÊPRĝHEÚG]LHP\
PXVLHOL]DSLVDÊJRZbLQQ\P
IRUPDFLH

7DNLSURFHVNRQZHUWRZDQLD
NOLSXZLGHR]bMHGQHJRIRUPDWX
QDGUXJLMHVWF]DVDPLQD]\ZDQ\
NRGRZDQLHP

:bLQWHUQHFLHGRVWÚSQ\FK
MHVWNLONDDSOLNDFMLVïXĝÈF\FK
GRbNRGRZDQLDZLGHRQS
ZZZPLURYLGHRFRQYHUWHUFRP

2'7:$5=$&=(

,b:7<&=.,

3LHUZV]HSU]HJOÈGDUNL
E\ï\SURMHNWRZDQHWDN
E\bZ\ĂZLHWODÊZ\ïÈF]QLH
WHNVWLbREUD]\=bWHJRSRZRGX
SU]HJOÈGDUNLWZRU]RQHSU]HG
URNLHPE\RGWZDU]DÊ
NOLS\ZLGHR]D]Z\F]DM
Z\PDJDï\Xĝ\FLDGRGDWNRZ\FK
SURJUDPöZQD]\ZDQ\FK
RGWZDU]DF]DPLOXEZW\F]NDPL

7HGRGDWNRZHSURJUDP\
RGWZDU]Dï\MHG\QLHZ\EUDQH
IRUPDW\ZLGHR

1RZV]HSU]HJOÈGDUNL]RVWDï\
UR]EXGRZDQHLbREVïXJXMÈ
HOHPHQW<video>ZSURZDG]RQ\
Zb+70/NWöU\VSUDZLD
ĝHGRGDWNRZHRGWZDU]DF]H
LbZW\F]NLVÈ]E\WHF]QH
1LHVWHW\QLHPRĝQD]DïRĝ\Ê
ĝHZV]\VF\Xĝ\WNRZQLF\
RGZLHG]DMÈF\QDV]È
ZLWU\QÚEÚGÈG\VSRQRZDOL
QRZRF]HVQ\PLSU]HJOÈGDUNDPL
REVïXJXMÈF\PLWHQQRZ\
HOHPHQW+70/SU]HJOÈGDUNL
NWöUHWRSRWUDğÈZ\PDJDMÈ
E\bPDWHULDïZLGHRE\ïNRGRZDQ\
ZbLQQ\FKIRUPDWDFK

52=:,k=$1,(

1DMSURVWV]\PVSRVREHP
XPLHV]F]HQLDPDWHULDïX
ZLGHRQDZïDVQHMVWURQLH
MHVWVNRU]\VWDQLH]bXVïXJL
XGRVWÚSQLDMÈFHMNOLS\ZLGHR
WDNLHMMDN<RX7XEHOXE9LPHR
=GDU]DMÈVLÚMHGQDNV\WXDFMH
ZbNWöU\FKWDNLHUR]ZLÈ]DQLH
QLHMHVWRGSRZLHGQLHRbF]\P
VLÚSU]HNRQDP\QDQDVWÚSQHM
VWURQLHLbWU]HEDXPLHĂFLÊNOLS\
ZLGHRZHZïDVQHMZLWU\QLH

:bF]DVLHJG\SRZVWDZDïD
WDNVLÈĝNDQDMOHSV]\P
UR]ZLÈ]DQLHP]DSHZQLDMÈF\P
ĝHMDNQDMZLÚNV]DOLF]ED
Xĝ\WNRZQLNöZREHMU]\
XPLHV]F]RQHQDVWURQLH
PDWHULDï\ZLGHRE\ïR
]DVWRVRZDQLHHOHPHQWX<video>
+70/ZbSU]HJOÈGDUNDFKNWöUH
JRREVïXJXMÈDbZbSR]RVWDï\FK
ĽRGWZDU]DF]DQDSLVDQHJR
ZbWHFKQRORJLL)ODVK$bWR
R]QDF]DĝHNDĝG\NOLSZLGHR
NWöU\SODQXMHP\XGRVWÚSQLÊ
EÚG]LHP\PXVLHOL]DSLVDÊ
ZbSU]\QDMPQLHMGZöFK
IRUPDWDFK:HE0Lb03

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

)/$6+:,'(2,b$8',2

.25=<67$1,(=b868*

8'267}31,$1,$:,'(2

1DMSURVWV]\PVSRVREHPSUH]HQWRZDQLDNOLSöZZLGHRQDZïDVQ\FK
VWURQDFKMHVWSU]HVïDQLHLFKGRWDNLHMZLWU\Q\MDN<RX7XEH
OXEb9LPHRLbVNRU]\VWDQLH]bXGRVWÚSQLDQ\FKSU]H]QLHPHFKDQL]PöZ
SU]\bRVDG]DQLXZLGHRQDZïDVQHMVWURQLH

=$/(7<

:LWU\Q\XPRĝOLZLDMÈFH
SUH]HQWRZDQLHNOLSöZZLGHR
WDNLHMDN<RX7XEHXGRVWÚSQLDMÈ
RGWZDU]DF]HG]LDïDMÈFH
ZbZLÚNV]RĂFLSU]HJOÈGDUHN
.RU]\VWDMÈF]bQLFKQLHWU]HED
VLÚSU]HMPRZDÊNRGRZDQLHP
PDWHULDïXZLGHRJG\ĝ
SR]ZDODMÈRQHQDbSU]HV\ïDQLH
ğOPöZ]DSLVDQ\FKZbZLHOX
UöĝQ\FKIRUPDWDFK
3RbSU]HVïDQLXPDWHULDïXZLGHR
XVïXJLWHDXWRPDW\F]QLH
JRNRQZHUWXMÈGRUöĝQ\FK
IRUPDWöZZ\PDJDQ\FKSU]H]
SRV]F]HJöOQHSU]HJOÈGDUNL

)LUP\SURZDG]ÈFHVHUZHU\
:::F]ÚVWRSRELHUDMÈ
GRGDWNRZHRSïDW\MHĂOL
ZLWU\QD]Xĝ\ZDGXĝÈ
V]HURNRĂÊSDVPDDbSOLNL
]DZLHUDMÈFHğOP\VÈRJURPQH
'ODWHJRSU]HFKRZ\ZDQLH
LbXGRVWÚSQLDQLHNOLSöZZLGHR
QDZïDVQHMVWURQLHPRĝH
JHQHURZDÊGRGDWNRZHNRV]W\
-HĂOLQDWRPLDVWXPLHĂFLP\
NOLS\QSQD<RX7XEHOXE
9LPHRXQLNQLHP\GRGDWNRZ\FK
NRV]WöZ]ZLÈ]DQ\FK]bXĝ\ZDQÈ
V]HURNRĂFLÈSDVPD

:$'<

1DV]HNOLS\ZLGHREÚGÈ
XPLHV]F]RQHZbZLWU\QLH
]bXVïXJÈXGRVWÚSQLDMÈFÈ
Db]DWHPMHĂOLFKFHP\E\
E\ï\RQHGRVWÚSQHZ\ïÈF]QLH
QDbQDV]HMVWURQLHDbQLH
QDbLQQ\FKNRQLHF]QHEÚG]LH
XPLHV]F]HQLHPDWHULDïX
ZLGHRQDZïDVQ\PVHUZHU]H
LbGRGDQLHGRQLHMRGSRZLHGQLHJR
RGWZDU]DF]D

1LHNWöUHZLWU\Q\QDNïDGDMÈ
RJUDQLF]HQLDQDGRSXV]F]DOQÈ
WUHĂÊNOLSöZZLGHR:LÚNV]RĂÊ
]DEUDQLDXPLHV]F]DQLD
ZbNOLSDFKPDWHULDïöZ
UHNODPRZ\FKFRXQLHPRĝOLZLD
F]HUSDQLH]bQLFKNRU]\ĂFL
ğQDQVRZ\FK
&]ÚĂÊZLWU\Q]bXVïXJDPL
XGRVWÚSQLDQLDZLGHREÚG]LH
RGWZDU]DÊZïDVQHUHNODP\
SU]HGUR]SRF]ÚFLHPQDV]HJR
NOLSXDbQDZHWQDNïDGDÊ
MHQDbğOPSRGF]DVMHJR
RGWZDU]DQLD2SUöF]WHJR
MDNRĂÊNOLSöZZLGHRRIHURZDQD
SU]H]WDNLHXVïXJLPRĝH
E\ÊbQLVND

$/7(51$7<:<

-HĂOLFKFHP\SU]HFKRZ\ZDÊ
PDWHULDï\ZLGHRQDZïDVQ\P
VHUZHU]HĽDbQLHNRU]\VWDÊ
]bXVïXJLXGRVWÚSQLDMÈFHMĽWR
RGSRZLHGQLHSU]\JRWRZDQLH
ZLWU\Q\WDNLHE\PRJïD
MHRGWZDU]DÊEÚG]LHRG
QDVZ\PDJDïR]QDF]QLH
ZLÚFHMbSUDF\

:bWHMNVLÈĝFHSU]\MU]\P\VLÚ
GZöPUöĝQ\PVSRVRERP
XGRVWÚSQLDQLDPDWHULDïöZZLGHR
SU]HFKRZ\ZDQ\FKQDZïDVQHM
VWURQLH)ODVK9LGHRRUD]
QRZHPXHOHPHQWRZL+70/
Ľ<video>

$E\PRĝOLZLHMDNQDMZLÚNV]D
OLF]EDXĝ\WNRZQLNöZPRJïD
NRU]\VWDÊ]bXGRVWÚSQLDQ\FK
NOLSöZZLGHRNRQLHF]QHEÚG]LH
Z\NRU]\VWDQLHNRPELQDFMLREX
W\FKPHWRG

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

210 )/$6+:,'(2,b$8',2

35=<*272:<:$1,(

0$7(5,$:

2'7:$5=$1<&+

35=<b8¿<&,8)/$6+9,'(2

6.21:(572:$m

0$7(5,$:,'(2

'2b)250$78)/9

$E\VNRU]\VWDÊ]b)ODVK9LGHR
WU]HEDVNRQZHUWRZDÊSRVLDGDQ\
PDWHULDïZLGHRGRbIRUPDWXb)/9
3RF]ÈZV]\RGZHUVMLb
ĂURGRZLVNR)ODVK]DZLHUD
QDU]ÚG]LH)ODVK9LGHR&RQYHUWHU
XPRĝOLZLDMÈFHNRQZHUVMÚ
PDWHULDïXZLGHRGRbIRUPDWXb)/9

1LHNWöUHRGWZDU]DF]HğOPöZ
)ODVKREVïXJXMÈWDNĝHIRUPDW
+DbQLHNWöUHSURJUDP\
GRHG\FMLZLGHRXPRĝOLZLDMÈ
]DSLV\ZDQLHPDWHULDïXZbW\P
IRUPDFLH

,QQHSURJUDP\XPRĝOLZLDMÈFH
NRQZHUVMÚPDWHULDïXGRW\FK
GZöFKIRUPDWöZPRĝQD]QDOHěÊ
SRZSLVDQLXZbZ\V]XNLZDUFH
*RRJOHKDVïDķ)/9RU+
FRQYHUWHUVĵ

:bPDWHULDïDFKGRïÈF]RQ\FK
GRbNVLÈĝNL]QDMGXMHVLÚ
SU]\NïDGRZ\SOLN)/9NWöUHJR
PRĝQDXĝ\ZDÊZbGRVWDUF]RQ\FK
SU]\NïDGDFKSRQLHZDĝSOLNL
ZLGHRVÈGXĝH]RVWDïRQ
XPLHV]F]RQ\ZbRVREQ\P
NDWDORJX

=1$/(½m2'7:$5=$&=

3/,.:)/9

.75<802¿/,:,

35(=(172:$1,(

./,3:

'RRGWZDU]DQLDğOPöZ)/9
SRWU]HEQ\EÚG]LHRGWZDU]DF]
QDSLVDQ\ZbWHFKQRORJLL)ODVK
6ïXĝ\RQGRRGWZDU]DQLDğOPX
RUD]XGRVWÚSQLDHOHPHQW\
VWHUXMÈFHWDNLHMDNSU]\FLVNL
GRbRGWZDU]DQLDLb]DWU]\P\ZDQLD
ğOPX7DNLHRGWZDU]DF]HPRĝQD
]QDOHěÊZbZ\PLHQLRQ\FKSRQLĝHM
ZLWU\QDFK

ZZZRVĠYFRP
ZZZORQJWDLOYLGHRFRP

.RU]\VWDQLH]bW\FKRGWZDU]DF]\
QLHZ\PDJDNXSRZDQLD
ĂURGRZLVND)ODVK

:bSU]HGVWDZLRQ\PGDOHM
SU]\NïDG]LHXĝ\ZDQ\MHVWSURJUDP
26)/9ĽGDUPRZ\RGWZDU]DF]
)ODVK9LGHRXGRVWÚSQLDQ\MDNR
RSURJUDPRZDQLHRbRWZDUW\P
NRG]LHěUöGïRZ\P0RĝQD
JRWDNĝH]QDOHěÊZbNRGDFK
GRïÈF]RQ\FKGRNVLÈĝNL
2EVïXJXMHMHG\QLHIRUPDW\)/9
QLH+

80,(¥&,m2'7:$5=$&=

,b0$7(5,$:,'(2

1$67521,(

2GWZDU]DF]PRĝQDXPLHĂFLÊ
QDVWURQLHSU]\Xĝ\FLXWHFKQLN
Z\NRU]\VWXMÈF\FKVNU\SW\
-DYD6FULSWWDNLFKMDN6:)2EMHFW
RbNWöUHMZVSRPLQDOLĂP\
ZF]HĂQLHMZbW\PUR]G]LDOH

'RRGWZDU]DF]DQDOHĝ\
SU]HND]DÊLQIRUPDFMÚRbORNDOL]DFML
NOLSXZLGHRNWöU\PDE\Ê
SUH]HQWRZDQ\1LHNWöUH
RGWZDU]DF]HG\VSRQXMÈ
]DDZDQVRZDQ\PLPRĝOLZRĂFLDPL
WDNLPLMDNWZRU]HQLHOLVW
RGWZDU]DQLDREHMPXMÈF\FK
ZLHOHNOLSöZOXEZ\ĂZLHWODQLD
SU]HGbNOLSHPVWDW\F]Q\FK
REUD]öZ

:bSU]HGVWDZLRQ\PGDOHM
SU]\NïDG]LHZ\NRU]\VWDQR
WHFKQLNÚ6:)2EMHFWRSLVDQÈ
QDbVWURQDFKļ

$E\SUH]HQWRZDÊPDWHULDï\ZLGHRQDZïDVQHMVWURQLH

SU]\Xĝ\FLX)ODVK9LGHRQDOHĝ\Z\NRQDÊWU]\RSHUDFMH

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

211

)/$6+:,'(2,b$8',2

W YNIK

80,(6=&=$1,(),/0:

)/$6+9,'(21$67521$&+

3U]HGVWDZLRQ\WXSU]\NïDG
Xĝ\ZDRGWZDU]DF]D26)/9
GRZ\ĂZLHWOHQLHNOLSXRbQD]ZLH
SXSS\ĠYNWöU\]RVWDïMXĝ
VNRQZHUWRZDQ\GRIRUPDWX)/9
:F]HĂQLHMSRND]DOLĂP\MDN
Xĝ\ZDÊVNU\SWX6:)2EMHFW
ZbFHOXRVDG]DQLDQDVWURQLH
SURVW\FKDQLPDFMLMHGQDN
F]DVDPLGRRGWZDU]DQLDğOPöZ
ZbIRUPDFLH)ODVKNRQLHF]QHVÈ
GRGDWNRZHLQIRUPDFMH:bW\P
SU]\SDGNXRGWZDU]DF]PXVL]QDÊ
ĂFLHĝNÚGRVWÚSXGRğOPXGODWHJR
VNU\SW6:)2EMHFWSU]HND]XMH
WHLQIRUPDFMHZ\NRU]\VWXMÈF
]PLHQQH-DYD6FULSW=RVWDï\
RQHSRGDQHZbGZöFKZLHUV]DFK
NRGXUR]SRF]\QDMÈF\FKVLÚ
RGbVïRZDbvar
2GWZDU]DF]]DVWRVRZDQ\
ZbW\PSU]\NïDG]LHQLHRF]HNXMH
ĝHbMDNLHNROZLHNLQIRUPDFMHEÚGÈ
SU]HND]\ZDQHSU]\Xĝ\FLX
]PLHQQHMĠashvarsGODWHJRMHVW
RQDSXVWD
¥FLHĝNDGRVWÚSXGRğOPX
]RVWDïDSRGDQDZb]PLHQQHM
params
var params = ^move: ”../
videos/puppy.Ġv”`
:LHUV]NRGXXPLHV]F]RQ\
SRQLĝHM]PLHQQ\FKLQIRUPXMH
VNU\SWRbW\PĝHQDOHĝ\]DVWÈSLÊ
HOHPHQW+70/RGWZDU]DF]HP
-HVWRQEDUG]RSRGREQ\
GRbWHJRNWöUHJRXĝ\OLĂP\
ZHbZF]HĂQLHMV]\PSU]\NïDG]LH

<!DOCTYPE html>
<html>
<head>
<title>

Dodawanie ğlmów Flash Video

</title>

Film obszczeniÚciu bawiÈcym siÚ

wbĂniegu.

</p></div>

</body>
</html>

HTML

rozdzial-09/adding-a-flash-video.html

=D]Z\F]DMUöĝQHRGWZDU]DF]HZLGHRZ\PDJDMÈE\WDNLHLQIRUPDFMHMDNĂFLHĝNDGRVWÚSXGRNOLSXZLGHR
E\ï\SRGDZDQHZbUöĝQ\FKIRUPDWDFK1DV]F]ÚĂFLHPDMÈRQHRGSRZLHGQLÈGRNXPHQWDFMÚ]bSU]\NïDGDPL
]bNWöU\FKPRĝQDVLÚGRZLHG]LHÊMDNQDOHĝ\]bQLFKNRU]\VWDÊ

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

212 )/$6+:,'(2,b$8',2

+70/

35=<*272:<:$1,(

./,3::,'(2

'2b35(=(17$&-,

1$b67521$&+

0LPRĝHHOHPHQW<video>MÚ]\ND+70/SRMDZLïVLÚVWRVXQNRZRQLHGDZQR

FLHV]\VLÚGXĝÈSRSXODUQRĂFLÈ2WRNLONDQDMZDĝQLHMV]\FKLQIRUPDFML

RbNWöU\FKZDUWRSDPLÚWDÊMHĂOLPDP\]DPLDU]bQLHJRNRU]\VWDÊ

:63$5&,(

1RZ\HOHPHQW+70/<video>

MHVWREVïXJLZDQ\Z\ïÈF]QLH

SU]H]QDMQRZV]HSU]HJOÈGDUNL

Db]DWHPMHĂOL]DOHĝ\QDP

QDW\PE\NOLS\ZLGHRE\ï\

RJOÈGDQHSU]H]ZV]\VWNLFKQLH

EÚG]LHP\PRJOLRJUDQLF]\ÊVLÚ

GRXĝ\FLDWHMMHGQHMWHFKQLNL

NRQLHF]QHEÚG]LHXĝ\FLHWDNĝH

)ODVK9LGHR

35$:$:$612¥&,

*G\SRZVWDZDïDWDNVLÈĝND

HOHPHQW<video>QLH

REVïXJLZDïĝDGQ\FKV\VWHPöZ

'50DQJb'LJLWDO5LJKWV

0DQDJHPHQWĽV\VWHP

RFKURQ\SUDZDXWRUVNLFKGOD

WUHĂFLF\IURZ\FK1LHPQLHM

]GHWHUPLQRZDQ\SLUDWLbWDN

]QDMG]LHVSRVöEREHMĂFLDWDNLFK

]DEH]SLHF]Hñ

)250$7<

1LHZV]\VWNLHSU]HJOÈGDUNL

REVïXJXMÈWHVDPHIRUPDW\

ZLGHR'ODWHJRNOLS\QDOHĝ\

XGRVWÚSQLDÊZbNLONXUöĝQ\FK

IRUPDWDFK
$E\NOLS\ZLGHRPRJï\E\Ê

RJOÈGDQHZbPRĝOLZLHMDN

QDMZLÚNV]HMOLF]ELHSU]HJOÈGDUHN

QDOHĝ\XGRVWÚSQLDÊğOP\

ZbQDVWÚSXMÈF\FKIRUPDWDFK
H264:SU]HJOÈGDUNL,(

RUD]b6DIDUL
WebM:SU]HJOÈGDUNLZbV\VWHPLH

$QGURLGSU]HJOÈGDUNL&KURPH

)LUHIR[RUD]2SHUD
7ZöUF\SU]HJOÈGDUHN

&KURPH)LUHIR[RUD]2SHUD

]D]QDF]\OLĝHLFKSURJUDP\

EÚGÈREVïXJLZDï\IRUPDW

:HE01LHNWöUHRGWZDU]DF]H

ED]XMÈFHQDWHFKQRORJLL)ODVK

WDNĝHREVïXJXMÈIRUPDW\

+Lb:HE0ĽFRSR]ZROL

]PQLHMV]\ÊOLF]EÚQLH]EÚGQ\FK

NRQZHUVML

$E\&]\WHOQLNPöJï

Z\SUöERZDÊSU]HGVWDZLRQH

SU]\NïDG\Xĝ\W\ZbQLFKNOLS

ZLGHR]RVWDïGRVWDUF]RQ\

ZbIRUPDWDFK+RUD]:HE0

(/(0(1<67(58-k&(

3U]HJOÈGDUNDVDPD

XGRVWÚSQLDHOHPHQW\

VWHUXMÈFHRGWZDU]DQLHPDbWH

ZbSRV]F]HJöOQ\FKSURJUDPDFK

PRJÈE\ÊUöĝQH:\JOÈG

HOHPHQWöZVWHUXMÈF\FKPRĝQD

RNUHĂOLÊSU]\Xĝ\FLXNRGX

-DYD6FULSWSUH]HQWDFMDW\FK

PRĝOLZRĂFLZ\NUDF]DSR]D

]DNUHVWHMNVLÈĝNL

:b35=(*/k'$5&(

-HGQ\P]bSUREOHPöZ

]bRGWZDU]DF]DPLWDNLPL

MDNb)ODVK3OD\HUMHVW

LFKQLHVSöMQHG]LDïDQLH

ZbSU]\SDGNXJG\]RVWDQÈ

SU]HVïRQLÚWHSU]H]UR]ZLMDQH

OLVW\OXEJG\SRZLÚNV]\P\DOER

]PQLHMV]\P\]DZDUWRĂÊRNQD

-HĂOLNRU]\VWDP\]bHOHPHQWX
<video>SUREOHP\WHQLH

Z\VWÚSXMÈ

1DVWURQLH221SRND]DQR

VSRVöEMDN]DVWRVRZDÊQRZ\

HOHPHQW<video>+70/

]bWHFKQLNÈNRU]\VWDMÈFÈ]b)ODVK

9LGHRZbFHOXSRSUDZLHQLD
GRVWÚSQRĂFLVWURQ\

-HĂOLSU]HGVWDZLRQÈ

SU]\NïDGRZÈVWURQÚ

Z\ĂZLHWOLP\ZbSU]HJOÈGDUFH

)LUHIR[OXEb2SHUDWRGRVWÚSQH

HOHPHQW\VWHUXMÈFHEÚGÈLQQH

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

213

)/$6+:,'(2,b$8',2

+70/

80,(6=&=$1,(

./,3::,'(2

1$67521$&+:::

:bMÚ]\NX+70/SRGDZDQLH
ZDUWRĂFLZV]\VWNLFKDWU\EXWöZ
WDNLFKMDNcontrolsautoplay

RUD]loop HOHPHQWX<video>

QLHMHVWNRQLHF]QH7DNLH
DWU\EXW\PRĝQDSRUöZQDÊ
GRbSU]HïÈF]QLNöZ-HĂOLDWU\EXW
]RVWDïXPLHV]F]RQ\ZbNRG]LH
ZïÈF]DRQRGSRZLHGQLÈ
RSFMÚ-HĂOLQDWRPLDVW]RVWDï
SRPLQLÚW\RSFMD]RVWDQLH
Z\ïÈF]RQD

-HĂOLSU]HJOÈGDUNDQLHREVïXJXMH
HOHPHQWX<video>OXEIRUPDWX

ZbMDNLPNOLS]RVWDï]DSLVDQ\
WRZ\ĂZLHWOLWUHĂÊSRGDQÈ
SRPLÚG]\RWZLHUDMÈF\P
]QDF]QLNLHP<video>

Lb]DP\NDMÈF\P]QDF]QLNLHP
</video>

<!DOCTYPE html>
<html>
<head>
<title>

Zastosowanie elementu ltvideo gt HTML5

title>
</head>
<body>
<video src=”video/puppy.mp4”
poster=”images/puppy.jpg”
width=”400” height=”300”
preload
controls
loop>
<p>

Film obszczeniÚciu bawiÈcym siÚ

wbĂniegu.

</p>

</video>
</body>
</html>

HTML

rozdzial-09/adding-html5-video.html

preload

7HQDWU\EXWLQIRUPXMH
SU]HJOÈGDUNÚFRQDOHĝ\]URELÊ
SRGF]DVZF]\W\ZDQLDVWURQ\
0RĝHRQSU]\MÈÊMHGQÈ]bWU]HFK
ZDUWRĂFL

none

3U]HJOÈGDUNDQLHSRZLQQD
UR]SRF]ÈÊZF]\W\ZDQLDNOLSX
ZLGHR]DQLPXĝ\WNRZQLN
QLHNOLNQLHSU]\FLVNX
UR]SRF]\QDMÈFHJRRGWZDU]DQLH

auto

3U]HJOÈGDUNDSRZLQQD
UR]SRF]ÈÊSRELHUDQLHNOLSX
SR]DNRñF]HQLXZF]\W\ZDQLD
VWURQ\

metadata

3U]HJOÈGDUNDSRZLQQDMHG\QLH
SREUDÊLQIRUPDFMHRbNOLSLHWDNLH

MDNZ\PLDU\SLHUZV]HMNODWNL
OLVWDĂFLHĝHNF]DVWUZDQLD

<video>

(OHPHQW<video>PDNLOND

DWU\EXWöZSR]ZDODMÈF\FK
QDbNRQWUROÚVSRVREX
RGWZDU]DQLD

src

7HQDWU\EXWRNUHĂODĂFLHĝNÚ
GRVWÚSXGRSOLNXZLGHR
.OLSb]DVWRVRZDQ\ZbSU]\NïDG]LH
]RVWDï]DSLVDQ\ZbIRUPDFLH
+Db]DWHPEÚG]LHJR
PRĝQDRGWZDU]DÊZ\ïÈF]QLH
ZbSU]HJOÈGDUNDFK,(Lb6DIDUL

poster

7HQDWU\EXWSR]ZDODRNUHĂOLÊ
REUD]NWöU\EÚG]LHZ\ĂZLHWODQ\
ZbF]DVLHZF]\W\ZDQLDNOLSX
OXEGRPRPHQWXQDFLĂQLÚFLD
SU]H]Xĝ\WNRZQLNDSU]\FLVNX
UR]SRF]\QDMÈFHJRRGWZDU]DQLH

width, height

7HDWU\EXW\RNUHĂODMÈZ\PLDU\
RGWZDU]DF]DLbVÈZ\UDĝRQH
ZbSLNVHODFK

controls

-HĂOLWHQDWU\EXW]RVWDQLH
SRGDQ\LQIRUPXMHSU]HJOÈGDUNÚ
ĝHSRZLQQDZ\ĂZLHWOLÊ
VZRMHHOHPHQW\VWHUXMÈFH
RGWZDU]DQLHP

autoplay

-HĂOLWHQDWU\EXW]RVWDQLH
SRGDQ\LQIRUPXMHSU]HJOÈGDUNÚ
ĝHSRZLQQDDXWRPDW\F]QLH
UR]SRF]ÈÊRGWZDU]DQLHNOLSX

loop

:bUD]LHXĝ\FLDWHJRDWU\EXWX
LQIRUPXMHRQSU]HJOÈGDUNÚ
ĝHbSR]DNRñF]HQLXNOLSX
SRZLQQDJRSRQRZQLH
RGWZRU]\Ê

$NWXDOQLHIRUPDWWHQMHVWREVïXJLZDQ\

WDNĝHSU]H]SU]HJOÈGDUNÚ&KURPHĽSU]\SWïXP

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

214 )/$6+:,'(2,b$8',2

+70/

:,(/(½5'(

0$7(5,$8:,'(2

'RRNUHĂOHQLDSOLNX
]DZLHUDMÈFHJRNOLSZLGHR
PRĝQDXĝ\ÊHOHPHQWX<source>
XPLHV]F]DQHJRZHZQÈWU]
HOHPHQWX<video>3RZLQLHQRQ
]DVWÈSLÊDWU\EXWsrcHOHPHQWX
<video>
0RĝQDWDNĝHXĝ\ÊNLONX
HOHPHQWöZ<source>
LQIRUPXMÈFW\PVDP\P
SU]HJOÈGDUNÚĝHNOLSMHVW
GRVWÚSQ\ZbUöĝQ\FKIRUPDWDFK
=HZ]JOÚGXQDEïÈG
Z\VWÚSXMÈF\QDWDEOHWDFKL3DG
ZbSLHUZV]HMNROHMQRĂFLQDOHĝ\
SRGDÊNOLS]DSLVDQ\ZbIRUPDFLH
03:bSU]HFLZQ\PUD]LHQLH
]RVWDQLHRGWZRU]RQ\

src

7HQDWU\EXWRNUHĂODĂFLHĝNÚ
GRVWÚSXGRSOLNX

type

7HJRDWU\EXWXQDOHĝ\
Xĝ\ZDÊE\SU]HND]\ZDÊ
LQIRUPDFMHRbIRUPDFLH
ZbMDNLPMHVW]DSLVDQ\NOLS
ZLGHR:bUD]LHSRPLQLÚFLD
DWU\EXWXSU]HJOÈGDUNDSRELHU]H
NWöU\Ă]bSRGDQ\FKSOLNöZE\
VSUDZG]LÊF]\MHVWZbVWDQLH
JRRGWZRU]\ÊFR]DELHU]HF]DV
LbREFLÈĝ\ïÈF]H

codecs

7HQDWU\EXWRNUHĂODNRGHNXĝ\W\
GR]DNRGRZDQLDPDWHULDïX
ZLGHR:DUWR]ZUöFLÊXZDJÚ
ĝHZbUD]LHXĝ\FLDWHJRDWU\EXWX
MHJRZDUWRĂÊQDOHĝ\]DSLV\ZDÊ

Xĝ\ZDMÈF]DUöZQRDSRVWURIöZ
MDNLbFXG]\VïRZöZ

-HĂOLSU]HJOÈGDUNDQLH
REVïXJXMHHOHPHQWX<video>
OXE]DVWRVRZDQHJRIRUPDWX
WRZ\ĂZLHWOLWUHĂÊSRGDQÈ
SRPLÚG]\RWZLHUDMÈF\P
]QDF]QLNLHP<video>

<!DOCTYPE html>
<html>
<head>
<title>

OkreĂlanie wielu ěródeï klipu

</title>

</head>
<body>
<video poster=”images/puppy.jpg” width=”400”
height=”320” preload controls loop>
<source src=”video/puppy.mp4” type=ĳvideo/
mp4codecs=”avc1.42E01E, mp4a.40.2”ĳ />
<source src=”video/puppy.webm” type=ĳvideo/
webmcodecs=”vp8, vorbis”ĳ />
<p>

Film obszczeniÚciu bawiÈcym siÚ wbĂniegu.

</p>

</video>
</body>
</html>

HTML

rozdzial-09/multiple-video-sources.html

W YNIK

Db]DP\NDMÈF\P]QDF]QLNLHP
</video>

:,}&(-:b6,(&,

:bG]LDOH7RROVVWURQ\
WRZDU]\V]ÈFHMNVLÈĝFHPRĝQD
]QDOHěÊïÈF]DGRQDU]ÚG]L
SR]ZDODMÈF\FKQDNRGRZDQLH
NOLSöZZLGHRLbDXGLR
ZHbZïDĂFLZ\FKIRUPDWDFK

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

)/$6+:,'(2,b$8',2

']LÚNLXGRVWÚSQLHQLXNOLSöZZbIRUPDWDFK
REVïXJLZDQ\FKSU]H]HOHPHQW<video>RUD]
)ODVK9LGHRPRĝQD]DJZDUDQWRZDÊĝHEÚGÈ
RQHGRVWÚSQHGODSU]HZDĝDMÈFHMZLÚNV]RĂFL
RVöERGZLHG]DMÈF\FKVWURQÚ

+70/

-('12&=(61(

:<.25=<67$1,()/$6+

9,'(2,b(/(0(178

9,'(2!+70/

0RĝQDNRU]\VWDÊ]bHOHPHQWX
<video>MÚ]\ND+70/MDNR
SRGVWDZRZHJRVSRVREX
SUH]HQWDFMLNOLSöZQDWRPLDVW
)ODVK9LGHRZ\NRU]\VWDÊMDNR
UR]ZLÈ]DQLHDOWHUQDW\ZQH
SU]H]QDF]RQHGODRVöENWöU\FK
SU]HJOÈGDUNLQLHREVïXJXMÈ
+70/0RĝQDWHĝ]URELÊ
QDbRGZUöW

3RQLHZDĝQLHNWöUHRGWZDU]DF]H
QDSLVDQHZbWHFKQRORJLL)ODVK
REVïXJXMÈNRGRZDQLH+
ZbUD]LHZ\NRU]\VWDQLDWDNLHJR
RGWZDU]DF]DNRQLHF]QHEÚG]LH
SU]\JRWRZDQLHNOLSXZ\ïÈF]QLH
ZbIRUPDWDFK+Lb:HE0
]bIRUPDWX)/9PRĝQDE\
]UH]\JQRZDÊ

-HĂOL]GHF\GXMHP\VLÚZbSHïQL
Z\NRU]\VWDÊPRĝOLZRĂFL
SUH]HQWDFMLZLGHRMDNLHGDMH
+70/EÚG]LHP\PRJOL

7ZRU]\ÊZïDVQHHOHPHQW\
VWHUXMÈFHRGWZDU]DQLHP

8GRVWÚSQLDÊUöĝQHZHUVMH
PDWHULDïXZLGHRGRVWRVRZDQH
GRZLHONRĂFLHNUDQX
QDbNWöU\PMHVWZ\ĂZLHWODQD
SU]HJOÈGDUNDQSPRĝQD
SU]\JRWRZDÊNOLSRbPQLHMV]HM
UR]G]LHOF]RĂFLSU]H]QDF]RQ\
GRXU]ÈG]HñNLHV]RQNRZ\FK

=DĝÈGDÊ]PLDQ\Z\EUDQ\FK
IUDJPHQWöZVWURQ\
SRbRGWZRU]HQLXRNUHĂORQHJR
PLHMVFDNOLSX

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

)/$6+:,'(2,b$8',2

80,(6=&=$1,('½:,}.:

1$67521$&+:::

%H]ZÈWSLHQLDQDMSRSXODUQLHMV]\PIRUPDWHPXĝ\ZDQ\P
SU]\XPLHV]F]DQLXGěZLÚNXQDVWURQDFK:::
MHVWb033RGREQLHMDNZbSU]\SDGNXZLGHRGěZLÚNL
PRĝQDGRGDZDÊGRVWURQQDWU]\UöĝQHVSRVRE\

8¿<m868*,

8'267}31,$-k&(-

:bLQWHUQHFLHG]LDïDNLOND
ZLWU\QSR]ZDODMÈF\FKSU]HVïDÊ
SOLNDXGLRLbXGRVWÚSQLDMÈF\FK
RGWZDU]DF]NWöU\PRĝQD
XPLHĂFLÊQDZïDVQHMVWURQLH
QSb6RXQG&ORXGF]\0\6SDFH

8¿<m

7(&+12/2*,,)/$6+

'RVWÚSQ\FKMHVWNLOND
ğOPöZ)ODVKSR]ZDODMÈF\FK
QDbRGWZDU]DQLHSOLNöZ03
ĽRGSURVW\FKSU]\FLVNöZ
VïXĝÈF\FKGRRGWZRU]HQLD
SRMHG\QF]HMĂFLHĝNLGěZLÚNRZHM
SR]ïRĝRQHRGWZDU]DF]H
XPRĝOLZLDMÈFHWZRU]HQLHOLVW
RGWZDU]DQLDLbXGDMÈFHV]DI\
JUDMÈFH

1LHNWöU]\S\WDMÈZbMDNLVSRVöE
RGWZDU]DÊPX]\NÚZbVSRVöE
FLÈJï\LbQLHSU]HUZDQ\QDZHW
MHĂOLRGZLHG]DMÈF\SU]HFKRG]L
]bMHGQHMVWURQ\ZLWU\Q\
QDbGUXJÈ

7DNLHIHNWMHVWEDUG]R
WUXGQ\GRRVLÈJQLÚFLDĽ
Z\PDJDïE\RQ]DVWRVRZDQLD
WDNLFKWHFKQRORJLLMDN$-$;
E\bZF]\W\ZDÊ]DZDUWRĂÊVWURQ\
OXEVWZRU]HQLDFDïHMZLWU\Q\
ZbWHFKQRORJLL)ODVK

8¿<m

02¿/,:2¥&,+70/

:bMÚ]\NX+70/ZSURZDG]RQR
QRZ\HOHPHQWĽ<audio>
3U]HJOÈGDUNLNWöUHJR
REVïXJXMÈXGRVWÚSQLDMÈZïDVQH
HOHPHQW\VWHUXMÈFHSRGREQLH
MDNZbSU]\SDGNXHOHPHQWX
<video>

:ïDĂQLH]bWHJRSRZRGXQLHNWöUH
ZLWU\Q\:::XPRĝOLZLDMÈ
RWZLHUDQLHRGWZDU]DF]\
PXOWLPHGLDOQ\FKZbQRZ\P
RNQLHSU]HJOÈGDUNLG]LÚNL
F]HPXRGWZDU]DQDPHORGLDQLH
EÚG]LHSU]HU\ZDQDSRGF]DV
SU]HFKRG]HQLD]bMHGQHMVWURQ\
ZLWU\Q\QDGUXJÈ

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

)/$6+:,'(2,b$8',2

67262:$1,(

2'7:$5=$&=$

031$3,6$1(*2

:b7(&+12/2*,,)/$6+

'RVWÚSQ\FKMHVWEDUG]RZLHOH

RGWZDU]DF]\03QDSLVDQ\FK

ZbWHFKQRORJLL)ODVKRWRWU]\

]bQLFK

ĠDVKPSSOD\HUQHW

PXVLFSOD\HUVRXUFHIRUJHQHW

ZZZZLPS\SOD\HUFRP

.DĝG\]bW\FKRGWZDU]DF]\PD

LQQHPRĝOLZRĂFLIXQNFMRQDOQH

ĽZDUWRMHSR]QDÊ]DQLP

Z\ELHU]HP\WHQNWöUHJRXĝ\MHP\

QDQDV]\FKVWURQDFK

:bSU]HGVWDZLRQ\PSU]\NïDG]LH

Z\NRU]\VWDOLĂP\RGWZDU]DF]

]HVWURQ\ĠDVKPSSOD\HUQHW

RVDG]DMÈFJRSU]\Xĝ\FLXVNU\SWX

6:)2EMHFWRSLVDQHJRQDVWURQDFK

ļ'RbRGWZDU]DF]D

SU]HND]\ZDQDMHVWLQIRUPDFMD

RbSRïRĝHQLXSOLNX03NWöUD

]RVWDMH]DSLVDQDZbIRUPLH

SDUDPHWUXRbQD]ZLHmp3

3RQLĝHMGUXJLHJRRWZLHUDMÈFHJR

]QDF]QLND<script>ZLGDÊ

ĝHbXWZRU]\OLĂP\GZLH]PLHQQH

-DYD6FULSW3LHUZV]D]bQLFKQRVL

QD]ZÚfalshvarsDbGUXJDĽ
params&KRÊ]PLHQQDĠashvars

QLHMHVWXĝ\ZDQDVNU\SW

6:)2EMHFWRF]HNXMHĝH]RVWDQLH

SRGDQDSU]HG]PLHQQÈparams

GODWHJRMHVWQDPSRWU]HEQD

var falashvars = ^`
var params = ^
mp3 = ”ķmusic/noise.mp3”`

2ELH]PLHQQH]RVWDï\QDVWÚSQLH

XPLHV]F]RQHQDNRñFXZLHUV]D

NRGXRVDG]DMÈFHJRRGWZDU]DF]

03QDVWURQLHWXĝSU]HGGUXJLP

]DP\NDMÈF\P]QDF]QLNLHP
</script>

W YNIK

<!DOCTYPE html>
<html>
<head>
<title>

Korzystanie zbodtwarzacza MP3 napisanego

wbtechnologii Flash

</title>

Nie moĝesz usïyszeÊ tego utworu muzycznego,

poniewaĝ Twoja przeglÈdarka nie obsïuguje
technologii Flash.

</p>

</div>
</body>
</html>

HTML

rozdzial-09/adding-a-flash-mp3-player.html

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

)/$6+:,'(2,b$8',2

+70/

67262:$1,(

=1$&=1,.$$8',2!

1$67521$&+:::

<audio>

-Ú]\N+70/ZSURZDG]D
HOHPHQW<audio>ZbFHOX
GRGDZDQLDSOLNöZDXGLR
GRVWURQ3RGREQLH
MDNbZbSU]\SDGNXNOLSöZZLGHR
UöĝQHSU]HJOÈGDUNLREVïXJXMÈ
UöĝQHIRUPDW\]DSLVXGěZLÚNX

(OHPHQW<audio>PDNLOND
UöĝQ\FKDWU\EXWöZNWöUH
SR]ZDODMÈQDNRQWUROÚ
RGWZDU]DQLDSOLNX

src

7HQDWU\EXWRNUHĂODĂFLHĝNÚ
GRbSOLNXDXGLR

controls

7HQDWU\EXWRNUHĂODF]\QDOHĝ\
Z\ĂZLHWODÊQDVWURQLHHOHPHQW\
VWHUXMÈFHRGWZDU]DQLHP-HĂOL
QLH]RVWDQLHSRGDQ\GRP\ĂOQLH
HOHPHQW\WHEÚGÈZ\ĂZLHWODQH
8ĝ\ZDMÈFVNU\SWX-DYD6FULSW
PRĝQDWDNĝHRNUHĂOLÊZïDVQH
HOHPHQW\VWHUXMÈFH

autoplay

8PLHV]F]HQLHWHJRDWU\EXWX
ZbHOHPHQFLH<audio>LQIRUPXMH
SU]HJOÈGDUNÚĝHSRZLQQD
DXWRPDW\F]QLHUR]SRF]ÈÊ
RGWZDU]DQLHSOLNXDXGLR
8ZDĝDVLÚĝHOHSV]\P
UR]ZLÈ]DQLHPMHVWXGRVWÚSQLHQLH
Xĝ\WNRZQLNRZLPRĝOLZRĂFL
XUXFKRPLHQLDRGWZDU]DQLD

preload

8ĝ\FLHWHJRDWU\EXWXVïXĝ\
RNUHĂOHQLXFRSU]HJOÈGDUND
SRZLQQD]URELÊMHĂOLQLH
]RVWDQLHXĝ\W\DWU\EXW
autoplay$WU\EXWpreload
PRĝHSU]\MPRZDÊWHVDPH
ZDUWRĂFLNWöUH]RVWDï\RSLVDQH
QDVWURQLHb213SU]\RND]ML
RPDZLDQLDHOHPHQWX<video>

loop

7HQDWU\EXWZVND]XMH
ĝHbSRb]DNRñF]HQLXRGWZDU]DQLD
ĂFLHĝNLGěZLÚNRZHMSU]HJOÈGDUND

<!DOCTYPE html>
<html>
<head>
<title>

Stosowanie znacznika HTML5 ltaudio gt

</title>

</head>
<body>
<audio src=”audio/test-audio.ogg”
controls autoplay>
<p>

Ta przeglÈdarka nie obsïuguje uĝywanego

formatu plików audio.

</p>

</audio>
</body>
</html>

HTML

rozdzial-09/adding-html5-audio.html

W YNIK

SRZLQQDRGWZRU]\ÊMÈ
SRQRZQLH

=DPLHV]F]RQ\WXSU]\NïDG
G]LDïDZbSU]HJOÈGDUNDFK
REVïXJXMÈF\FKIRUPDW2JJ
9RUELV)LUHIR[&KURPH
2SHUD$E\G]LDïDïWDNĝH
ZbSU]HJOÈGDUNDFK6DIDULOXE
,(SOLNDXGLRSRZLQLHQ]RVWDÊ
]DSLVDQ\ZbIRUPDFLH03
PRĝQDXĝ\ÊUöZQLHĝRSLVDQHJR
QDQDVWÚSQHMVWURQLHHOHPHQWX
<source>E\XGRVWÚSQLÊSOLN
]DSLVDQ\ZbLQQ\PIRUPDFLH

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

)/$6+:,'(2,b$8',2

+70/

:,(/(½5'(

0$7(5,$8$8',2

7RLVWRWQHJG\ĝUöĝQH
SU]HJOÈGDUNLREVïXJXMÈUöĝQH
IRUPDW\SOLNöZDXGLR

MP3:6DIDUL
&KURPH,(

2gg 9orbis:)LUHIR[
&KURPH2SHUD,(

$E\]DWHP]DSHZQLÊĝHSOLN
DXGLREÚG]LHSUDZLGïRZR
RGWZDU]DQ\ZHZV]\VWNLFK
QRZRF]HVQ\FKSU]HJOÈGDUNDFK
REVïXJXMÈF\FKHOHPHQW
<audio>QDOHĝ\JR]DSLVDÊ
ZbGZöFKIRUPDWDFK0RĝQD
WDNĝH]DVWRVRZDÊRGWZDU]DF]
VWZRU]RQ\SU]\Xĝ\FLX
WHFKQRORJLL)ODVKVWDQRZLÈF\
UR]ZLÈ]DQLHDOWHUQDW\ZQH
NWöUHEÚG]LHXĝ\ZDQH
ZbVWDUV]\FKSU]HJOÈGDUNDFK
QLHREVïXJXMÈF\FKHOHPHQWX
<audio>

=QDF]QLN<audio>QLH]GRE\ï
WDNGXĝHMSRSXODUQRĂFLMDN
]QDF]QLN<video>DbFRJRUV]D
ZbSLHUZV]\FKSU]HJOÈGDUNDFK
NWöUHJRLPSOHPHQWRZDï\
SRMDZLDï\VLÚSUREOHP\
]bMDNRĂFLÈRGWZDU]DQHJR
GěZLÚNX

W YNIK

<!DOCTYPE html>
<html>
<head>
<title>

Stosowanie wielu ěródeï materiaïu

audio

</title>

</head>
<body>
<audio controls autoplay>
<source src=”audio/test-audio.ogg” />
<source src=”audio/test-audio.mp3” />
<p>

Ta przeglÈdarka nie obsïuguje uĝywanego

formatu plików audio.

</p>

</audio>
</body>
</html>

HTML

rozdzial-09/multiple-audio-sources.html

src

$WU\EXWsrcHOHPHQWX<source>
VïXĝ\GRRNUHĂODQLDSRïRĝHQLD
SOLNXDXGLR

type

:bF]DVLHJG\SRZVWDZDïD
WDNVLÈĝNDDWU\EXWtype
HOHPHQWöZ<source>QLH
E\ïSRZV]HFKQLHXĝ\ZDQ\
ZbRGUöĝQLHQLXRGDQDORJLF]QHJR
DWU\EXWXVWRVRZDQHJR
ZbHOHPHQWDFK<video>

']LÚNL]DVWRVRZDQLXHOHPHQWöZ
<source>XPLHV]F]DQ\FK
SRPLÚG]\RWZLHUDMÈF\P
]QDF]QLNLHP<audio>
Db]DP\NDMÈF\P]QDF]QLNLHP</
audio>Lb]DVWÚSXMÈF\FKDWU\EXW
srcXPLHV]F]DQ\Zb]QDF]QLNX
RWZLHUDMÈF\PPRĝQDRNUHĂOLÊ
ZLÚNV]ÈOLF]EÚSOLNöZDXGLR
NWöU\FKFKFHP\Xĝ\Ê

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

220 )/$6+:,'(2,b$8',2

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

221

)/$6+:,'(2,b$8',2

35=<.$'

)/$6+:,'(2,b$8',2

3U]\NïDGSUH]HQWXMH]DVWRVRZDQLH
PRĝOLZRĂFL+70/ZbFHOX
RGWZRU]HQLDNOLSXZLGHR

.OLSZLGHR]RVWDï]DNRGRZDQ\ZbIRUPDWDFK+RUD]:HE0
E\PRĝQDJRE\ïRRJOÈGDÊZbPRĝOLZLHMDNQDMZLÚNV]HMOLF]ELH
SU]HJOÈGDUHN=bP\ĂOÈRbSU]HJOÈGDUNDFKNWöUHQLHREVïXJXMÈMÚ]\ND
+70/QDVWURQLH]RVWDïXPLHV]F]RQ\WDNĝHRGWZDU]DF]QDSLVDQ\
ZbWHFKQRORJLL)ODVKSU]\F]\PMHVWRQZ\ĂZLHWODQ\QDVWURQLHSU]\
Z\NRU]\VWDQLXVNU\SWX6:)2EMHFW-HĂOLSU]HJOÈGDUNDQLHREVïXJXMH
DQLHOHPHQWX<video>MÚ]\ND+70/DQLWHFKQRORJLL)ODVK
QDbVWURQLH]RVWDQLHZ\ĂZLHWORQ\SURVW\NRPXQLNDWWHNVWRZ\

<!DOCTYPE html>
<html>
<head>
<title>

Flash, wideo ibaudio

</title>

Niestety, nie moĝesz obejrzeÊ ğlmu obszczeniÚciu

bawiÈcym siÚ wbĂniegu, gdyĝ uĝywana przeglÈdarka
nie obsïuguje dostÚpnych formatów wideo.

</p>

</div>
</video>
</body>
</html>

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

32'6802:$1,(

)/$6+:,'(2,b$8',2

7HFKQRORJLD)ODVKSR]ZDODXPLHV]F]DÊQDVWURQDFK

:::DQLPDFMHNOLS\ZLGHRRUD]DXGLR

7HFKQRORJLDWDQLHMHVWREVïXJLZDQDZbL3KRQHĳDFK

DQLQDWDEOHWDFKL3DG

:bMÚ]\NX+70/]RVWDï\ZSURZDG]RQHHOHPHQW\
<video>RUD]<audio>SR]ZDODMÈFHQDXPLHV]F]DQLH

QDVWURQDFKWUHĂFLDXGLRLbZLGHRMHGQDNVÈ

RQHREVïXJLZDQHZ\ïÈF]QLHZbQDMQRZV]\FK

SU]HJOÈGDUNDFK

3U]HJOÈGDUNLREVïXJXMÈFHWHQRZHHOHPHQW\+70/

QLHREVïXJXMÈW\FKVDP\FKIRUPDWöZ]DSLVXSOLNöZ

ZLGHRLbDXGLRDb]DWHPDE\]DSHZQLÊĝHNDĝG\

EÚG]LHPöJïREHMU]HÊOXEXVï\V]HÊQDV]HPDWHULDï\

WU]HEDMH]DSLV\ZDÊZbNLONXUöĝQ\FKIRUPDWDFK

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

STRUK TURA

Prezentacja struktury.

Nauka kodu znacznikowego.

=QDF]QLNLLbHOHPHQW\

PREZENTACJA

CSS

'RF]HJRVïXĝ\&66"

-DNG]LDïD&66"

5HJXï\ZïDĂFLZRĂFLLbZDUWRĂFL

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

226 35(=(17$&-$&66

:bWHMF]ÚĂFLUR]G]LDïXSRZLHP\MDN
SRSUDZLÊDWUDNF\MQRĂÊVWURQ\:::
NRQWUROXMÈFMHMZ\JOÈGSU]\Xĝ\FLX&66

.DVNDGRZHDUNXV]HVW\OöZ&66SR]ZDODMÈWZRU]\ÊUHJXï\
RNUHĂODMÈFHZ\JOÈG]DZDUWRĂFLHOHPHQWöZ0RĝHP\QSSRGDÊ
ĝHbWïRVWURQ\PDE\ÊNRORUXNUHPRZHJRZV]\VWNLHDNDSLW\SRZLQQ\
E\ÊZ\ĂZLHWORQHF]FLRQNÈ$ULDOZbNRORU]HV]DU\PDOERĝHZV]\VWNLH
QDJïöZNLSLHUZV]HJRSR]LRPXPDMÈE\ÊZ\ĂZLHWODQHQLHELHVNÈ
SRFK\ORQÈF]FLRQNÈ7LPHV

.LHG\MXĝVLÚGRZLHP\MDNWZRU]\ÊUHJXï\&66GDOV]DQDXND
SRVïXJLZDQLDVLÚWÈWHFKQRORJLÈVSURZDG]LVLÚGRSR]QDQLD
GRVWÚSQ\FKZïDĂFLZRĂFL:bW\PUR]G]LDOH

'RZLHP\VLÚMDNG]LDïDMÈNDVNDGRZHDUNXV]HVW\OöZ

1DXF]\P\VLÚSLVDÊUHJXï\&66

=REDF]\P\MDNVWRVRZDÊUHJXï\&66QDVWURQDFK:::

:bGDOV]\FKUR]G]LDïDFKNVLÈĝNL]RVWDQÈSU]HGVWDZLRQHQLHPDO
ZV]\VWNLHGRVWÚSQHZïDĂFLZRĂFL&66

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

227

35(=(17$&-$&66

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

228 35(=(17$&-$&66

=52=80,(m&66

0<¥/:b38'(.8

$E\]UR]XPLHÊMDNG]LDïD&66WU]HEDVRELHZ\REUD]LÊ
ĝHNDĝG\HOHPHQW+70/MHVWXPLHV]F]RQ\ZbQLHZLGRF]Q\PSXGHïNX

2ERNSU]HGVWDZLRQRSURVWÈ
VWURQÚ:::

1DQDVWÚSQHMVWURQLHPRĝQD
]REDF]\ÊWÚVDPÈZLWU\QÚ
]bW\PĝHREV]DUNDĝGHJR
HOHPHQWX]RVWDï]D]QDF]RQ\
UDPNÈ']LÚNLWHPXZ\UDěQLH
ZLG]LP\WHSXGHïNDZHZQÈWU]
NWöU\FKVÈXPLHV]F]RQH
ZV]\VWNLHHOHPHQW\VWURQ\

(/(0(17<%/2.2:(,b:(:1k75=:,(56=2:(

%\ÊPRĝH&]\WHOQLNSDPLÚWD
ĝHLVWQLHMHUöĝQLFDSRPLÚG]\
HOHPHQWDPLEORNRZ\PL
LbZHZQÈWU]ZLHUV]RZ\PLRUD]
VSRVREDPLLFKWUDNWRZDQLD
SU]H]SU]HJOÈGDUNL=DJDGQLHQLH
WR]RVWDïRRSLVDQHQDVWURQDFK
184 – 185.

(OHPHQW\EORNRZHZ\JOÈGDMÈ
WDNMDNE\UR]SRF]\QDï\
VLÚRGbQRZHJRZLHUV]D
3U]\NïDGDPLWDNLFKHOHPHQWöZ
VÈ<h1> – <h6> <p>Lb<div>.

(OHPHQW\ZHZQÈWU]ZLHUV]RZH
VÈUR]PLHV]F]RQHMHGHQ
]DbGUXJLPLbQLH]DF]\QDMÈ
VLÚRGbQRZHJRZLHUV]D
3U]\NïDGDPLWDNLFKHOHPHQWöZ
VÈ<b><i><img><em>
Lb<span>.

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

229

35(=(17$&-$&66

&66SR]ZDODMÈWZRU]\ÊUHJXï\NRQWUROXMÈFH
VSRVöESUH]HQWDFMLSXGHïHNRUD]LFK]DZDUWRĂFL
SRV]F]HJöOQ\FKHOHPHQWöZ

35=<.$'2:(67</(

38'(.$

:\VRNRĂÊLbV]HURNRĂÊ
2EUDPRZDQLHNRORUV]HURNRĂÊ
RUD]VW\O
.RORURUD]REUD]WïD
3RïRĝHQLHZHZQÈWU]RNQD
SU]HJOÈGDUNL

7(.67

&]FLRQND
:LHONRĂÊ
.RORU
.XUV\ZDSRJUXELHQLHZLHONLH
OLWHU\PDïHOLWHU\NDSLWDOLNL

:bW\PSU]\NïDG]LHZV]\VWNLH
HOHPHQW\EORNRZH]RVWDï\
Z\UöĝQLRQHSU]\Xĝ\FLX
F]HUZRQHJRREUDPRZDQLD
QDWRPLDVWHOHPHQW\
ZHZQÈWU]ZLHUV]RZHĽ
SU]\Xĝ\FLXREUDPRZDQLD
QLHELHVNLHJR

Pierwsze widoczne
REUDPRZDQLHQDOHĝ\
GRbHOHPHQWX<body>NROHMQH
HOHPHQW\Ľ<h1><h2><p>
<i> oraz <a>ĽVÈZLGRF]QH
ZHZQÈWU]QLHJR

8ĝ\ZDMÈF&66PRĝHP\
GRGDZDÊREUDPRZDQLD
GRbSXGHïHNZ\EUDQ\FK
HOHPHQWöZRNUHĂODÊLFK
V]HURNRĂÊLbZ\VRNRĂÊF]\
GRGDZDÊNRORUWïD0RĝHP\
WDNĝHRNUHĂOLÊZ\JOÈGWHNVWX
Z\ĂZLHWODQHJRZHZQÈWU]
SXGHïNDHOHPHQWXĽQSMHJR
NRORUXĝ\ZDQÈF]FLRQNÚ

67</(6=&=(*2:(

'RVWÚSQHVÈWDNĝHEDUG]LHM
V]F]HJöïRZHVSRVRE\
RNUHĂODQLDZ\JOÈGXNRQNUHWQ\FK
HOHPHQWöZWDNLFKMDNOLVW\
WDEHOHF]\IRUPXODU]H

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

230

35(=(17$&-$&66

&66.2-$5=k

5(*8<67</:

=b(/(0(17$0,+70/

']LDïDQLHNDVNDGRZ\FKDUNXV]\VW\OöZSROHJDQDNRMDU]HQLXUHJXï
]bHOHPHQWDPL+70/5HJXï\WHRNUHĂODMÈVSRVöEZbMDNLPDE\Ê
Z\ĂZLHWODQD]DZDUWRĂÊNRQNUHWQ\FKHOHPHQWöZ5HJXï\&66
VNïDGDMÈVLÚ]bGZöFKF]ÚĂFL

VHOHNWRUD

GHNODUDFML

7DUHJXïDZVND]XMH
ĝHbZV]\VWNLHHOHPHQW\<p>
SRZLQQ\E\ÊZ\ĂZLHWODQH
SU]\bXĝ\FLXF]FLRQNL$ULDO

6HOHNWRU\

RNUHĂODMÈGRMDNLFK

HOHPHQWöZRGQRVLVLÚGDQD
UHJXïD7DVDPDUHJXïDPRĝH
VLÚRGQRVLÊGRZLÚNV]HM
OLF]E\HOHPHQWöZSU]\F]\P
LFKQD]Z\QDOHĝ\RGG]LHOLÊ
RGbVLHELHSU]HFLQNDPL

'HNODUDFMH

ZVND]XMÈZbMDNL

VSRVöEQDOHĝ\Z\ĂZLHWODÊ
HOHPHQWRNUHĂORQ\ZbVHOHNWRU]H
.DĝGDGHNODUDFMDVNïDGDVLÚ
]bGZöFKF]ÚĂFLZïDĂFLZRĂFL
LbZDUWRĂFLRGG]LHORQ\FK
RGbVLHELH]QDNLHPGZXNURSND

{

font-family: Arial;

}

6(/(.725

'(./$5$&-$

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

231

35(=(17$&-$&66

:$¥&,:2¥&,&660$-k

:3<:1$6326%

:<¥:,(7/$1,$

(/(0(17:

'HNODUDFMH&66VÈ]DSLV\ZDQHSRPLÚG]\SDUÈQDZLDVöZ
NODPURZ\FKDbNDĝGD]bQLFKVNïDGDVLÚ]bGZöFKF]ÚĂFLĽ

ZïDĂFLZRĂFL

ZDUWRĂFL

ĽRGG]LHORQ\FKRGVLHELHGZXNURSNLHP

:bMHGQHMGHNODUDFMLPRĝQDSRGDÊZLÚNV]ÈOLF]EÚZïDĂFLZRĂFL
SU]\F]\PSRV]F]HJöOQHLFKSDU\PXV]ÈE\ÊRGG]LHORQHRGVLHELH
]QDNLHPĂUHGQLND

7DUHJXïDRNUHĂOD

ĝHZV]\VWNLH

HOHPHQW\<h1><h2>Lb<h3>
PDMÈE\ÊZ\ĂZLHWODQHQDĝöïWR
SU]\Xĝ\FLXF]FLRQNL$ULDO

:ïDĂFLZRĂFL

ZVND]XMÈ

NRQNUHWQ\DVSHNWZ\JOÈGX
HOHPHQWXNWöU\FKFHP\
RNUHĂOLÊ0RĝHQLPE\Ê
QSbNRORUF]FLRQNDV]HURNRĂÊ
Z\VRNRĂÊDOERREUDPRZDQLH

:DUWRĂFL

QDWRPLDVWZVND]XMÈ

NRQNUHWQHXVWDZLHQLHNWöUH
FKFHP\QDGDÊZ\EUDQHM
ZïDĂFLZRĂFL-HĂOLQSFKFHP\
RNUHĂOLÊZïDĂFLZRĂÊcolor
WRSRZLQQLĂP\MHMSU]\SLVDÊ
ZDUWRĂÊUHSUH]HQWXMÈFÈ
Z\EUDQ\bNRORU

h1, h2, h3 {

font-family:

Arial;

color:

yellow;

}

:$¥&,:2¥m

:$572¥m

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

232

35(=(17$&-$&66

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

233

35(=(17$&-$&66

35=<.$'

35(=(17$&-$&66

2WRSU]\NïDGSURVWHMVWURQ\:::NWöUHM
Z\JOÈG]RVWDïRNUHĂORQ\SU]\Xĝ\FLX&66

7HQSU]\NïDGWZRU]ÈGZDSOLNLGRNXPHQW+70/example.htmlRUD]
RGG]LHOQ\SOLN&66example.css:bSLÈW\PZLHUV]XGRNXPHQWX
+70/]RVWDïXPLHV]F]RQ\HOHPHQW<link>RNUHĂODMÈF\SRïRĝHQLH
Xĝ\ZDQHJRSOLNX&66

1DQDVWÚSQHMVWURQLHSRND]XMHP\ĝHUHJXï\&66PRJÈE\ÊWDNĝH
XPLHV]F]DQHZbNRG]LHVWURQ:::RUD]SLV]HP\NLHG\PRĝQDVLÚ
]GHF\GRZDÊQDWDNLHUR]ZLÈ]DQLH

<!DOCTYPE html>
<html>
<head>
<title>

Prezentacja CSS</title>

Zbogrodu na talerz

</h1>

<p><i>

Potager

</i>

to francuskie wyraĝenie okreĂlajÈce

roĂlinÚ ozdobnÈ lub ogród warzywny. Kwiaty...

</p>

<h2>

Co uprawiaÊ?

</h2>

<p>

RoĂliny sÈ dobierane nie tylko pod wzglÚdem koloru

ibksztaïtu, lecz takĝe funkcjonalnoĂci. Wielu zbnich
pozwala siÚ...

</p>

</body>
</html>

body {
font-family: Arial, Verdana, sans-serif`
h1, h2 {
color: #ee3e80`
p {
color: #665544`

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

234 35(=(17$&-$&66

<!DOCTYPE html>
<html>
<head>
<title>

Stosowanie zewnÚtrznych plików CSS

</title>

Ziemniaki

</h1>

<p>

Istnieje wiele róĝnych rodzajów ziemniaków.

Ich odmiany zaliczajÈ siÚ zazwyczaj do jednej
zbgïównych kategorii zaleĝnych od czasu
dojrzewania, takich jak: wczesne, Ărednio
wczesne bÈdě póěne.

</p>

</body>
</html>

HTML

rozdzial-10/using-external-css.html

W YNIK

67262:$1,(

=(:1}75=1<&+

$5.86=<67</:

<link>

(OHPHQW<link>PRĝHE\Ê
Xĝ\ZDQ\ZbGRNXPHQWDFK
+70/E\LQIRUPRZDÊ
SU]HJOÈGDUNÚJG]LH]QDMGXMHVLÚ
SOLN&66NWöUHJRQDOHĝ\Xĝ\Ê
-HVWWRHOHPHQW\SXVW\QLH
PD]QDF]QLND]DP\NDMÈFHJR
XPLHV]F]DQ\ZHZQÈWU]
HOHPHQWX<head>1DOHĝ\ZbQLP
SRGDÊWU]\DWU\EXW\

href

7HQDWU\EXWRNUHĂODĂFLHĝNÚGR
SOLNX&66NWöU\EDUG]RF]ÚVWR
MHVWXPLHV]F]DQ\ZbNDWDORJX
RbQD]ZLHcssOXEstyles

type

7HQDWU\EXWRNUHĂODW\S
GRNXPHQWXGRïÈF]DQHJR
GRbVWURQ\3RZLQLHQPLHÊ
ZDUWRĂÊtext/css.

rel

7HQDWU\EXWRNUHĂOD]ZLÈ]HN
SRPLÚG]\VWURQÈ+70/
DbGRïÈF]DQ\PSOLNLHP
:bSU]\SDGNXGRïÈF]DQLD
]HZQÚWU]Q\FKDUNXV]\VW\OöZ
SRZLQLHQPLHÊZDUWRĂÊ
stylesheet.

'RNXPHQW+70/PRĝH
Xĝ\ZDÊZLÚFHMQLĝMHGQHJR
]HZQÚWU]QHJRDUNXV]D
VW\OöZb&66:bW\PFHOX
QDOHĝ\ZbMHJRNRG]LHXPLHĂFLÊ
SRbMHGQ\PHOHPHQFLH<link>
GODbNDĝGHJRGRïÈF]DQHJR

SOLNXb&661LHNWöU]\DXWRU]\
VWURQ:::Xĝ\ZDMÈMHGQHJR
DUNXV]DVW\OöZGRRNUHĂODQLD

body {
font-family: arial
background-color: rgb185,179,175`
h1 {
color: rgb255,255,255`

CSS

rozdzial-10/styles.css

SUH]HQWDFMLF]\OLF]FLRQHN
LbNRORUöZRUD]LQQHJR
GRbRNUHĂOHQLDXNïDGXVWURQ\

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

235

35(=(17$&-$&66

W YNIK

<!DOCTYPE html>
<html>
<head>
<title>

Stosowanie wewnÚtrznych plików CSS

</title>

body {
font-family: arial
background-color: rgb185,179,175`
h1 {
color: rgb255,255,255`

</style>

</head>
<body>
<h1>

Ziemniaki

</h1>

<p>

Istnieje wiele róĝnych gatunków ziemniaków.

Ich odmiany zaliczajÈ siÚ zazwyczaj do jednej
zbgïównych kategorii zaleĝnych od czasu
dojrzewania, takich jak: wczesne, Ărednio
wczesne bÈdě póěne.

</p>

</body>
</html>

HTML

rozdzial-10/using-internal-css.html

67262:$1,(

:(:1}75=1<&+

$5.86=<67</:

<style>

5HJXï\&66PRĝQDWDNĝH
XPLHV]F]DÊZbGRNXPHQFLH
+70/SU]\F]\PQDOHĝ\
MH]DSLV\ZDÊZbHOHPHQFLH
<style>NWöU\]D]Z\F]DM
MHVWGRGDZDQ\ZHZQÈWU]
HOHPHQWXb<head>.

(OHPHQW<style>SRZLQLHQ
]DZLHUDÊDWU\EXWtype
E\bSRLQIRUPRZDÊSU]HJOÈGDUNÚ
ĝHbMHJR]DZDUWRĂÊWR
UHJXï\b&66

7ZRU]ÈFZLWU\QÚVNïDGDMÈFÈ
VLÚ]bZLÚFHMQLĝMHGQHM
VWURQ\QDOHĝ\NRU]\VWDÊ
]b]HZQÚWU]Q\FKDUNXV]\VW\OöZ
7DNLHUR]ZLÈ]DQLH

SR]ZDODE\ZV]\VWNLH
VWURQ\Xĝ\ZDï\W\FKVDP\FK
UHJXïF]\OLQLHWU]HED
LFKSRZWDU]DÊQDNDĝGHM
]HbVWURQ

]DSHZQLDVHSDUDFMÚWUHĂFL
RGbSUH]HQWDFML

SR]ZDODZSURZDG]DÊ
PRG\ğNDFMHVW\OöZW\ONR
ZbMHGQ\PSOLNXDbQLH
QDbNDĝGHM]HVWURQRVREQR

CSS

:bMÚ]\NX+70/RUD];+70/
7UDQVLWLRQDOGRVWÚSQ\E\ï
DWU\EXWstyleNWöU\PRĝQD
E\ïRXPLHV]F]DÊZbZLÚNV]RĂFL
HOHPHQWöZVWURQ\5HJXï\
&66XPLHV]F]DQHZbZDUWRĂFL

WHJRDWU\EXWXRGQRVLï\VLÚ
Z\ïÈF]QLHGRGDQHJRHOHPHQWX
:bQRZ\FKZLWU\QDFKQDOHĝ\
XQLNDÊVWRVRZDQLDWHJR
DWU\EXWXMHGQDNZVSRPLQDP\
WXRbQLPJG\ĝPRĝQDJR

]REDF]\ÊZbVWDUV]\PNRG]LH
2WRSU]\NïDGSRND]XMÈF\
MDN]PLHQLÊNRORUF]FLRQNL
ZbDNDSLFLH
<p style=”color:red”>.

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

236 35(=(17$&-$&66

<!DOCTYPE html>
<html>
<head>
<title>

Selektory CSS

</title>

</head>
<body>
<h1><abid=”top”>

Kalendarz ogrodu kuchennego

</a></h1>

Poniĝej znajdziesz uĝyteczny

poradnik opisujÈcy, co ibkiedy naleĝy zrobiÊ.

</p>

<h2>

Wiosna

</h2>

<ul>

Nawoĝenie ziemi ĂcióïkÈ

ogrodniczÈ.

</a></li>

Sadzenie wczesnych

ziemniaków.

</a></li>

Wysianie pomidorów.

</a></li>

Wysianie buraków

Êwikïowych.

</a></li>

Wysianie cukinii.

</a></li>

WyciÚcie kwiatów

rabarbaru.

</a></li>

</ul>

Ta strona zostaïa napisana przez

<abhref=”mailto:ivy#jakaswitryna.org”>

ivy#

jakaswitryna.org

</a>

dla

<abhref=”http://www.jakaswitryna.

org”>

JakiejĂWitryny

</a>

</p>

Na poczÈtek

</a></p>

</body>
</html>

HTML

rozdzial-10/css-selectors.html

6(/(.725<&66

,VWQLHMHZLHOHUöĝQ\FKW\SöZ
VHOHNWRUöZ&66SR]ZDODMÈF\FK
SUHF\]\MQLHRNUHĂOLÊGRMDNLFK
HOHPHQWöZVWURQ\RGQRV]ÈVLÚ
SRV]F]HJöOQHUHJXï\

7DEHOD]DPLHV]F]RQDQDNROHMQHM
VWURQLHSU]HGVWDZLDQDMF]ÚĂFLHM
VWRVRZDQHVHOHNWRU\

1DWHMVWURQLHQDWRPLDVW
SRND]DQRSU]\NïDGRZH
HOHPHQW\GRNWöU\FKEÚGÈVLÚ
RGQRVLÊWHVHOHNWRU\

:bVHOHNWRUDFK&66
XZ]JOÚGQLDQDMHVWZLHONRĂÊ
OLWHUGODWHJRPXV]ÈRQH
GRNïDGQLHRGSRZLDGDÊQD]ZRP
HOHPHQWöZRUD]ZDUWRĂFLRP
DWU\EXWöZ

'RVWÚSQHVÈWDNĝHEDUG]LHM
]DDZDQVRZDQHVHOHNWRU\
SR]ZDODMÈFHRGZRï\ZDÊVLÚ
GRNRQNUHWQ\FKHOHPHQWöZ
QDSRGVWDZLHLFKDWU\EXWöZ
RUD]LFKZDUWRĂFL]RVWDQÈRQH
SU]HGVWDZLRQHQDVWURQLH291.

,QWHUQHW([SORUHUE\ïSLHUZV]È
ZHUVMÈNWöUDREVïXJLZDïD
RVWDWQLHGZDW\S\VHOHNWRUöZ
SU]HGVWDZLRQ\FKZbWDEHOL
QDbQDVWÚSQHMVWURQLHVHOHNWRU\
HOHPHQWöZVÈVLHGQLFKGODWHJR
VÈRQHVWRVRZDQHQLHFRU]DG]LHM
QLĝSR]RVWDïH

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

237

35(=(17$&-$&66

6(/(.725

=1$&=(1,(

35=<.$'

6(/(.725
81,:(56$/1<

2GQRVLVLÚGRZV]\VWNLFK
HOHPHQWöZVWURQ\

2GQRVLVLÚGRZV]\VWNLFKHOHPHQWöZ
QDbVWURQLH

6(/(.7257<38

2GQRVLVLÚGRHOHPHQWöZ
RbNRQNUHWQHMQD]ZLH

h1, h2, h3 {`

2GQRVLVLÚGRHOHPHQWöZ<h1><h2>
oraz <h3>

6(/(.725./$6<

2GQRVLVLÚGRHOHPHQWöZNWöU\FK
ZDUWRĂÊDWU\EXWXclassRGSRZLDGD
ZDUWRĂFLSRGDQHM]D]QDNLHP
NURSNL

.note {`

2GQRVLVLÚGRZV]HONLFKHOHPHQWöZ
NWöU\FKDWU\EXWclassPDZDUWRĂÊnote

p.note {`

2GQRVLVLÚMHG\QLHGRHOHPHQWöZ<p>
NWöU\FKDWU\EXWclassPDZDUWRĂÊnote

6(/(.725
,'(17<),.$725$

2GQRVLVLÚGRHOHPHQWöZNWöU\FK
ZDUWRĂÊDWU\EXWXidRGSRZLDGD
ZDUWRĂFLSRGDQHM]D]QDNLHP#

#introduction {`

2GQRVLVLÚGRHOHPHQWXNWöUHJR
DWU\EXWbidPDZDUWRĂÊintroduction

6(/(.725
(/(0(178
'=,(&.$

2GQRVLVLÚGRHOHPHQWöZNWöUH
VÈG]LHÊPLLQQHJRRNUHĂORQHJR
HOHPHQWX

li > ab{`

2GQRVLVLÚGRZV]\VWNLFKHOHPHQWöZ
<a>XPLHV]F]RQ\FKEH]SRĂUHGQLR
ZbHOHPHQWDFK<li>OHF]QLHGRLQQ\FK
HOHPHQWöZ<a>QDVWURQLH

6(/(.725
(/(0(178
327201(*2

2GQRVLVLÚGRHOHPHQWöZEÚGÈF\FK
HOHPHQWDPLSRWRPQ\PLLQQHJR
RNUHĂORQHJRHOHPHQWX

p ab{`

2GQRVLVLÚGRGRZROQHJRHOHPHQWX<a>
XPLHV]F]RQHJRZHZQÈWU]HOHPHQWX<p>
QDZHWMHĂOL]QDMGXMHVLÚRQZHZQÈWU]
MDNLFKĂLQQ\FKHOHPHQWöZ

6(/(.725
(/(0(17:
6k6,$'8-k&<&+
%(=32¥5('1,2

2GQRVLVLÚGRHOHPHQWX
EH]SRĂUHGQLRVÈVLDGXMÈFHJR
]bLQQ\PRNUHĂORQ\PHOHPHQWHP

h1 p {`

2GQRVLVLÚGRSLHUZV]HJRHOHPHQWX<p>
XPLHV]F]RQHJR]DHOHPHQWHP<h1>
OHF]QLHGRNROHMQ\FKHOHPHQWöZ<p>

2*/1<
6(/(.725
(/(0(17:
6k6,$'8-k&<&+

2GQRVLVLÚGRHOHPHQWX
VÈVLDGXMÈFHJR]bLQQ\PHOHPHQWHP
FKRÊQLHNRQLHF]QLHEH]SRĂUHGQLR

h1 a p {`

-HĂOLQDVWURQLHVÈGZDHOHPHQW\<p>
VÈVLDGXMÈFH]bHOHPHQWHP<h1>
WDUHJXïDRGQRVLVLÚGRREX]bQLFK

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

238 35(=(17$&-$&66

<h1>

Ziemniaki

</h1>

Istnieje

<i>

wiele

</i>

róĝnych gatunków

<b>

ziemniaków

</b>

</p>

<p>

Ich odmiany zaliczajÈ siÚ zazwyczaj do jednej

zbgïównych kategorii zaleĝnych
od czasu dojrzewania, takich jak: wczesne,
Ărednio wczesne bÈdě póěne.

</p>

HTML

rozdzial-10/cascade.html

W YNIK

-$.32:67$-(

.$6.$'$5(*8&66"

-HĂOLZbDUNXV]XVW\OöZ]QDMGXMÈ
VLÚGZLHOXEZLÚFHMUHJXï\
RGQRV]ÈFHVLÚGRWHJRVDPHJR
HOHPHQWXWRNRQLHF]QLHPXVLP\
ZLHG]LHÊZbMDNLHMNROHMQRĂFL
EÚGÈRQHVWRVRZDQH

267$71,$5(*8$

-HĂOLGZDVHOHNWRU\VÈ
LGHQW\F]QHWRSLHUZV]HñVWZR
EÚG]LHPLHÊGUXJL]bQLFK
:bSU]HGVWDZLRQ\PRERN
SU]\NïDG]LHGUXJL]bVHOHNWRUöZ
ibEÚG]LHPLDïSLHUZV]HñVWZR
SU]HGSLHUZV]\P

6723,(

6=&=(*2:2¥&,

-HĂOLSHZLHQVHOHNWRU
EDUG]LHMSUHF\]\MQLHQLĝLQQH
RNUHĂODHOHPHQW\WRWDND
SUHF\]\MQLHMV]DUHJXïDEÚG]LH
PLDïDSLHUZV]HñVWZRSU]HG
UHJXïDPLEDUG]LHMRJöOQ\PL
:bSU]HGVWDZLRQ\PRERN
SU]\NïDG]LH

VHOHNWRUh1MHVWEDUG]LHM
V]F]HJöïRZ\RG*

p bMHVWEDUG]LHM
V]F]HJöïRZ\RGp

p#introMHVWEDUG]LHM
V]F]HJöïRZ\RGp.

,03257$17

=DZDUWRĂFLÈNDĝGHM
ZïDĂFLZRĂFLPRĝQDXPLHĂFLÊ
Z\UDĝHQLH!importantE\
]D]QDF]\ÊĝHSRZLQQDRQD
E\ÊZDĝQLHMV]DRGLQQ\FK
UHJXïRGQRV]ÈF\FKVLÚGRWHJR
VDPHJRHOHPHQWX

=UR]XPLHQLH]DVDGSRZVWDZDQLD
NDVNDG\UHJXïSR]ZDODWZRU]\Ê
SURVWV]HDUNXV]HVW\OöZ
JG\ĝPRĝQDWZRU]\ÊEDUG]LHM

RJöOQHUHJXï\RGQRV]ÈFHVLÚ
GRZLÚNV]RĂFLHOHPHQWöZ
DbQDVWÚSQLHSU]HVïDQLDÊ
Lb]PLHQLDÊZïDĂFLZRĂFL

* {
font-family: Arial, Verdana, sans-serif`
h1 {
font-family: ”Courier New”, monospace`
ib{
color: green`
ib{
color: red`
b {
color: pink`
p b {
color: blue !important`
p b {
color: violet`
p#intro {
font-size: 100`
p {
font-size: 75`

CSS

SRV]F]HJöOQ\FKHOHPHQWöZ
NWöUHPXV]ÈE\ÊZ\ĂZLHWODQH
ZbRGPLHQQ\VSRVöE

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

239

35(=(17$&-$&66

W YNIK

Ziemniaki

</h1>

<p>

Istnieje wiele róĝnych gatunków ziemniaków.

<p>

Ich odmiany zaliczajÈ siÚ zazwyczaj do jednej

zbgïównych kategorii zaleĝnych od czasu
dojrzewania, takich jak: wczesne, Ărednio
wczesne bÈdě póěne.

</p>

</div>

HTML

rozdzial-10/inheritance.html

'=,('=,&=(1,(

-HĂOLRNUHĂOLP\ZïDĂFLZRĂÊ
font-familyOXEcolorZbUHJXOH
RGQRV]ÈFHMVLÚGRHOHPHQWX
<body>WR]RVWDQÈRQHWDNĝH
]DVWRVRZDQHZbZLÚNV]RĂFL
HOHPHQWöZSRWRPQ\FK']LHMH
VLÚWDNGODWHJRĝHZDUWRĂÊ
ZïDĂFLZRĂFLfont-family jest
dziedziczonaSU]H]HOHPHQW\
SRWRPQH5R]ZLÈ]DQLHWR
FKURQLQDVSU]HGNRQLHF]QRĂFLÈ
WZRU]HQLDUHJXïRGQRV]ÈF\FK
VLÚGRZV]\VWNLFKHOHPHQWöZ
ZbNWöU\FKWÚZïDĂFLZRĂÊ
FKFHP\]DVWRVRZDÊ
DbZbHIHNFLHVSUDZLDĝHDUNXV]H
VW\OöZPRJÈE\ÊSURVWV]H

'ODSRUöZQDQLDWDNLH
ZïDĂFLZRĂFLMDNbackground-
colorOXEborder nie sÈ
dziedziczone*G\E\E\ï\
QDbVWURQLHSDQRZDïE\EDïDJDQ

:bSU]\SDGNXEDUG]R
ZLHOXZïDĂFLZRĂFLPRĝQD
Z\PXVLÊE\LFKZDUWRĂFLE\ï\
G]LHG]LF]RQHSRSU]RGNDFK
:bW\PFHOXZ\VWDUF]\
SU]\SLVDÊZïDĂFLZRĂFLZDUWRĂÊ
inherit:bSU]HGVWDZLRQ\P
SU]\NïDG]LHHOHPHQW<div>
]bDWU\EXWHPclassRbZDUWRĂFL
page dziedziczy ustawienia
ZïDĂFLZRĂFLpadding
SRbUHJXOHRGQRV]ÈFHMVLÚ
GRbHOHPHQWXb<body>.

body {
font-family: Arial, Verdana, sans-serif
color: #665544
padding: 10px`
.page {
border: 1px solid #665544
background-color: #efefef
padding: inherit`

CSS

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

240 35(=(17$&-$&66

'/$&=(*2:$572

8¿<:$m=(:1}75=1<&+

$5.86=<67</:"

8PLHV]F]DQLHUHJXï&66Zb]HZQÚWU]Q\FKDUNXV]DFKVW\OöZ
SRGF]DVWZRU]HQLDZLWU\Q:::PDNLOND]DOHW

7HQVDPDUNXV]VW\OöZPRĝH
E\ÊXĝ\ZDQ\QDZV]\VWNLFK
VWURQDFK(IHNWWHQPRĝQD
X]\VNDÊXPLHV]F]DMÈFQD
NDĝGHM]bQLFKHOHPHQW<link>
GRïÈF]DMÈF\WHQVDPSOLN
&662]QDF]DWRĝHWHJR
VDPHJRNRGXQLHWU]HEDEÚG]LH
XPLHV]F]DÊQDNDĝGHM]HVWURQ
FRMHXSUDV]F]DLbVNUDFD

&RZLÚFHMNLHG\SU]HJOÈGDUND
Xĝ\WNRZQLNDZF]\WD
DUNXV]VW\OöZWRNROHMQH
odwiedzane strony witryny
EÚGÈZ\ĂZLHWODQHV]\EFLHM
:bUD]LHNRQLHF]QRĂFL]PLDQ\
Z\JOÈGXZLWU\Q\PRG\ğNDFMH
WU]HEDEÚG]LHZSURZDG]LÊ
W\ONRZbMHGQ\PSOLNX&66
DbZV]\VWNLHVWURQ\]RVWDQÈ

DXWRPDW\F]QLH]DNWXDOL]RZDQH
,bWDNZ\JOÈGZV]\VWNLFK
HOHPHQWöZ<h1>PRĝQD]PLHQLÊ
PRG\ğNXMÈFW\ONRMHGHQ
SOLNb&66DbQLHRGSRZLHGQLH
UHJXï\QDZV]\VWNLFKVWURQDFK
ZLWU\Q\3RZV]HFKQLHXZDĝD
VLÚĝHbVHSDUDFMD]DZDUWRĂFL
ZLWU\Q\RGUHJXïRNUHĂODMÈF\FK
MHMZ\JOÈGMHVWGREUÈSUDNW\NÈ

&]DVDPLPRĝQDVLÚ]GHF\GRZDÊQDXPLHV]F]HQLHUHJXï&66
ZbVDP\PGRNXPHQFLH+70/

:bUD]LHWZRU]HQLDMHGQHMVWURQ\
:::PRĝQDXPLHĂFLÊUHJXï\
&66ZbW\PVDP\PSOLNX
WDNbE\FDï\NRG]QDMGRZDï
VLÚZbMHGQ\PPLHMVFX:LHOX
WZöUFöZVWURQMHGQDNX]QDïRE\
ĝHXPLHV]F]HQLHNRGX&66
ZbRVREQ\PSOLNXMHVWOHSV]\P
UR]ZLÈ]DQLHP

-HĂOLMHGQD]HVWURQZLWU\Q\
Z\PDJDXĝ\FLDNLONX
GRGDWNRZ\FKUHJXï&66NWöUH
QLHVÈSRWU]HEQHQDĝDGQHM
LQQHMVWURQLHWDNĝHPRĝQDVLÚ
]GHF\GRZDÊQDXPLHV]F]HQLH
LFKZbNRG]LHGRNXPHQWX+70/
5öZQLHĝZbW\PSU]\SDGNX
ZLÚNV]RĂÊWZöUFöZVWURQX]QD
ĝHOHSV]\PUR]ZLÈ]DQLHP
EÚG]LHXPLHV]F]HQLHLFK
ZbRGUÚEQ\PSOLNX

:bZLÚNV]RĂFLSU]\NïDGöZ
ZbWHMNVLÈĝFHUHJXï\&66VÈ
XPLHV]F]DQHZbHOHPHQFLH
<head>GRNXPHQWX+70/
ZbHOHPHQFLH<style>
DbQLHZbRGG]LHOQ\PSOLNX
=GHF\GRZDOLĂP\VLÚQDWDNLH
UR]ZLÈ]DQLHE\RV]F]ÚG]LÊ
&]\WHOQLNRZLNRQLHF]QRĂFL
RWZLHUDQLDGZöFKSOLNöZ
SRGF]DVDQDOL]\SU]\NïDGöZ

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

241

35(=(17$&-$&66

5¿1(:(56-(

&66,b'=,:$&7:$

35=(*/k'$5(.

6SHF\ğNDFMD&66]RVWDïDRSXEOLNRZDQDZbURNXDb&66

ĽGZDODWDSöěQLHM:FLÈĝWUZDMÈSUDFHQDGVSHF\ğNDFMÈ&66

MHGQDNZV]\VWNLHQDMSRSXODUQLHMV]HSU]HJOÈGDUNLMXĝ]DF]Úï\MÈ

LPSOHPHQWRZDÊ

3RGREQLHMDNZbSU]\SDGNX
MÚ]\ND+70/NWöU\PLDïMXĝ
NLONDZHUVMLLVWQLHMHNLONDZHUVML
&66

3U]HJOÈGDUNLQLH
]DLPSOHPHQWRZDï\RGUD]X
ZV]\VWNLFKPRĝOLZRĂFL&66
Db]DWHPQLHNWöUHVWDUV]H
SU]HJOÈGDUNLQLHXGRVWÚSQLDMÈ
ZV]\VWNLFKZïDĂFLZRĂFL&66

:VSRPLQDP\RbW\P
ZbPLHMVFDFKZbNWöU\FKPRĝHWR
PLHÊ]QDF]HQLHGOD&]\WHOQLND
SRGDMÈFMHGQRF]HĂQLH
LQIRUPDFMHNLHG\ZïDĂFLZRĂFL
&66PRJÈ]DFKRZ\ZDÊ
VLÚZbVSRVöEQLH]JRGQ\
]bRF]HNLZDQLDPL

.DĝG\GRĂZLDGF]RQ\Xĝ\WNRZQLN&66SRWZLHUG]LĝHQLHNWöUH

SU]HJOÈGDUNLREVïXJXMÈSHZQHZïDĂFLZRĂFL&66ZbQLHRF]HNLZDQ\

VSRVöE-HGQDNRPLQLÚFLHW\FKEïÚGöZMHVWSURVWHRbLOHZLDGRPR

MDNWR]URELÊĮ

3U]HGXGRVWÚSQLHQLHPNDĝGHM
nowej witryny koniecznie
QDOHĝ\MÈSU]HWHVWRZDÊZbNLONX
SU]HJOÈGDUNDFKJG\ĝZbNDĝGHM
]bQLFKPRJÈZ\VWÚSRZDÊ
QLH]QDF]QHUöĝQLFHZbVSRVRELH
Z\ĂZLHWODQLDVWURQ
'RWHVWRZDQLDZLWU\QZFDOHQLH
WU]HEDG\VSRQRZDÊZLHORPD
NRPSXWHUDPLĽZbLQWHUQHFLH
ERZLHPVÈGRVWÚSQHQDU]ÚG]LD
SRND]XMÈFHMDNVWURQD
EÚG]LHZ\JOÈGDÊZbUöĝQ\FK
SU]HJOÈGDUNDFK
browsercam.com
browserlab.adobe.com
browsershots.org
crossbrowsertesting.com

:bUD]LHNRU]\VWDQLD]bW\FK
QDU]ÚG]LZDUWRVSUDZG]LÊ
MDNZLWU\QDEÚG]LHZ\JOÈGDÊ
QDUöĝQ\FKSODWIRUPDFK
NRPSXWHURZ\FK3&0DF
RUD]/LQX[ZbVWDUV]\FK
RUD]QDMQRZV]\FKZHUVMDFK
QDMSRSXODUQLHMV]\FK
SU]HJOÈGDUHN
-HĂOLVSUDZG]LP\ZLWU\QÚ
ZbZLÚFHMQLĝMHGQHM
SU]HJOÈGDUFHPRĝHP\VLÚ
SU]HNRQDÊĝHQLHNWöUHHOHPHQW\
VWURQQLHZ\JOÈGDMÈ]JRGQLH
]bQDV]\PLRF]HNLZDQLDPL
.LHG\ZïDĂFLZRĂÊ&66
QLHMHVWSUH]HQWRZDQD
]JRGQLH]bRF]HNLZDQLDPL
WRWDNÈV\WXDFMÚQD]\ZDP\
dziwactwem przeglÈdarkiDQJ
browser quirkOXEbïÚdem CSS.

1LHNWöUHQDMF]ÚĂFLHMVSRW\NDQH
G]LZDFWZDSU]HJOÈGDUHN]RVWDï\
RSLVDQHZbWHMNVLÈĝFHLVWQLHMH
MHGQDNZLHOHPQLHMV]\FKEïÚGöZ
Z\VWÚSXMÈF\FKU]DG]LHMOXE
SRMDZLDMÈF\FKVLÚZbVWDUV]\FK
SU]HJOÈGDUNDFKXĝ\ZDQ\FK
DNWXDOQLHSU]H]QLHZLHOX
Xĝ\WNRZQLNöZ
:bUD]LHQDSRWNDQLDMDNLHJRĂ
EïÚGX&66PRĝQDVNRU]\VWDÊ
]bXOXELRQHMZ\V]XNLZDUNL
E\bVSUöERZDÊ]QDOHěÊ
UR]ZLÈ]DQLHSUREOHPX
0RĝQDbWHĝSRV]XNDÊJR
ZbMHGQHM]bSRQLĝV]\FKZLWU\Q
positioniseverything.net
quirksmode.org

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

32'6802:$1,(

35(=(17$&-$&66

&66WUDNWXMÈZV]\VWNLHHOHPHQW\+70/WDNMDNE\

E\ï\XPLHV]F]RQHZHZQÈWU]SXGHïHNLbXĝ\ZDMÈUHJXï

E\RNUHĂOLÊMDNSRZLQQ\RQHZ\JOÈGDÊ

.DĝGDUHJXïDVNïDGDVLÚ]bVHOHNWRUDRNUHĂODMÈFHJR

HOHPHQW\GRNWöU\FKUHJXïDVLÚRGQRVLRUD]

GHNODUDFMLRNUHĂODMÈFHMMDNWHHOHPHQW\SRZLQLHQ

Z\JOÈGDÊ

5öĝQHW\S\VHOHNWRUöZSR]ZDODMÈWZRU]\ÊUHJXï\

RGQRV]ÈFHVLÚGRUöĝQ\FKHOHPHQWöZ

.DĝGDGHNODUDFMDVNïDGDVLÚ]bGZöFKF]ÚĂFL

QD]Z\ZïDĂFLZRĂFLHOHPHQWXNWöUÈFKFHP\RNUHĂOLÊ

RUD]ZDUWRĂFLSU]\SLV\ZDQHMWHMZïDĂFLZRĂFL

QSbZïDĂFLZRĂÊfont-familySR]ZDODQDRNUHĂOHQLH

F]FLRQNLQDWRPLDVWZDUWRĂÊarialSRGDMHF]FLRQNÚ

NWöUHMQDOHĝ\Xĝ\Ê

5HJXï\&66VÈ]D]Z\F]DMXPLHV]F]DQHZbRVREQ\FK

SOLNDFKFKRÊPRĝQDMHWDNĝHSRGDÊZbNRG]LH

GRNXPHQWöZ+70/

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

STRUK TURA

Prezentacja struktury.

Nauka kodu znacznikowego.

=QDF]QLNLLbHOHPHQW\

KOLOR

2NUHĂODQLHNRORUöZ

7HUPLQRORJLD]ZLÈ]DQD]bNRORUDPLRUD]NRQWUDVW

.RORUWïD

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

246 KOLOR

.RORU\QDSUDZGÚSRWUDğÈRĝ\ZLÊ
tworzone strony WWW.

:bW\PUR]G]LDOHRSLVDQH]RVWDQÈQDVWÚSXMÈFH]DJDGQLHQLD

2NUHĂODQLHNRORUöZJG\ĝLVWQLHMÈWU]\SRZV]HFKQLH
VWRVRZDQHVSRVRE\SRGDZDQLDZ\EUDQHJRNRORUX
&66XGRVWÚSQLDNROHMQH

7HUPLQRORJLD]ZLÈ]DQD]bNRORUDPLSRQLHZDĝLVWQLHMHNLOND
WHUPLQöZNWöU\FK]UR]XPLHQLHPRĝHVLÚRND]DÊQLH]Z\NOH
SU]\GDWQHSRGF]DVSRVïXJLZDQLDVLÚNRORUDPL

.RQWUDVWRUD]]DSHZQLDQLHQDOHĝ\WHMF]\WHOQRĂFLWHNVWöZ

.RORU\WïDRNUHĂODQH]DUöZQRGODFDïHMVWURQ\MDNLbMHM
SRV]F]HJöOQ\FKHOHPHQWöZ

:V]\VWNLHLQIRUPDFMHGRW\F]ÈFHNRORUöZNWöUH&]\WHOQLN
]GREÚG]LHZbW\PUR]G]LDOHEÚGÈZ\NRU]\VW\ZDQHZbGDOV]HM
F]ÚĂFLNVLÈĝNLSU]\RND]MLRNUHĂODQLDNRORUöZWHNVWXRUD]
SXGHïHNHOHPHQWöZ

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

247

KOLOR

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

248 KOLOR

KOLOR TEKSTU

color

:ïDĂFLZRĂÊcolorSR]ZDOD
RNUHĂODÊNRORUWHNVWXZHZQÈWU]
HOHPHQWX.RORU\Zb&66PRĝQD
RNUHĂODÊQDWU]\VSRVRE\

:$572¥&,5*%

:\UDĝDMÈNRORU\MDNRLORĂÊ
WZRU]ÈF\FKJRWU]HFKNRORUöZ
SRGVWDZRZ\FKF]HUZRQHJR
]LHORQHJRLbQLHELHVNLHJR
QSbrgb(100,100,90).

KODY SZESNASTKOWE

7RV]HĂFLRF\IURZHNRG\
UHSUH]HQWXMÈFHLORĂÊWU]HFK
NRORUöZSRGVWDZRZ\FK
SRSU]HG]RQH]QDNLHP#
QSb#ee3e80.

NAZWY KOLORÓW

'RVWÚSQ\FKMHVW
SUHGHğQLRZDQ\FKQD]Z
NRORUöZNWöUHUR]SR]QDMÈ
SU]HJOÈGDUNLQSDarkCyan.

:V]\VWNLHWHWU]\VSRVRE\
RNUHĂODQLDNRORUöZ]RVWDï\
GRNïDGQLHMRSLVDQHQDVWURQDFK
ļ.

:b&66ZSURZDG]RQR
GRGDWNRZ\VSRVöE]DSLVX
NRORUöZRNUHĂODQ\MDNR6+/$
=RVWDQLHRQSU]HGVWDZLRQ\
SRGNRQLHFWHJRUR]G]LDïX
QDbVWURQDFK254 – 255.

W YNIK

/* nazwa koloru */

h1 {
color: DarkCyan;}

/* kod szesnastkowy */

h2 {
color: #ee3e80;}

/* wartoĞü rJE */

p {
color: rgb(100,100,90);}

CSS

rozdzial-11/foreground-color.html

3RZ\ĝV]\SU]\NïDGSRND]XMH
MDNPRĝQDGRGDZDÊNRPHQWDU]H
GRNRGX&66Ľ]RVWDï\
RQH]DSLVDQHQDGNDĝGÈ
]bSU]HGVWDZLRQ\FKUHJXï
'RZROQ\WHNVWXPLHV]F]RQ\
SRPLÚG]\V\PERODPL/*Lb*/
]RVWDQLHSRWUDNWRZDQ\MDNR
NRPHQWDU]1DSU]HGVWDZLRQ\P
SU]\NïDG]LHNRPHQWDU]H]RVWDï\
Z\UöĝQLRQHV]DU\PNRORUHP

'RGDZDQLHNRPHQWDU]\PRĝH
XïDWZLÊ]UR]XPLHQLHSOLNX&66
SRSUDZLÊMHJRRUJDQL]DFMÚ
SRSU]H]SRG]LHOHQLHGïXJLHJR
GRNXPHQWXQDIUDJPHQW\
:bW\PSU]\NïDG]LHXĝ\OLĂP\
NRPHQWDU]\E\RSLVDÊXĝ\WH
PHWRG\RNUHĂODQLDNRORUöZ

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

249

KOLOR

.2/257$

background-color

:V]\VWNLHHOHPHQW\+70/
VÈWUDNWRZDQHSU]H]&66
ZbWDNLVSRVöEMDNJG\E\
E\ï\XPLHV]F]RQHZbSXGHïNX
DbZïDĂFLZRĂÊbackground-
colorRNUHĂODNRORUMHJRWïD

:\EUDQ\NRORUWïDPRĝQD
RNUHĂOLÊQDWU]\VSRVRE\
GRNïDGQLHWHVDPH
MDNbZbSU]\SDGNXNRORUX
SLHUZV]RSODQRZHJR
F]\OLbSRGDMÈFZDUWRĂFL5*%
NRGV]HVQDVWNRZ\OXEQD]ZÚ
NRORUXPHWRG\WH]RVWDï\
RPöZLRQHQDQDVWÚSQHM
VWURQLH

-HĂOLNRORUWïDQLH]RVWDQLH
RNUHĂORQ\WïRHOHPHQWXEÚG]LH
SU]H]URF]\VWH

'RP\ĂOQLHRNQRSU]HJOÈGDUNL
PDELDïHWïRMHGQDNXĝ\WNRZQLN
PRĝHVDPRNUHĂOLÊNRORU
WïDRNLHQGODWHJRDE\PLHÊ
SHZQRĂÊĝH]DZDUWRĂÊVWURQ\
EÚG]LHZ\ĂZLHWODQDQDELDï\P
WOHQDOHĝ\RNUHĂOLÊZDUWRĂÊ
ZïDĂFLZRĂFLbackground-color
GODHOHPHQWX<body>.

:bW\PSU]\NïDG]LHRNUHĂOLOLĂP\
WDNĝHZDUWRĂFLZïDĂFLZRĂFL
paddingDE\RGVXQÈÊQLHFR
WHNVWRGREUDPRZDQLD
HOHPHQWöZ7DNLHUR]ZLÈ]DQLH
XïDWZLDF]\WDQLHVWURQ\:LÚFHM
LQIRUPDFMLQDWHPDWZïDĂFLZRĂFL
paddingPRĝQD]QDOHěÊ
QDbVWURQLH.

W YNIK

body {
background-color: rgb(200,200,200);}
h1 {
background-color: DarkCyan;}
h2 {
background-color: #ee3e80;}
p {
background-color: white;}

CSS

rozdzial-11/background-color.html

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

250

KOLOR

=52=80,(1,(.2/25:

.DĝG\NRORUQDHNUDQLHPRQLWRUDMHVWWZRU]RQ\MDNRSRïÈF]HQLH

SHZQ\FKLORĂFLWU]HFKNRORUöZSRGVWDZRZ\FKF]HUZRQHJR

]LHORQHJRLbQLHELHVNLHJR$E\]QDOHěÊSRV]XNLZDQ\NRORUPRĝQD
Xĝ\ÊVSHFMDOQHJRQDU]ÚG]LDVïXĝÈFHJRGRLFKZ\ELHUDQLD

0RQLWRU\NRPSXWHURZHVNïDGDMÈ
VLÚ]bW\VLÚF\QLHZLHONLFK
NZDGUDFLNöZQD]\ZDQ\FK
SLNVHODPLMHĂOLSU]\MU]\P\VLÚ
EDUG]RGRNïDGQLHSRZLQQLĂP\
MH]REDF]\Ê
.LHG\PRQLWRUMHVWZ\ïÈF]RQ\
MHVWF]DUQ\JG\ĝQLHHPLWXMH
ĝDGQHJRĂZLDWïD3RZïÈF]HQLX
NDĝG\SLNVHOHNUDQXPRĝHPLHÊ
LQQ\NRORUFRWZRU]\REUD]
.RORUNDĝGHJRSLNVHOD
QDbHNUDQLHMHVWRNUHĂODQ\MDNR
PLHV]DQNDNRORUXF]HUZRQHJR
]LHORQHJRLbQLHELHVNLHJR
ĽGRNïDGQLHWDNVDPR
MDNbZbWHOHZL]RUDFK

1DU]ÚG]LDGRZ\ELHUDQLD
NRORUöZVÈGRVWÚSQH
ZbSURJUDPDFKGRHG\FML
REUD]öZWDNLFKMDN3KRWRVKRS
OXE*,03:DUWRĂFL5*%VÈ
Z\ĂZLHWODQHRERNSU]\FLVNöZ
RSFMLRbQD]ZDFKRGLbB.
2GSRZLDGDMÈFDLPZDUWRĂÊ
V]HVQDVWNRZDQDWRPLDVWMHVW
Z\ĂZLHWODQDZbSROXWHNVWRZ\P
SRSU]HG]RQ\P]QDNLHP#.
'RVWÚSQHMHVWWDNĝHGRVNRQDïH
QDU]ÚG]LHGRZ\ELHUDQLD
NRORUöZNWöUHPRĝQD
]QDOHěÊQDVWURQLH
colorschemedesigner.com.

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

KOLOR

:$572¥&,5*%

:DUWRĂFLNRORUöZF]HUZRQHJR
]LHORQHJRLbQLHELHVNLHJRVÈ
SRGDZDQHMDNROLF]E\]b]DNUHVX
od 0 do 255.

rgb(102,205,170)

1DWHQNRORUVNïDGDMÈVLÚ
QDVWÚSXMÈFHZDUWRĂFL
F]HUZRQ\Ľ
]LHORQ\Ľ
QLHELHVNLĽ

2'&,(

3RWRF]QLHZ\UD]ķRGFLHñĵMHVW
WUDNWRZDQ\MDNV\QRQLPVïRZD
ķNRORUĵ=bWHFKQLF]QHJRSXQNWX
ZLG]HQLDQDNRORUVNïDGDMÈVLÚ
WDNĝHQDV\FHQLHRUD]MDVQRĂÊ

KODY

SZESNASTKOWE

:bSU]\SDGNXNRGöZ
V]HVQDVWNRZ\FKZDUWRĂFL
NRORUöZSRGVWDZRZ\FK
ĽF]HUZRQHJR]LHORQHJR
LbQLHELHVNLHJRĽVÈ]DSLV\ZDQH
ZbSRVWDFLOLF]EV]HVQDVWNRZ\FK

#66cdaa

:DUWRĂÊNRORUXF]HUZRQHJR
102MHVWUHSUH]HQWRZDQD
SU]H]OLF]EÚV]HVQDVWNRZÈb66.
:DUWRĂÊNRORUX]LHORQHJR
205WRV]HVQDVWNRZDOLF]ED
cdQDWRPLDVWZDUWRĂÊ
NRORUXQLHELHVNLHJR170
WRbV]HVQDVWNRZDOLF]EDaa.

1$6<&(1,(

1DV\FHQLHRNUHĂODLORĂÊ
V]DURĂFLZbGDQ\PNRORU]H
3U]\PDNV\PDOQ\PQDV\FHQLX
ZbNRORU]HQLHPDĝDGQHM
V]DURĂFL3U]\PLQLPDOQ\P
QDV\FHQLXNRORUEÚG]LH
QLHPDObV]DU\

NAZWY KOLORÓW

.RORU\VÈWDNĝHUHSUH]HQWRZDQH
SU]H]SUHGHğQLRZDQHQD]Z\
-HGQDNZbW\PSU]\SDGNXLFK
OLF]EDMHVWRJUDQLF]RQD

MediumAquaMarine

3U]HJOÈGDUNLREVïXJXMÈ
GRNïDGQLHNRORUöZ
SUHGHğQLRZDQ\FKZLGRF]Q\
SRZ\ĝHMNRORUQRVLQD]ZÚ
MediumAquaMarine:LÚNV]RĂÊ
SURMHNWDQWöZXZDĝDĝHWDND
SDOHWDMHVWPRFQRRJUDQLF]RQD
DbSR]DW\P]DSDPLÚWDQLH
QD]ZSRV]F]HJöOQ\FKNRORUöZ
]bZ\MÈWNLHPELDïHJRLbF]DUQHJR
MHVWWUXGQH'ODWHJRQD]Z\
NRORUöZVÈU]DGNRXĝ\ZDQH

-$612¥m

-DVQRĂÊDQJbrightness
QD]\ZDQDWDNĝHZDUWRĂFLÈ
RNUHĂODLORĂÊF]HUQLZbGDQ\P
NRORU]H:bSU]\SDGNX
PDNV\PDOQHMMDVQRĂFLZbNRORU]H
QLHEÚG]LHZbRJöOHF]HUQL
1DWRPLDVWSU]\PLQLPDOQHM
MDVQRĂFLNRORUEÚG]LH
EDUG]RbFLHPQ\

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

252 KOLOR

KONTRAST

:\ELHUDMÈFNRORU\HOHPHQWöZRUD]WïDNRQLHF]QLHQDOHĝ\
]DGEDÊRbRGSRZLHGQLRGXĝ\NRQWUDVWSRPLÚG]\QLPL
WDNE\WHNVWE\ïF]\WHOQ\

1,6.,

KONTRAST

:<62.,

KONTRAST

¥5('1,

KONTRAST

.LHG\NRQWUDVWSRPLÚG]\
NRORUHPSLHUZV]RSODQRZ\P
DbNRORUHPWïDMHVWZ\VRNLWHNVW
ïDWZLHMMHVWRGF]\WDÊ

-HĂOLMHGQDNFKFHP\
E\bXĝ\WNRZQLF\F]\WDOLGïXJLH
WHNVW\]DPLHV]F]RQHQDVWURQLH
WRWDNĝHZ\VRNLNRQWUDVWPRĝH
E\ÊPÚF]ÈF\

:bSU]\SDGNXXPLHV]F]HQLD
QDVWURQLHGïXJLFKIUDJPHQWöZ
WHNVWXQLHZLHONLHREQLĝHQLH
NRQWUDVWXSRPLÚG]\NRORUHP
SLHUZV]RSODQRZ\PDbNRORUHP
WïDPRĝHQLHFRSRSUDZLÊMHJR
F]\WHOQRĂÊ

.RQWUDVWPRĝQDREQLĝ\Ê
XPLHV]F]DMÈFFLHPQRV]DU\WHNVW
QDELDï\PWOHDOERMDVQRV]DU\
WHNVWQDFLHPQ\PWOH

-HĂOLNRQWUDVWSRPLÚG]\NRORUHP
HOHPHQWXDbNRORUHPWïDEÚG]LH
QLVNLWRRGF]\WDQLHWHNVWX
XPLHV]F]RQHJRZbHOHPHQFLH
PRĝHSU]\VSDU]DÊWUXGQRĂFL

%UDNRGSRZLHGQLHJRNRQWUDVWX
PRĝHVLÚRND]DÊV]F]HJöOQ\P
SUREOHPHPGODRVöEFLHUSLÈF\FK
QDXSRĂOHG]HQLHZ]URNX
RUD]bGDOWRQLVWöZ

0RĝHWDNĝHVWDQRZLÊ
XWUXGQLHQLHGODRVöE
SRVLDGDMÈF\FKPRQLWRU\VïDEV]HM
MDNRĂFLQDNWöUHSDGDMDVQH
ĂZLDWïRVïRQHF]QHFRF]ÚVWRVLÚ
]GDU]DZbSU]\SDGNXNRU]\VWDQLD
]bNRPSXWHUöZSRGUÚF]Q\FK
QDb]HZQÈWU]

-HĂOLNRORUWHNVWX]RVWDQLHRGZUöFRQ\F]\OLJG\XPLHĂFLP\
MDVQ\WHNVWQDFLHPQ\PWOHMHJRF]\WHOQRĂÊPRĝQDGRGDWNRZR
SRSUDZLÊ]ZLÚNV]DMÈFRGOHJïRĂFLSRPLÚG]\SRV]F]HJöOQ\PL
ZLHUV]DPLWHNVWXRUD]JUXERĂÊF]FLRQNL

.RQWUDVWPRĝQDVSUDZG]DÊSU]\Xĝ\FLXLQWHUQHWRZHJRQDU]ÚG]LDGRVWÚSQHJR
na stronie www.snook.ca/technical/colour_contrast/colour.html.

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

253

KOLOR

&661,(35=(=52&=<672¥m

opacity, rgba

:b&66ZSURZDG]RQD
]RVWDïDZïDĂFLZRĂÊopacity
XPRĝOLZLDMÈFDRNUHĂOHQLH
QLHSU]H]URF]\VWRĂFLHOHPHQWX
RUD]GRZROQHJR]bMHJRHOHPHQWöZ
SRWRPQ\FK:DUWRĂFLÈWHM
ZïDĂFLZRĂFLPRĝHE\ÊOLF]ED
]b]DNUHVXRGb0.0GRb1.0Db]DWHP
Xĝ\FLHZDUWRĂFLb.5R]QDF]D
ĝHHOHPHQWEÚG]LHZb
QLHSU]H]URF]\VW\DbXĝ\FLH
ZDUWRĂFL.15ĽĝHbHOHPHQWEÚG]LH
QLHSU]H]URF]\VW\Zb
:ïDĂFLZRĂÊrgba&66SR]ZDOD
QDRNUHĂODQLHNRORUöZZbWDNL
VDPVSRVöEMDNZF]HĂQLHM
SU]\bXĝ\FLXZDUWRĂFL5*%OHF]
GRGDWNRZRXPRĝOLZLDSRGDQLH
F]ZDUWHMZDUWRĂFLRNUHĂODMÈFHM
QLHSU]H]URF]\VWRĂÊ:DUWRĂÊWD
MHVWWDNĝHRNUHĂODQDPLDQHP
ZDUWRĂFLalfaDbMHMGRSXV]F]DOQ\
zakres wynosi od 0.0 do 1.0
Db]DWHPZDUWRĂÊ0.5 oznacza
QLHSU]H]URF]\VWRĂFL
DbZDUWRĂÊb0.15Ľ
QLHSU]H]URF]\VWRĂFL=DVWRVRZDQLH
WHMZDUWRĂFLZbUHJXOHVW\OXEÚG]LH
PLDïRZSï\ZZ\ïÈF]QLHQDZ\JOÈG
GDQHJRHOHPHQWXOHF]QLHMHJR
HOHPHQWöZSRWRPQ\FK
3RQLHZDĝQLHNWöUHSU]HJOÈGDUNL
QLHUR]SR]QDMÈZDUWRĂFL5*%$
ZDUWRVWRVRZDÊUR]ZLÈ]DQLD
DOWHUQDW\ZQHG]LÚNLNWöU\P
QDbVWURQLH]RVWDQLH]DVWRVRZDQ\
MHGQROLW\QLHSU]H]URF]\VW\NRORU
-HĂOLZbDUNXV]XVW\OöZ]RVWDï\
SRGDQHGZLHUHJXï\RGQRV]ÈFH
VLÚGRWHJRVDPHJRHOHPHQWX
WRGUXJD]bQLFKEÚG]LHPLDïD
Z\ĝV]\SULRU\WHW$E\RNUHĂOLÊ

W YNIK

p.one {
background-color: rgb(0,0,0);
opacity: 0.5;}
p.two {
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.5);}

CSS

rozdzial-11/opacity.html

W YNIKI WbST$RSZ YCH PR Z(*L kD$RK $CH

NRORUDOWHUQDW\ZQ\QDOHĝ\XPLHĂFLÊZbDUNXV]XVW\OöZGZLHUHJXï\SLHUZV]D]bQLFKRNUHĂOLNRORUXĝ\ZDMÈFQD]Z\
ZDUWRĂFL5*%OXENRGXV]HVQDVWNRZHJRDbZbGUXJLHM]RVWDQLHXĝ\WDZDUWRĂÊ5*%$-HĂOLSU]HJOÈGDUNDUR]SR]QD
ZDUWRĂÊ5*%$VNRU]\VWD]bQLHMZbSU]HFLZQ\PUD]LHXĝ\MHSRGDQHMZF]HĂQLHMZDUWRĂFL5*%

:bF]DVLHSLVDQLDQLQLHMV]HMNVLÈĝNLDQLZïDĂFLZRĂÊopacityDQLZDUWRĂFL5*%$QLHE\ï\MHV]F]HREVïXJLZDQH
SU]H]bQDMQRZV]HSU]HJOÈGDUNL

:bF]DVLHSU]\JRWRZ\ZDQLDSROVNLHJRWïXPDF]HQLDNVLÈĝNL]DUöZQRZïDĂFLZRĂÊRSDFLW\MDNLbZDUWRĂFL5*%$

E\ï\MXĝREVïXJLZDQHSU]H]QDMQRZV]HZHUVMHZV]\VWNLFKQDMSRSXODUQLHMV]\FKSU]HJOÈGDUHNĽSU]\SWïXP

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

254

KOLOR

&66.2/25<+6/

:b&66]RVWDïZSURZDG]RQ\FDïNRZLFLH
QRZ\LQWXLF\MQ\VSRVöERNUHĂODQLDNRORUöZ
SU]\Xĝ\FLXRGFLHQLDQDV\FHQLDLbMDVQRĂFL

2'&,(

3RWRF]QLHZ\UD]ķRGFLHñĵE\ZD
WUDNWRZDQ\MDNV\QRQLPVïRZD
ķNRORUĵ:bPRGHOX+6/RGFLHñ
MHVWF]ÚVWRUHSUH]HQWRZDQ\
SU]\Xĝ\FLXNRïDZbNWöU\P
NÈWRNUHĂODNRORUUöZQLH
GREU]HPRĝQDJRSU]HGVWDZLÊ
ZbIRUPLHVXZDNDRb]DNUHVLH
ZDUWRĂFLRGbGR

1$6<&(1,(

1DV\FHQLHRNUHĂODLORĂÊV]DURĂFL
ZbNRORU]H-HVWRQDZ\UDĝDQD
MDNRZDUWRĂÊSURFHQWRZD
WRSHïQHQDV\FHQLH
NRORUXQDWRPLDVWEÚG]LH
RGSRZLDGDïRRGFLHQLRZL
V]DURĂFL

-$612¥m

-DVQRĂÊDQJlightnessRNUHĂOD
LORĂÊELHOLMDVQRĂÊOXEF]HUQL
FLHPQRĂÊ-HVWRQDZ\UDĝDQD
ZbIRUPLHZDUWRĂFLSURFHQWRZHM
-DVQRĂÊWRNRORUF]DUQ\
QDWRPLDVWWRNRORU
ELDï\-DVQRĂÊRbZDUWRĂFL
UHSUH]HQWXMHQRUPDOQ\NRORU
-DVQRĂÊMHVWWDNĝHF]DVDPL
nazywana ĂZLHWOLVWRĂFLÈ.

7U]HED]ZUöFLÊXZDJÚ
ĝHbMDVQRĂÊDQJlightness
ZbPRGHOXNRORUöZ+6/MHVW
F]\PĂLQQ\PQLĝMDVQRĂÊ
DQJbbrightnessZbPRGHOX
+6%2SURJUDPRZDQLHJUDğF]QH
WDNLHMDN3KRWRVKRSOXE*,03
XGRVWÚSQLDQDU]ÚG]LDGRbZ\ERUX
NRORUöZRNUHĂODMÈFHMHZHGïXJ
PRGHOX+6%ZbNWöU\P]PLDQD
ZDUWRĂFLMDVQRĂFLSRZRGXMH
GRGDZDQLHF]HUQLGRNRORUX
OXERGHMPRZDQLHMHM]bNRORUX
:bSU]\SDGNXNRORUöZ+6/
]PLDQDMDVQRĂFLSRZRGXMH
GRGDQLHGRNRORUX]DUöZQR
F]HUQLMDNLbELHOL

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

255

KOLOR

W YNIK

&66+6/25$=+6/$

hsl, hsla

body {
background-color: #C8C8C8;
background-color: hsl(0,0%,78%);}
p {
background-color: #ffffff;
background-color: hsla(0,100%,100%,0.5);

}

CSS

rozdzial-11/hsla.html

:ïDĂFLZRĂÊhsl]RVWDïD
ZSURZDG]RQDZb&66
MDNRDOWHUQDW\ZQ\VSRVöE
RNUHĂODQLDNRORUöZ:DUWRĂÊ
WHMZïDĂFLZRĂFL]DF]\QD
VLÚRGOLWHUbhslSRNWöU\FK
ZbQDZLDVLHSRGDQHVÈ
QDVWÚSXMÈFHZDUWRĂFL

2'&,(

2GFLHñMHVWZ\UDĝDQ\MDNR
PLDUDNÈWD]b]DNUHVXRG
GRVWRSQL

1$6<&(1,(

1DV\FHQLHMHVWZ\UDĝDQHMDNR
ZDUWRĂÊSURFHQWRZD

-$612¥m

-DVQRĂÊMHVWZ\UDĝDQDMDNR
ZDUWRĂÊSURFHQWRZDSU]\F]\P
0%R]QDF]DNRORUELDï\50% to
QRUPDOQ\Z\EUDQ\NRORUDb100%
R]QDF]DNRORUF]DUQ\
:ïDĂFLZRĂÊhslaUöZQLHĝ
XPRĝOLZLDRNUHĂOHQLHNRORUX
SRSU]H]SRGDQLHMHJRRGFLHQLD
QDV\FHQLDRUD]MDVQRĂFL
SRGREQLHMDNZbSU]\SDGNX
ZïDĂFLZRĂFLhslMHGQDN
GRGDMHGRWHJRF]ZDUWÈ
ZDUWRĂÊUHSUH]HQWXMÈFÈ
QLHSU]H]URF]\VWRĂÊDQDORJLF]QLH
MDNSU]\ZïDĂFLZRĂFLrgba

:$572¥m$/)$

7RZDUWRĂÊ]b]DNUHVXRG
GRbQSZDUWRĂÊ0.5 oznacza
QLHSU]H]URF]\VWRĂFLDb0.75
ĽQLHSU]H]URF]\VWRĂFL

3RQLHZDĝVWDUV]HSU]HJOÈGDUNL
QLHUR]SR]QDMÈZDUWRĂFL+6/DQL
+6/$ZDUWRGRDUNXV]DVW\OöZ
GRGDÊUHJXïÚRNUHĂODMÈFÈNRORU\
SU]\Xĝ\FLXZDUWRĂFL5*%
NRGöZV]HVQDVWNRZ\FKOXE
SUHGHğQLRZDQ\FKQD]Z5HJXïD
WDSRZLQQDE\ÊXPLHV]F]RQD
ZbNRG]LHDUNXV]DprzedUHJXïÈ
]DZLHUDMÈFÈZDUWRĂÊ+6/
OXEb+6/$

:bWHQVSRVöEWZRU]\P\
UHJXïÚDOWHUQDW\ZQÈJG\ĝ
MHĂOLZbDUNXV]X]QDMGÈVLÚ
GZLHUHJXï\RGQRV]ÈFHVLÚ
GRWHJRVDPHJRHOHPHQWXWR
SöěQLHMV]D]bQLFKEÚG]LHPLDïD
Z\ĝV]\SULRU\WHW2]QDF]DWR
ĝHMHĂOLSU]HJOÈGDUNDUR]SR]QDMH
ZDUWRĂFL+6/Lb+6/$Xĝ\MH
UHJXï\ZbNWöUHM]RVWDï\RQH
SRGDQH:bSU]HFLZQ\PUD]LH
VNRU]\VWD]bUHJXï\]DSLVDQHM
ZF]HĂQLHM

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

256 KOLOR

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

257

KOLOR

35=<.$'

KOLOR

7HQSU]\NïDGZ\ĂZLHWODQDVWURQLHVNDOÚ
S+Xĝ\ZDMÈFSU]\W\PUöĝQ\FKVSRVREöZ
RNUHĂODQLDNRORUöZGRVWÚSQ\FKZb&66
WDNLFKMDNQD]Z\NRG\V]HVQDVWNRZH
ZDUWRĂFL5*%RUD]+6/

5HJXïDRGQRV]ÈFDVLÚGRHOHPHQWX<body>RNUHĂODGRP\ĂOQ\NRORU
FDïHJRWHNVWXQDVWURQLHRUD]GRP\ĂOQ\NRORUWïDVWURQ\2EDWHNRORU\
]RVWDï\SRGDQHSU]\Xĝ\FLXQD]Z

5HJXïDRGQRV]ÈFDVLÚGRHOHPHQWX<h1>RNUHĂODNRORUQDJïöZND
Xĝ\ZDMÈFNRGXV]HVQDVWNRZHJR:bWHMUHJXOHZDUWRĂÊZïDĂFLZRĂFL
background-color]RVWDïDSRGDQDGZXNURWQLH3LHUZV]DMHVW
ZïDĂFLZRĂFLÈDOWHUQDW\ZQÈLbXĝ\ZDZDUWRĂFLSRGDQHMZbIRUPLHNRGX
V]HVQDVWNRZHJRQDWRPLDVWGUXJDXĝ\ZDZDUWRĂFL+6/$Lb]RVWDQLH
]DVWRVRZDQDZbSU]HJOÈGDUNDFKNWöUHWDNLHZDUWRĂFLSRWUDğÈ
]LQWHUSUHWRZDÊ

:V]\VWNLHDNDSLW\QDVWURQLHPDMÈUöĝQHNRORU\WïDUHSUH]HQWXMÈFH
UöĝQHSR]LRP\NZDVRZRĂFLLbDONDOLF]QRĂFL:bLFKSU]\SDGNXNRORUWïD
]RVWDïRNUHĂORQ\SU]\Xĝ\FLXZDUWRĂFL5*%

:bSU]\NïDG]LH]RVWDïDWDNĝHXĝ\WDZïDĂFLZRĂÊRbQD]ZLHmargin
DE\SRZLÚNV]\ÊRGOHJïRĂFLSRPLÚG]\SXGHïNDPLSRV]F]HJöOQ\FK
DNDSLWöZRUD]ZïDĂFLZRĂÊpaddingE\]ZLÚNV]\ÊRGOHJïRĂÊ
SRPLÚG]\REUDPRZDQLHPSXGHïNDHOHPHQWXDbWHNVWHP
XPLHV]F]RQ\PZHZQÈWU]QLHJR2ELHWHZïDĂFLZRĂFL]RVWDï\
RSLVDQHbQDVWURQDFKļ

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

258 KOLOR

35=<.$'

KOLOR

<!DOCTYPE html>
<html>
<head>

<title>

Kolor

</title>

body {

background-color: silver;
color: white;
padding: 20px;
font-family: Arial, Verdana, sans-serif;}
h1 {
background-color: #ffffff;
background-color: hsla(0,100%,100%,0.5);
color: #64645A;
padding: inherit;}
p {
padding: 5px;
margin: 0px;}
p.zero {
background-color: rgb(238,62,128);}
p.one {
background-color: rgb(244,90,139);}
p.two {
background-color: rgb(243,106,152);}
p.three {
background-color: rgb(244,123,166);}
p.four {
background-color: rgb(245,140,178);}
p.ğve {
background-color: rgb(246,159,192);}
p.six {
background-color: rgb(245,176,204);}
p.seven {
background-color: rgb(0,187,136);}
p.eight {
background-color: rgb(140,202,242);}
p.nine {
background-color: rgb(114,193,240);}

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

259

KOLOR

p.ten {
background-color: rgb(84,182,237);}
p.eleven {
background-color: rgb(48,170,233);}
p.twelve {
background-color: rgb(0,160,230);}
p.thirteen {
background-color: rgb(0,149,226);}
p.fourteen {
background-color: rgb(0,136,221);}

</style>

</head>
<body>

<h1>

Skala pH

</h1>

14.0 BARDZO ZASADOWE

</p>

13.0

</p>

12.0

</p>

11.0

</p>

10.0

</p>

9.0

</p>

8.0

</p>

7.0 NEUTRALNE

</p>

6.0

</p>

5.0

</p>

4.0

</p>

3.0

</p>

2.0

</p>

1.0

</p>

0.0 BARDZO KWASOWE

</p>

</body>
</html>

35=<.$'

KOLOR

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

32'6802:$1,(

KOLOR

.RORU\QLHW\ONRRĝ\ZLDMÈVWURQÚLQWHUQHWRZÈ

OHF]bWDNĝHXïDWZLDMÈWZRU]HQLHRGSRZLHGQLHJR

QDVWURMXLbZ]EXG]DMÈHPRFMH

:bNDVNDGRZ\FKDUNXV]DFKVW\OöZNRORU\PRĝQD

RNUHĂODÊQDWU]\VSRVRE\ĽXĝ\ZDMÈFZDUWRĂFL5*%

NRGöZV]HVQDVWNRZ\FKOXEQD]Z

:bZ\ERU]HRGSRZLHGQLHJRNRORUXPRJÈSRPöF

VSHFMDOQHSU]H]QDF]RQHGRWHJRFHOXQDU]ÚG]LD

.RQLHF]QLHQDOHĝ\]DGEDÊRbRGSRZLHGQLNRQWUDVW

SRPLÚG]\NRORUHPWHNVWXDbWïHPZbSU]HFLZQ\P

UD]LHXĝ\WNRZQLF\QLHEÚGÈZbVWDQLHRGF]\WDÊWUHĂFL

XPLHV]F]RQ\FKQDVWURQLH

:b&66GRNRORUöZ5*%]RVWDïDGRGDQDQRZD

ZDUWRĂÊRNUHĂODMÈFDQLHSU]H]URF]\VWRĂÊ7HQRZH

ZDUWRĂFLNRORUöZVÈRNUHĂODQHMDNR5*%$

&66SR]ZDODMÈRNUHĂODÊNRORU\WDNĝHSU]\bXĝ\FLX

ZDUWRĂFL+6/RUD]RSFMRQDOQHMZDUWRĂFL

UHSUH]HQWXMÈFHMQLHSU]H]URF]\VWRĂÊ:bW\PGUXJLP

SU]\SDGNXPöZLP\RbZDUWRĂFLDFK+6/$

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

TEKST

:LHONRĂÊLbF]FLRQNDWHNVWX

3RJUXELHQLHNXUV\ZDNDSLWDOLNLLbSRGNUHĂOHQLH

2GVWÚS\SRPLÚG]\ZLHUV]DPLVïRZDPLLbOLWHUDPL

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

264 TEKST

:ïDĂFLZRĂFLSR]ZDODMÈFHQDNRQWUROÚ
Z\JOÈGXWHNVWXPRĝQDSRG]LHOLÊ
QDGZLHJUXS\

:ïDĂFLZRĂFLPDMÈFHEH]SRĂUHGQLZSï\ZQDF]FLRQNÚ
RUD]MHMZ\JOÈGF]\OLRNUHĂODMÈFHMHMNUöMWRF]\MHVWRQD
SRJUXELRQDSRFK\ORQDF]\QRUPDOQDRUD]MHMZLHONRĂÊ

:ïDĂFLZRĂFLNWöUHZ\ZLHUDï\E\WHQVDPZSï\ZQDSRVWDÊ
WHNVWXQLH]DOHĝQLHRGXĝ\WHMF]FLRQNLGRQLFKPRĝQD
]DOLF]\ÊNRORUWHNVWXRUD]RGOHJïRĂFLSRPLÚG]\Z\UD]DPL
LbOLWHUDPL

)RUPDWRZDQLHWHNVWXPRĝH]QDF]ÈFRRGG]LDï\ZDÊQDWR
MDNF]\WHOQHEÚGÈWZRU]RQHSU]H]QDVVWURQ\3U]\RND]ML
RSLV\ZDQLDZïDĂFLZRĂFLSUH]HQWRZDQ\FKZbW\PUR]G]LDOH
SRGDPWDNĝHNLONDZVND]öZHN]b]DNUHVXSURMHNWRZDQLDVWURQ

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

265

TEKST

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

266

TEKST

7(50,12/2*,$=:,k=$1$

=b.52-(0&=&,21(.

&=&,21.$

SZERYFOWA

&=&,21.$

BEZSZERYFOWA

&]FLRQNLV]HU\IRZH
FKDUDNWHU\]XMÈVLÚGRGDWNRZ\PL
NUHVHF]NDPLQDNRñFDFK
JïöZQ\FKOLQLLWZRU]ÈF\FK
]QDNL(OHPHQW\WHVÈQD]\ZDQH
V]HU\IDPL

&]FLRQNLEH]V]HU\IRZHPDMÈ
SURVWH]DNRñF]HQLDOLWHUGODWHJR
LFKZ\JOÈGMHVW]QDF]QLH
EDUG]LHMSU]HMU]\VW\

:bSU]\SDGNXW\FKF]FLRQHN
ZV]\VWNLH]QDNLPDMÈWDNÈ
VDPÈV]HURNRĂÊ:bLQQ\FK
F]FLRQNDFKSRV]F]HJöOQH]QDNL
PRJÈPLHÊUöĝQHV]HURNRĂFL

:bPDWHULDïDFKGUXNRZDQ\FK
F]FLRQNLV]HU\IRZHE\ï\
WUDG\F\MQLHXĝ\ZDQH
ZbGïXĝV]\FKIUDJPHQWDFK
WHNVWöZJG\ĝSRZV]HFKQLH
XZDĝDVLÚĝHXïDWZLDMÈRQH
F]\WDQLH

(NUDQ\NRPSXWHUöZPDMÈ
]QDF]QLHPQLHMV]ÈUR]G]LHOF]RĂÊ
RGGUXNX'ODWHJRMHĂOLWHNVW
PDQLHZLHONLHUR]PLDU\
WR]DVWRVRZDQLHF]FLRQNL
EH]V]HU\IRZHMVSUDZLĝHbEÚG]LH
RQEDUG]LHMSU]HMU]\VW\
LbïDWZLHMV]\GRRGF]\WDQLD

&=&,21.$2b67$(-

6=(52.2¥&,

ZNAKÓW

&]FLRQHNRbVWDïHMV]HURNRĂFL
]QDNöZSRZV]HFKQLHXĝ\ZDVLÚ
GR]DSLV\ZDQLDNRGXJG\ĝMHJR
SRV]F]HJöOQH]QDNLVÈG]LÚNL
WHPXUöZQRXïRĝRQHFRXïDWZLD
DQDOL]Ú

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

267

TEKST

*58%2¥m

Cienka
Średnia
Pogrubiona
Bardzo gruba

The xyz

:\GïXĝHQLHGROQH

XPLHV]F]RQHSRQLĝHMOLQLLED]RZHM

%D]RZDOLQLDSLVPD

QDQLHMVÈXPLHV]F]DQHOLWHU\

¥UHGQLDOLQLDSLVPD

Z\VRNRĂÊOLWHU\ķ[ĵ

:\GïXĝHQLHJöUQHZ\NUDF]DMÈFHSRZ\ĝHMJöUQHMNUDZÚG]LZLHONLFKOLWHU

STYL

Normalny
Kursywa

Pochylone

*öUQDSRZLHU]FKQLDZLHONLFKOLWHU

*UXERĂÊF]FLRQNLQLHW\ONR
QDGDMHIUDJPHQWRPWHNVWX
ZLÚNV]H]QDF]HQLHOHF]
WDNĝHZ\Sï\ZDQDLORĂÊ
MDVQHMSU]HVWU]HQLQDVWURQLH
RUD]bQDbMHMNRQWUDVW

.XUV\Z\QDGDMÈWHNVWRP
FKDUDNWHUSLVPDRGUÚF]QHJR
&]FLRQNLSRFK\ORQHXĝ\ZDMÈ
]QDNöZQRUPDOQ\FKF]FLRQHN
W\OHĝHVÈRQHZ\ĂZLHWODQHSRG
SHZQ\PNÈWHP

52=&,k*1,}&,(

Zwarty
Normalny
Rozszerzony

:bSU]\SDGNX]ZDUWHMZÈVNLHM
ZHUVMLF]FLRQNLMHM]QDNLVÈ
ZÚĝV]HDbRGOHJïRĂFLSRPLÚG]\
QLPLPQLHMV]H:bSU]\SDGNX
ZHUVMLUR]V]HU]RQHM]QDNLVÈ
JUXEV]HLbXPLHV]F]RQHGDOHM
RGbVLHELH

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

268

TEKST

:<%5.52-8&=&,21.,

8¿<:$1(*21$67521,(

:\ELHUDMÈF
NUöMSLVPD
]bSU]H]QDF]HQLHP
QDbVWURQÚ
LQWHUQHWRZÈ
NRQLHF]QLHWU]HED
SDPLÚWDÊRbW\P
ĝH]RVWDQLHRQ
]DVWRVRZDQ\
Z\ïÈF]QLH
ZbSU]\SDGNX
JG\EÚG]LH
]DLQVWDORZDQ\
QDNRPSXWHU]H
Xĝ\WNRZQLND

SERIF

&]FLRQNLV]HU\IRZH
FKDUDNWHU\]XMÈVLÚGRGDWNRZ\PL
NUHVHF]NDPLQDNRñFDFK
JïöZQ\FKOLQLLWZRU]ÈF\FK]QDNL

SANS-SERIF

&]FLRQNLEH]V]HU\IRZHPDMÈ
SURVWH]DNRñF]HQLDOLWHUGODWHJR
Z\JOÈGDMÈ]QDF]QLHEDUG]LHM
SU]HMU]\ĂFLH

:bHIHNFLHWZRU]ÈFVWURQ\:::]D]Z\F]DMXĝ\ZDVLÚ
RJUDQLF]RQHJR]HVWDZXF]FLRQHNLQVWDORZDQ\FKZbZLÚNV]RĂFL
NRPSXWHUöZ]RVWDï\RQHSU]HGVWDZLRQHSRZ\ĝHM,VWQLHMÈMHGQDN
WHFKQLNLSR]ZDODMÈFHRPLQÈÊWHRJUDQLF]HQLDRSLVDQRMHQDVWURQDFK
270 – 271

0RĝQDWDNĝHSRGDÊZLÚFHMQLĝMHGQÈF]FLRQNÚLbRNUHĂOLÊNROHMQRĂÊ
ZbMDNLHMEÚGÈXĝ\ZDQHQDZ\SDGHNJG\E\SLHUZV]H]bQLFKQLH
E\ï\GRVWÚSQHQDNRPSXWHU]HXĝ\WNRZQLND:bWDNLFKSU]\SDGNDFK
PöZLP\RbVWRVRZDQLXstosu czcionek

35=<.à$'<

Georgia
Times
Times New Roman

35=<.à$'<

Arial
Verdana
+HOYHWLFD

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

269

TEKST

021263$&(

7RJUXSDF]FLRQHNZbNWöU\FK
NDĝG\]QDNPDWDNÈVDPÈ
V]HURNRĂÊ:bSR]RVWDï\FK
F]FLRQNDFKLFK]QDNLPRJÈPLHÊ
UöĝQHV]HURNRĂFL

&856,9(

.XUV\Z\PDMÈDOERSRïÈF]HQLD
SRPLÚG]\SRV]F]HJöOQ\PL
]QDNDPLDOERFHFK\SLVPD
SRFK\ïHJRWDNLHJRMDNSLVPR
RGUÚF]QH

FANTASY

'RWHMJUXS\QDOHĝÈF]FLRQNL
GHNRUDF\MQHNWöU\FKF]ÚVWR
Xĝ\ZDVLÚZbW\WXïDFK
1LHVÈRQHSURMHNWRZDQH
]bP\ĂOÈRbXĝ\FLXZbGïXJLFK
IUDJPHQWDFKbWHNVWX

3U]HJOÈGDUNLPDMÈXGRVWÚSQLDÊSU]\QDMPQLHMMHGQÈF]FLRQNÚ]bNDĝGHM
]bW\FKNDWHJRULL'ODWHJRSRZV]HFKQLHVWRVRZDQ\PUR]ZLÈ]DQLHP
MHVWXPLHV]F]DQLH]DSUHIHURZDQ\PLF]FLRQNDPLRGSRZLHGQLHMRJöOQHM
QD]Z\NURMXSLVPD

*G\FKFHP\Xĝ\ÊQSF]FLRQNLV]HU\IRZHMPRĝHP\XPLHĂFLÊ
ZbDUNXV]XVW\OöZQDVWÚSXMÈFÈUHJXïÚ
font-family: Georgia, Times, serif;

35=<.à$'<

Courier
Courier New

35=<.à$'<

Comic Sans MS
Monotype Corsiva

35=<.à$'<

Impact
Swis921EU

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

270 TEKST

7(&+1,.,=$3(:1,$-k&(

02¿/,:2¥m6=(56=(*2

:<%258&=&,21(.

'RVWÚSQ\FKMHVWNLONDVSRVREöZSR]ZDODMÈF\FKQDVWRVRZDQLH

LQQ\FKF]FLRQHNQLĝWHSU]HGVWDZLRQHQDSRSU]HGQLFKVWURQDFK

7U]HEDMHGQDNSDPLÚWDÊĝHF]FLRQNLVÈFKURQLRQHSUDZDPL

DXWRUVNLPLDb]DWHPWHFKQLNLNWöU\FKPRĝQDXĝ\ZDÊWDNĝH

VÈbRJUDQLF]RQHOLFHQFMDPLF]FLRQHN

FONT-FAMILY

)217)$&(

=b:<.25=<67$1,(0868*,

&]FLRQNDPXVLE\Ê
]DLQVWDORZDQDQDNRPSXWHU]H
Xĝ\WNRZQLND8ĝ\ZDQÈF]FLRQNÚ
RNUHĂODVLÚSU]\Xĝ\FLX&66

&66RNUHĂODVNÈGPRĝQD
SREUDÊF]FLRQNÚMHĂOLQLHMHVW
RQDGRVWÚSQDQDNRPSXWHU]H
Xĝ\WNRZQLND

8VïXJLNRPHUF\MQH]DSHZQLDMÈ
Xĝ\WNRZQLNRPGRVWÚSGRV]HURNLHMJDP\
F]FLRQHN]bNWöU\FKPRĝQDNRU]\VWDÊ
SU]\bXĝ\FLXZïDĂFLZRĂFL@font-face

OPISANA NA

6WURQDFK272 – 273

6WURQDFK276 – 277

PROBLEMY

/LF]EDF]FLRQHN]DLQVWDORZDQ\FK
QDNRPSXWHUDFKZLÚNV]RĂFL
Xĝ\WNRZQLNöZMHVWEDUG]R
RJUDQLF]RQD

8ĝ\WNRZQLNPXVLSREUDÊSOLN
F]FLRQNLFRPRĝHSU]\F]\QLÊ
VLÚGRZ\GïXĝHQLDF]DVX
Z\ĂZLHWODQLDVWURQ\

7U]HEDZQRVLÊRSïDW\]DOLFHQFMH
GODbWZöUFöZF]FLRQHN

/,&(1&-(

7ZöUFDVWURQ\QLH
UR]SRZV]HFKQLDF]FLRQNL]DWHP
QLHPXVLZQRVLÊĝDGQ\FKRSïDW
OLFHQF\MQ\FK

/LFHQFMDQDNWöUHMF]FLRQNDMHVW
XGRVWÚSQLDQDPXVLSR]ZDODÊ
QDMHMUR]SRZV]HFKQLDQLHSU]\
Xĝ\FLXZïDĂFLZRĂFL@font-face

:V]HONLHNZHVWLH]ZLÈ]DQH
]bX]\VNDQLHPOLFHQFMLQDVWRVRZDQLH
F]FLRQNL]DïDWZLDXVïXJD

:<%5&=&,21(.

/LF]EDGRVWÚSQ\FKF]FLRQHN
MHVWRJUDQLF]RQDJG\ĝPXV]È
RQHE\Ê]DLQVWDORZDQH
QDbNRPSXWHU]HXĝ\WNRZQLND

/LF]EDF]FLRQHNMHVWRJUDQLF]RQD
JG\ĝU]DGNRNWöUDF]FLRQNDPRĝH
E\ÊUR]SRZV]HFKQLDQDZbWHQ
VSRVöE

.DĝGDXVïXJDXGRVWÚSQLDUöĝQ\]ELöU
F]FLRQHN]DOHĝQLHRGXPöZ
SRGSLVDQ\FK]bLFKWZöUFDPL

1DGDMÈVLÚGRSUH]HQWRZDQLDWHNVWöZRbGRZROQHMGïXJRĂFL

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

271

TEKST

-HĂOLVWURQDMHVWSURMHNWRZDQDQDNRPSXWHU]H0DF

NRQLHF]QLHWU]HEDVSUDZG]LÊMDNXĝ\ZDQHF]FLRQNLZ\JOÈGDMÈ

QDbNRPSXWHU]Hb3&JG\ĝLFKNUDZÚG]LHQLHVÈUöZQLHJïDGNLH

-HĂOLMHGQDNSURMHNWXMHP\QDNRPSXWHU]H3&WRQDNRPSXWHU]Hb0DF

VWURQ\SRZLQQ\Z\JOÈGDÊWDNVDPRGREU]H

OBRAZY

SIFR

&8)21

-HĂOLFKFHP\Z\ĂZLHWOLÊWHNVW
SU]\Xĝ\FLXLQQHMF]FLRQNL
PRĝHP\XPLHĂFLÊQDVWURQLH
REUD]]DZLHUDMÈF\WHQWHNVW

&]FLRQNDMHVWRVDG]DQDZbğOPLH
)ODVKDbVNU\SW-DYD6FULSW
]DVWÚSXMHZVND]DQ\WHNVWMHJR
RGSRZLHGQLNLHPZ\ĂZLHWORQ\P
SU]\Xĝ\FLXWHFKQRORJLL)ODVK

&XIRQ]DSHZQLDSRGREQHPRĝOLZRĂFL
IXQNFMRQDOQHGRV,5)0HWRGDWD
NRU]\VWD]bNRGX-DYD6FULSWE\
]DPLHQLÊWHNVWQDMHJRZHNWRURZ\
RGSRZLHGQLNSUH]HQWRZDQ\SU]\
Xĝ\FLXWHFKQRORJLL69*OXE90/

OPISANO NA

6WURQDFKļ
RUD]ļ

:LÚFHMLQIRUPDFMLPRĝQD]QDOHěÊ
QDVWURQLHSRĂZLÚFRQHMNVLÈĝFH

PROBLEMY

2VRE\NRU]\VWDMÈFH]bF]\WQLNöZ
HNUDQRZ\FKEÚGÈPRJï\
SR]QDÊ]DZDUWRĂÊZ\ïÈF]QLH
QDbSRGVWDZLH]DZDUWRĂFL
DWU\EXWXalt

7DPHWRGDEÚG]LHG]LDïDÊ
Z\ïÈF]QLHMHĂOLXĝ\ZDQH
XU]ÈG]HQLHREVïXJXMHMÚ]\N
-DYD6FULSWLbWHFKQRORJLÚ)ODVK

:\PDJDZïÈF]HQLDREVïXJLMÚ]\ND
-DYD6FULSW&RZLÚFHMXĝ\WNRZQLF\
QLHPRJÈ]D]QDF]DÊWHNVWX
DbVDPWHNVWQLHPRĝHVLÚ]PLHQLDÊ
SRbZVND]DQLXJRP\V]È

LICENCJE

0RĝQDXĝ\ZDÊGRZROQ\FK
F]FLRQHNGRNWöU\FKSRVLDGDP\
VWRVRZQHOLFHQFMHJG\ĝF]FLRQNL
QLHVÈUR]SRZV]HFKQLDQH

:LHOXWZöUFöZF]FLRQHN]H]ZDOD
QDVWRVRZDQLHWHMWHFKQLNL
FKRÊF]DVDPLNRQLHF]Q\
MHVW]DNXSVSHFMDOQHMOLFHQFML
QDb]DVWRVRZDQLHZbLQWHUQHFLH

3RGREQLHMDNZbSU]\SDGNXPHWRG\
V,)5QLHNWöU]\WZöUF\F]FLRQHN
]H]ZDODMÈQDLFKVWRVRZDQLHSU]\
Xĝ\FLXPHWRG\&8)21QLHPQLHM
WU]HEDVSUDZG]LÊOLFHQFMÚF]FLRQNL

WYBÓR CZCIONEK

'RVWÚSQ\MHVWV]HURNL]DNUHV
F]FLRQHNJG\ĝPRĝQDXĝ\ZDÊ
ZV]\VWNLFKF]FLRQHNQDNWöU\FK
Xĝ\ZDQLHPDP\OLFHQFMH

7DPHWRGD]DSHZQLDPRĝOLZRĂÊ
NRU]\VWDQLD]bZLHOXF]FLRQHN
JG\ĝZLHOXF]RïRZ\FKWZöUFöZ
F]FLRQHN]H]ZDODQDVWRVRZDQLH
LFKZbWDNLVSRVöE

:bW\PSU]\SDGNXZ\EöUF]FLRQHN
MHVWQLHFRPQLHMV]\QLĝZbUD]LH
]DVWRVRZDQLDPHWRG\V,)5JG\ĝ
WZöUF\F]FLRQHNQLHVÈSU]\FK\OQL
WHMPHWRG]LH

1LHQDGDMÈVLÚGRSUH]HQWRZDQLDGïXJLFKIUDJPHQWöZWHNVWöZ

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

272 TEKST

W YNIK

2.5(¥/$1,(

.52-8&=&,21.,

font-family

<!DOCTYPE html>
<html>
<head>
<title>

WïaĂciwoĂÊ font-family

</title>

body {
font-family: Georgia, Times, serif;}
h1, h2 {
font-family: Arial, Verdana, sans-serif;}
.credits {
font-family: “Courier New”, Courier,
monospace;}

</style>
</head>
<body>
<h1>

Briardy

</h1>

napisaïa Ivy Duckett

</p>

Briard

</a>

inaczej owczarek francuski briard, jest duĝym
psem pasterskim tradycyjnie uĝywanym
do wypasania...

</p>

</body>
</html>

CSS

rozdzial-12/font-family.html

HTML

:ïDĂFLZRĂÊfont-family

SR]ZDODRNUHĂOLÊNUöMF]FLRQNL
Xĝ\ZDQHMGRSUH]HQWRZDQLD
WHNVWXXPLHV]F]RQHJRZHZQÈWU]
HOHPHQWXOXEHOHPHQWöZ
GRbNWöUHJRRGQRVLVLÚUHJXïD
:DUWRĂFLÈWHMZïDĂFLZRĂFL
MHVWQD]ZDXĝ\ZDQHJRNURNX
F]FLRQNL
2VRE\RGZLHG]DMÈFHVWURQÚ
PXV]ÈPLHÊGDQÈF]FLRQNÚ
]DLQVWDORZDQÈQDVZRLP
NRPSXWHU]HZbSU]HFLZQ\P
UD]LHQLH]RVWDQLHRQDXĝ\WD
:HZïDĂFLZRĂFLfont-family

PRĝQDWDNĝHSRGDÊOLVWÚQD]Z
F]FLRQHNRGG]LHORQ\FKRG
VLHELHSU]HFLQNDPLG]LÚNL
F]HPXMHĂOLQDNRPSXWHU]H
Xĝ\WNRZQLNDQLHEÚG]LH
GRVWÚSQHMSLHUZV]HM]bSRGDQ\FK
F]FLRQHNSU]HJOÈGDUNDVSUöEXMH
Xĝ\ÊQDVWÚSQHM
&]ÚVWRVWRVXMHVLÚUR]ZLÈ]DQLH
ZbNWöU\PQDVDP\PNRñFX
WDNLHMOLVW\]RVWDMHGRGDQD
RJöOQDQD]ZDF]FLRQNLRJöOQH
QD]Z\F]FLRQHN]RVWDï\SRGDQH
QDVWURQDFK268 – 269
-HĂOLQD]ZDF]FLRQNLVNïDGD
VLÚ]bZLÚFHMQLĝMHGQHJR
VïRZDQDOHĝ\MÈ]DSLVDÊ
ZbFXG]\VïRZLH
3URMHNWDQFLXZDĝDMÈĝHVWURQ\
Z\JOÈGDMÈQDMOHSLHMMHĂOLXĝ\ZD
VLÚQDQLFKQLHZLÚFHMQLĝWU]HFK
UöĝQ\FKNURMöZSLVPD

:HZV]\VWNLFKSU]\NïDGDFK
]DPLHV]F]RQ\FKZbW\PUR]G]LDOH
EÚG]LHP\Xĝ\ZDOLQLHFR
UR]V]HU]RQHMZHUVMLGRNXPHQWX
+70/SU]HGVWDZLRQHJR
QDWHMVWURQLH

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

273

TEKST

52=0,$5&=&,21.,

font-size

:ïDĂFLZRĂÊfont-sizeSR]ZDOD
RNUHĂOLÊZLHONRĂÊF]FLRQNL
0RĝQDWR]URELÊQDNLOND
VSRVREöZ]bNWöU\FKQDMF]ÚĂFLHM
Xĝ\ZDQHVÈ

PIKSELE

:\UDĝHQLHZLHONRĂFLF]FLRQNL
ZbSLNVHODFKMHVWEDUG]R
SRSXODUQHJG\ĝ]DSHZQLD
SURMHNWDQWRPEDUG]RSUHF\]\MQÈ
NRQWUROÚQDGREV]DUHP
]DMPRZDQ\PSU]H]WHNVW
=DbOLF]EÈSLNVHOLXPLHV]F]DQH
VÈOLWHU\px

:$572¥&,

352&(172:(

'RP\ĂOQLHWHNVWZ\ĂZLHWODQ\
SU]H]SU]HJOÈGDUNLPD
ZLHONRĂÊSLNVHOL$b]DWHP
ZDUWRĂÊbRGSRZLDGD
SLNVHORPDb
ĽbbSLNVHORP
-HĂOL]DVWRVXMHP\UHJXïÚ
NWöUDRNUHĂODĝHFDï\WHNVW
XPLHV]F]RQ\ZbHOHPHQFLH
<body>PDPLHÊ
GRP\ĂOQHMZLHONRĂFLWDNE\
PLDïRQZLHONRĂÊSLNVHOL
DbQDVWÚSQLHNROHMQÈUHJXïÚ
RJUDQLF]DMÈFÈZLHONRĂÊWHNVWX
ZbZ\EUDQ\PHOHPHQFLH
GRbWRZbHIHNFLH
WHNVWEÚG]LHPLDïZLHONRĂÊ
bSLNVHOLERW\OHZ\QRVL
ZDUWRĂFLbS[

body {
font-family: Arial, Verdana, sans-serif;
font-size: 12px;}
h1 {
font-size: 200%;}
h2 {
font-size: 1.3em;}

CSS

rozdzial-12/font-size.html

W YNIK

:$572¥&,(0

-HGQRVWNDemWRRGSRZLHGQLN
V]HURNRĂFLPDïHMOLWHU\ķPĵ

7HPLDU\ZLHONRĂFLF]FLRQHN
]RVWDï\GRNïDGQLHMRSLVDQH
QDbQDVWÚSQHMVWURQLH

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

274

TEKST

SKALE PISMA

%\ÊPRĝH&]\WHOQLN]DXZDĝ\ïĝHSURJUDP\
WDNLHMDN:RUG3KRWRVKRSLb,Q'HVLJQ
XGRVWÚSQLDMÈWHVDPHZLHONRĂFLF]FLRQHN

-HVWWRPRĝOLZHG]LÚNLWHPX
ĝHbF]FLRQNLVÈRNUHĂODQHZHGïXJ
WHMVDPHMVNDOLRSUDFRZDQHM
Zb;9,ZLHNXSU]H]HXURSHMVNLFK
]HFHUöZ

8]QDMHVLÚĝHWDVNDODZLHONRĂFL
F]FLRQHNMHVWPLïDGODRND
LbGODWHJRZbFLÈJXRVWDWQLFK
bODWQLHZLHOHVLÚ]PLHQLïD

.RU]\VWDQLH]bWHMVNDOLZLHONRĂFL
SRGF]DVSURMHNWRZDQLDVWURQ
VSUDZLĝHEÚGÈRQHZL]XDOQLH
DWUDNF\MQLHMV]H

1DQDVWÚSQHMVWURQLHMHVW
PRZDRbW\PZbMDNLVSRVöE
X]\VNLZDÊWHVDPHZLHONRĂFL
]bZ\NRU]\VWDQLHPSLNVHOL
ZDUWRĂFLSURFHQWRZ\FK
LbMHGQRVWHNHP

2VRE\]DMPXMÈFHVLÚVNïDGDQLHP
PDWHULDïöZGUXNRZDQ\FK
F]ÚVWRRNUHĂODMÈZLHONRĂÊ
WHNVWXQLHZbSLNVHODFKOHF]
ZbSXQNWDFKGODWHJRZbVNDOL
ZLGRF]QHMRERN]DOLF]EDPL
XPLHV]F]RQH]RVWDï\OLWHU\pt
3LNVHOHZLHONRĂFLÈRGSRZLDGDMÈ
PQLHMZLÚFHMSXQNWRP
JG\ĝSXQNWWRGRNïDGQLH
FDODDbZLÚNV]RĂÊ
PRQLWRUöZNRPSXWHURZ\FKPD
UR]G]LHOF]RĂÊSLNVHOLQDFDO

'RP\ĂOQDZLHONRĂÊF]FLRQNL
ZbSU]HJOÈGDUNDFKWRSLNVHOL
'ODWHJRZbUD]LHVWRVRZDQLD
ZDUWRĂFLSURFHQWRZ\FKOXE
MHGQRVWHNemNRQLHF]QHMHVW
SU]HOLF]HQLHZLHONRĂFLWHNVWX
QDSRGVWDZLHWHMZDUWRĂFL
GRP\ĂOQHM0RĝQDE\QS
SU]HVNDORZDÊSRGVWDZRZ\
WHNVWGRZLHONRĂFLSLNVHOL
DbQDJïöZNLĽGRZLHONRĂFL
bSLNVHOL

2VWDWQLR]GDU]DVLÚ
ĝHbSURMHNWDQFLSR]RVWDZLDMÈ
SRGVWDZRZ\WHNVWZbGRP\ĂOQHM
ZLHONRĂFLSLNVHOLLbVNDOXMÈ
LQQHF]FLRQNLZ]JOÚGHPWHM
ZDUWRĂFL

.LHG\SRUD]SLHUZV]\VSRWNDP\
VLÚ]bWHNVWHPRbZLHONRĂFL
bSLNVHOLPRĝHP\X]QDÊ
ĝHbZ\GDMHVLÚRQGRV\ÊGXĝ\
-HGQDNZLÚNV]RĂÊRVöEXZDĝD
ĝHNLHG\VLÚMXĝGRQLHJR
SU]\]Z\F]DLÊWRF]\WDQLH
WDNLHJRGXĝHJRWHNVWXMHVW
ïDWZLHMV]HSRSRQRZQ\P
Z\ĂZLHWOHQLXWHNVWXRbZLHONRĂFL
SLNVHOLRND]XMHVLÚĝHMHVW
RQFDïNLHPPDï\

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

275

TEKST

-('1267.,

:,(/.2¥&,&=&,21(.

2NUHĂODQLHZLHONRĂFLF]FLRQHN

ZbSLNVHODFKMHVWQDMOHSV]\P

VSRVREHPQDZ\PXV]HQLH

E\WHNVW\Z\ĂZLHWODQH

ZbSU]HJOÈGDUFHPLDï\

GRNïDGQLHWDNÈZLHONRĂÊMDNÈ

]DSODQRZDOLĂP\JG\ĝZLHONRĂFL

Z\UDĝRQHZbZDUWRĂFLDFK

SURFHQWRZ\FKOXEMHGQRVWNDFK
emPRJÈVLÚ]PLHQLDÊMHĂOL

Xĝ\WNRZQLN]PRG\ğNXMH

GRP\ĂOQHXVWDZLHQLD

SU]HJOÈGDUNL

:\PLDU\SLNVHOL]DOHĝÈMHG\QLH

RGUR]G]LHOF]RĂFLPRQLWRUD

GODWHJRWHQVDPWHNVW

QDbHNUDQLHRbUR]G]LHOF]RĂFL

ŚEÚG]LHVLÚZ\GDZDï

ZLÚNV]\QLĝQDHNUDQLH

RbUR]G]LHOF]RĂFLŚ

0RĝQDWDNĝHRNUHĂODÊZLHONRĂFL

F]FLRQHNZbSXQNWDFKSW

DbQLHZbSLNVHODFKMHGQDNWDNLH

UR]ZLÈ]DQLHQDOHĝ\VWRVRZDÊ

Z\ïÈF]QLHZbSU]\SDGNX

WZRU]HQLDVW\OöZQDVWURQÚ
SU]H]QDF]RQÈGRGUXNRZDQLD

7HNVWZ\ĂZLHWODQ\

ZbSU]HJOÈGDUNDFKPDGRP\ĂOQÈ

ZLHONRĂÊSLNVHOL.RU]\VWDMÈF

]bZDUWRĂFLSURFHQWRZ\FK

PRĝQDSU]HVNDORZDÊWÚ

ZDUWRĂÊE\X]\VNDÊWHNVW

RbGRP\ĂOQHMZLHONRĂFL

bSLNVHOLDbQDVWÚSQLHRNUHĂOLÊ

ZLHONRĂÊQDJïöZNöZZ]JOÚGHP

WHMQRZHMZDUWRĂFLGRP\ĂOQHM

8ĝ\WNRZQLF\PRJÈ]PLHQLDÊ

GRP\ĂOQÈZLHONRĂÊF]FLRQNL

ZbSU]HJOÈGDUFH:bWDNLP

SU]\SDGNXF]FLRQNLEÚGÈ

PLDï\WDNÈVDPÈVNDOÚMDNÈ

RNUHĂOLïWZöUFDVWURQ\OHF]LFK
IDNW\F]QHZLHONRĂFLEÚGÈLQQH

-HGQRVWNLemSR]ZDODMÈRNUHĂODÊ

ZLHONRĂÊWHNVWXZb]DOHĝQRĂFL

RGMHJRZLHONRĂFLZbHOHPHQFLH

URG]LFD3RQLHZDĝGRP\ĂOQD

ZLHONRĂÊWHNVWXZbSU]HJOÈGDUFH

WRSLNVHOLZbSU]\SDGNX

MHGQRVWHNemPRĝQD]DVWRVRZDÊ

SRGREQHUHJXï\MDNSU]\

ZDUWRĂFLDFKSURFHQWRZ\FK

=HZ]JOÚGXQDWR

ĝHbXĝ\WNRZQLF\PRJÈ]PLHQLDÊ

GRP\ĂOQÈZLHONRĂÊF]FLRQNL

ZbXVWDZLHQLDFKSU]HJOÈGDUNL

IDNW\F]QHZLHONRĂFLF]FLRQHN

PRJÈE\ÊLQQHQLĝ]DPLHU]Dï

SURMHNWDQWVWURQ\

'RGDWNRZDUHJXïDGRW\F]ÈFD

HOHPHQWXpSU]HGVWDZLRQD

ZbSRZ\ĝV]HMWDEHOFHPD

]DSHZQLÊZ\ĂZLHWODQLH

WHNVWöZRbRGSRZLHGQLHM

ZLHONRĂFLZbSU]HJOÈGDUNDFK

,QWHUQHW([SORUHULb%H]WHM

GRGDWNRZHMUHJXï\ZLHONRĂFL

LQQ\FKWHNVWöZZbW\FKGZöFK
SU]HJOÈGDUNDFKEÚGÈ]E\WGXĝH

PIKSELE

:$572¥&,

352&(172:(

-('1267.,(0

h1
h2
h3
body

24px

18px

14px

12px

200%
150%

117%

75%

h1
h2
h3
body

1.5em
1.3em

1.17em

100%

0.75em

h1
h2
h3
body
p

2em

1.5em

1.125em

100%

1em

h1
h2
h3
body
p

h1
h2
h3
body

32px

24px

18px

16px

200%
150%
133%
100%

h1
h2
h3
body

6NDODSLNVHORZD

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

276 TEKST

02¿/,:2¥&,67262:$1,$

'2'$7.2:<&+&=&,21(.

@font-face

5HJXïD@font-faceSR]ZDOD

Xĝ\ZDÊF]FLRQHNQDZHWMHĂOL
QLHVÈRQH]DLQVWDORZDQH
QDNRPSXWHU]HXĝ\WNRZQLND
SU]HJOÈGDMÈFHJRVWURQÚ-HVWWR
PRĝOLZHG]LÚNLSRGDQLXĂFLHĝNL
GRSOLNXF]FLRQNLNWöU\ZbUD]LH
NRQLHF]QRĂFLPRĝH]RVWDÊ
SREUDQ\
3RQLHZDĝWHFKQLNDWDSR]ZDOD
QDVNRSLRZDQLHF]FLRQNL
QDbNRPSXWHUXĝ\WNRZQLND
ZDĝQHMHVWE\MHMOLFHQFMD
]H]ZDODïDQDbWDNLH]DVWRVRZDQLD
&]FLRQNLGRGDMHVLÚGRVWURQ
:::SU]\Xĝ\FLXUHJXï\
@font-faceZbVSRVöE

SU]HGVWDZLRQ\QDSU]\NïDG]LH
]DPLHV]F]RQ\PRERN

font-family

7DZïDĂFLZRĂÊRNUHĂODQD]ZÚ
F]FLRQNLNWöUHMQDVWÚSQLH
PRĝQDXĝ\ZDÊZbGDOV]HMF]ÚĂFL
DUNXV]XVW\OöZZHZïDĂFLZRĂFL
font-familyMDNZLGDÊQD

SU]\NïDG]LHUHJXïRGQRV]ÈF\FK
VLÚGRHOHPHQWöZ<h1>Lb<h2>

src

7DZïDĂFLZRĂÊRNUHĂODĂFLHĝNÚ
GRVWÚSXGRF]FLRQNL$E\WD
WHFKQLNDG]LDïDïDZHZV]\VWNLFK
SU]HJOÈGDUNDFKNRQLHF]QH
EÚG]LH]DSHZQHSRGDQLH
ĂFLHĝHNGRNLONXUöĝQ\FKZHUVML
WHMVDPHMF]FLRQNL]JRGQLH
]bLQIRUPDFMDPLSRGDQ\PL
QDbQDVWÚSQHMVWURQLH

format

7DZïDĂFLZRĂÊRNUHĂODIRUPDW
ZbMDNLP]RVWDïD]DSLVDQD
F]FLRQND:LÚFHMLQIRUPDFML

QDWHQWHPDWPRĝQD]QDOHěÊ
QDbQDVWÚSQHMVWURQLH
:LHOXWZöUFöZF]FLRQHNQLH
SR]ZDODQDVWRVRZDQLHLFK
ZbWDNLVSRVöELVWQLHMÈMHGQDN
RJöOQLHGRVWÚSQHF]FLRQNL
NWöU\FKPRĝQDWDNXĝ\ZDÊ
,QIRUPDFMHRbQLFK]QDMGXMÈVLÚ
QDVWURQDFK
www.fontsquirrel.com
www.fontex.org
www.openfontlibrary.org
3U]\SU]HJOÈGDQLXGRVWÚSQ\FK
ZbW\FKZLWU\QDFKF]FLRQHN
QDOHĝ\VSUDZG]DÊLFKOLFHQFMH
JG\ĝQLHNWöUH]bQLFKVÈ
GRVWÚSQHW\ONRGRbXĝ\WNX
SU\ZDWQHJRF]\OLbQLH
QDbVWURQDFKPDMÈF\FK
FKDUDNWHUbNRPHUF\MQ\

:bVLHFLLVWQLHMHNLONDZLWU\Q
]DSHZQLDMÈF\FKGRVWÚS
GRbF]FLRQHNNRPHUF\MQ\FK
-HVWWRPRĝOLZHG]LÚNLWHPX
ĝHbZ\QHJRFMRZDï\GODVZRLFK
Xĝ\WNRZQLNöZPRĝOLZRĂÊ
GDUPRZHJRNRU]\VWDQLD
]bZ\EUDQ\FKF]FLRQHN
'RbWDNLFKZLWU\QQDOHĝÈ
www.typekit.com
www.kernest.com
www.fontspring.com
7DNĝHğUPD*RRJOHXGRVWÚSQLD
]ELöUF]FLRQHN]bNWöU\FKPRĝQD
NRU]\VWDÊEH]SïDWQLH$E\LFK
Xĝ\ÊQLHWU]HEDVWRVRZDÊ
UHJXï\@font-faceZHZïDVQ\P

DUNXV]XVW\OöZOHF]VNRU]\VWDÊ
]bSOLNX&66QDVHUZHU]H*RRJOH
www.google.com/webfonts

@font-face {
font-family: ĶChunkFiveRegularĳ;
src: url(Ķfonts/chunkğve.eotĳ);}
h1, h2 {
font-family: ChunkFiveRegular, Georgia, serif;}

CSS

rozdzial-12/font-face.html

W YNIK

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

277

TEKST

35(=(17$&-$

)250$7:&=&,21(.

5öĝQHSU]HJOÈGDUNLREVïXJXMÈ
UöĝQHIRUPDW\]DSLVXF]FLRQHN
DQDORJLF]QLHMDNUöĝQHIRUPDW\
DXGLRLbZLGHRDb]DWHP
E\bF]FLRQNDE\ïDGRVWÚSQD
ZHZV]\VWNLFKPRĝOLZ\FK
SU]HJOÈGDUNDFKWU]HED
MÈEÚG]LH]DSLVDÊZbNLONX
UöĝQ\FKbIRUPDWDFK

-HĂOLQLHG\VSRQXMHP\
ZV]\VWNLPLSRWU]HEQ\PL
IRUPDWDPLPRĝHP\
VNRSLRZDÊF]FLRQNÚGRZLWU\Q\
)RQW6TXLUUHONWöUDGRNRQD
RGSRZLHGQLFKNRQZHUVML

www.fontsquirrel.com/fontface/
generator

:LWU\QDWDSU]\JRWXMHWDNĝHNRG
&66]DZLHUDMÈF\RGSRZLHGQLÈ
UHJXïÚ@font-face7REDUG]R
SU]\GDWQHUR]ZLÈ]DQLHJG\ĝ
ZbSU]\SDGNXNRU]\VWDQLD
]bF]FLRQHN]DSLVDQ\FKZbZLHOX
IRUPDWDFKZïDĂFLZRĂFLsrcRUD]
formatUHJXï\@font-facePRJÈ
E\ÊGRV\ÊVNRPSOLNRZDQH

3U]\NïDGWDNLHMEDUG]LHM
VNRPSOLNRZDQHMUHJXï\
@font-face]RVWDï
SU]HGVWDZLRQ\RERN

3RV]F]HJöOQHIRUPDW\F]FLRQNL
SRZLQQ\]RVWDÊZ\PLHQLRQH
ZbNRG]LHZbQDVWÚSXMÈFHM
NROHMQRĂFL

eot,

woff,

ttf/otf,

svg.

@font-face {
font-family: ĲChunkFiveRegularĳ;
src: url(Ĳfonts/chunkğve.eotĳ);
src: url(Ĳfonts/chunkğve.eot?#ieğxĳ)

format(Ĳembedded-opentypeĳ),

url(Ĳfonts/chunkğve.woffĳ) format(Ĳwoffĳ),
url(Ĳfonts/chunkğve.ttfĳ)

format(Ĳtruetypeĳ),

url(Ĳfonts/chunkğve.svg#ChunkFiveRegularĳ)

format(Ĳsvgĳ);}

rozdzial-12/understanding-font-formats.html

CSS

35=(*/k'$5.$

FORMAT

HRW

ZRII

WWIRWI

VYJ

&KURPHZV]\VWNLHZHUVMH

&KURPH

)LUHIR[

IE 5 – 8

2SHUD

6DIDUL

L26

3RQLHZDĝSU]HJOÈGDUNDPXVL
SREUDÊSOLNF]FLRQNLDE\PöF
MHMXĝ\ÊXĝ\WNRZQLNPRĝH
]DXZDĝ\ÊHIHNWFKZLORZHM
]PLDQ\Z\JOÈGXWHNVWX
ZbMÚ]\NXDQJLHOVNLPMHVWRQ
RNUHĂODQ\MDNRFOUC — Flash
Of Unstyled ContentOXEFOUT
— Flash Of Unstyled Text
,VWQLHMÈGZDVSRVRE\NWöU\FK

PRĝQDXĝ\ÊE\VSUöERZDÊ
RJUDQLF]\ÊWHQHIHNW3LHUZV]\P
MHVWXVXQLÚFLH]bF]FLRQNL
QLHSRWU]HEQ\FK]QDNöZ
DbGUXJLPĽVNRU]\VWDQLH
]bVLHFLXGRVWÚSQLDQLDWUHĂFL
&'1ĽDQJContent Delivery
NetworkF]\OLVSHFMDOQHM
XVïXJLXPRĝOLZLDMÈFHMV]\EV]H
SRELHUDQLHSOLNöZ]bLQWHUQHWX

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

278 TEKST

POGRUBIENIE

font-weight

:ïDĂFLZRĂÊfont-weight
SR]ZDODQDWZRU]HQLHWHNVWX
SRJUXELRQHJR0DRQDNLOND
SUHGHğQLRZDQ\FKZDUWRĂFL
]bNWöU\FKQDMF]ÚĂFLHMVWRVRZDQH
VÈGZLH

normal

7DZDUWRĂÊVSUDZLDĝHWHNVWPD
QRUPDOQÈJUXERĂÊ

bold

7DZDUWRĂÊSRZRGXMH
SRJUXELHQLHWHNVWX

:bSU]HGVWDZLRQ\PRERN
SU]\NïDG]LHZLGDÊĝHHOHPHQW
SRVLDGDMÈF\DWU\EXWclass
RbZDUWRĂFLcredits]RVWDï
SRJUXELRQ\

0RĝQDVLÚ]DVWDQDZLDÊ
GODF]HJRZSURZDG]RQR
ZDUWRĂÊnormal:\REUDěP\
VRELHĝHbGODHOHPHQWX<body>
WZRU]\P\UHJXïÚNWöUDVSUDZLD
ĝHFDï\WHNVWVWURQ\MHVW
SRJUXELRQ\:bWDNLPSU]\SDGNX
PRĝHVLÚQDPSU]\GDÊ
PRĝOLZRĂÊZ\ĂZLHWOHQLD
SHZQHJRIUDJPHQWXWHNVWX
F]FLRQNÈRbQRUPDOQHMJUXERĂFL
,QQ\PLVïRZ\ZDUWRĂÊWD
RGJU\ZDUROÚķZ\ïÈF]QLNDĵ
SRJUXELHQLD

.credits {
font-weight: bold;}

rozdzial-12/font-weight.html

W YNIK

CSS

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

279

TEKST

-HĂOLFKFHP\Z\ĂZLHWOLÊWHNVW
NXUV\ZÈPRĝHP\VNRU]\VWDÊ
]bZïDĂFLZRĂFLfont-style0RĝH
RQDSU]\MPRZDÊWU]\bZDUWRĂFL

normal

=DVWRVRZDQLHWHMZDUWRĂFL
VSUDZLĝHWHNVW]RVWDQLH
Z\ĂZLHWORQ\QRUPDOQ\PVW\OHP
DbQLHNXUV\ZÈOXEF]FLRQNÈ
SRFK\ORQÈ

italic

8ĝ\FLHWHMZDUWRĂFLVNXWNXMH
]DVWRVRZDQLHPNXUV\Z\

oblique

8ĝ\FLHWHMZDUWRĂFLVNXWNXMH
]DVWRVRZDQLHPF]FLRQNL
SRFK\ORQHM

:bSU]\NïDG]LHSU]HGVWDZLRQ\P
RERNZLGDÊĝHNXUV\ZÈ]RVWDï
Z\ĂZLHWORQ\HOHPHQWNWöUHJR
DWU\EXWclassPDZDUWRĂÊ
credits

KURSYWA

font-style

W YNIK

.credits {
font-style: italic;}

CSS

rozdzial-12/font-style.html

.XUV\Z\VÈ]D]Z\F]DM
RGUÚEQ\PLZHUVMDPL
F]FLRQHNVW\OL]RZDQ\PL
QDbSLVPRRGUÚF]QHQDWRPLDVW
VW\OSRFK\ORQ\SROHJD
QDb]DVWRVRZDQLX]QDNöZ
]bQRUPDOQHMZHUVMLF]FLRQNL
LbZ\ĂZLHWODQLXLFKSRG
SHZQ\PbNÈWHP

1LHU]DGNR]GDU]DVLÚ
ĝHbSU]HJOÈGDUNDQLHMHVW
ZbVWDQLHRGV]XNDÊNRQNUHWQHM
F]FLRQNLZbZHUVMLNXUV\Z\
ZbWDNLFKSU]\SDGNDFKXĝ\ZD
RQDRGSRZLHGQLHJRDOJRU\WPX
NWöU\Z\ĂZLHWOD]QDNLQRUPDOQHM
ZHUVMLF]FLRQNLSRGSHZQ\P
NÈWHPR]QDF]DWRĝH]QDF]QD
F]ÚĂÊWHNVWöZZ\ĂZLHWODQ\FK
QDVWURQDFK:::NXUV\ZÈ
WRZbU]HF]\ZLVWRĂFLWHNVW
SRFK\ORQ\

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

280 TEKST

:,(/.,(,b0$(/,7(5<

text-transform

:ïDĂFLZRĂÊtext-transform
MHVWXĝ\ZDQDGR]PLDQ\
ZLHONRĂFLOLWHUZbWHNĂFLHLbPRĝH
SU]\MPRZDÊQDVWÚSXMÈFH
ZDUWRĂFL

uppercase

7DZDUWRĂÊVSUDZLĝHWHNVW
EÚG]LHZ\ĂZLHWODQ\ZLHONLPL
OLWHUDPL

lowercase

7DZDUWRĂÊVSUDZLĝHWHNVW
EÚG]LHZ\ĂZLHWODQ\PDï\PL
OLWHUDPL

capitalize

8ĝ\FLHWHMZDUWRĂFLVSRZRGXMH
ĝHNDĝGHVïRZREÚG]LHVLÚ
]DF]\QDÊRGZLHONLHMOLWHU\

:bW\PSU]\NïDG]LHHOHPHQW
<h1>]RVWDïZ\ĂZLHWORQ\
ZLHONLPLOLWHUDPLHOHPHQWb<h2>
ĽPDï\PLQDWRPLDVW
ZbHOHPHQFLHNWöUHJRDWU\EXW
classPDZDUWRĂÊcredits
SLHUZV]HOLWHU\NDĝGHJRVïRZD
VÈ]DPLHQLDQHQDZLHONLH
:bNRG]LH+70/VWURQ\
VïRZRķQDSLVDïDĵ]DF]\QDVLÚ
RGbPDïHMbOLWHU\

:bUD]LHZ\ĂZLHWODQLDWHNVWX
ZLHONLPLOLWHUDPLSU]\Xĝ\FLXWHM
ZïDĂFLZRĂFLZDUWRVNRU]\VWDÊ
]bZïDĂFLZRĂFLletter-spacing
RSLVDQHMQDVWURQLHb
E\bSRZLÚNV]\ÊRGVWÚS\
SRPLÚG]\]QDNDPL3RSUDZLWR
F]\WHOQRĂÊWHNVWX

h1 {
text-transform: uppercase;}
h2 {
text-transform: lowercase;}
.credits {
text-transform: capitalize;}

rozdzial-12/text-transform.html

W YNIK

CSS

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

281

TEKST

32'.5(¥/(1,(

,b35=(.5(¥/(1,(

text-decoration

:ïDĂFLZRĂÊtext-decoration
PRĝHSU]\MPRZDÊQDVWÚSXMÈFH
ZDUWRĂFL

none

8VXZDZV]HONLHHOHPHQW\
GHNRUDF\MQH]DVWRVRZDQH
ZbWHNĂFLH

underline

'RGDMHOLQLÚSRQLĝHM]QDNöZ

overline

'RGDMHOLQLÚSRZ\ĝHM]QDNöZ

line-throught

'RGDMHOLQLÚNWöUD
SU]HNUHĂODb]QDNL

blink

'RGDMHDQLPDFMÚNWöUD
VSUDZLDĝHWHNVWSRMDZLDVLÚ
Lb]QLNDUR]ZLÈ]DQLHWRQLHMHVW
GREU]HSU]\MPRZDQHJG\ĝ
SRZV]HFKQLHXZDĝDVLÚMH
]DbGHQHUZXMÈFH

:bSU]\NïDG]LHSU]HGVWDZLRQ\P
RERNHOHPHQW]bDWU\EXWHP
classRbZDUWRĂFLcredits]RVWDï
SRGNUHĂORQ\'RGDWNRZRQD]ZD
UDV\EÚGÈFDïÈF]HPQLHMHVW
SRGNUHĂORQDFKRÊGRP\ĂOQLHĽ
MDNRïÈF]HĽSRZLQQDE\Ê

W YNIK

.credits {
text-decoration: underline;}
ab{
text-decoration: none;}

rozdzial-12/text-decoration.html

CSS

:ïDĂFLZRĂÊWDMHVWSRZV]HFKQLH
Xĝ\ZDQDSU]H]SURMHNWDQWöZ
VWURQZbFHOXXVXZDQLD
SRGNUHĂOHñ]bïÈF]\1DbVWURQDFK
289 – 290SRND]DQR
ZbMDNLVSRVöEGRGDZDÊOXE
XVXZDÊSRGNUHĂOHQLHNLHG\
Xĝ\WNRZQLNXPLHĂFLQDïÈF]X
ZVNDěQLNbP\V]\

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

282 TEKST

INTERLINIA

line-height

,QWHUOLQLDMHVWW\SRJUDğF]Q\P
WHUPLQHPR]QDF]DMÈF\P
SLRQRZÈRGOHJïRĂÊSRPLÚG]\
ZLHUV]DPL:bW\SRJUDğL
IUDJPHQW\]QDNöZXPLHV]F]RQH
SRQLĝHMOLQLLED]RZHMVÈ
QD]\ZDQHwydïuĝeniem
dolnymQDWRPLDVWQDMZ\ĝV]H
IUDJPHQW\]QDNöZĽ
wydïuĝeniem górnym,QWHUOLQLD
MHVWPLHU]RQDSRPLÚG]\
Z\GïXĝHQLHPGROQ\PJöUQHJR
ZLHUV]DWHNVWXDbZ\GïXĝHQLHP
JöUQ\PGROQHJRZLHUV]D

DbQLHZbSLRQLH'REU\P
XVWDZLHQLHPZ\MĂFLRZ\PVÈ
ZDUWRĂFL]b]DNUHVXRG1.4
emGR1.6bem=HZ]JOÚGX
QDWRĝHbXĝ\WNRZQLF\
PRJÈPRG\ğNRZDÊ
GRP\ĂOQÈZLHONRĂÊF]FLRQNL
ZbXVWDZLHQLDFKSU]HJOÈGDUNL

ZDUWRĂÊZïDĂFLZRĂFL
line-heightQDMOHSLHMRNUHĂOLÊ
ZbMHGQRVWNDFKemDbQLH
ZbSLNVHODFKJG\ĝG]LÚNLWHPX
RGOHJïRĂÊPLÚG]\ZLHUV]DPL
EÚG]LHXVWDORQDZ]JOÚGHP
Z\EUDQHMSU]H]Xĝ\WNRZQLND
ZLHONRĂFLF]FLRQNL

p {
line-height: 1.4em;}

rozdzial-12/line-height.html

W YNIK

CSS

3RZLÚNV]HQLHGRP\ĂOQHM
Z\VRNRĂFLLQWHUOLQLLPRĝH
SRSUDZLÊF]\WHOQRĂÊWHNVWX
3LRQRZ\RGVWÚSSRPLÚG]\
SRV]F]HJöOQ\PLZLHUV]DPL
WHNVWXSRZLQLHQE\ÊZLÚNV]\
RGbRGVWÚSXSRPLÚG]\Z\UD]DPL
JG\ĝXïDWZLDWRSU]HVXZDQLH
Z]URNXZbSR]LRPLH

:b&66ZïDĂFLZRĂÊline-
heightRNUHĂODZ\VRNRĂÊ
FDïHJRZLHUV]DWHNVWX
Db]DWHPLQWHUOLQLÚVWDQRZL
UöĝQLFDSRPLÚG]\ZDUWRĂFLDPL
ZïDĂFLZRĂFLline-height
RUD]font-sizeFRSRND]DQR
QDbSRZ\ĝV]\PU\VXQNX

3RZLÚNV]DQLHZDUWRĂFL
ZïDĂFLZRĂFLline-height
SRZRGXMH]ZLÚNV]DQLHRGVWÚSX
SRPLÚG]\NROHMQ\PLZLHUV]DPL
WHNVWX

IRQWVL]H

OLQHKHLJKW

LQWHUOLQLD

+HMW\

W YNIK %( Z U¿ YCI$ C SS

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

283

TEKST

2'/(*2¥&,320,}'=<

/,7(5$0,,b62:$0,

letter-spacing, word-spacing

KerningMHVWWHUPLQHP
W\SRJUDğF]Q\PR]QDF]DMÈF\P
RGOHJïRĂFLSRPLÚG]\
SRV]F]HJöOQ\PL]QDNDPL
WHNVWX2GOHJïRĂFLWHPRĝQD
NRQWURORZDÊSU]\Xĝ\FLX
ZïDĂFLZRĂFLletter-spacing

3RZLÚNV]HQLHRGOHJïRĂFL
SRPLÚG]\OLWHUDPLMHVW
V]F]HJöOQLHSU]\GDWQHZWHG\
JG\QDJïöZHNMHVW]DSLVDQ\
Z\ïÈF]QLHZLHONLPLOLWHUDPL
:bSU]\SDGNX]Z\F]DMQ\FK
]GDñOXEXĝ\FLDPDï\FKOLWHU
SRZLÚNV]DQLHOXE]PQLHMV]DQLH
NHUQLQJXPRĝHXWUXGQLÊ
OHNWXUÚbWHNVWX

0RĝQDWDNĝHNRQWURORZDÊ
RGOHJïRĂFLSRPLÚG]\NROHMQ\PL
Z\UD]DPLVïXĝ\GRWHJR
ZïDĂFLZRĂÊword-spacing

:bUD]LHRNUHĂODQLDZDUWRĂFL
W\FKZïDĂFLZRĂFLQDOHĝ\VLÚ
SRVïXJLZDÊMHGQRVWNDPLem
DbSRGDQHZDUWRĂFL]RVWDQÈ
GRGDQHGRGRP\ĂOQ\FK
RGOHJïRĂFLXVWDZLRQ\FK
ZbXĝ\ZDQHMF]FLRQFH

'RP\ĂOQHRGOHJïRĂFL
VÈRNUHĂODQHSU]H]NUöM
SLVPD]Z\NOHZ\QRV]È
RQHb0.25bemLbMHVWUDF]HM
PDïRSUDZGRSRGREQHE\
WU]HEDE\ïRMHF]ÚVWR]PLHQLDÊ
:bUD]LHVWRVRZDQLDF]FLRQNL
SRJUXELRQHMOXE]ZLÚNV]HQLD
RGOHJïRĂFLSRPLÚG]\]QDNDPL
SRZLÚNV]HQLHRGOHJïRĂFLPLÚG]\
Z\UD]DPLPRĝHSRSUDZLÊ
SU]HMU]\VWRĂÊWHNVWX

W YNIK

h1, h2 {
text-transform: uppercase;
letter-spacing: 0.2em;}
.credits {
font-weight: bold;
word-spacing: 1em;}

rozdzial-12/letter-and-word-spacing.html

CSS

W YNIK %( Z U¿ YCI$ C SS

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

284 TEKST

WYRÓWNANIE

text-align

:ïDĂFLZRĂÊtext-align
SR]ZDODNRQWURORZDÊ
Z\UöZQDQLHWHNVWX0RĝHRQD
SU]\MPRZDÊMHGQÈ]bF]WHUHFK
ZDUWRĂFL

left

8ĝ\FLHWHMZDUWRĂFLVSUDZL
ĝHWHNVWEÚG]LHZ\UöZQDQ\
GRbOHZHM

right

8ĝ\FLHWHMZDUWRĂFLVSUDZL
ĝHbWHNVWEÚG]LHZ\UöZQDQ\
GRbSUDZHM

center

7DZDUWRĂÊXPRĝOLZLD
Z\ĂURGNRZDQLHWHNVWX

justify

:bSU]\SDGNXXĝ\FLDWHM
ZDUWRĂFLZV]\VWNLHZLHUV]H
DNDSLWX]bZ\MÈWNLHP
RVWDWQLHJRSRZLQQ\]DMPRZDÊ
FDïÈV]HURNRĂÊHOHPHQWX
ZHZQÈWU]NWöUHJRDNDSLW
]RVWDïbXPLHV]F]RQ\

h1 {
text-align: left;}
p {
text-align: justify;}
.credits {
text-align: right;}

rozdzial-12/text-align.html

W YNIK

8ZDĝDVLÚĝHMHĂOLQDVWURQLH
MHVWXPLHV]F]RQ\FKNLOND
DNDSLWöZWHNVWXïDWZLHMEÚG]LH
PRĝQDMHRGF]\WDÊMHĂOL]RVWDQÈ
Z\UöZQDQHGROHZHM

:bSU]\SDGNXZ\MXVWRZDQLD
NDĝG\ZLHUV]WHNVWXMHVW
DQDOL]RZDQ\]bRVREQD
DbRGOHJïRĂFLSRPLÚG]\

SRV]F]HJöOQ\PLZ\UD]DPL
]RVWDMÈZ\UöZQDQH7HNVW
ZbNWöU\PRGOHJïRĂFLSRPLÚG]\
SHZQ\PLZ\UD]DPLEÚGÈGXĝH
DbSRPLÚG]\LQQ\PLPDïHPRĝH
Z\JOÈGDÊG]LZQLH7DNLHIHNW
F]ÚVWRSRZVWDMHNLHG\ZLHUV]H
WHNVWXQLHVÈ]E\WV]HURNLHOXE
JG\WHNVW]DZLHUDGïXJLHZ\UD]\

CSS

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

285

TEKST

:<5:1$1,(:b3,21,(

vertical-align

:ïDĂFLZRĂÊvertical-align
MHVWF]ÚVW\PSRZRGHP
SRP\ïHNNieVïXĝ\RQDERZLHP
GRbZ\UöZQ\ZDQLDWHNVWX
ZbSLRQLHZHZQÈWU]HOHPHQWX
EORNRZHJRWDNLHJRMDN<p>
OXE<div>FKRÊ]DSHZQLD
WDNLHIHNWMHĂOL]RVWDQLH
]DVWRVRZDQDZbNRPöUFHWDEHOL
HOHPHQFLH<td>OXE<th>

=QDF]QLHF]ÚĂFLHMMHVW
Xĝ\ZDQDZbHOHPHQWDFK
ZHZQÈWU]ZLHUV]RZ\FK
WDNLFKMDN<img><em>RUD]
<strong>:öZF]DVG]LDïD
ZbVSRVöEEDUG]RSRGREQ\
GRDWU\EXWXalignHOHPHQWX
<img>RSLVDQHJRQDVWURQDFK
102 – 1053RQLĝHMZ\PLHQLRQR
ZDUWRĂFLNWöUHPRĝH
SU]\MPRZDÊWDZïDĂFLZRĂÊ

baseline
sub
super
top
text-top
middle
bottom
text-bottom

0RĝQDMHMWDNĝHSU]\SLVDÊ
ZDUWRĂÊRNUHĂODMÈFÈdïugoĂÊ
]D]Z\F]DMZ\UDĝRQÈ
ZbSLNVHODFKOXEMHGQRVWNDFK
emRUD]procentowÈZDUWRĂÊ
Z\VRNRĂFLZLHUV]D

W YNIK

#six-months {
vertical-align: text-top;}
#one-year {
vertical-align: baseline;}
#two-years {
vertical-align: text-bottom;}

rozdzial-12/vertical-align.html

CSS

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

286 TEKST

:&,}&,$

text-indent

:ïDĂFLZRĂÊtext-indent
SR]ZDODQDXWZRU]HQLHZFLÚFLD
ZbSLHUZV]\PZLHUV]XWHNVWX
XPLHV]F]RQHJRZbHOHPHQFLH
:LHONRĂÊWHJRZFLÚFLDPRĝQD
RNUHĂODÊQDNLONDUöĝQ\FK
VSRVREöZMHGQDN]D]Z\F]DM
MHVWRQDSRGDZDQDZbSLNVHODFK
OXEMHGQRVWNDFKem

:FLÚFLHPRĝHWHĝPLHÊZDUWRĂÊ
XMHPQÈFRR]QDF]DĝHPRĝQD
JRXĝ\ÊZbFHOXZ\VXQLÚFLD
WHNVWXSR]DRNQRSU]HJOÈGDUNL
7HFKQLNDWD]RVWDïD
]DVWRVRZDQDZbSU]HGVWDZLRQ\P
RERNSU]\NïDG]LHZbNWöU\P
HOHPHQW<h1>Xĝ\ZDREUD]XE\
SU]HGVWDZLÊQDJïöZHNZbVSRVöE
JUDğF]Q\7HNVW]RVWDïQDWRPLDVW
SU]HVXQLÚW\ZbOHZRWDNGDOHNR
ĝH]QDOD]ïVLÚSR]DRNQHP
SU]HJOÈGDUNL=DJDGQLHQLD
]ZLÈ]DQH]bREUD]DPLWïD]RVWDï\
RSLVDQHQDVWURQDFK
412 – 417

6DPWHNVWQDJïöZNDZFLÈĝ
SRZLQLHQVLÚ]QDMGRZDÊ
QDVWURQLH]HZ]JOÚGX
QDbZ\V]XNLZDUNLRUD]RVRE\
NWöUHQLHPRJÈRJOÈGDÊ
REUD]öZMHGQDNQLHFKFHP\
E\SU]HVïRQLïORJRJG\ĝFDïRĂÊ
QDJïöZNDVWDïDE\VLÚZWHG\
QLHF]\WHOQD']LÚNLSU]HVXQLÚFLX
WHNVWXQDJïöZNDRbbSLNVHOL
ZbOHZR]QDOD]ïVLÚRQGDOHNR
SR]DREV]DUHPVWURQ\
Z\ĂZLHWODQ\PZbSU]HJOÈGDUFH
OHF]PLPRWRZFLÈĝ]QDMGXMHVLÚ
ZbNRG]LH+70/VWURQ\

h1 {
background-image: url(”images/logo.gif”);
background-repeat: no-repeat;
text-indent: -9999px;}
.credits {
text-indent: 20px;}

rozdzial-12/text-indent.html

W YNIK

'UXJDUHJXïD]DVWRVRZDQD
ZbSU]HGVWDZLRQ\PWX
SU]\NïDG]LHWZRU]\ZFLÚFLH
RbV]HURNRĂFLSLNVHOL
ZbHOHPHQFLHNWöUHJRDWU\EXW
classPDZDUWRĂÊcredits

CSS

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

287

TEKST

&66&,(1,(

text-shadow

:ïDĂFLZRĂÊtext-shadow
MHVWSRZV]HFKQLHXĝ\ZDQD
FKRÊMHV]F]HQLHZV]\VWNLH
SU]HJOÈGDUNLMÈREVïXJXMÈ

8ĝ\ZDVLÚMHMGRWZRU]HQLD
FLHQLDĽF]\OLFLHPQHM
ZHUVMLWHNVWXXPLHV]F]RQHM
SRQLĝHMQLHJRLbQLHFR
SU]HVXQLÚWHM0RĝQDMHMWDNĝH
Xĝ\ÊGRbVWZRU]HQLDHIHNWX
Z\SXNïRĂFLĽZbW\PSU]\SDGNX
FLHñPXVLE\ÊQLHFRMDĂQLHMV]\
RGWHNVWX

:DUWRĂÊWHMZïDĂFLZRĂFLMHVW
QLHFRVNRPSOLNRZDQDJG\ĝ
PRĝHVLÚVNïDGDÊ]bDĝWU]HFK
OLF]EUHSUH]HQWXMÈF\FKGïXJRĂFL
RUD]]bNRORUX

3LHUZV]DOLF]EDRNUHĂOD
ZLHONRĂÊSU]HVXQLÚFLDFLHQLD
ZbOHZROXESUDZR

'UXJDOLF]EDRNUHĂODZLHONRĂÊ
SU]HVXQLÚFLDFLHQLDZbJöUÚ
OXEbZbGöï

7U]HFLDZDUWRĂÊMHVWRSFMRQDOQD
RNUHĂODVWRSLHñUR]PD]DQLD
FLHQLD

:UHV]FLHF]ZDUWDZDUWRĂÊ
RNUHĂODNRORUFLHQLD

:ïDĂFLZRĂÊtext-shadowMHVW
EDUG]RSRSXODUQDMHGQDNJG\
SRZVWDZDïDWDNVLÈĝNDQLHE\ïD
REVïXJLZDQDSU]H]ĝDGQÈZHUVMÚ
SU]HJOÈGDUNL,QWHUQHW([SORUHU
QDZHWQDMQRZV]ÈĽ,(,QQL
WZöUF\SU]HJOÈGDUHN]DSHZQLOL
MHMREVïXJÚZbZHUVMDFK
)LUHIR[b6DIDUL&KURPH
2SHUDb

p.one {
background-color: #eeeeee;
color: #666666;
text-shadow: 1px 1px 0px #000000;}
p.two {
background-color: #dddddd;
color: #666666;
text-shadow: 1px 1px 3px #666666;}
p.three {
background-color: #cccccc;
color: #ffffff;
text-shadow: 2px 2px 7px #111111;}
p.four {
background-color: #bbbbbb;
color: #cccccc;
text-shadow: -1px -2px #666666;}
p.ğve {
background-color: #aaaaaa;
color: #ffffff;
text-shadow: -1px -1px #666666;}

rozdzial-12/text-shadow.html

W YNIK

CSS

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

288 TEKST

p.intro:ğrst-letter {
font-size: 200%;}
p.intro:ğrst-line {
font-weight: bold;}

rozdzial-12/first-letter-and-line.html

W YNIK

CSS

PIERWSZA LITERA LUB

PIERWSZY WIERSZ

:ğrst-letter, :ğrst-line

,VWQLHMHPRĝOLZRĂÊRNUHĂOHQLD
GRGDWNRZ\FKUHJXïVW\OöZ
GODSLHUZV]HJR]QDNXRUD]
SLHUZV]HJRZLHUV]DWHNVWX
ZbHOHPHQFLH6ïXĝÈGRWHJR
RGSRZLHGQLRSVHXGRHOHPHQW\
:ğrst-letterLb:ğrst-line

:DUWR]ZUöFLÊXZDJÚ
ĝHb]bWHFKQLF]QHJRSXQNWX
ZLG]HQLDQLHVÈWRZïDĂFLZRĂFL
OHF]pseudoelementy

3VHXGRHOHPHQW\VÈSRGDZDQH
QDVDP\PNRñFXVHOHNWRUD
Db]DQLPLMDNZHZV]\VWNLFK
UHJXïDFKXPLHV]F]DVLÚ
GHNODUDFMÚVW\OX

:DUWRZ\SUöERZDÊWHQSU]\NïDG
ZbVZRMHMSU]HJOÈGDUFHE\VLÚ
SU]HNRQDÊĝHSVHXGRHOHPHQW
ğUVWOLQHEÚG]LHPLDïZSï\Z
Z\ïÈF]QLHQDSLHUZV]\ZLHUV]
WHNVWXQDZHWMHĂOL]PLHQLP\
ZLHONRĂÊRNQDSU]HJOÈGDUNL
DbZbHIHNFLH]PLHQLVLÚOLF]ED
VïöZZLGRF]Q\FKZbZLHUV]X

:b&66GRVWÚSQHVÈ]DUöZQR
SVHXGRHOHPHQW\MDN
LbSVHXGRNODV\3VHXGRHOHPHQW
G]LDïDWDNMDNE\ZbNRG]LH
VWURQ\]QDMGRZDïVLÚGRGDWNRZ\
HOHPHQW3U]HGVWDZLDQHWX
SVHXGRHOHPHQW\:ğst-letter
Lb:ğrst-lineG]LDïDMÈZbWDNL
VSRVöEMDNJG\E\SLHUZV]D
OLWHUDOXESLHUZV]\ZLHUV]WHNVWX
ZbHOHPHQFLHE\ï\XPLHV]F]RQH
ZbGRGDWNRZ\PHOHPHQFLHGOD
NWöUHJRPRĝHP\RNUHĂODÊVW\OH

3VHXGRNODV\G]LDïDMÈMDN
JG\E\E\ï\GRGDWNRZ\PL
ZDUWRĂFLDPLDWU\EXWXclass
QSSVHXGRNODVD:visited
SU]HGVWDZLRQDQDbQDVWÚSQHM
VWURQLHSR]ZDODQDRNUHĂOHQLH
RVREQ\FKVW\OöZGODïÈF]\
NWöU\FKVWURQDGRFHORZD]RVWDïD
MXĝRGZLHG]RQD$QDORJLF]QLH
SVHXGRNODVD:hoverSR]ZDOD
RNUHĂODÊRGUÚEQHVW\OH
NWöUH]RVWDQÈ]DVWRVRZDQH
SRbZVND]DQLXHOHPHQWXP\V]NÈ

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

289

TEKST

2.5(¥/$1,(

3267$&,k&=<

:link, :visited

3U]HJOÈGDUNL]D]Z\F]DM
Z\ĂZLHWODMÈïÈF]DZbNRORU]H
QLHELHVNLPXPLHV]F]DMÈF
SRGWHNVWHPSRGNUHĂOHQLH
DbGRGDWNRZRRGZLHG]RQH
ïÈF]DVÈSUH]HQWRZDQH
ZbLQQ\PNRORU]HE\SRPöF
Xĝ\WNRZQLNRPRNUHĂOLÊNWöUH
VWURQ\MXĝRGZLHG]LOLDbNWöU\FK
MHV]F]HQLH
:b&66GRVWÚSQHVÈGZLH
pseudoklasySR]ZDODMÈFH
QDbRNUHĂODQLHRGUÚEQ\FKUHJXï
GODïÈF]\QLHRGZLHG]RQ\FK
RUD]bRGZLHG]RQ\FK

:link

7DSVHXGRNODVDSR]ZDOD
RNUHĂODÊVW\OHRGQRV]ÈFHVLÚ
GRïÈF]\NWöUHMHV]F]HQLHE\ï\
RGZLHG]RQH

:visited

7DSVHXGRNODVDSR]ZDOD
RNUHĂODÊVW\OHGODïÈF]\
NWöUHb]RVWDï\MXĝRGZLHG]RQH
2ELHWHSVHXGRNODV\VÈ
SRZV]HFKQLHXĝ\ZDQHE\
NRQWURORZDÊNRORUZbMDNLP
VÈZ\ĂZLHWODQHïÈF]DRUD]
WRF]\bVÈRQHSRGNUHĂORQH
F]\bQLH
:bSU]\NïDG]LHSU]HGVWDZLRQ\P
]bOHZHMVWURQ\ZLGDÊ
ĝHRGZLHG]RQHïÈF]DVÈ
Z\ĂZLHWODQHLQQ\PNRORUHP
FRSRPDJDXĝ\WNRZQLNRP
]RULHQWRZDÊVLÚNWöUHVWURQ\
MXĝbRJOÈGDOL
3VHXGRNODV\:hoverRUD]
:activeRSLVDQDQDQDVWÚSQHM
VWURQLHVÈXĝ\ZDQHGR]PLDQ\
SRVWDFLïÈF]\NWöUHXĝ\WNRZQLN
ZVND]XMHP\V]NÈOXENOLND

a:link {
color: deeppink;
text-decoration: none;}
a:visited {
color: black;}
a:hover {
color: deeppink;
text-decoration: underline;}
a:active {
color: darkcyan;}

rozdzial-12/link-visited.html

W YNIK

CSS

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

290 TEKST

5($.&-$1$'=,$$1,$

8¿<7.2:1,.$

:hover, :active, :focus

'RVWÚSQHVÈWU]\SVHXGRNODV\
SR]ZDODMÈFHQDPRG\ğNDFMÚ
Z\JOÈGXHOHPHQWöZ
ZbRGSRZLHG]LQDSRF]\QDQLD
Xĝ\WNRZQLND

:hover

7DSVHXGRNODVDMHVWVWRVRZDQD
JG\Xĝ\WNRZQLNZVNDĝHHOHPHQW
SU]\Xĝ\FLXMDNLHJRĂXU]ÈG]HQLD
ZVND]XMÈFHJRWDNLHJRMDNP\V]
3RZV]HFKQLHE\ïDXĝ\ZDQD
GR]PLDQ\Z\JOÈGXïÈF]\
OXEbSU]\FLVNöZSRbXPLHV]F]HQLX
QDbQLFKZVNDěQLNDP\V]\
:DUWRMHGQDN]DXZDĝ\Ê
ĝHbWDNLH]GDU]HQLDQLHZ\VWÚSXMÈ
QDXU]ÈG]HQLDFKZ\SRVDĝRQ\FK
ZbHNUDQ\GRW\NRZHWDNLFK
MDNL3DGJG\ĝXU]ÈG]HQLD
WHQLHVÈZbVWDQLHRNUHĂOLÊ
NLHG\Xĝ\WNRZQLNWU]\PDSDOHF
QDGbGDQ\PHOHPHQWHP

:active

7DSVHXGRNODVDMHVW
VWRVRZDQDNLHG\HOHPHQW
]RVWDQLHXDNW\ZQLRQ\
QSbJG\bXĝ\WNRZQLNQDFLĂQLH
SU]\FLVNOXENOLNQLHïÈF]H
&]DVDPLXĝ\ZDVLÚMHM
E\bVWZRU]\ÊHIHNWZbNWöU\P
SU]\FLVNOXEïÈF]HEÚGÈ
Z\JOÈGDÊMDNJG\E\]RVWDï\
QDFLĂQLÚWH:bW\PFHOX
Z\VWDUF]\QLH]QDF]QLH]PLHQLÊ
VW\OHOHPHQWXLbQLHFRJR
SU]HVXQÈÊ

:focus

7DSVHXGRNODVDMHVWVWRVRZDQD
JG\ZbHOHPHQFLH]QDMGXMHVLÚ

RJQLVNRZSURZDG]DQLDGRW\F]\
WRZV]\VWNLFKHOHPHQWöZ
]bNWöU\PLXĝ\WNRZQLNPRĝHE\Ê
ZbLQWHUDNFMLWDNLFKMDNSROD
IRUPXODU]\
3U]HQLHVLHQLHRJQLVND
ZSURZDG]DQLDGRHOHPHQWX
QDVWÚSXMHZbPRPHQFLH
JG\bSU]HJOÈGDUNDRGNU\MH
ĝHbXĝ\WNRZQLNMHVWJRWRZ\
GRbUR]SRF]ÚFLDLQWHUDNFML
]bGDQ\PHOHPHQWHP.LHG\
QSNXUVRU]QDMGXMHVLÚZbSROX

WHNVWRZ\PLbPRĝQDZbQLP
ZSLV\ZDÊ]QDNLPöZLP\
ĝHbZbSROX]QDMGXMHVLÚRJQLVNR
ZSURZDG]DQLD2SUöF]WHJR
SRGF]DVLQWHUDNFML]HVWURQÈ
PRĝQDSU]HFKRG]LÊSRPLÚG]\
NROHMQ\PLSRODPLXĝ\ZDMÈF
NODZLV]DWDEXODFMLRUD]NODZLV]\
VWU]DïHN:bUD]LHVWRVRZDQLD
W\FKSVHXGRNODVQDOHĝ\MH
RNUHĂODÊZbQDVWÚSXMÈFHM
NROHMQRĂFL:link:visited
:hover:focus:active

input {
padding: 6px 12px 6px 12px;
border: 1px solid #665544;
color: #ffffff;}
input.submit:hover {
background-color: #665544;}
input.submit:active {
background-color: chocolate;}
input.text {
color: #cccccc;}
input.text:focus {
color: #665544;}

rozdzial-12/hover-active-focus.html

W YNIK

CSS

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

291

TEKST

SELEKTORY ATRYBUTÓW

SELEKTOR

=1$&=(1,(

35=<.$'

ISTNIENIE

[]

3R]ZDOD]QDOHěÊNRQNUHWQ\
DWU\EXWQLH]DOHĝQLHRGWHJR
MDNÈPDZDUWRĂÊ

p[class]

2GQRVLVLÚGRZV]HONLFK
HOHPHQWöZ<p>ZbNWöU\FK]RVWDï
SRGDQ\DWU\EXWclass

5:12¥m

[=]

3R]ZDOD]QDOHěÊNRQNUHWQ\
DWU\EXWRbRNUHĂORQHMZDUWRĂFL

p[class=”dog”]

2GQRVLVLÚGRZV]HONLFK
HOHPHQWöZ<p>NWöU\FKDWU\EXW
classPDZDUWRĂÊdog

2'67}3

[~=]

3R]ZDOD]QDOHěÊNRQNUHWQ\
DWU\EXWNWöUHJRZDUWRĂÊ
]QDMGXMHVLÚQDOLĂFLHVïöZ
RGG]LHORQ\FKRGVLHELH
SU]HFLQNDPL

p[class~=”dog”]

2GQRVLVLÚGRZV]HONLFKHOHPHQWöZ
<p>]DZLHUDMÈF\FKDWU\EXWclass
NWöUHJRZDUWRĂÊ]QDMGXMHVLÚQD
OLĂFLHSRGDQ\FKZDUWRĂFLZbQDV]\P
SU]\SDGNXOLVWDWD]DZLHUDW\ONR
MHGQÈZDUWRĂÊĽdog

32&=k7.2:<
FRAGMENT

[^=]

3R]ZDOD]QDOHěÊNRQNUHWQ\
DWU\EXWNWöUHJRZDUWRĂÊ
UR]SRF]\QDVLÚSRGDQ\P
ïDñFXFKHP]QDNöZ

p[attr^=”dog”]

2GQRVLVLÚGRZV]HONLFK
HOHPHQWöZ<p>ZbNWöU\FK
ZDUWRĂÊDWU\EXWXattr]DF]\QDVLÚ
RGOLWHU\ķGĵ

FRAGMENT
$&8&+$

[*=]

3R]ZDOD]QDOHěÊNRQNUHWQ\
DWU\EXWNWöUHJRZDUWRĂÊ
]DZLHUDRNUHĂORQ\ïDñFXFK
]QDNöZ

p[attr*=”do”]

2GQRVLVLÚGRZV]HONLFK
HOHPHQWöZZbNWöU\FKZDUWRĂÊ
DWU\EXWXattr]DZLHUDFLÈJ
]QDNöZķGRĵ

=$.2&=(1,(

[$=]

3R]ZDOD]QDOHěÊNRQNUHWQ\
DWU\EXWNWöUHJRZDUWRĂÊNRñF]\
VLÚSRGDQ\PïDñFXFKHP]QDNöZ

p[attr$=”g”]

2GQRVLVLÚGRZV]HONLFKHOHPHQWöZ
<p>ZbNWöU\FKZDUWRĂÊDWU\EXWX
attrNRñF]\VLÚOLWHUÈķJĵ

1DMF]ÚĂFLHMVWRVRZDQHVHOHNWRU\&66]RVWDï\SU]HGVWDZLRQH
QDbVWURQLH237,VWQLHMHWDNĝHJUXSDVHOHNWRUöZDWU\EXWöZ
SR]ZDODMÈF\FKQDbWZRU]HQLHUHJXïNWöUH]DZLHUDMÈDWU\EXW\
RbRNUHĂORQHMZDUWRĂFL

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

292 TEKST

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

293

TEKST

35=<.$'

TEKST

:bSU]HGVWDZLRQ\PWXSU]\NïDG]LH
Z\NRU]\VWDQRZLHOHVSRĂUöGWHFKQLN
]DSUH]HQWRZDQ\FKZbW\PUR]G]LDOH

:LHONRĂFLF]FLRQHNVÈRNUHĂODQH]bZ\NRU]\VWDQLHPZïDĂFLZRĂFL
font-size3U]\Xĝ\FLXZïDĂFLZRĂFLfont-styleF]FLRQND
ZbQDJïöZNDFK]RVWDïD]PLHQLRQD]bSRJUXELRQHMQDQRUPDOQÈ
'RGDWNRZRG]LÚNLXĝ\FLXZïDĂFLZRĂFLfont-family]RVWDï\]PLHQLRQH
F]FLRQNLXĝ\ZDQHGRSUH]HQWDFMLWHNVWXZbHOHPHQWDFK

:bHOHPHQFLH<h1>]RVWDïD]DVWRVRZDQDZïDĂFLZRĂÊ&66text-
shadowG]LÚNLNWöUHMSRQLĝHMHOHPHQWXMHVWZ\ĂZLHWODQ\FLHñ=bNROHL
WHNVWZbHOHPHQFLH<h2>]RVWDïZ\ĂZLHWORQ\ZLHONLPLOLWHUDPLSU]\
Xĝ\FLXZïDĂFLZRĂFLtext-transformG]LÚNLF]HPXïDWZLHMPRĝQDJR
RGF]\WDÊGRGDWNRZRNRU]\VWDMÈF]bZïDĂFLZRĂFLletter-spacing
SRZLÚNV]\OLĂP\RGVWÚS\SRPLÚG]\OLWHUDPL

-HĂOLFKRG]LRbJïöZQÈWHNVWRZÈ]DZDUWRĂÊVWURQ\SRZLÚNV]RQD
]RVWDïDZDUWRĂÊZïDĂFLZRĂFLline-heightG]LÚNLF]HPXRGVWÚS\
SRPLÚG]\NROHMQ\PLZLHUV]DPLVÈZLÚNV]HDbWHNVWMHVWïDWZLHMV]\
GRRGF]\WDQLD']LÚNLXĝ\FLXSVHXGRHOHPHQWXğrst-line]RVWDïD
VWZRU]RQDUHJXïDNWöUDZ\ĂZLHWODSLHUZV]\ZLHUV]WHNVWXZbDNDSLFLH
SRJUXELRQÈF]FLRQNÈ,bZbNRñFXLQIRUPDFMHRbDXWRUFHWHNVWX]RVWDï\
Z\ĂZLHWORQHNXUV\ZÈLbZ\UöZQDQHGRSUDZHM

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

294 TEKST

35=<.$'

TEKST

<!DOCTYPE html>
<html>
<head>
<title>

Tekst

</title>

body {

padding: 20px;}
h1, h2, h3, ab{
font-weight: normal;
color: #0088dd;
margin: 0px;}
h1 {
font-family: Georgia, Times, serif;
font-size: 250%;
text-shadow: 2px 2px 3px #666666;
padding-bottom: 10px;}
h2 {
font-family: “Gill Sans”, Arial, sans-serif;
font-size: 90%;
text-transform: uppercase;
letter-spacing: 0.2em;}
h3 {
font-size: 150%;}
p {
font-family: Arial, Verdana, sans-serif;
line-height: 1.4em;
color: #665544;}
p.intro:ğrst-line {
font-weight: bold;}
.credits {
font-style: italic;
text-align: right;}
ab{
text-decoration: none;}
a:hover {
text-decoration: underline;}

</style>

</head>

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

295

TEKST

35=<.$'

TEKST

<body>

<h1>

Briardy

</h1>

<h2>

Serce skryte pod futrem

</h2>

Briard

</a>

, inaczej owczarek francuski briard, jest duĝym psem pasterskim

tradycyjnie uĝywanym do wypasania ibpilnowania owiec.</p>

<h3>

Historia rasy

</h3>

<p>

Uwaĝa siÚ, ĝe psy te zostaïy wyhodowane we Francji. Od wieków byïy uĝywane

do wypasania ibochrony owiec. Wbarmii francuskiej sïuĝyïy jako psy
wartownicze, do przenoszenia wiadomoĂci oraz, ze wzglÚdu na doskonaïy sïuch,
do poszukiwania rannych. Wbczasie pierwszej wojny Ăwiatowej wykorzystywano
ich umiejÚtnoĂci
wbtak duĝym stopniu, ĝe niemal doprowadzono do wyginiÚcia rasy.
Aktualnie ich populacja caïy czas zbwolna roĂnie. Charlemagne, Napoleon,
Thomas Jefferson oraz Lafayette mieli psy tej rasy.

</p>

napisaïa Ivy Duckett

</p>

</body>
</html>

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

32'6802:$1,(

TEKST

-Ú]\N+70/XGRVWÚSQLDZïDĂFLZRĂFLSR]ZDODMÈFH

QDbNRQWUROÚXĝ\ZDQ\FKF]FLRQHNLFKZLHONRĂFLZDJL

VW\OXRUD]RGVWÚSöZSRPLÚG]\]QDNDPLLbZ\UD]DPL

/LF]EDF]FLRQHNFRGRNWöU\FKPRĝQDSU]\MÈÊ

ĝHbEÚGÈ]DLQVWDORZDQHQDNRPSXWHUDFK

Xĝ\WNRZQLNöZMHVWRJUDQLF]RQD

-HĂOLFKFHP\Xĝ\ZDÊV]HUV]HJR]DNUHVXNURMöZ

SLVPDPRĝHP\VNRU]\VWDÊ]bNLONXUR]ZLÈ]Dñ

QLHPQLHMNRQLHF]QHMHVWSRVLDGDQLHRGSRZLHGQLFK

OLFHQFMLQDF]FLRQNL

0RĝQDNRQWURORZDÊRGVWÚS\SRPLÚG]\NROHMQ\PL

ZLHUV]DPLWHNVWXSRV]F]HJöOQ\PL]QDNDPLRUD]

VïRZDPL7HNVW\PRĝQDZ\UöZQ\ZDÊGROHZHM

GRbSUDZHMZ\ĂURGNRZ\ZDÊRUD]MXVWRZDÊ

0RĝQDbWDNĝHRNUHĂODÊZFLÚFLH

.RU]\VWDMÈF]bSVHXGRHOHPHQWöZPRĝQD]PLHQLDÊVW\O

HOHPHQWXNLHG\Xĝ\WNRZQLNXPLHĂFLQDQLPZVNDěQLN

P\V]\OXEJRNOLNQLHDOERZbRGPLHQQ\VSRVöE

Z\ĂZLHWODÊRGZLHG]RQHïÈF]D

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

PUDEŁK A

ELEMENTÓW

.RQWURODZLHONRĂFLSXGHïNDHOHPHQWX

0RGHOSXGHïNRZ\ĽREUDPRZDQLDPDUJLQHV\
RUD]Z\SHïQLHQLD

:\ĂZLHWODQLHLbXNU\ZDQLHSXGHïND

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

300 38'(.$(/(0(17:

1DSRF]ÈWNXF]ÚĂFLNVLÈĝNLSUH]HQWXMÈFHM
&66E\ïDPRZDRbW\PĝHNDĝG\HOHPHQW
+70/MHVWWUDNWRZDQ\WDNMDNE\]QDMGRZDï
VLÚZbRGUÚEQ\PSXGHïNX

,VWQLHMHPRĝOLZRĂÊRNUHĂODQLDNLONXZïDĂFLZRĂFLNWöUHPDMÈ
ZSï\ZQDZ\JOÈGW\FKSXGHïHN:bW\PUR]G]LDOHSRZLHP\
ZbMDNLVSRVöEbPRĝQD

.RQWURORZDÊZ\PLDU\SXGHïHNHOHPHQWöZ

7ZRU]\ÊREUDPRZDQLDZRNöïHOHPHQWöZ

2NUHĂODÊPDUJLQHV\LbZ\SHïQLHQLD

3RND]\ZDÊLbXNU\ZDÊSXGHïNDHOHPHQWöZ

.LHG\MXĝVLÚGRZLHP\MDNNRQWURORZDÊZ\JOÈGSXGHïHN
HOHPHQWöZZbNROHMQ\PUR]G]LDOHGRW\F]ÈF\PXNïDGXVWURQ
SU]HNRQDP\bVLÚMDNPRĝQDMHUR]PLHV]F]DÊ

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

38'(.$(/(0(17:

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

302 38'(.$(/(0(17:

:<0,$5<38'(.$

width, height

'RP\ĂOQLHSXGHïNRHOHPHQWXMHVW
W\ONRQDW\OHGXĝHE\SRPLHĂFLÊ
FDïÈMHJR]DZDUWRĂÊ$E\RNUHĂOLÊ
MHJRZ\PLDU\QDOHĝ\Xĝ\Ê
ZïDĂFLZRĂFLwidth oraz height
1DMF]ÚĂFLHMXĝ\ZDQ\PVSRVREHP
RNUHĂODQLDZ\PLDUöZHOHPHQWX
MHVWSRGDZDQLHZDUWRĂFL
Z\UDĝRQ\FKZbSLNVHODFK
ZDUWRĂFLDFKSURFHQWRZ\FKOXE
MHGQRVWNDFKem7UDG\F\MQLHMXĝ
QDMSRSXODUQLHMV]\PUR]ZLÈ]DQLHP
MHVWSRGDZDQLHZ\PLDUöZ
ZbSLNVHODFKJG\ĝ]DSHZQLDWR
SURMHNWDQWRPQDMZLÚNV]ÈSUHF\]MÚ
:bSU]\SDGNXNRU]\VWDQLD
]bZDUWRĂFLSURFHQWRZ\FK
ZLHONRĂÊHOHPHQWXMHVWZ\OLF]DQD
Z]JOÚGHPZ\PLDUöZRNQD
SU]HJOÈGDUNLOXEMHĂOLHOHPHQW
]QDMGXMHVLÚZHZQÈWU]LQQHJR
Z]JOÚGHPHOHPHQWXZbNWöU\P
Z\PLDURZDQ\HOHPHQWVLÚ
]QDMGXMH
:bSU]\SDGNXNRU]\VWDQLD
]bMHGQRVWHNemZLHONRĂÊHOHPHQWX
MHVWRNUHĂODQDQDSRGVWDZLH
ZLHONRĂFLXPLHV]F]RQHJRZbQLP
WHNVWX2EHFQLHSURMHNWDQFL
FRUD]F]ÚĂFLHMRNUHĂODMÈ
Z\PLDU\NRU]\VWDMÈF]bZDUWRĂFL
SURFHQWRZ\FKOXEZLHONRĂFL
Z\UDĝRQ\FKZbMHGQRVWNDFKemĽ
VWDUDMÈVLÚZbWHQVSRVöEWZRU]\Ê
VWURQ\RbHODVW\F]Q\PXNïDG]LH
SR]ZDODMÈF\PZ\ĂZLHWODÊMH
QDbXU]ÈG]HQLDFKZ\SRVDĝRQ\FK
ZbHNUDQ\RbUöĝQHMUR]G]LHOF]RĂFL
:bSU]\NïDG]LHSU]HGVWDZLRQ\P
RERNZLGRF]Q\MHVWHOHPHQW
<div>RbV]HURNRĂFLLbZ\VRNRĂFL
300SLNVHOL:HZQÈWU]QLHJR
]RVWDïXPLHV]F]RQ\DNDSLWWHNVWX

Firma Moog byïa jednÈ zbpierwszych, które we

wczesnych latach 50. rozpoczÚïy komercyjnÈ
sprzedaĝ analogowych systemów syntezatorowych
zasilanych prÈdem zmiennym.

</p>

</div>

HTML

rozdzial-13/width-height.html

W YNIK

div.box {
height: 300px;
width: 300px;
background-color: #bbbbaa;}
p {
height: 75%;
width: 75%;
background-color: #0088dd;}

CSS

NWöUHJRV]HURNRĂÊLbZ\VRNRĂÊ
VWDQRZLÈZ\PLDUöZ
HOHPHQWX]DZLHUDMÈFHJR2]QDF]D
WRĝHV]HURNRĂÊLbZ\VRNRĂÊ
DNDSLWXWRSLNVHOL

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

303

38'(.$(/(0(17:

2*5$1,&=(1,(6=(52.2¥&,

min-width, max-width

1LHNWöUHSURMHNW\VWURQ
UR]V]HU]DMÈVLÚOXE]ZÚĝDMÈ
GRVWRVRZXMÈFVZRMÈZLHONRĂÊ
GRZ\PLDUöZHNUDQX:bWDNLFK
SURMHNWDFKZïDĂFLZRĂÊ
min-widthRNUHĂODQDMPQLHMV]È
V]HURNRĂÊMDNÈPRĝH
SU]\MÈÊSXGHïNRHOHPHQWX
Z\ĂZLHWORQHQDZÈVNLPHNUDQLH
DbZïDĂFLZRĂÊmax-width
ĽPDNV\PDOQÈV]HURNRĂÊ
GRbMDNLHMSXGHïNRHOHPHQWX
PRĝHVLÚSRZLÚNV]\ÊJG\HNUDQ
EÚG]LHV]HURNL

6ÈWREDUG]RSU]\GDWQH
ZïDĂFLZRĂFLNWöUHVSUDZLÈ
ĝH]DZDUWRĂÊVWURQ\EÚG]LH
QDOHĝ\FLHF]\WHOQDGRW\F]\WR
]ZïDV]F]DPDï\FKHNUDQöZ
XU]ÈG]HñNLHV]RQNRZ\FK
8ĝ\ZDMÈFQSZïDĂFLZRĂFLmax-
width]DSHZQLP\ĝHZLHUV]H
WHNVWXQLHEÚGÈ]E\WV]HURNLH
ZbGXĝ\PRNQLHSU]HJOÈGDUNL
DbNRU]\VWDMÈF]bZïDĂFLZRĂFL
min-widthĽĝHQDPDï\P
HNUDQLHQLHEÚGÈRQH]E\W
ZÈVNLH

:DUWRE\&]\WHOQLNZ\SUöERZDï
WHQSU]\NïDGLbSU]HNRQDïVLÚ
FRbVLÚEÚG]LHG]LDïRJG\b]DF]QLH
]PLHQLDÊV]HURNRĂÊRNQD
SU]HJOÈGDUNL

7U]HEDSDPLÚWDÊ
ĝHbZïDĂFLZRĂFLWH]DF]Úï\E\Ê
REVïXJLZDQHZbSU]HJOÈGDUFHb,(
RUD])LUHIR[Db]DWHP
ZbVWDUV]\FKZHUVMDFKW\FK
SURJUDPöZQLHEÚGÈG]LDïDÊ

Fender Rhodes to

elektryczno-mechaniczne pianino wymyĂlone przez
Harolda Rhodesa wblatach 50. XX wieku,
abnastÚpnie produkowane wbwielu modelach...

</td>

<td>

$1400

</td>

</tr>

HTML

rozdzial-13/min-width-max-width.html

td.description {
min-width: 450px;
max-width: 650px;
text-align: left;
padding: 5px;
margin: 0px;}

CSS

W YNIK

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

304 38'(.$(/(0(17:

<h2>

Fender Mustang

</h2>

<p>

Gitara Fender Mustang zostaïa przedstawiona

wb1964 roku jako podstawa do...

</p>

<h2>

Fender Stratocaster

</h2>

<p>

Gitara Fender Stratocaster, nazywana takĝe ”Strat”,

jest jednÈ zbnajpopularniejszych gitar...

</p>

<h2>

Gibson Les Paul

</h2>

<p>

Gibson Les Paul to gitara elektryczna wykonana

zblitego kawaïka drewna, która pojawiïa siÚ
wbsprzedaĝy wb1952 roku...

</p>

HTML

rozdzial-13/min-height-max-height.html

W YNIK

h2, p {
width: 400px;
font-size: 90%;
line-height: 1.2em;}
h2 {
color: #0088dd;
border-bottom: 1px solid #0088dd;}
p {
min-height: 10px;
max-height: 30px;}

CSS

2*5$1,&=$1,(:<62.2¥&,

min-height, max-height

2SUöF]V\WXDFMLJG\EÚG]LHP\
FKFLHOLRJUDQLF]DÊV]HURNRĂÊ
SXGHïNDHOHPHQWXPRĝHVLÚ
]GDU]\ÊĝHEÚG]LHP\FKFLHOL
RJUDQLF]DÊMHJRZ\VRNRĂÊ
0RĝQDWR]URELÊNRU]\VWDMÈF
]bGZöFKZïDĂFLZRĂFL
min-heightLbmax-height

3U]\NïDGSU]HGVWDZLRQ\
RERNGHPRQVWUXMHHIHNW\
]DVWRVRZDQLDREXW\FK
ZïDĂFLZRĂFL2SUöF]WHJR
SRND]XMHFRVLÚVWDQLHNLHG\
]DZDUWRĂÊHOHPHQWXEÚG]LH]E\W
GXĝDE\]PLHĂFLÊVLÚZbMHJR
REV]DU]H

-HĂOLSXGHïNRHOHPHQWXMHVW
]E\WPDïHE\SRPLHĂFLÊ
FDïÈMHJR]DZDUWRĂÊDbWD
]RVWDMHZ\ĂZLHWORQDSR]D
MHJRREV]DUHPWRZbHIHNFLH
QDbVWURQLHPRĝHSRZVWDÊ
VSRU\EDïDJDQ'RNRQWUROL
VSRVREXSRVWÚSRZDQLDZbWDNLFK
V\WXDFMDFKPRĝQDXĝ\Ê
ZïDĂFLZRĂFLoverĠowRSLVDQHM
QDQDVWÚSQHMVWURQLH

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

38'(.$(/(0(17:

<h2>

Fender Stratocaster

</h2>

Gitara Fender Stratocaster, nazywana

takĝe “Strat”, jest jednÈ zbnajpopularniejszych...

</p>

<h2>

Gibson Les Paul

</h2>

Gibson Les Paul to gitara elektryczna

wykonana zblitego kawaïka drewna, która pojawiïa
siÚ wbsprzedaĝy wb1952 roku...

</p>

HTML

rozdzial-13/overflow.html

p.one {
overĠow: hidden;}
p.two {
overĠow: scroll;}

CSS

W YNIK

2%68*$=%<7

'8¿(-=$:$572¥&,

overĠow

:ïDĂFLZRĂÊoverĠowRNUHĂOD

FRSU]HJOÈGDUNDPD]URELÊMHĂOL
]DZDUWRĂÊHOHPHQWXQLHPLHĂFL
VLÚZbREV]DU]HMHJRSXGHïND
0RĝHRQDSU]\MÈÊMHGQÈ
]bGZöFKZDUWRĂFL

hidden

8ĝ\FLHWHMZDUWRĂFLSRZRGXMH
XNU\FLHZV]\VWNLFKWUHĂFL
NWöUHbQLHPLHV]F]ÈVLÚ
ZbSXGHïNXHOHPHQWX

scroll

:bSU]\SDGNXXĝ\FLDWHM
ZDUWRĂFLSU]HJOÈGDUNDZ\ĂZLHWOL
ZHZQÈWU]HOHPHQWXSDVNL
SU]HZLMDQLDSR]ZDODMÈFH
Z\ĂZLHWOLÊSRF]ÈWNRZR
QLHZLGRF]QÈ]DZDUWRĂÊ
:bSU]\NïDG]LHSU]HGVWDZLRQ\P
]bOHZHMVWURQ\PRĝQD]REDF]\Ê
GZDHOHPHQW\NWöU\FK
]DZDUWRĂÊMHVW]E\WGXĝD
LbQLHPLHĂFLVLÚZHZQÈWU]
LFKSXGHïHN:bSLHUZV]\P
HOHPHQFLHZïDĂFLZRĂFLoverĠow

]RVWDïDSU]\SLVDQDZDUWRĂÊ
hiddenQDWRPLDVWZbGUXJLPĽ

ZDUWRĂÊscroll
:ïDĂFLZRĂÊoverĠowMHVW

V]F]HJöOQLHSU]\GDWQDJG\ĝ
QLHNWöUHSU]HJOÈGDUNLSR]ZDODMÈ
Xĝ\WNRZQLNRPGRZROQLH
]PQLHMV]DÊOXESRZLÚNV]DÊ
SUH]HQWRZDQHWHNVW\-HĂOL
WHNVWEÚG]LH]E\WGXĝ\WR
QDVWURQLHPRĝH]DSDQRZDÊ
EDïDJDQLbVWUDFLRQDF]\WHOQRĂÊ
1DbWDNLFKVWURQDFKXNU\FLH
WUHĂFLQLHPLHV]F]ÈF\FKVLÚ
ZHZQÈWU]HOHPHQWöZPRĝH
]DSRELHFZ]DMHPQHPX
QDNïDGDQLXVLÚWUHĂFL

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

306

38'(.$(/(0(17:

2%5$02:$1,(0$5*,1(6

25$=:<3(1,(1,(

.DĝGHSXGHïNRHOHPHQWXPDWU]\
ZïDĂFLZRĂFLNWöUHPRĝQDPRG\ğNRZDÊ
ZbFHOXRNUHĂOHQLDMHJRZ\JOÈGX

2%5$02:$1,(

.DĝGHSXGHïNRHOHPHQWXPD
REUDPRZDQLHQDZHWMHĂOLMHVW
QLHZLGRF]QHDOERPDSLNVHOL
V]HURNRĂFL2EUDPRZDQLHWR
RGG]LHODEU]HJMHGQHJRSXGHïND
RGGUXJLHJR

-HĂOLRNUHĂOLP\

Z\PLDU\HOHPHQWX

WRJUXERĂÊMHJR

REUDPRZDQLDRUD]

V]HURNRĂÊPDUJLQHVX

LbZ\SHïQLHQLD

]RVWDQÈGRGDQH

GRbW\FKZ\PLDUöZ

0$5*,1(6

0DUJLQHVMHVWREV]DUHP
]QDMGXMÈF\PVLÚQD]HZQÈWU]
REUDPRZDQLDHOHPHQWX
0RĝQDXĝ\ZDÊPDUJLQHVX
E\b]ZLÚNV]DÊRGVWÚS
SRPLÚG]\REUDPRZDQLDPL
GZöFKVÈVLDGXMÈF\FK]HVREÈ
HOHPHQWöZ

:<3(1,(1,(

:\SHïQLHQLHWRRGVWÚS
SRPLÚG]\REUDPRZDQLHP
HOHPHQWXDbMHJR]DZDUWRĂFLÈ
3RZLÚNV]DQLHZ\SHïQLHQLD
SRSUDZLDF]\WHOQRĂÊ]DZDUWRĂFL
HOHPHQWX

:LWDP

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

38'(.$(/(0(17:

2'67}3<

,b0$5*,1(63,212:<

3URMHNWDQFLRNUHĂODMÈRGOHJïRĂFL
SRPLÚG]\SRV]F]HJöOQ\PL
HOHPHQWDPLVWURQ\MDNR
odstÚpy:\REUDěP\VRELH
ĝHbZRNöïMDNLHJRĂHOHPHQWX
MHVWZ\ĂZLHWORQHREUDPRZDQLH
:bWDNLPSU]\SDGNXQLH
EÚG]LHP\FKFLHOLE\
VÈVLDGXMÈF\]bQLPWHNVWGRW\NDï
WHJRREUDPRZDQLDJG\ĝWR
XWUXGQLïRE\OHNWXUÚWUHĂFL

=b0$5*,1(6$0,

,b:<3(1,(1,$0,

%(=0$5*,1(6:

,b:<3(1,(

$OERZ\REUDěP\VRELH
ĝHRERNVLHELHQDVWURQLH
]QDMGXMÈVLÚGZDHOHPHQW\
DbNDĝG\]bQLFKPDZLGRF]QH
F]DUQHREUDPRZDQLH
:bWDNLPSU]\SDGNXWHĝQLH
FKFLHOLE\ĂP\E\REUDPRZDQLD
VLÚVW\NDï\JG\ĝNUDZÚGěVW\NX
Z\GDZDïDE\VLÚGZXNURWQLH
JUXEV]D

:ïDĂFLZRĂFL
padding oraz

marginVÈEDUG]R

SRPRFQHJG\ĝ

SR]ZDODMÈ]ZLÚNV]DÊ

RGVWÚS\SRPLÚG]\

UöĝQ\PLHOHPHQWDPL

VWURQ\

-HĂOLGROQ\PDUJLQHV
HOHPHQWXVW\NDVLÚ]bJöUQ\P
PDUJLQHVHPLQQHJRHOHPHQWX
WRSU]HJOÈGDUNDZ\ĂZLHWOLMH
LQDF]HMQLĝPRĝQDE\VLÚWHJR
VSRG]LHZDÊ:bWDNLHMV\WXDFML
]RVWDQLHZ\ĂZLHWORQ\MHG\QLH
ZLÚNV]\]bREXPDUJLQHVöZ
-HĂOLREDPDUJLQHV\EÚGÈPLDï\
WDNÈVDPÈZLHONRĂÊWR]RVWDQLH
Z\ĂZLHWORQ\MHGHQ]bQLFK

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

308 38'(.$(/(0(17:

W YNIK

”Clavinet” Hohnera jest wïaĂciwie

elektrycznym klawikordem.

</p>

”Clavinet” Hohnera jest wïaĂciwie

elektrycznym klawikordem.

</p>

”Clavinet” Hohnera jest wïaĂciwie

elektrycznym klawikordem.

</p>

HTML

rozdzial-13/border-width.html

6=(52.2¥m2%5$02:$1,$

border-width

'RRNUHĂODQLDV]HURNRĂFL
REUDPRZDQLDHOHPHQWX
VïXĝ\ZïDĂFLZRĂÊborder-
width-HMZDUWRĂÊPRĝHE\Ê
Z\UDĝRQDZbSLNVHODFKOXE
SRGDQDSU]\Xĝ\FLXMHGQHM
]bSUHGHğQLRZDQ\FKZDUWRĂFL

thin
medium
thick

'RRNUHĂODQLDZDUWRĂFLWHM
ZïDĂFLZRĂFLQLHPRĝQDXĝ\ZDÊ
ZDUWRĂFLSURFHQWRZ\FK

6]HURNRĂFLSRV]F]HJöOQ\FK
NUDZÚG]LREUDPRZDQLDPRĝQD
RNUHĂODÊSU]\Xĝ\FLXF]WHUHFK
ZïDĂFLZRĂFL

border-top-width
border-right-width
border-bottom-width
border-left-width

0RĝQDWDNĝHRNUHĂOLÊRGUÚEQH
V]HURNRĂFLGODSRV]F]HJöOQ\FK
NUDZÚG]LREUDPRZDQLD
Xĝ\ZDMÈFMHGQHMZïDĂFLZRĂFL

border-width: 2px 1px 1px
2px;

:DUWRĂFLGODSRV]F]HJöOQ\FK
NUDZÚG]LVÈSRGDZDQH
ZbNROHMQRĂFL]JRGQHM]bUXFKHP
ZVND]öZHN]HJDUDLbRGQRV]È
VLÚGRQDVWÚSXMÈF\FKNUDZÚG]L
JöUQHMSUDZHMGROQHMLbOHZHM

p.one {
border-width: 2px;}
p.two {
border-width: thick;}
p.three {
border-width: 1px 4px 12px 4px;}

CSS

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

309

38'(.$(/(0(17:

Elektryczne pianino Wurlitzera

</p>

Elektryczne pianino Wurlitzera

</p>

Elektryczne pianino Wurlitzera

</p>

Elektryczne pianino Wurlitzera

</p>

Elektryczne pianino Wurlitzera

</p>

Elektryczne pianino Wurlitzera

</p>

Elektryczne pianino Wurlitzera

</p>

Elektryczne pianino Wurlitzera

</p>

HTML

rozdzial-13/border-style.html

W YNIK

67</2%5$02:$1,$

border-style

p.one {border-style: solid;}
p.two {border-style: dotted;}
p.three {border-style: dashed;}
p.four {border-style: double;}
p.ğve {border-style: groove;}
p.six {border-style: ridge;}
p.seven {border-style: inset;}
p.eight {border-style: outset;}

CSS

6W\OREUDPRZDQLDPRĝQD
NRQWURORZDÊSU]\Xĝ\FLX
ZïDĂFLZRĂFLborder-style
0RĝHRQDSU]\MPRZDÊ
QDVWÚSXMÈFHZDUWRĂFL

solid

ĽSRMHG\QF]D

OLQLDbFLÈJïD

dotted

ĽVHULDNZDGUDWRZ\FK

SXQNWöZMHĂOLREUDPRZDQLHPD
SLNVHOHV]HURNRĂFLWRSXQNW\
WDNĝHEÚGÈPLDï\Z\PLDU\
ŚbSLNVHOHLbEÚGÈRGGDORQH
RGbVLHELHRbSLNVHOH

dashed

ĽVHULDNUöWNLFKNUHVHN

double

ĽSRGZöMQDOLQLDFLÈJïD

ZDUWRĂÊZïDĂFLZRĂFLborder-
widthMHVWVXPÈJUXERĂFL
REXbOLQLL

groove

ĽREUDPRZDQLHZ\GDMH

VLÚZNOÚVïH

ridge

ĽREUDPRZDQLHZ\GDMH

VLÚZ\SXNïH

inset

ĽVSUDZLDZUDĝHQLH

MDNbJG\E\HOHPHQWE\ï
]DJïÚELRQ\ZbVWURQLH

outset

ĽVSUDZLDZUDĝHQLH

MDNbJG\E\HOHPHQWE\ïZ\SXNï\

hidden

none

ĽREUDPRZDQLH

QLHMHVWZLGRF]QH

6W\OHSRV]F]HJöOQ\FKNUDZÚG]L
REUDPRZDQLDPRĝQDRNUHĂODÊ
SU]\Xĝ\FLXZïDĂFLZRĂFL

border-top-style
border-left-style
border-right-style
border-bottom-style

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

38'(.$(/(0(17:

.2/252%5$02:$1,$

border-color

.RORUREUDPRZDQLDPRĝQD
RNUHĂODÊXĝ\ZDMÈFZDUWRĂFL
5*%NRGöZV]HVQDVWNRZ\FK
OXESUHGHğQLRZDQ\FKQD]Z
NRORUöZ]JRGQLH]bLQIRUPDFMDPL
SRGDQ\PLQDVWURQDFK
ļ

,VWQLHMHPRĝOLZRĂÊRNUHĂODQLD
RGUÚEQ\FKNRORUöZGOD
SRV]F]HJöOQ\FKNUDZÚG]L
REUDPRZDQLDVïXĝÈGRWHJR
QDVWÚSXMÈFHZïDĂFLZRĂFL

border-top-color
border-right-color
border-bottom-color
border-left-color

0RĝQDWDNĝHVNRU]\VWDÊ
]b]DSLVXVNUöFRQHJR
SR]ZDODMÈFHJRRNUHĂODÊ
NRORU\ZV]\VWNLFKNUDZÚG]L
REUDPRZDQLDZbMHGQHM
ZïDĂFLZRĂFL

border-color: darkcyan
deeppink darkcyan deeppink;

:bW\PSU]\SDGNXSRV]F]HJöOQH
NUDZÚG]LHVÈRNUHĂODQH]JRGQLH
]bUXFKHPZVND]öZHN]HJDUD
ZbQDVWÚSXMÈFHMNROHMQRĂFL
JöUQDSUDZDGROQDLbOHZD

.RORUREUDPRZDQLDPRĝQD
WDNĝHRNUHĂODÊSU]\Xĝ\FLX
ZDUWRĂFL+6/]JRGQLH
]bLQIRUPDFMDPLSRGDQ\PL
QDbVWURQDFKļ7U]HED
SU]\W\PSDPLÚWDÊĝH]RVWDï\
RQHZSURZDG]RQHZb&66LbQLH
VÈREVïXJLZDQHZbVWDUV]\FK
SU]HJOÈGDUNDFK

Instrument ARP Odyssey zostaï

wprowadzony wb1972 roku.

</p>

Instrument ARP Odyssey zostaï

wprowadzony wb1972 roku.

</p>

HTML

rozdzial-13/border-color.html

W YNIK

p.one {
border-color: #0088dd;}
p.two {
border-color: #bbbbaa #111111 #ee3e80 #0088dd;}

CSS

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

38'(.$(/(0(17:

=$3,66.572:<

border

:ïDĂFLZRĂÊborderSR]ZDOD
RNUHĂODÊV]HURNRĂÊVW\ORUD]
NRORUREUDPRZDQLDZbMHGQ\P
PLHMVFXSU]\F]\PZDUWRĂFL
SRZLQQ\E\ÊSRGDZDQHZïDĂQLH
ZbWDNLHMNROHMQRĂFL

<p>

Oto prosta sekwencja akordów granych na organach

Hammonda ibodtwarzanych przez gïoĂniki Lesliego.

</p>

rozdzial-13/border-shorthand.html

HTML

p {
width: 250px;
border: 3px dotted #0088dd;}

CSS

W YNIK

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

38'(.$(/(0(17:

:<3(1,(1,(

padding

:ïDĂFLZRĂÊpaddingSR]ZDOD

RNUHĂOLÊZLHONRĂÊREV]DUX
SRPLÚG]\]DZDUWRĂFLÈHOHPHQWX
DbMHJRREUDPRZDQLHP
:DUWRĂÊWHMZïDĂFLZRĂFL
MHVW]D]Z\F]DMRNUHĂODQD
ZbSLNVHODFKPRĝQDMÈWDNĝH
SRGDZDÊMDNRZDUWRĂÊ
SURFHQWRZÈOXEZbMHGQRVWNDFK
em:bSU]\SDGNXXĝ\FLD

ZDUWRĂFLSURFHQWRZHMZLHONRĂÊ
Z\SHïQLHQLD]RVWDQLHZ\OLF]RQD
Z]JOÚGHPZ\PLDUöZRNQD
SU]HJOÈGDUNLOXEZ]JOÚGHP
HOHPHQWXZHZQÈWU]NWöUHJR
]QDMGXMHVLÚLQWHUHVXMÈF\QDV
HOHPHQW
:DĝQDXZDJDMHĂOLHOHPHQW
NWöUHJRSRVWDÊRNUHĂODP\
PDSRGDQÈV]HURNRĂÊWR
Z\SHïQLHQLH]RVWDQLHGRQLHM
GRGDQH
-DNZLGDÊQDSU]HGVWDZLRQ\P
RERNSU]\NïDG]LHGUXJL
]bDNDSLWöZMHVW]QDF]QLH
EDUG]LHMF]\WHOQ\JG\ĝ
SRPLÚG]\MHJRREUDPRZDQLHP
DbWHNVWHPGRGDOLĂP\QLHFR
SXVWHJRPLHMVFD2SUöF]WHJR
]HZ]JOÚGXQDZ\SHïQLHQLH
GUXJLHOHPHQWMHVWV]HUV]\
RGbSLHUZV]HJR
,VWQLHMHPRĝOLZRĂÊRNUHĂODQLD
Z\SHïQLHñGODSRV]F]HJöOQ\FK
NUDZÚG]LHOHPHQWX

padding-top
padding-rigth
padding-bottom
padding-left

0RĝQDWDNĝHVNRU]\VWDÊ
]b]DSLVXVNUöWRZHJRZbNWöU\P
Z\SHïQLHQLDVÈSRGDZDQH
ZbQDVWÚSXMÈFHMNROHMQRĂFL
JöUQHSUDZHGROQHOHZH
padding: 10px 5px 3px 1px;

<p>

Syntezatory analogowe generujÈ falÚ děwiÚkowÈ,

natomiast děwiÚki przechowywane wbsyntezatorach...

</p>

Syntezatory analogowe generujÈ

falÚ děwiÚkowÈ, natomiast děwiÚki przechowywane...

</p>

rozdzial-13/padding.html

W YNIK

HTML

p {
width: 275px;
border: 2px solid #0088dd;}
p.example {
padding: 10px;}

CSS

:DUWRĂÊZïDĂFLZRĂFLpaddingQLHMHVWG]LHG]LF]RQDSU]H]HOHPHQW\
SRWRPQHMDNG]LHMHVLÚQS]bZDUWRĂFLÈZïDĂFLZRĂFLcolor'ODWHJR
ZïDĂFLZRĂÊpaddingQDOHĝ\SRGDZDÊRVREQRGODZV]\VWNLFK
HOHPHQWöZNWöUHMHMZ\PDJDMÈ
-HV]F]HZbSU]HJOÈGDUFH,QWHUQHW([SORUHUV]HURNRĂÊHOHPHQWX
]DZLHUDïDZ\SHïQLHQLHLbPDUJLQHV\:LÚFHMLQIRUPDFMLQDWHQWHPDW
PRĝQD]QDOHěÊQDVWURQLH

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

38'(.$(/(0(17:

:ïDĂFLZRĂÊmarginRNUHĂOD

ZLHONRĂÊRGVWÚSXSRPLÚG]\
SXGHïNDPLHOHPHQWöZ
-HMbZDUWRĂÊMHVWQDMF]ÚĂFLHM
RNUHĂODQDZbSLNVHODFKFKRÊ
PRĝQDMÈWDNĝHSRGDZDÊ
ZbMHGQRVWNDFKemOXEMDNR

ZDUWRĂÊSURFHQWRZÈ
-HĂOLSXGHïNRMHGQHJRHOHPHQWX
]QDMGXMHVLÚSRZ\ĝHMSXGHïND
LQQHJRWRREDPDUJLQHV\
VÈ]DVWÚSRZDQHMHGQ\PĽ
ZLÚNV]\P]bQLFKPQLHMV]\
PDUJLQHVMHVWSRPLMDQ\
:DĝQDXZDJDMHĂOLHOHPHQW
NWöUHJRSRVWDÊRNUHĂODP\PD
SRGDQÈV]HURNRĂÊWRPDUJLQHV
]RVWDQLHGRQLHMGRGDQ\
,VWQLHMHPRĝOLZRĂÊRNUHĂOHQLD
ZLHONRĂFLPDUJLQHVXRVREQR
GODNDĝGHM]bF]WHUHFKVWURQ
HOHPHQWXVïXĝÈGRWHJR
QDVWÚSXMÈFHZïDĂFLZRĂFL

margin-top
margin-right
margin-bottom
margin-left

0RĝQDWDNĝHVNRU]\VWDÊ
]b]DSLVXVNUöWRZHJRZbNWöU\P
PDUJLQHV\VÈSRGDZDQH
ZbNROHMQRĂFLJöUQ\SUDZ\
GROQ\OHZ\
margin: 1px 2px 3px 3px;
&]DVDPLPRĝQDVSRWNDÊ
QDVWÚSXMÈF\]DSLV
margin: 10px 20px;
2]QDF]DRQĝHPDUJLQHVJöUQ\
LbGROQ\EÚG]LHPLHÊSLNVHOL
Z\VRNRĂFLDbOHZ\LbSUDZ\Ľ
SLNVHOLV]HURNRĂFL
7HJRVDPHJRVNUöWRZHJR
]DSLVXSU]HGVWDZLRQHJR
SRZ\ĝHMPRĝQDXĝ\ZDÊ
SRGF]DVRNUHĂODQLDZ\SHïQLHñ

0$5*,1(6

margin

<p>

CzÚsto mawia siÚ, ĝe syntezatory analogowe

majÈ ”cieplejsze” brzmienie od swoich cyfrowych
odpowiedników.

</p>

CzÚsto mawia siÚ, ĝe

syntezatory analogowe majÈ ”cieplejsze”
brzmienie od swoich cyfrowych odpowiedników.

</p>

rozdzial-13/margin.html

HTML

p {
width: 200px;
border: 2px solid #0088dd;
padding: 10px;}
p.example {
margin: 20px;}

CSS

W YNIK

:DUWRĂÊZïDĂFLZRĂFLmarginQLHMHVWG]LHG]LF]RQDSU]H]HOHPHQW\
SRWRPQHMDNG]LHMHVLÚQS]bZDUWRĂFLÈZïDĂFLZRĂFLcolor'ODWHJRWÚ
ZïDĂFLZRĂÊQDOHĝ\SRGDZDÊRVREQRGODZV]\VWNLFKHOHPHQWöZNWöUH
MHMZ\PDJDMÈ
:b,QWHUQHW([SORUHU]HV]HURNRĂÊHOHPHQWXMHV]F]H]DZLHUDïD
Z\SHïQLHQLHLbPDUJLQHV\:LÚFHMLQIRUPDFMLQDWHQWHPDWPRĝQD
]QDOHěÊQDVWURQLH

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

38'(.$(/(0(17:

:<¥52'.2:<:$1,(

=$:$572¥&,

-HĂOLFKFHP\Z\ĂURGNRZDÊ
SXGHïNRHOHPHQWXQDVWURQLH
OXEZHZQÈWU]LQQHJRHOHPHQWX
ZbNWöU\PMHVWRQXPLHV]F]RQ\
PRĝHP\WR]URELÊSU]\SLVXMÈF
ZïDĂFLZRĂFLRPmargin-
left oraz margin-right

ZDUWRĂFLbauto
$E\Z\ĂURGNRZDÊSXGHïNR
HOHPHQWXQDVWURQLHWU]HED
RNUHĂOLÊMHJRV]HURNRĂÊSRSU]H]
SRGDQLHZDUWRĂFLZïDĂFLZRĂFL
widthZbSU]HFLZQ\PUD]LH

HOHPHQW]DMPLHFDïÈGRVWÚSQÈ
V]HURNRĂÊVWURQ\
-HĂOLV]HURNRĂÊHOHPHQWX]RVWDïD
SRGDQDWRSU]\SLVDQLHOHZHPX
LbSUDZHPXPDUJLQHVRZLZDUWRĂFL
autoVSUDZLĝHSU]HJOÈGDUND

XWZRU]\SRREXVWURQDFK
HOHPHQWXPDUJLQHV\RbWHMVDPHM
V]HURNRĂFLDbWRVSRZRGXMH
Z\ĂURGNRZDQLHHOHPHQWX
QDbVWURQLHOXEZHZQÈWU]LQQHJR
HOHPHQWXZbNWöU\PRQVLÚ
]QDMGXMH
$E\UR]ZLÈ]DQLHWRG]LDïDïR
ZbVWDUV]\FKSU]HJOÈGDUNDFK
Db]ZïDV]F]DZb,(ZbUHJXOH
VW\OöZRGQRV]ÈFHMVLÚGR
HOHPHQWXZHZQÈWU]NWöUHJR
]QDMGXMHVLÚZ\ĂURGNRZ\ZDQ\
HOHPHQWQDOHĝ\SRGDÊ
ZïDĂFLZRĂÊtext-align

RbZDUWRĂFLcenter
:ïDĂFLZRĂÊtext-alignMHVW

G]LHG]LF]RQDSU]H]HOHPHQW\
SRWRPQH'ODWHJRMHĂOL]DZDUWRĂÊ
XPLHV]F]RQDZHZQÈWU]
Z\ĂURGNRZ\ZDQHJRHOHPHQWX
QLHPDE\ÊZ\ĂURGNRZDQDWR
WDNĝHZbQLPQDOHĝ\RGSRZLHGQLR
RNUHĂOLÊZDUWRĂÊZïDĂFLZRĂFL
text-align

CzÚsto mawia siÚ, ĝe syntezatory analogowe

majÈ ”cieplejsze” brzmienie od swoich cyfrowych
odpowiedników.

</p>

CzÚsto mawia siÚ, ĝe

syntezatory analogowe majÈ ”cieplejsze” brzmienie
od swoich cyfrowych odpowiedników.

</p>

</body>

rozdzial-13/centering-content.html

W YNIK

HTML

body {
text-align: center;}
p {
width: 300px;
padding: 50px;
border: 20px solid #0088dd;}
p.example {
margin: 10px auto 10px auto;
text-align: left;}

CSS

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

38'(.$(/(0(17:

02'(/38'(.2:<

:b35=(*/k'$5&(,(

:bSU]\SDGNXJG\RNUHĂOLP\
V]HURNRĂÊSXGHïNDHOHPHQWX
V]HURNRĂFLPDUJLQHVöZ
RUD]Z\SHïQLHQLDSRZLQQ\
]RVWDÊGRQLHMGRGDQH
-HGQDNSU]HJOÈGDUND,QWHUQHW
([SORUHUG]LDïDZbG]LZQ\
VSRVöENWöU\SROHJDQDW\P
ĝHbPDUJLQHV\RUD]Z\SHïQLHQLD
VÈXZ]JOÚGQLDQHZbV]HURNRĂFL
HOHPHQWX

5R]ZLÈ]DQLHPWHJRSUREOHPX
MHVWXPLHV]F]HQLHZbNRG]LH
GRNXPHQWX+70/GHNODUDFML
DOCTYPE'HNODUDFMHDOCTYPE
]RVWDï\SU]HGVWDZLRQH
QDbVWURQLH$E\bZ\PXVLÊ
ZbSU]HJOÈGDUFHVWRVRZDQLH
ZïDĂFLZHJRPRGHOX
SXGHïNRZHJRPRĝQD
VNRU]\VWDÊ]bGHNODUDFMLDOCTYPE
MÚ]\ND+70/DOERMÚ]\ND
+70/bZbZHUVMDFK675,&7
OXEb75$16,7,21$/

$E\VLÚSU]HNRQDÊMDNZ\JOÈGD
RSLV\ZDQHWXG]LZQHG]LDïDQLH
SU]HJOÈGDUNL,(Z\VWDUF]\
ZbQLHMZ\ĂZLHWOLÊSU]\NïDG
SU]HGVWDZLRQ\QDSRSU]HGQLHM
VWURQLHĽQDMSLHUZEH]
XPLHV]F]DQLDZbNRG]LHVWURQ\
GHNODUDFMLDOCTYPEDbQDVWÚSQLH
SRGRGDQLXGRQLHMGHNODUDFML
GODMÚ]\ND+70/

WYNIKI WbI(6 %(Z P2D$W$NI$ D(KL$R$C-I D2CTYP(

W YNIK WbI(6 P2 D2D$NIU D(KL $R $C -I D2CT YP(

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

38'(.$(/(0(17:

=0,$1<(/(0(17:

:(:1k75=:,(56=2:<&+

1$%/2.2:(,b1$2':57

display

:ïDĂFLZRĂÊdisplay

SR]ZDOD]PLHQLDÊHOHPHQW\
ZHZQÈWU]ZLHUV]RZHQDbEORNRZH
LbQDRGZUöW0RĝQDMHM
WDNĝHXĝ\ZDÊGRXNU\ZDQLD
HOHPHQWöZVWURQ
:ïDĂFLZRĂÊWDPRĝH
SU]\MPRZDÊQDVWÚSXMÈFH
ZDUWRĂFL

inline

6SUDZLĝHHOHPHQWEORNRZ\
]RVWDQLHSRWUDNWRZDQ\SU]H]
SU]HJOÈGDUNÚMDNRHOHPHQW
ZHZQÈWU]ZLHUV]RZ\

block

6SUDZLĝHHOHPHQW
ZHZQÈWU]ZLHUV]RZ\]RVWDQLH
Z\ĂZLHWORQ\SU]H]SU]HJOÈGDUNÚ
MDNRHOHPHQWEORNRZ\

inline-block

6SUDZLĝHHOHPHQWEORNRZ\
]RVWDQLHUR]PLHV]F]RQ\
QDVWURQLHZbVSRVöE
FKDUDNWHU\VW\F]Q\
GODHOHPHQWöZ
ZHZQÈWU]ZLHUV]RZ\FK
Lb]DFKRZDSU]\W\PSR]RVWDïH
FHFK\FKDUDNWHU\VW\F]QH
GODbHOHPHQWöZEORNRZ\FK

none

8ĝ\FLHWHMZDUWRĂFLSRZRGXMH
XNU\FLHHOHPHQWXQDVWURQLH
.RQNUHWQLHSU]HJOÈGDUND
SRWUDNWXMHHOHPHQWWDNMDN
JG\E\ZbRJöOHJRQLHE\ïR
QDVWURQLHFKRÊRF]\ZLĂFLH
Xĝ\WNRZQLNPRĝHJR]REDF]\Ê
SRZ\ĂZLHWOHQLXNRGX
ěUöGïRZHJR

Strona gïówna

</li>

<li>

Produkty

</li>

Usïugi

</li>

<li>

Obnas

</li>

<li>

Kontakt

</li>

</ul>

rozdzial-13/display.html

W YNIK

HTML

li {
display: inline;
margin-right: 10px;}
li.coming-soon {
display: none;}

CSS

:bSU]\SDGNX]DVWRVRZDQLDWHMZïDĂFLZRĂFLNRQLHF]QLH
WU]HEDSDPLÚWDÊĝHnieSRZLQQRVLÚXĝ\ZDÊHOHPHQWöZ
ZHZQÈWU]ZLHUV]RZ\FKGRWZRU]HQLDHOHPHQWöZEORNRZ\FK
3RZ\ĝV]\SU]\NïDGSU]HGVWDZLDOLVWÚ(OHPHQW\OLVWVÈ]D]Z\F]DM
WUDNWRZDQHMDNRHOHPHQW\EORNRZHQLHPQLHM]DVWRVRZDQHUHJXï\
VW\OöZR]QDF]DMÈĝHQDOHĝ\MHWUDNWRZDÊMDNRZHZQÈWU]ZLHUV]RZH
2]QDF]DWRĝHEÚGÈRQHXPLHV]F]RQHMHGHQRERNGUXJLHJRDbQLH
NDĝG\ZbQRZ\PZLHUV]X
3U]HGVWDZLRQDWXWHFKQLNDMHVWF]ÚVWRVWRVRZDQDGRWZRU]HQLD
HOHPHQWöZQDZLJDF\MQ\FKZLWU\QDbZbQDV]\PSU]\NïDG]LHRNUHĂORQH
]RVWDï\PDUJLQHV\]bSUDZHMVWURQ\SRV]F]HJöOQ\FKHOHPHQWöZ
DE\MHRGVLHELHRGG]LHOLÊ5HJXïDRGQRV]ÈFDVLÚGRHOHPHQWX<li>

]bDWU\EXWHPclassRbZDUWRĂFLcoming-soonVSUDZLĝHEÚG]LHRQ
QLHZLGRF]Q\Ľ]XSHïQLHWDNMDNE\JRZbRJöOHQLHE\ïRQDVWURQLH

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

38'(.$(/(0(17:

:ïDĂFLZRĂÊvisibilitySR]ZDOD
XNU\ZDÊHOHPHQW\SR]RVWDZLD
MHGQDNQDVWURQLHREV]DU
ZbNWöU\PVLÚRQH]QDMGXMÈ

:ïDĂFLZRĂÊWDPRĝH
SU]\MPRZDÊGZLHZDUWRĂFL

hidden

8ĝ\FLHWHMZDUWRĂFLSRZRGXMH
XNU\FLHHOHPHQWX

visible

8ĝ\FLHWHMZDUWRĂFLVSUDZLD
ĝHbHOHPHQWMHVWZLGRF]Q\

-HĂOLZbUHJXOHVW\OöZ
RGQRV]ÈFHMVLÚGRHOHPHQWX
ZïDĂFLZRĂFLvisibility]RVWDQLH
SU]\SLVDQDZDUWRĂÊhidden
WRQDVWURQLHEÚG]LHZLGRF]Q\
MHG\QLHREV]DUMDNLHOHPHQW
PDb]DMPRZDÊ

-HĂOLQDZHWWHQREV]DUPDbQLH
E\ÊZLGRF]Q\QDVWURQLH
WRQDOHĝ\Xĝ\ÊZïDĂFLZRĂFL
displayLbSU]\SLVDÊMHM
ZDUWRĂÊnone]JRGQLH
]bLQIRUPDFMDPLSRGDQ\PL
QDbSRSU]HGQLHMbVWURQLH

7U]HEDSDPLÚWDÊĝHNDĝG\
PRĝHREHMU]HÊ]DZDUWRĂÊ
HOHPHQWXNWöU\]RVWDïXNU\W\
SU]\Xĝ\FLXZïDĂFLZRĂFL
visibility]bZDUWRĂFLÈhidden
ĽZ\VWDUF]\ZbW\PFHOX
Z\ĂZLHWOLÊZbSU]HJOÈGDUFH
NRGběUöGïRZ\VWURQ\

8.5<:$1,(

38'((.(/(0(17:

visibility

Strona gïówna

</li>

<li>

Produkty

</li>

Usïugi

</li>

<li>

Obnas

</li>

<li>

Kontakt

</li>

</ul>

rozdzial-13/visibility.html

HTML

li {
display: inline;
margin-right: 10px;}
li.coming-soon {
visibility: hidden;}

CSS

W YNIK

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

38'(.$(/(0(17:

&66

2%5$=<2%5$02:$

border-image

rozdzial-13/border-image.html

W YNIK

HTML

p.one {
-moz-border-image: url(”images/dots.gif”)
11 11 11 11 stretch;
-webkit-border-image: url(”images/dots.gif”)
11 11 11 11 stretch;
border-image: url(”images/dots.gif”)
11 11 11 11 stretch;}
p.two {
-moz-border-image: url(”images/dots.gif”)
11 11 11 11 round;
-webkit-border-image: url(”images/dots.gif”)
11 11 11 11 round;
border-image: url(”images/dots.gif”)
11 11 11 11 round;}

CSS

EÚG]LHGRNïDGQLHSDVRZDïGRGïXJRĂFLNUDZÚG]LHOHPHQWX
WR]RVWDQLHQLH]QDF]QLHSU]HVNDORZDQ\

$E\REUD]REUDPRZDQLD]RVWDïZ\ĂZLHWORQ\NRQLHF]QHMHVWWDNĝH
RNUHĂOHQLHV]HURNRĂFLREUDPRZDQLD

:ïDĂFLZRĂFL-moz-border-image oraz -webkit-border-image nie

QDOHĝÈGRVSHF\ğNDFML&66XPRĝOLZLDMÈMHGQDNZ\ĂZLHWODQLHREUD]X
REUDPRZDQLDZbVWDUV]\FKZHUVMDFKSU]HJOÈGDUHN&KURPH)LUHIR[Lb6DIDUL

:ïDĂFLZRĂÊborder-image

SR]ZDODZ\ĂZLHWODÊREUD]
MDNRREUDPRZDQLHSXGHïND
HOHPHQWX:\NRU]\VWXMHRQD
ZVND]DQ\REUD]HNLbG]LHOLJR
QDbG]LHZLÚÊF]ÚĂFL
2WRREUD]NWöU\]RVWDï
Z\NRU]\VWDQ\ZbW\P
SU]\NïDG]LH:bNVLÈĝFHGRGDQR
GRQLHJROLQLHSU]HGVWDZLDMÈFH
VSRVöESRG]LDïXĽWZRU]È
RQHNZDGUDW\RbERNXGïXJRĂFL
bSLNVHOLZbNWöU\FK]QDMGXMÈ
VLÚPDïHNRïDNRïDWH]RVWDQÈ
XPLHV]F]RQHZbZLHU]FKRïNDFK
HOHPHQWX)UDJPHQW\
]DZLHUDMÈFHZLHU]FKRïNL
REUD]ND]DZV]HVÈXPLHV]F]DQH
ZbDQDORJLF]Q\FKZLHU]FKRïNDFK
HOHPHQWXQDWRPLDVW
ZbSU]\SDGNXIUDJPHQWöZ
]QDMGXMÈF\FKVLÚSRĂURGNX
NUDZÚG]LREUD]XPDP\
PRĝOLZRĂÊRNUHĂOHQLDF]\PDMÈ
E\ÊRQHUR]FLÈJQLÚWHF]\QDOHĝ\
MHSRZWDU]DÊ
:ïDĂFLZRĂÊborder-image

Z\PDJDSRGDQLDWU]HFK
LQIRUPDFML
DGUHVX85/REUD]X
VSRVREXZbMDNLQDOHĝ\

SRG]LHOLÊREUD]

VSRVREXZ\ĂZLHWODQLD

IUDJPHQWöZ]QDMGXMÈF\FKVLÚ
SU]\SURVW\FKNUDZÚG]LDFK
ZbW\PSU]\SDGNXPRĝQD
VNRU]\VWDÊ]bWU]HFKZDUWRĂFL
SUHGHğQLRZDQ\FK

stretch

VSRZRGXMHUR]FLÈJQLÚFLH
IUDJPHQWX

repeat

VSUDZLĝHIUDJPHQWEÚG]LH
SRZWDU]DQ\RUD]

round

VSUDZLĝHIUDJPHQWEÚG]LH
SRZWDU]DQ\MHĂOLMHGQDNQLH

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

38'(.$(/(0(17:

&66

&,(38'(.$

box-shadow

:ïDĂFLZRĂÊbox-shadow
SR]ZDODZ\ĂZLHWOLÊFLHñ
ZRNöïSXGHïNDHOHPHQWX
']LDïDRQDEDUG]RSRGREQLH
GRZïDĂFLZRĂFLtext-shadow
SU]HGVWDZLRQHMQDVWURQLH
2SUöF]NRORUXQDOHĝ\ZbQLHM
SRGDÊSU]\QDMPQLHMMHGQÈ
]bGZöFKSLHUZV]\FKZDUWRĂFL
SU]HGVWDZLRQ\FKSRQLĝHM

35=(681,}&,(

:b32=,20,(

:DUWRĂÊXMHPQDVSUDZLĝHFLHñ
EÚG]LHXPLHV]F]RQ\]bOHZHM
VWURQ\SXGHïND

35=(681,}&,(

:b3,21,(

:DUWRĂÊXMHPQDVSUDZLĝHFLHñ
EÚG]LHXPLHV]F]RQ\SRZ\ĝHM
SXGHïND

:,(/.2¥m52=0$=$1,$

-HĂOLWDZDUWRĂÊ]RVWDQLH
SRPLQLÚWDFLHñEÚG]LHMHGQROLW\
SRGREQLHMDNREUDPRZDQLH
HOHPHQWX

52=3,}72¥m&,(1,$

-HĂOLWDZDUWRĂÊ]RVWDQLH
SRGDQDLbEÚG]LHGRGDWQLD
FLHñEÚG]LHVLÚUR]FKRG]Lï
ZHbZV]\VWNLFKNLHUXQNDFK
QDb]HZQÈWU]HOHPHQWXZbUD]LH
SRGDQLDZDUWRĂFLXMHPQHM
]RVWDQLHRQ]PQLHMV]RQ\
3U]HGW\PLZV]\VWNLPL
ZDUWRĂFLDPLPRĝQDXPLHĂFLÊ
VïRZRinsetFRVSUDZLĝHFLHñ
]RVWDQLHZ\ĂZLHWORQ\ZHZQÈWU]
HOHPHQWX

W YNIK

p.one {
-moz-box-shadow: -5px -5px #777777;
-webkit-box-shadow: -5px -5px #777777;
box-shadow: -5px -5px #777777;}
p.two {
-moz-box-shadow: 5px 5px 5px #777777;
-webkit-box-shadow: 5px 5px 5px #777777;
box-shadow: 5px 5px 5px #777777;}
p.three {
-moz-box-shadow: 5px 5px 5px 5px #777777;
-webkit-box-shadow: 5px 5px 5px 5px #777777;
box-shadow: 5px 5px 5px 5px #777777;}
p.four {
-moz-box-shadow: 0 0 10px #777777;
-webkit-box-shadow: 0 0 10px #777777;
box-shadow: 0 0 10px #777777;}
p.ğve {
-moz-box-shadow: inset 0 0 10px #777777;
-webkit-box-shadow: inset 0 0 10px #777777;
box-shadow: inset 0 0 10px #777777;}

rozdzial-13/box-shadow.html

CSS

3U]HJOÈGDUNL&KURPH)LUHIR[Lb6DIDULEDUG]RV]\ENR]DF]Úï\
REVïXJLZDÊWÚZïDĂFLZRĂÊXGRVWÚSQLDMÈFMÈSRGQD]ZDPL
-moz-box-shadow oraz -webkit-box-shadow&KRÊQLHQDOHĝÈ
RQHGRbVWDQGDUGX&66LFKVWRVRZDQLHXïDWZLDWZRU]HQLHFLHQLD
HOHPHQWXZbW\FKSU]HJOÈGDUNDFK

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

320 38'(.$(/(0(17:

&66

=$2.5k*/21(

:,(5=&+2.,

border-radius

&66ZSURZDG]DPRĝOLZRĂÊ
WZRU]HQLD]DRNUÈJORQ\FK
ZLHU]FKRïNöZSXGHïHN
GRZROQ\FKHOHPHQWöZ6ïXĝ\
GRWHJRZïDĂFLZRĂÊRbQD]ZLH
border-radius-HMZDUWRĂÊ
RNUHĂODGïXJRĂÊSURPLHQLD
]DRNUÈJORQHJRZLHU]FKRïND
LbMHVWSRGDZDQDZbSLNVHODFK

:ïDĂFLZRĂÊWDQLHMHVW
REVïXJLZDQDSU]H]VWDUV]H
SU]HJOÈGDUNLZbNWöU\FK
ZLHU]FKRïNLREUDPRZDQLD
HOHPHQWX]DZV]HWZRU]È
NÈWbSURVW\

:ïDĂFLZRĂFL-moz-border-
radius oraz -webkit-
border-radiusQLHQDOHĝÈ
GRbVSHF\ğNDFML&661LHPQLHM
MHGQDNVÈRQHXĝ\ZDQH
ZbQLHNWöU\FKZF]HĂQLHMV]\FK
ZHUVMDFKSU]HJOÈGDUHN
&KURPH)LUHIR[RUD]:HENLW
LbXPRĝOLZLDMÈZbQLFKWZRU]HQLH
]DRNUÈJORQ\FKZLHU]FKRïNöZ
GODWHJRPRĝQDLFKXĝ\ZDÊ
E\bX]\VNDÊWHQHIHNWZbZLÚNV]HM
OLF]ELHSU]HJOÈGDUHN

2GUÚEQHZDUWRĂFL]DRNUÈJOHQLD
GODSRV]F]HJöOQ\FK
ZLHU]FKRïNöZPRĝQDSRGDZDÊ
Xĝ\ZDMÈFQDVWÚSXMÈF\FK
ZïDĂFLZRĂFL

border-top-right-radius
border-bottom-right-radius
border-bottom-left-radius
border-top-left-radius

<p>

Zespóï Pet Sounds wykorzystaï wiele

niekonwencjonalnych instrumentów, takich jak:
dzwonki rowerowe, brzÚczÈce organki, klawesyny,
Ġety, gwizdki na psy, pociÈgi, puszki po
Coca-Coli, instrumenty strunowe obhawajskich
děwiÚkach, abnawet szczekajÈce psy.

</p>

rozdzial-13/border-radius.html

W YNIK

HTML

p {
border: 5px solid #cccccc;
padding: 20px;
width: 275px;
text-align: center;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;}

CSS

'RVWÚSQ\MHVWWDNĝHVSRVöE
VNUöWRZHJR]DSLVXSRZ\ĝV]\FK
F]WHUHFKZïDĂFLZRĂFL
SU]\bF]\PZLHU]FKRïNLVÈ
SRGDZDQH]JRGQLH]bUXFKHP
ZVND]öZHN]HJDUDZbNROHMQRĂFL

JöUQ\SUDZ\GROQ\SUDZ\
GROQ\OHZ\JöUQ\OHZ\
2WRSU]\NïDG
border-radius: 5px, 10px,
5px, 10px;

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

38'(.$(/(0(17:

&66

.6=7$7<(/,37<&=1(

border-radius

$E\WZRU]\ÊEDUG]LHM]ïRĝRQH
NV]WDïW\PRĝQDRNUHĂOLÊUöĝQH
GïXJRĂFLGODSR]LRPHMRUD]
SLRQRZHMRVL]DRNUÈJORQHJR
ZLHU]FKRïNDHOHPHQWX

3RQLĝV]\SU]\NïDGSRND]XMH
MDNVWZRU]\Ê]DRNUÈJORQ\
ZLHU]FKRïHNNWöUHJRV]HURNRĂÊ
MHVWZLÚNV]DRGZ\VRNRĂFL
border-radius: 80px 50px;

rozdzial-13/elliptical-shapes.html

HTML

p.one {
border-top-left-radius: 80px 50px;
-moz-border-radius-top-left: 80px 50px;
-webkit-border-radius-top-left: 80px 50px;}
p.two {
border-radius: 1em 4em 1em 4em / 2em 1em 2em 1em;
-moz-border-radius: 1em 4em 1em 4em
/ 2em 1em 2em 1em;
-webkit-border-radius: 1em 4em 1em 4em
/ 2em 1em 2em 1em;}
p.three {
padding: 0px;
border-radius: 100px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;}

CSS

W YNIK

0RĝQDWDNĝHRNUHĂOLÊ
SDUDPHWU\MHGQHJRZ\EUDQHJR
ZLHU]FKRïNDRWRSU]\NïDG

border-top-left-radius:
80px 50px;

'RVWÚSQ\MHVWWDNĝH]DSLV
VNUöWRZ\SR]ZDODMÈF\RNUHĂOLÊ
RGUÚEQHSDUDPHWU\GODNDĝGHJR
]bF]WHUHFKZLHU]FKRïNöZZbW\P
SU]\SDGNXQDMSLHUZSRGDZDQH
VÈF]WHU\ZDUWRĂFLRNUHĂODMÈFH
V]HURNRĂÊNDĝGHJR]bQLFK
DbQDVWÚSQLHF]WHU\ZDUWRĂFL
RNUHĂODMÈFHLFKZ\VRNRĂFL
3U]\NïDGSRND]XMÈF\WHQVSRVöE
RNUHĂODQLD]DRNUÈJORQ\FK
ZLHU]FKRïNöZPRĝQD]QDOHěÊ
ZbNRG]LH]DPLHV]F]RQ\PRERN

:bSRZ\ĝV]\VSRVöEPRĝQDQDU\VRZDÊ
QDZHWRNUÈJĽZ\VWDUF]\XWZRU]\Ê
NZDGUDWRZ\HOHPHQWLbSU]\SLVDÊ
ZïDĂFLZRĂFLborder-radius
ZDUWRĂÊRGSRZLDGDMÈFÈGïXJRĂFL
MHJRNUDZÚG]LbSDWU]WU]HFLSU]\NïDG
SU]HGVWDZLRQ\SRZ\ĝHM

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

322

38'(.$(/(0(17:

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

323

38'(.$(/(0(17:

35=<.$'

38'(.$(/(0(17:

7HQSU]\NïDGSU]HGVWDZLDSURVWÈ
VWURQÚVNOHSXPX]\F]QHJR

&DïDVWURQDMHVWXPLHV]F]RQDZbHOHPHQFLH<div>ZbNWöU\P
DWU\EXWRZLidSU]\SLVDQD]RVWDïDZDUWRĂÊpage=RVWDïRQ
Z\ĂURGNRZDQ\QDVWURQLHSU]\Xĝ\FLXZïDĂFLZRĂFLmarginNWöUD
ZLHONRĂFLSUDZHJRLbOHZHJRPDUJLQHVXRNUHĂODMDNRauto3U]\Xĝ\FLX
WHMVDPHMWHFKQLNLZ\ĂURGNRZDQRORJRRUD]LQQHWUHĂFLSUH]HQWRZDQH
QDVWURQLH

7HQJïöZQ\HOHPHQW<div>PDNUDZÚG]LHRbSRVWDFLSRGZöMQHM
OLQLLFLÈJïHMDbMHJRV]HURNRĂÊEÚG]LHVLÚ]PLHQLDÊLbGRVWRVRZ\ZDÊ
GRbZ\PLDUöZRNQDSU]HJOÈGDUNL$E\]DSRELHF]E\WQLHPX]ZÚĝHQLX
OXEUR]V]HU]HQLXVWURQ\]DVWRVRZDQH]RVWDï\ZïDĂFLZRĂFLmin-width
oraz max-width

(OHPHQW\QDZLJDF\MQHXPLHV]F]RQHQDVWURQLH]RVWDï\XWZRU]RQH
SU]\Xĝ\FLXOLVW\Z\SXQNWRZDQHM$E\OLVWDWDE\ïDZ\UDěQLH
ZLGRF]QDQDVWURQLHRNUHĂOLOLĂP\ZbQLHMSRVWDÊJöUQHMLbGROQHM
NUDZÚG]LREUDPRZDQLD:bSRV]F]HJöOQ\FKHOHPHQWDFKWHMOLVW\
SRGDQD]RVWDïDZïDĂFLZRĂÊdisplaySU]H]FRVÈRQHZ\ĂZLHWODQH
MDNRHOHPHQW\ZHZQÈWU]ZLHUV]RZHDbQLHEORNRZH']LÚNLWHPX
SRV]F]HJöOQHïÈF]DWZRU]ÈFHHOHPHQW\QDZLJDF\MQHZLWU\Q\VÈ
XPLHV]F]RQHRERNVLHELHZbSR]LRPLH2GSRZLHGQLHRGVWÚS\
SRPLÚG]\SRV]F]HJöOQ\PLHOHPHQWDPLOLVW\]RVWDï\XWZRU]RQH
SU]\bXĝ\FLXZïDĂFLZRĂFLpadding

6]HURNRĂFLHOHPHQWöZQDVWURQLH]RVWDï\RNUHĂORQHSU]\Xĝ\FLX
ZïDĂFLZRĂFLwidthĽHOHPHQW<ul>PDV]HURNRĂÊSLNVHOL
DbHOHPHQW\<p>PDMÈV]HURNRĂÊSLNVHOL:bHIHNFLHMHGQDN
]DUöZQROLVWDMDNLbDNDSLW\PDMÈWÚVDPÈV]HURNRĂÊJG\ĝ
ZbHOHPHQFLH<ul>]RVWDïDXĝ\WDZïDĂFLZRĂÊpadding]DSHZQLDMÈFD
RGVWÚSSRPLÚG]\MHJRREUDPRZDQLHPDb]DZDUWRĂFLÈMDN
ZLDGRPRZ\SHïQLHQLDREUDPRZDQLDLbPDUJLQHV\VÈGRGDZDQH
GRbGHNODURZDQHMV]HURNRĂFLHOHPHQWX

*G\E\QDSRF]ÈWNXGRNXPHQWX+70/QLH]RVWDïDXPLHV]F]RQD
GHNODUDFMDDOCTYPEWRZbSU]HJOÈGDUFH,(V]HURNRĂFLOLVW\LbDNDSLWöZ
E\ï\E\UöĝQH]HZ]JOÚGXQDG]LZDFWZR]DLPSOHPHQWRZDQHJRZbQLHM
VSRVREXG]LDïDQLDPRGHOXSXGHïNRZHJR

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

324 38'(.$(/(0(17:

35=<.$'

38'(.$

<!DOCTYPE html>
<html>
<head>
<title>

Pudeïka elementów

</title>

body {
font-size: 80%;
font-family: ”Courier New”, Courier, monospace;
letter-spacing: 0.15em;
background-color: #efefef;}
#page {
max-width: 940px;
min-width: 720px;
margin: 10px auto 10px auto;
padding: 20px;
border: 4px double #000;
background-color: #ffffff;}
#logo {
width: 150px;
margin: 10px auto 25px auto;}
ul {
width: 580px;
padding: 10px;
margin: 0px auto 0px auto;
border-top: 2px solid #000;
border-bottom: 1px solid #000;
text-align: center;}
li {
display: inline;
margin: 0px 3px;}
p {
text-align: center;
width: 600px;
margin: 20px auto 20px auto;
font-weight: normal;}

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

38'(.$(/(0(17:

35=<.$'

38'(.$

ab{
color: #000000;
text-transform: uppercase;
text-decoration: none;
padding: 6px 18px 5px 18px;}
a:hover, a.on {
color: #cc3333;
background-color: #ffffff;}

</style>

</head>
<body>
<div id=”page”>
<div id=”logo”>
<img src=”images/logo.gif” alt=”Analogowi specjaliĂci” />
</div>
<ul id=”navigation”>
<li><abhref=”#” class=”on”>

PoczÈtek

</a></li>

Sprzedaĝ

</a></li>

Naprawy

</a></li>

Obnas

</a></li>

Kontakt

</a></li>

</ul>
<p>
<img src=”images/keys.jpg” alt=”Fender Rhodes, Hohner Clavinet
oraz Wurlitzer EP200” />
</p>
<p>

Specjalizujemy siÚ wbsprzedaĝy oraz naprawach klasycznych instrumentów
klawiszowych, abwbszczególnoĂci: Fender Rhodes, Wurlitzer EP200 oraz
Hohner Clavinet.

</p>
</div>
</body>
</html>

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

32'6802:$1,(

38'(.$(/(0(17:

&66X]QDMHĝHNDĝG\HOHPHQW+70/MHVW

XPLHV]F]RQ\ZbRGUÚEQ\PSXGHïNX

:\PLDU\W\FKSXGHïHNPRĝQDNRQWURORZDÊ

SU]\bXĝ\FLXZïDĂFLZRĂFL&66

:ïDĂFLZRĂFL&66SR]ZDODMÈWDNĝHRNUHĂODÊ

SRVWDÊREUDPRZDQLDPDUJLQHVöZRUD]Z\SHïQLHñ

HOHPHQWöZ

.RU]\VWDMÈF]bZïDĂFLZRĂFLdisplay oraz visibility

PRĝQDXNU\ZDÊOXEZ\ĂZLHWODÊHOHPHQW\

,VWQLHMHPRĝOLZRĂÊZ\ĂZLHWODQLDHOHPHQWöZ

EORNRZ\FKMDNRHOHPHQWöZZHZQÈWU]ZLHUV]RZ\FK

RUD]HOHPHQWöZZHZQÈWU]ZLHUV]RZ\FK

MDNRbHOHPHQWöZEORNRZ\FK

&]\WHOQRĂÊLbSU]HMU]\VWRĂÊVWURQ\PRĝQDSRSUDZLDÊ

NRQWUROXMÈFZ\PLDU\SXGHïHNHOHPHQWöZRUD]RGVWÚS\

SRPLÚG]\ZLHUV]DPLWHNVWX

:b&66ZSURZDG]RQRPRĝOLZRĂÊZ\ĂZLHWODQLD

REUD]öZMDNRREUDPRZDQLDHOHPHQWöZ

RUD]bWZRU]HQLD]DRNUÈJORQ\FKZLHU]FKRïNöZ

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

LIST Y, TABELE

I FORMULARZE

2NUHĂODQLHSRVWDFL]QDF]QLNöZOLVW

'RGDZDQLHNUDZÚG]LRUD]WïDGRWDEHO

=PLDQDZ\JOÈGXHOHPHQWöZIRUPXODU]\

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

330 /,67<7$%(/(,b)2508/$5=(

.DVNDGRZHDUNXV]HVW\OöZXGRVWÚSQLDMÈ
NLONDZïDĂFLZRĂFLVWZRU]RQ\FK]bP\ĂOÈ
RbRNUHĂODQLXSRVWDFLNRQNUHWQ\FK
HOHPHQWöZ+70/WDNLFKMDNOLVW\
WDEHOHLbIRUPXODU]H

:bW\PUR]G]LDOHQDXF]\P\VLÚ

2NUHĂODÊW\S\]QDF]QLNöZOXEVSRVRE\R]QDF]DQLDNROHMQ\FK
HOHPHQWöZOLVWZ\SXQNWRZDQ\FK

'RGDZDÊNUDZÚG]LHLbRNUHĂODÊNRORU\WïDZbNRPöUNDFKWDEHO

2NUHĂODÊSRVWDÊSöOIRUPXODU]\

:V]\VWNLHWHZïDĂFLZRĂFLSR]ZDODMÈQDX]\VNDQLHSUHF\]\MQHM
NRQWUROLQDGZ\JOÈGHPNRQNUHWQ\FKIUDJPHQWöZVWURQ\

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

331

/,67<7$%(/(,b)2508/$5=(

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

332 /,67<7$%(/(,b)2508/$5=(

<h1>

Fraszki

</h1>

<h2>

Jan Kochanowski

</h2>

Na lipÚ

</li>

<li>

Obĝywocie ludzkim

</li>

<li>

Raki

</li>

<li>

Obfraszkach

</li>

<li>

ObĂmierci

</li>

</ol>

HTML

rozdzial-14/list-style-type.html

W YNIK

ol {
list-style-type: lower-roman;}

CSS

STYLE ZNACZNIKÓW

list-style-type

:ïDĂFLZRĂÊlist-style-type
SR]ZDODNRQWURORZDÊNV]WDïW
LbVW\O]QDF]QLNöZQD]\ZDQ\FK
WDNĝHF]DVHPpunktorami),
NWöU\PLR]QDF]DQHVÈ
HOHPHQW\bOLVW
7HMZïDĂFLZRĂFLPRĝQDXĝ\ZDÊ
ZbUHJXïDFKVW\OöZRGQRV]ÈF\FK
VLÚGRHOHPHQWöZ<ol>, <ul>
Lb<li>

/,67<:<381.72:$1(

:bOLVWDFKZ\SXQNWRZDQ\FKWHM
ZïDĂFLZRĂFLPRĝQDSU]\SLV\ZDÊ
ZDUWRĂFL

none

disc

circle

square

LISTY

8325=k'.2:$1(

:bSU]\SDGNXOLVW
XSRU]ÈGNRZDQ\FK
QXPHURZDQ\FKZïDĂFLZRĂÊ
list-style-typePRĝH
SU]\MPRZDÊQDVWÚSXMÈFH
ZDUWRĂFL

decimal

1 2 3

decimal-leading-zero

01 02 03

lower-alpha

abb c

upper-alpha

AbB C

lower-roman

i. ii. iii.

upper-roman

IbII III

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

333

/,67<7$%(/(,b)2508/$5=(

<h1>

Lista komedii

</h1>

<h2>

William Shakespeare

</h2>

<ul>

<li>

Komedia omyïek

</li>

<li>

Wiele haïasu obnic

</li>

<li>

Sen nocy letniej

</li>

<li>

Kupiec wenecki

</li>

</ul>

HTML

rozdzial-14/list-style-image.html

ul {
list-style-image: url(”images/star.png”);}
li {
margin: 10px 0px 0px 0px;}

CSS

W YNIK

2%5$=<-$.2=1$&=1,.,

list-style-image

3U]\Xĝ\FLXZïDĂFLZRĂFL
list-style-imagePRĝQD
RNUHĂOLÊREUD]NWöU\EÚG]LH
Xĝ\ZDQ\MDNR]QDF]QLNOLVW
Z\SXQNWRZDQ\FK

:DUWRĂÊWHMZïDĂFLZRĂFL
UR]SRF]\QDVLÚRGOLWHUurl,
SRbNWöU\FKMHVWXPLHV]F]DQD
SDUDQDZLDVöZ]DZLHUDMÈFD
]DSLVDQ\ZbFXG]\VïRZLHDGUHV
85/REUD]X

7HMZïDĂFLZRĂFLPRĝQDXĝ\ZDÊ
ZbUHJXïDFKRGQRV]ÈF\FKVLÚ
GRbHOHPHQWöZ<ul>RUD]<li>

3U]\NïDG]DPLHV]F]RQ\
QDWHMVWURQLHSU]HGVWDZLD
WDNĝHVSRVöEZ\NRU]\VWDQLD
ZïDĂFLZRĂFLmargin
GRbSRZLÚNV]HQLDSLRQRZHJR
RGVWÚSXSRPLÚG]\NROHMQ\PL
HOHPHQWDPLOLVW\

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

334 /,67<7$%(/(,b)2508/$5=(

<li>

Nadal jak wróbel Êwierkam...

</li>

<li>

Aby siÚ oprzeÊ obideaïy...

</li>

<li>

ZakreĂlany wïasnym nosem...

</li>

</ul>
<ul class=”season”>

<li>

Uciekaïem przez sen wbnocy...

</li>

<li>

JeĂli nie grzeszysz, jako...

</li>

<li>

Folgujmy paniom nie sobie, ma...

</li>

</ul>

HTML

rozdzial-14/list-style-position.html

W YNIK

ul {
width: 150px;}
li {
margin: 10px;}
ul.illuminations {
list-style-position: outside;}
ul.season {
list-style-position: inside;}

CSS

80,(-6&2:,(1,(

ZNACZNIKÓW

list-style-position

'RP\ĂOQLH]DZDUWRĂÊOLVWMHVW
QLHFRZFLQDQDQDWRPLDVW
ZïDĂFLZRĂÊlist-style-
positionSR]ZDODRNUHĂOLÊ
F]\]QDF]QLNLOLVW\SRZLQQ\
VLÚ]QDMGRZDÊZHZQÈWU]
F]\QDb]HZQÈWU]SXGHïND
]DZLHUDMÈFHJRJïöZQÈWUHĂÊOLVW\

:ïDĂFLZRĂÊWDPRĝH
SU]\MPRZDÊGZLHZDUWRĂFL

outside

=QDF]QLNLVÈXPLHV]F]DQH
]bOHZHMVWURQ\EORNXWHNVWX
-HVWWRGRP\ĂOQ\VSRVöE
SUH]HQWDFMLOLVWVWRVRZDQ\
JG\bZDUWRĂÊWHMZïDĂFLZRĂFL
QLH]RVWDQLHRNUHĂORQD

inside

=QDF]QLNLVÈXPLHV]F]DQH
ZHZQÈWU]EORNXWHNVWX
NWöU\b]RVWDMHZFLÚW\

:bSU]HGVWDZLRQ\PSU]\NïDG]LH
V]HURNRĂÊOLVW\]RVWDïD
RJUDQLF]RQDGRSLNVHOL
:bWHQVSRVöE]DZDUWRĂÊ
SRV]F]HJöOQ\FKSXQNWöZ
OLVW\MHVWZ\ĂZLHWODQDZbFR
QDMPQLHMGZöFKZLHUV]DFK
G]LÚNLF]HPXZ\UDěQLHZLGDÊ
ĝH]DVWRVRZDQLHZDUWRĂFL
insideSRZRGXMHXPLHV]F]HQLH
]QDF]QLNDZHZQÈWU]SLHUZV]HJR
ZLHUV]DWHNVWX

:bSU]\NïDG]LH
ZbSRV]F]HJöOQ\FKHOHPHQWDFK
OLVW\]RVWDï]DVWRVRZDQ\
PDUJLQHVG]LÚNLF]HPX
SRZVWDï\SRPLÚG]\QLPL
Z\UDěQHRGVWÚS\

W YNIK

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

/,67<7$%(/(,b)2508/$5=(

<h1>

Cytaty - Edgar Allan Poe

</h1>

Zawsze wierzyïem wbgïupców. Moi przyjaciele

nazywajÈ to wiarÈ wbsamego siebie.

</li>

<li>

Czas to pieniÈdz, abpieniÈdz to wiÚcej

niĝ czas.

</li>

<li>

Najtrwalsze ibnajpiÚkniejsze wiÚzi duchowe

nawiÈzywane bywajÈ od pierwszego wejrzenia.

</li>

</ul>

HTML

rozdzial-14/list-style.html

ul {
list-style: inside circle;
width: 300px;}
li {
margin: 10px 0px 0px 0px;}

CSS

W YNIK

=$3,66.572:<

list-style

3RGREQLHMDNZbZLHOXLQQ\FK
V\WXDFMDFKZb&66WDNĝH
SRGF]DVRNUHĂODQLDSRVWDFL
OLVWPRĝQDVNRU]\VWDÊ]b]DSLVX
VNUöFRQHJRXPRĝOLZLDMÈFHJR
SRGDQLHNLONXZDUWRĂFLVW\OöZ
ZbMHGQ\PPLHMVFX0RĝOLZRĂÊ
WÚGDMHZïDĂFLZRĂÊlist-style
3R]ZDODRQDRNUHĂOLÊVW\O
]QDF]QLNDOLVW\MHJRREUD]RUD]
SRïRĝHQLHSU]\F]\PZV]\VWNLH
WHLQIRUPDFMHPRĝQDSRGDZDÊ
ZbGRZROQHMNROHMQRĂFL

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

336 /,67<7$%(/(,b)2508/$5=(

<h1>

Aukcja literatury obcej

</h1>

Autor

</th>

<th>

Tytuï

</th>

Cena minimalna

</th>

BieĝÈca oferta

</th>

</tr>
<tr>
<td>

E.E. Cummings

</td>

<td>

Tulips & Chimneys

</td>

6520,00 zï

</td>

7612,95 zï

</td>

</tr>
<tr class=”even”>
<td>

Charles d’Orléans

</td>

<td>

Poèmes

</td>

11 754,55 zï

</td>

</tr>
<tr>
<td>

T.S. Eliot

</td>

<td>

Poems 1909 - 1925

</td>

4075,00 zï

</td>

27 706,00 zï

</td>

</tr>
<tr class=”even”>
<td>

Sylvia Plath

</td>

<td>

The Colossus

</td>

3361,00 zï

</td>

</tr>
</table>

HTML

rozdzial-14/table-properties.html

:$¥&,:2¥&,7$%(/

3R]QDOLĂP\MXĝNLOND
ZïDĂFLZRĂFL&66SRZV]HFKQLH
VWRVRZDQ\FKGRRNUHĂODQLD
Z\JOÈGXWDEHO1DWHMLbNROHMQHM
VWURQLHSU]HGVWDZLRQ\]RVWDï
SU]\NïDGZ\NRU]\VWXMÈF\ZLHOH
]bQLFKDbNRQNUHWQLH

width

DE\RNUHĂOLÊV]HURNRĂÊ

WDEHOL

padding

DE\RNUHĂOLÊRGOHJïRĂÊ

SRPLÚG]\REUDPRZDQLHP
NDĝGHMNRPöUNLWDEHOLDbMHM
]DZDUWRĂFLÈ

text-transform

E\]DSLVDÊ

WUHĂÊQDJïöZNöZWDEHOLZLHONLPL
OLWHUDPL

letter-spacing

, font-size,

E\ZbGRGDWNRZ\VSRVöE
]PRG\ğNRZDÊZ\JOÈG
QDJïöZNöZWDEHOL

border-top

, border-bottom,

E\Z\ĂZLHWOLÊREUDPRZDQLH
SRZ\ĝHMRUD]SRQLĝHMQDJïöZND
WDEHOL

text-align

DE\ZbQLHNWöU\FK

NRPöUNDFKWDEHOLZ\UöZQDÊ
WHNVWGROHZHMDbZbLQQ\FK
GRbSUDZHM

background-color

DE\bQDSU]HPLHQQLH]PLHQLDÊ
NRORUWïDZbNROHMQ\FKZLHUV]DFK
WDEHOL

:hover

DE\SRGĂZLHWODÊZLHUV]

WDEHOLZbNWöU\PDNWXDOQLH
]QDMGXMHVLÚZVNDěQLNP\V]\

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

337

/,67<7$%(/(,b)2508/$5=(

W YNIK

body {
font-family: Arial, Verdana, sans-serif;
color: #111111;}
table {
width: 600px;}
th, td {
padding: 7px 10px 10px 10px;}
th {
text-transform: uppercase;
letter-spacing: 0.1em;
font-size: 90%;
border-bottom: 2px solid #111111;
border-top: 1px solid #999;
text-align: left;}
tr.even {
background-color: #efefef;}
tr:hover {
background-color: #c3e6e5;}
.money {
text-align: right;}

CSS

3RQLĝHMSRGDOLĂP\NLONDSRUDG
GRW\F]ÈF\FKRNUHĂODQLDZ\JOÈGX
WDEHOĽG]LÚNLQLPEÚGÈRQH
SU]HMU]\VWHLbF]\WHOQH

STOSOWANIE

:<3(1,(1,$

.205(.

-HĂOLWHNVWXPLHV]F]RQ\
ZbNRPöUFHWDEHOLGRW\NDMHM
REUDPRZDQLDOXENUDZÚG]L
NRPöUNLVWDMHVLÚ]QDF]QLH
PQLHMF]\WHOQ\'RGDQLH
Z\SHïQLHQLDGRNRPöUNL
SRSUDZLDF]\WHOQRĂÊWDEHOL

:<5¿1,(1,(

1$*:.:

:\ĂZLHWOHQLHZV]\VWNLFK
QDJïöZNöZWDEHOLSRJUXELRQÈ
F]FLRQNÈNWöUDMHVW]UHV]WÈ
GRP\ĂOQ\PVW\OHPHOHPHQWöZ
<th>XïDWZLDLFKF]\WDQLH
0RĝQDMHWDNĝHZ\ĂZLHWODÊ
ZLHONLPLOLWHUDPLRUD]GRGDÊ
GRQLFKNRORUWïDE\Z\UDěQLH
RGUöĝQLDï\VLÚRGUHV]W\
]DZDUWRĂFLWDEHOL

=0,$1$.2/258

7$:,(56=<

6WRVRZDQLHGZöFK
QDSU]HPLHQQLH]PLHQLDQ\FK
NRORUöZWïDZLHUV]\]QDF]QLH
XïDWZLDSU]HJOÈGDQLH]DZDUWRĂFL
WDEHOL$E\WDEHODZ\JOÈGDïD
SU]HMU]\ĂFLHZDUWRGRWHJR
FHOXXĝ\ÊGZöFKNRORUöZ
QLH]QDF]QLHVLÚRGVLHELH
UöĝQLÈF\FK

:<5:1<:$1,(

:$572¥&,/,&=%2:<&+

0RĝQDVNRU]\VWDÊ]bZïDĂFLZRĂFL
text-alignE\Z\UöZQDÊ
GRbSUDZHMZV]\VWNLHNROXPQ\
]DZLHUDMÈFHOLF]E\G]LÚNL
F]HPXïDWZREÚG]LHPRĝQD
RGUöĝQLÊEDUG]RGXĝHZDUWRĂFL
RGbPDï\FK

:,}&(-:b6,(&,

:bVHNFMLToolsVWURQ\
SRĂZLÚFRQHMNVLÈĝFHPRĝQD
]QDOHěÊZLÚFHMSU]\NïDGöZ
Z\NRU]\VWDQLD&66
GRbRNUHĂODQLDZ\JOÈGXWDEHO

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

338 /,67<7$%(/(,b)2508/$5=(

2%5$02:$1,$

3867<&+.205(.

empty-cells

-HĂOLWZRU]RQDWDEHOD]DZLHUD
SXVWHNRPöUNLWRPRĝQD
VNRU]\VWDÊ]bZïDĂFLZRĂFL
empty-cellsE\RNUHĂOLÊ
F]\QDOHĝ\Z\ĂZLHWODÊLFK
REUDPRZDQLDF]\WHĝQLH

3RQLHZDĝSU]HJOÈGDUNLWUDNWXMÈ
SXVWHNRPöUNLZbRGPLHQQ\
VSRVöEWRMHĂOLFKFHP\
Z\ĂZLHWODÊLFKREUDPRZDQLD
SRZLQQLĂP\Xĝ\ÊWHM
ZïDĂFLZRĂFL

0RĝQDMHMSU]\SLVDÊMHGQÈ
]bQDVWÚSXMÈF\FKZDUWRĂFL

show

-HMXĝ\FLHVSUDZLĝHZbSXVW\FK
NRPöUNDFKEÚGÈZ\ĂZLHWODQH
REUDPRZDQLD

hide

-HMXĝ\FLHVSUDZL
ĝHbREUDPRZDQLDZbSXVW\FK
NRPöUNDFKQLHEÚGÈ
Z\ĂZLHWODQH

inherit

-HĂOLQDVWURQLHMHGQDWDEHOD
MHVWXPLHV]F]RQDZHZQÈWU]
LQQHMWRXĝ\FLHWHMZDUWRĂFL
VSUDZLĝHNRPöUNLWDEHOL
ZHZQÚWU]QHMEÚGÈZ\ĂZLHWODQH
ZbVSRVöERNUHĂORQ\GODWDEHOL
]HZQÚWU]QHM

1DSU]HGVWDZLRQ\PRERN
SU]\NïDG]LHZbOHZHMWDEHOL
REUDPRZDQLDSXVW\FKNRPöUHN
VÈZ\ĂZLHWODQHQDWRPLDVW
ZbWDEHOLSRSUDZHMVWURQLH
REUDPRZDQLDVÈQLHZLGRF]QH

</td>

<td>

</td>

</tr>
<tr>
<td>

</td>

HTML

rozdzial-14/empty-cells.html

td {
border: 1px solid #0088dd;
padding: 15px;}
table.one {
empty-cells: show;}
table.two {
empty-cells: hide;}

CSS

W YNIK

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

339

/,67<7$%(/(,b)2508/$5=(

2'67}3<

320,}'=<.205.$0,

border-spacing, border-collapse

:ïDĂFLZRĂÊborder-spacing

SR]ZDODRNUHĂODÊRGVWÚS\
SRPLÚG]\VÈVLDGXMÈF\PL
NRPöUNDPLWDEHOL'RP\ĂOQLH
SU]HJOÈGDUNLZ\ĂZLHWODMÈ
NRPöUNLZbQLHZLHONLHMRGOHJïRĂFL
RGVLHELHGODWHJRMHĂOLFKFHP\
SRZLÚNV]\ÊOXE]PQLHMV]\Ê
WHRGVWÚS\PRĝHP\WR]URELÊ
SU]\bXĝ\FLXZïDĂFLZRĂFL
border-spacing

:DUWRĂÊWHMZïDĂFLZRĂFL
MHVW]D]Z\F]DMSRGDZDQD
ZbSLNVHODFK:bUD]LHSRWU]HE\
PRĝQDZbQLHMSRGDÊGZLHOLF]E\
]bNWöU\FKSLHUZV]DEÚG]LH
RNUHĂODïDRGVWÚSSRPLÚG]\
NRPöUNDPLVÈVLDGXMÈF\PL
ZbSR]LRPLHDbGUXJDĽ
ZbSLRQLH

-HĂOLNRPöUNLWDEHOLPDMÈ
REUDPRZDQLDWRWDPJG]LH
VLÚRQHVW\NDMÈV]HURNRĂÊ
REUDPRZDQLDEÚG]LHGZXNURWQLH
ZLÚNV]DRGV]HURNRĂFL
RNUHĂORQHMZbVW\ODFK,VWQLHMH
MHGQDNPRĝOLZRĂÊķ]ZÚĝHQLDĵ
WDNLFKVW\NDMÈF\FKVLÚ]HVREÈ
REUDPRZDñVïXĝ\GRWHJR
ZïDĂFLZRĂÊborder-collapse,

NWöUDPRĝHSU]\MPRZDÊ
QDVWÚSXMÈFHZDUWRĂFL

collapse

:bSU]\SDGNXXĝ\FLDWHM
ZDUWRĂFLMHĂOLW\ONREÚG]LH
WRPRĝOLZHREUDPRZDQLD
]RVWDQÈ]ZÚĝRQHR]QDF]DWR
ĝHZïDĂFLZRĂÊborder-spacing

]RVWDQLH]LJQRURZDQDDbNRPöUNL
GRVXQLÚWHGRVLHELHSRGREQLH
]LJQRURZDQH]RVWDQÈXVWDZLHQLD
ZïDĂFLZRĂFLempty-cells

</td>

<td>

</td>

</tr>
<tr>
<td>

</td>

<td>

</td>

</tr>
</table>

rozdzial-14/gaps-between-cells.html

HTML

td {
background-color: #0088dd;
padding: 15px;
border: 2px solid #000000;}
table.one {
border-spacing: 5px 15px;}
table.two {
border-collapse: collapse;}

CSS

separate

2EUDPRZDQLDNRPöUHN]RVWDQÈRGVXQLÚWH
RGVLHELHDbXVWDZLHQLDZïDĂFLZRĂFLborder-
spacingRUD]empty-cellsEÚGÈXZ]JOÚGQLDQH

W YNIK

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

340 /,67<7$%(/(,b)2508/$5=(

2.5(¥/$1,(

3267$&,)2508/$5=<

&K\EDQLNWQLHOXELZ\SHïQLDQLD
IRUPXODU]\GODWHJRMHĂOL
SRVWDUDP\VLÚE\IRUPXODU]H
QDVWURQDFKE\ï\EDUG]LHM
DWUDNF\MQHLbïDWZLHMV]H
ZbXĝ\FLXZLÚFHMXĝ\WNRZQLNöZ
MHZ\SHïQL&RZLÚFHMMHĂOL
VSUöEXMHP\Z\ĂZLHWOLÊ
IRUPXODU]ZbNLONXUöĝQ\FK
SU]HJOÈGDUNDFKFRSRND]XMÈ
U\VXQNL]DPLHV]F]RQHQDWHM
VWURQLHRNDĝHVLÚĝHNDĝGD
]bQLFKZ\ĂZLHWODJRZbQLHFR
LQQ\VSRVöE

.DVNDGRZHDUNXV]HVW\OöZ
VÈEDUG]RF]ÚVWRXĝ\ZDQH
GRbRNUHĂODQLDSRVWDFL
HOHPHQWöZIRUPXODU]\
0DbWRQLHW\ONRSRSUDZLÊ
LFKDWUDNF\MQRĂÊOHF]WDNĝH
VSUDZLÊE\LFKZ\JOÈG
ZbUöĝQ\FKSU]HJOÈGDUNDFK
E\ïbEDUG]LHMVSöMQ\

1DMF]ÚĂFLHMRNUHĂODQ\MHVW
Z\JOÈG

SöOWHNVWRZ\FKRUD]
ZLHORZLHUV]RZ\FKSöO
WHNVWRZ\FK

SU]\FLVNöZSU]HV\ïDMÈF\FK
IRUPXODU]H

HW\NLHWĽZbFHOXLFK
HIHNWRZQHJRZ\UöZQDQLD

1DNROHMQ\FKVWURQDFK
NVLÈĝNLEÚG]LHPRZDRbW\P
MDNbUHDOL]RZDÊWH]DGDQLD
SU]\bZ\NRU]\VWDQLX&66

0$&6$)$5,

2NUHĂODQLHSRVWDFLSöO
WHNVWRZ\FKRUD]SU]\FLVNöZMHVW
VWRVXQNRZRSURVWH%DUG]LHM
NïRSRWOLZHMHVWWZRU]HQLHVW\OöZ
NWöUH]DSHZQLÈVSöMQ\Z\JOÈG
OLVWUR]ZLMDQ\FKSU]\FLVNöZ
RSFMLRUD]SöOZ\ERUXZbUöĝQ\FK
SU]HJOÈGDUNDFK

$E\X]\VNDÊWDNLHIHNWZDUWR
SREUDÊDUNXV]&66GRVWÚSQ\
QDbVWURQLHhttp://formalize.me

$XWRUWHMVWURQ\ZïRĝ\ïEDUG]R
ZLHOHSUDF\E\]DSHZQLÊ
VSöMQ\Z\JOÈGIRUPXODU]\
ZbZLHOXSU]HJOÈGDUNDFK
&KRÊb]DVWRVRZDQHUR]ZLÈ]DQLH
NRU]\VWD]bMÚ]\ND-DYD6FULSW
WRDE\PöF]bQLHJR
VNRU]\VWDÊQLHWU]HEDVLÚ]QDÊ
QDbSURJUDPRZDQLX

0$&&+520(

3&),5()2;

3&,17(51(7

(;3/25(5

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

341

/,67<7$%(/(,b)2508/$5=(

=DPLHV]F]RQ\WXSU]\NïDG
SU]HGVWDZLDZïDĂFLZRĂFLb&66
SRZV]HFKQLHVWRVRZDQH
GRRNUHĂODQLDSRVWDFLSöO
WHNVWRZ\FK:LÚNV]RĂÊ
]bQLFK]RVWDïDMXĝRPöZLRQD
ZHbZF]HĂQLHMV]\FK
UR]G]LDïDFKbNVLÈĝNL

:ïDĂFLZRĂÊ

font-size

RNUHĂOD

ZLHONRĂÊF]FLRQNLXĝ\ZDQHM
GRbZSLV\ZDQLDWHNVWXZbSRODFK
WHNVWRZ\FK

:ïDĂFLZRĂÊ

color

RNUHĂODNRORU

WHNVWXDb

background-color

NRORUWïDSöOWHNVWRZ\FK

:ïDĂFLZRĂÊ

border

SR]ZDOD

Z\ĂZLHWOLÊREUDPRZDQLH
SRODDb

border-radius

XPRĝOLZLDVWZRU]HQLH
]DRNUÈJORQ\FKZLHU]FKRïNöZ
ZbSU]HJOÈGDUNDFKNWöUH
QDWRSR]ZDODMÈ

3VHXGRNODVD

:focus

VïXĝ\

GR]PLDQ\NRORUXWïDSROD
ZbNWöU\PDNWXDOQLHXĝ\WNRZQLN
FRĂZSLVXMHDbSVHXGRNODVD

:hover

SR]ZDOD]DVWRVRZDÊWH

VDPHVW\OHZbHOHPHQWDFKNWöUH
Xĝ\WNRZQLNZVND]DïP\V]NÈ

:ïDĂFLZRĂÊ

background-image

RNUHĂODREUD]WïDXĝ\ZDQ\
ZbSRODFK3RQLHZDĝZbNDĝG\P
]bSöO]RVWDï]DVWRVRZDQ\
LQQ\REUD]VNRU]\VWDOLĂP\
]bVHOHNWRUDLGHQW\ğNDWRUD
E\bRNUHĂOLÊSRVWDÊNRQNUHWQ\FK
HOHPHQWöZQDSRGVWDZLH
ZDUWRĂFLLFKDWU\EXWöZid

2.5(¥/$1,(3267$&,

3/7(.672:<&+

input {
font-size: 120%;
color: #5a5854;
background-color: #f2f2f2;
border: 1px solid #bdbdbd;
border-radius: 5px;
padding: 5px 5px 5px 30px;
background-repeat: no-repeat;
background-position: 8px 9px;
display: block;
margin-bottom: 10px;}
input:focus {
background-color: #ffffff;
border: 1px solid #b1e1e4;}
input#email {
background-image: url(”images/email.png”);}
input#twitter {
background-image: url(”images/twitter.png”);}
input#web {
background-image: url(”images/web.png”);}

rozdzial-14/styling-text-inputs.html

CSS

W YNIK

:LÚFHMLQIRUPDFMLQDWHPDW
REUD]öZWïDRUD]VSRVREöZLFK
XPLHMVFDZLDQLDPRĝQD]QDOHěÊ
ZbUR]G]LDOH

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

342 /,67<7$%(/(,b)2508/$5=(

2.5(¥/$1,(3267$&,

35=<&,6.:

35=(6<$-k&<&+

1DWHMVWURQLHSU]HGVWDZLRQH
]RVWDï\QLHNWöUHZïDĂFLZRĂFL
NWöU\FKPRĝQDXĝ\Ê
GRbRNUHĂODQLDSRVWDFL
SU]\FLVNöZSU]HV\ïDMÈF\FK
3UH]HQWRZDQ\SU]\NïDGED]XMH
QDDUNXV]X]DPLHV]F]RQ\P
QDbSRSU]HGQLHMVWURQLH
DbSU]\FLVNLSU]HV\ïDMÈFH
G]LHG]LF]ÈVW\OHRNUHĂORQH
GODbHOHPHQWX<input>
:ïDĂFLZRĂÊ

color

VïXĝ\

GR]PLDQ\NRORUXWHNVWX
Z\ĂZLHWODQHJRQDSU]\FLVNDFK
:ïDĂFLZRĂÊ

text-

shadow

SR]ZROL]DSHZQLÊ

WUöMZ\PLDURZ\Z\JOÈG
WHNVWXRbLOHW\ONRXĝ\ZDQD
SU]HJOÈGDUNDMÈREVïXJXMH
:ïDĂFLZRĂÊ

border-bottom

]RVWDïDXĝ\WDGRSRJUXELHQLD
GROQHJRREUDPRZDQLD
SU]\FLVNXG]LÚNLF]HPX
Z\JOÈGDRQQLHFREDUG]LHM
SU]HVWU]HQQLH
:ïDĂFLZRĂÊ

background-color

SR]ZDODZ\UöĝQLÊSU]\FLVN
VSRĂUöGLQQ\FKRWDF]DMÈF\FK
JRHOHPHQWöZ6WZRU]HQLH
MHGQHJRVSöMQHJRVSRVREX
SUH]HQWDFMLSU]\FLVNöZXïDWZL
Xĝ\WNRZQLNRP]UR]XPLHQLH
MDNbQDOHĝ\NRU]\VWDÊ]bZLWU\Q\
'RSU]\FLVNXGRGDQRWDNĝH
WïRRbSRVWDFLJUDGLHQWXNWöUH
]RVWDQLHZ\NRU]\VWDQH
MHĂOLW\ONRSU]HJOÈGDUND
]DSHZQLDWDNÈPRĝOLZRĂÊ
=DJDGQLHQLD]ZLÈ]DQH
]bWZRU]HQLHPLbVWRVRZDQLHP
JUDGLHQWöZ]RVWDï\RPöZLRQH
QDbVWURQLHb418

input#submit {
color: #444444;
text-shadow: 0px 1px 1px #ffffff;
border-bottom: 2px solid #b2b2b2;
background-color: #b9e4e3;
background: -webkit-gradient(linear, left top,
left bottom, from(#beeae9), to(#a8cfce));
background:
-moz-linear-gradient(top, #beeae9, #a8cfce);
background:
-o-linear-gradient(top, #beeae9, #a8cfce);
background:
-ms-linear-gradient(top, #beeae9, #a8cfce);}
input#submit:hover {
color: #333333;
border: 1px solid #a4a4a4;
border-top: 2px solid #b2b2b2;
background-color: #a0dbc4;
background: -webkit-gradient(linear, left top,
left bottom, from(#a8cfce), to(#beeae9));
background:
-moz-linear-gradient(top, #a8cfce, #beeae9);
background:
-o-linear-gradient(top, #a8cfce, #beeae9);
background:
-ms-linear-gradient(top, #a8cfce, #beeae9);}

rozdzial-14/styling-submit-buttons.html

W YNIK

CSS

'R]PLDQ\Z\JOÈGXSU]\FLVNXSRZVND]DQLXJRP\V]È]RVWDïD
]DVWRVRZDQDSVHXGRNODVD

:hover

:bW\PSU]\SDGNXXPLHV]F]HQLH

ZVNDěQLNDP\V]\QDSU]\FLVNXVSRZRGXMH]PLDQÚNRORUXMHJRWïD
RUD]]PLDQÚNRORUXWHNVWXQDQLHFRFLHPQLHMV]\DbWDNĝHSRJUXELHQLH
GROQHJRREUDPRZDQLDSU]\FLVNX

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

343

/,67<7$%(/(,b)2508/$5=(

2.5(¥/$1,(3267$&,

*5833/25$=,&+23,68

*UXS\SöOĽHOHPHQW\
<ğeldset>ĽVÈV]F]HJöOQLH
SU]\GDWQHSRGF]DVRNUHĂODQLD
REV]DUXIRUPXODU]\
:bSU]\SDGNXEDUG]RGXĝ\FK
IRUPXODU]\PRĝQDLFKXĝ\ZDÊ
GRJUXSRZDQLDSöONWöUHVÈ
]HbVREÈSRZLÈ]DQH

=bNROHLLFKRSLVĽHOHPHQW
<legend>ĽRNUHĂODMDNLH
LQIRUPDFMHPDMÈE\ÊSRGDQH
ZbGDQHMJUXSLHSöO

3RGF]DVRNUHĂODQLDSRVWDFLW\FK
GZöFKHOHPHQWöZSRZV]HFKQLH
VWRVRZDQHVÈQDVWÚSXMÈFH
ZïDĂFLZRĂFL

:ïDĂFLZRĂÊ

width

NWöUHM

Xĝ\ZDVLÚGRRNUHĂODQLD
V]HURNRĂFLJUXS\SöO
:b]DPLHV]F]RQ\PSU]\NïDG]LH
QDU]XFRQDV]HURNRĂÊZ\PXV]D
E\SROD]RVWDï\Z\ĂZLHWORQH
ZbGZöFKZLHUV]DFK*G\E\
V]HURNRĂÊE\ïDZLÚNV]DWRSROD
PRJï\E\]RVWDÊZ\ĂZLHWORQH
ZbMHGQ\PZLHUV]X

:ïDĂFLZRĂÊ

color

VïXĝ\

GRbRNUHĂOHQLDNRORUXWHNVWX

ğeldset {
width: 350px;
border: 1px solid #dcdcdc;
border-radius: 10px;
padding: 20px;
text-align: right;}
legend {
background-color: #efefef;
border: 1px solid #dcdcdc;
border-radius: 10px;
padding: 10px 20px;
text-align: left;
text-transform: uppercase;}

rozdzial-14/styling-fieldsets-and-legends.html

CSS

W YNIK

.RORUWïDJUXS\SöORUD]MHMRSLVXMHVWRNUHĂODQ\SU]\Xĝ\FLX
ZïDĂFLZRĂFL

background-color

:ïDĂFLZRĂÊ

border

RNUHĂODSRVWDÊREUDPRZDQLDZ\ĂZLHWODQHJR

ZRNöïJUXS\SöORUD]MHMRSLVX

:ïDĂFLZRĂÊ

border-radius

SR]ZDOD]DRNUÈJOLÊZLHU]FKRïNL

REUDPRZDQLDHOHPHQWöZZbSU]HJOÈGDUNDFKNWöUHMÈREVïXJXMÈ

,bZUHV]FLHZïDĂFLZRĂÊ

padding

]RVWDïDXĝ\WDE\QLHFR]ZLÚNV]\Ê

Z\SHïQLHQLHZHZQÈWU]W\FKHOHPHQWöZ

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

344 /,67<7$%(/(,b)2508/$5=(

:<5:1<:$1,(

(/(0(17:)2508/$5=<

35(=(17$&-$352%/(08

=D]Z\F]DMHW\NLHW\
SRV]F]HJöOQ\FKSöOIRUPXODU]\
PDMÈUöĝQHGïXJRĂFL
FRbR]QDF]DĝHSRODQLHEÚGÈ
Z\ĂZLHWODQHUöZQRMHGQR
SRGGUXJLP7DNÈV\WXDFMÚ
Z\UDěQLHZLGDÊQDSU]\NïDG]LH
SU]HGVWDZLRQ\PXbGRïXVWURQ\
ZbNWöU\PQLHVÈXĝ\ZDQH
ĝDGQHVW\OH&66
:bW\PSU]\NïDGRZ\P
IRUPXODU]XNDĝGH]DJDGQLHQLH
]RVWDïRXPLHV]F]RQH
ZbRGUÚEQ\PHOHPHQFLH<div>,
DE\SRV]F]HJöOQHS\WDQLD
Lb]ZLÈ]DQH]bQLPSRODE\ï\
SUH]HQWRZDQHZbRVREQ\P
ZLHUV]X1LHPQLHMïDWZLHM
MHVWZ\SHïQLDÊIRUPXODU]H
MHĂOLLFKSRODVÈïDGQLH
Z\UöZQDQHMHGQRSRGGUXJLP
3UREOHPWHQUR]ZLÈ]XMH
DUNXV]VW\OöZSU]HGVWDZLRQ\
QDbQDVWÚSQHMbVWURQLH
:bZLHUV]XZbNWöU\P
Xĝ\WNRZQLNMHVWSURV]RQ\
RbRNUHĂOHQLHSïFL]RVWDï\
XPLHV]F]RQHGZDHOHPHQW\
<label>]DZLHUDMÈFH
RGSRZLHGQLRVïRZDmÚĝczyzna,
kobieta6DPW\WXïWHJR
ZLHUV]D]RVWDïXPLHV]F]RQ\
ZbHOHPHQFLH<span>G]LÚNL
F]HPXïDWZLHMJREÚG]LH
Z\UöZQDÊ

1DSRSU]HGQLHMVWURQLH
SU]HGVWDZLRQD]RVWDïDWHFKQLND
Z\UöZQ\ZDQLDHOHPHQWöZ
IRUPXODU]\-HĂOLIRUPXODU]
]DZLHUDZ\ïÈF]QLHSROD

ImiÚ:

</label>

E-mail:

</label>

PïeÊ:

</span>

</label>

</label><br />

</div>
<div>
<input type=”submit” value=”Rejestruj”
id=”submit” />
</div>
</form>

rozdzial-14/aligning-form-controls-problem.html

W YNIK %( Z U¿ YCI$ C SS

HTML

WHNVWRZHZ\VWDUF]\QDGDÊ
LPWDNÈVDPÈV]HURNRĂÊ
LbZ\UöZQDÊZV]\VWNLHHOHPHQW\
GRSUDZHMĽG]LÚNLWHPX
SRODIRUPXODU]D]RVWDQÈ
UR]PLHV]F]RQHLGHDOQLHMHGQR
SRGGUXJLPSRGREQLHMDN

HW\NLHW\-HGQDNZbSU]\SDGNX
EDUG]LHM]ïRĝRQ\FKIRUPXODU]\
NRQLHF]QHEÚG]LH]DVWRVRZDQLH
UR]ZLÈ]DQLDSU]\SRPLQDMÈFHJR
WRSU]HGVWDZLRQHWXWDM

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

/,67<7$%(/(,b)2508/$5=(

.DĝG\ZLHUV]IRUPXODU]D
]DZLHUDW\WXïLQIRUPXMÈF\
Xĝ\WNRZQLNöZFRPDMÈZbQLP
ZSLV\ZDÊ:bSU]\SDGNXSöO
WHNVWRZ\FKWDNLHW\WXï\VÈ
WZRU]RQHSU]\Xĝ\FLXHOHPHQWX
<label>1DWRPLDVWZbZLHUV]X
]DZLHUDMÈF\PSU]\FLVNLRSFML
]RVWDïZbW\PFHOX]DVWRVRZDQ\
HOHPHQW<span>:bREX
SU]\SDGNDFKZbW\FKHOHPHQWDFK
]RVWDïXPLHV]F]RQ\DWU\EXW
classRbZDUWRĂFLtitle

$E\SU]HVXQÈÊW\WXï\SöO
QDOHZÈVWURQÚPRĝHP\
VNRU]\VWDÊ]bZïDĂFLZRĂFL
RbQD]ZLHĠoat=RVWDïDRQD
EDUG]LHMV]F]HJöïRZRRSLVDQD
QDVWURQDFKļ

']LÚNLRNUHĂOHQLXV]HURNRĂFL
HOHPHQWöZSU]\Xĝ\FLX
ZïDĂFLZRĂFLwidthZLHP\
ĝHbW\WXï\EÚGÈPLDï\WDNÈVDPÈ
V]HURNRĂÊ'ODWHJRZ\ĂZLHWORQH
RERNQLFKSRODIRUPXODU]D
]RVWDQÈLGHDOQLHZ\UöZQDQH

3RXĝ\FLXZïDĂFLZRĂFL
text-alignW\WXï\SöO]RVWDï\
Z\UöZQDQHGRSUDZHM
QDWRPLDVWXĝ\FLHZïDĂFLZRĂFL
paddingVSUDZLïRĝHSRPLÚG]\
WHNVWHPW\WXïXDbSRODPL
IRUPXODU]DMHVWSHZLHQRGVWÚS

:<5:1<:$1,(

(/(0(17:)2508/$5=<

52=:,k=$1,(352%/(08

div {
border-bottom: 1px solid #efefef;
margin: 10px;
padding-bottom: 10px;
width: 260px;}
.title {
Ġoat: left;
width: 100px;
text-align: right;
padding-right: 10px;}
.radio-buttons label {
Ġoat: none;}
.submit {
text-align: right;}

rozdzial-14/aligning-form-controls-solution.html

CSS

W YNIK

2GUÚEQDUHJXïDVW\OöZRNUHĂOD
SRVWDÊHOHPHQWöZ<div>,
ZHZQÈWU]NWöU\FKXPLHV]F]RQH
]RVWDï\SRV]F]HJöOQHZLHUV]H
IRUPXODU]DNRQNUHWQLH
SUHF\]XMÈRQHV]HURNRĂÊW\FK
ZLHUV]\RUD]RGVWÚSSRPLÚG]\
QLPL:bNRñFXSU]\FLVN
SU]HV\ïDMÈF\IRUPXODU]]RVWDï
Z\UöZQDQ\GRSUDZHM

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

346 /,67<7$%(/(,b)2508/$5=(

67</(:6.$½1,.$0<6=<

cursor

<abhref=”http://pl.wikipedia.org”>

Wikipedia

</a>

rozdzial-14/cursor.html

W YNIK

HTML

ab{
cursor: move;}

CSS

:ïDĂFLZRĂÊcursorSR]ZDOD
RNUHĂODÊSRVWDÊZVNDěQLND
P\V]\Z\ĂZLHWODQHJR
SU]H]bSU]HJOÈGDUNÚ

0RĝHP\VLÚQS]GHF\GRZDÊ
QDWRE\ZVNDěQLNZ\ĂZLHWODQ\
ZbREV]DU]HIRUPXODU]DPLDï
SRVWDÊGïRQL]bZ\FLÈJQLÚW\P
SDOFHPZVND]XMÈF\P

3RQLĝHMSU]HGVWDZLRQR
QDMF]ÚĂFLHMXĝ\ZDQHZDUWRĂFL
ZïDĂFLZRĂFLcursor

auto
corsshair
default
pointer
move
text
wait
help
url(”cursor.gif”);

3RZ\ĝV]\FKZDUWRĂFLQDOHĝ\
Xĝ\ZDÊZ\ïÈF]QLHZbFHOX
GRGDZDQLDSU]\GDWQ\FK
GODbXĝ\WNRZQLNöZLQIRUPDFML
ZbW\FKPLHMVFDFKVWURQ\
ZbNWöU\FKPRJÈVLÚRQL
VSRG]LHZDÊRGSRZLHGQLHJR
ZVNDěQLNDP\V]\
QSbZ\ĂZLHWODQLHZVNDěQLND
RbSRVWDFLF]WHURNLHUXQNRZHM
VWU]DïNLSRbZVND]DQLXïÈF]D
PRĝH]P\OLÊXĝ\WNRZQLNöZ

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

347

/,67<7$%(/(,b)2508/$5=(

:(%'(9(/23(5722/%$5

2SLV\ZDQHWXQDU]ÚG]LHPRĝQD
SREUDÊ]HVWURQ\
http://chrispederick.com/work/
web-developer/.

$E\Z\ĂZLHWOLÊVW\OH&66
RUD]bVWUXNWXUÚNRGX+70/
VWURQ\QDOHĝ\RWZRU]\Ê
PHQXbCSSQDU]ÚG]LDLbZ\EUDÊ
RSFMÚView Style Information.

7REDUG]RSU]\GDWQHUR]V]HU]HQLHGRbSU]HJOÈGDUHN)LUHIR[
Lb&KURPHXGRVWÚSQLDQDU]ÚG]LDSR]ZDODMÈFHZ\ĂZLHWODÊ
VW\OH&66NWöUHRGQRV]ÈVLÚGRHOHPHQWXZVND]DQHJR
P\V]NÈRUD]VWUXNWXUÚNRGXb+70/

6758.785$

3RZVND]DQLXHOHPHQWXP\V]NÈ
XbJöU\RNQDSU]HJOÈGDUNL
]RVWDQLHZ\ĂZLHWORQDVWUXNWXUD
NRGX+70/:bW\PSU]\NïDG]LH
ZLGDÊĝHHOHPHQW<li>]RVWDï
SU]\SLVDQ\GRNODV\completed
Lb]QDMGXMHVLÚZHZQÈWU]
HOHPHQWX<ul>SU]\SLVDQHJR
GRbNODV\to-do/LVWDQDWRPLDVW
]QDMGXMHVLÚZHZQÈWU]HOHPHQWX
<div>RbLGHQW\ğNDWRU]Hpage,
XPLHV]F]RQHJRZbHOHPHQWDFK
<body>RUD]<html>.

1DU]ÚG]LHWRPRĝHE\ÊEDUG]R
SRPRFQHSRGF]DVWZRU]HQLD
UHJXï&66JG\ĝSRPDJD
VSUDZG]LÊF]\RGQRV]ÈVLÚRQH
GRRGSRZLHGQLFKHOHPHQWöZ

67</(&66

3RXPLHV]F]HQLXZVNDěQLND
P\V]\QDHOHPHQFLHPRĝQD
JRNOLNQÈÊE\Z\ĂZLHWOLÊ
RGQRV]ÈFHVLÚGRQLHJRUHJXï\
VW\OöZZUD]]bLQIRUPDFMDPL
RbQXPHUDFKZLHUV]\ZbNWöU\FK
]RVWDï\SRGDQH3RZ\ĝHMUHJXï
Z\ĂZLHWODQDMHVWQD]ZDSOLNX
DUNXV]DVW\OöZRUD]ĂFLHĝND
GRVWÚSXGRQLHJR

5R]ZLÈ]DQLHWR]QDF]QLH
XSUDV]F]DRNUHĂODQLHNWöUH
UHJXï\VW\OöZRGQRV]ÈVLÚ
GRbHOHPHQWX0RĝQDJRXĝ\ZDÊ
]DUöZQRSRGF]DVWHVWRZDQLD
ZïDVQHMZLWU\Q\MDNLbGRDQDOL]\
VW\OöZXĝ\ZDQ\FKQDLQQ\FK
VWURQDFK

=$5<6<

(/(0(17:

3RZVND]DQLXHOHPHQWXP\V]NÈ
ZRNöïQLHJRZ\ĂZLHWODQHMHVW
F]HUZRQHREUDPRZDQLHNWöUH
GRVNRQDOHSRND]XMHMDNLREV]DU
MHVW]DMPRZDQ\SU]H]GDQ\
HOHPHQW

1DU]ÚG]LHWRSR]ZDODWDNĝHQD]PLDQÚZLHONRĂFLHNUDQXZHU\ğNDFMÚSRSUDZQRĂFLNRGX+70/Lb&66
RUD]Z\ïÈF]DQLHREUD]NöZ

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

348

/,67<7$%(/(,b)2508/$5=(

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

349

/,67<7$%(/(,b)2508/$5=(

35=<.$'

/,67<7$%(/(,b)2508/$5=(

=DPLHV]F]RQ\WXSU]\NïDGSU]HGVWDZLD
]DVWRVRZDQLHNLONXSR]QDQ\FKZbW\P
UR]G]LDOHZïDĂFLZRĂFLVïXĝÈF\FK
GRbRNUHĂODQLDZ\JOÈGXOLVWWDEHO
RUD]bIRUPXODU]\

=QDF]QLNLOLVW\VSRWNDñSRHW\FNLFKXPLHV]F]RQHMQDSRF]ÈWNXVWURQ\
]RVWDï\Z\ĂZLHWORQHSU]\Xĝ\FLXREUD]öZ2GSRZLHGQLHRGVWÚS\
SRPLÚG]\SRV]F]HJöOQ\PLHOHPHQWDPLOLVW\]DSHZQLDZïDĂFLZRĂÊ
line-height

-HĂOLQDWRPLDVWFKRG]LRbXPLHV]F]RQÈSRQLĝHMWDEHOÚRGVWÚS\
SRPLÚG]\NRPöUNDPLXVXQLÚWRG]LÚNLXĝ\FLXZïDĂFLZRĂFL
border-spacing2NUHĂORQD]RVWDïDWDNĝHZLHONRĂÊF]FLRQNL
Xĝ\ZDQHMZbHOHPHQWDFK<td>RUD]<th>JG\ĝQLHMHVWRQD
G]LHG]LF]RQDSRbSU]RGNDFK

1DJïöZHNWDEHOLPDFLHPQLHMV]HWïRMDĂQLHMV]\NRORUWHNVWXLbMHVW
RGG]LHORQ\GRSR]RVWDïHM]DZDUWRĂFLWDEHOLOLQLÈRbV]HURNRĂFL
bSLNVHOL2NUÈJïHZLHU]FKRïNLZbQDJïöZNXWDEHOL]RVWDï\XWZRU]RQH
SU]\Xĝ\FLXSVHXGRNODV:ğrst-childRUD]:last-childEÚGÈRQH
ZLGRF]QHZbSU]HJOÈGDUNDFKNWöUHQDWRSR]ZDODMÈ

7ïRZbZLHUV]DFKWDEHOLMHVWQDSU]HPLHQQLH]PLHQLDQHDbGRGDWNRZR
]RVWDïD]DVWRVRZDQDWHNVWXUD]bUöĝQ\PLREUDPRZDQLDPLSRREX
VWURQDFKNRPöUHN

:bSU]HGVWDZLRQ\PIRUPXODU]XSRZLÈ]DQH]HVREÈSROD]RVWDï\
XPLHV]F]RQHZHZQÈWU]HOHPHQWX<ğeldset>:bHW\NLHWDFK
Z\ĂZLHWORQ\FK]bOHZHMVWURQ\]RVWDïDXĝ\WDZïDĂFLZRĂÊĠoat,
DE\b]DSHZQLÊĝHSRODIRUPXODU]DEÚGÈZ\UöZQDQHZbSLRQLH

.LHG\Xĝ\WNRZQLNNOLNQLHSROHWHNVWRZHIRUPXODU]DDOER
XPLHĂFLQDbQLPZVNDěQLNP\V]\]PLHQLVLÚNRORUWïDRUD]NRORU
REUDPRZDñSROD=PRG\ğNRZDQ\]RVWDQLHWDNĝHZ\JOÈGSU]\FLVNX
SU]HV\ïDMÈFHJRE\Xĝ\WNRZQLF\QLHPLHOLZÈWSOLZRĂFLZbMDNLVSRVöE
QDOHĝ\SU]HND]DÊGDQHQDVHUZHU

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

/,67<7$%(/(,b)2508/$5=(

35=<.$'

/,67<7$%(/(,b)2508/$5=(

<!DOCTYPE html>
<html>
<head>
<title>

Listy, tabele ibformularze

</title>

body {
font-family: Arial, Verdana, sans-serif;
font-size: 90%;
color: #666;
background-color: #f8f8f8;}
li {
list-style-image: url(“images/icon-plus.png”);
line-height: 1.6em;}
table {
border-spacing: 0px;}
th, td {
padding: 5px 30px 5px 10px;
border-spacing: 0px;
font-size: 90%;
margin: 0px;}
th, td {
text-align: left;
background-color: #e0e9f0;
border-top: 1px solid #f1f8fe;
border-bottom: 1px solid #cbd2d8;
border-right: 1px solid #cbd2d8;}
tr.head th {
color: #fff;
background-color: #90b4d6;
border-bottom: 2px solid #547ca0;
border-right: 1px solid #749abe;
border-top: 1px solid #90b4d6;
text-align: center;
text-shadow: -1px -1px 1px #666666;
letter-spacing: 0.15em;}
td {
text-shadow: 1px 1px 1px #ffffff;}

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

/,67<7$%(/(,b)2508/$5=(

35=<.$'

/,67<7$%(/(,b)2508/$5=(

tr.even td, tr.even th {
background-color: #e8eff5;}
tr.head th:ğrst-child {
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;}
tr.head th:last-child {
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px;}
ğeldset {
width: 310px;
margin-top: 20px;
border: 1px solid #d6d6d6;
background-color: #ffffff;
line-height: 1.6em;}
legend {
font-style: italic;
color: #666666;}
input[type=”text”] {
width: 120px;
border: 1px solid #d6d6d6;
padding: 2px;
outline: none;}
input[type=”text”]:focus,
input[type=”text”]:hover {
background-color: #d0e2f0;
border: 1px solid #999999;}
input[type=”submit”] {
border: 1px solid #006633;
background-color: #009966;
color: #ffffff;
border-radius: 5px;
padding: 5px;
margin-top: 10px;}
input[type=”submit”]:hover {
border: 1px solid #006633;

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

/,67<7$%(/(,b)2508/$5=(

35=<.$'

/,67<7$%(/(,b)2508/$5=(

background-color: #00CC33;
color: #ffffff;
cursor: pointer;}
.title {
Ġoat: left;
width: 160px;
clear: left;}
.submit {
width: 310px;
text-align: right;}

</style>

</head>
<body>
<h1>

Warsztaty poetyckie

</h1>

<p>

Wbtym roku mamy zamiar zorganizowaÊ ibprzeprowadziÊ seriÚ warsztatów

oraz sympozjów poetyckich.

</p>

<p>

Dla naszych czïonków wstÚp na te imprezy bÚdzie bezpïatny:

</p>

<ul>

<li>

Perspektywa poetycka

</li>

<li>

Wojna wboczach Baczyñskiego

</li>

<li>

Poematy odnalezione ibpoeci-outsiderzy

</li>

</ul>

<table>

Kraków

</th>

<th>

Wrocïaw

</th>

<th>

Gdañsk

</th>

</tr>
<tr>

<th>

Perspektywa poetycka</th>

<td>

Sobota, 4 lutego 2012

<br />

11:00 - 14:00

</td>

<td>

Sobota, 3 marca 2012

<br />

11:00 - 14:00

</td>

<td>

Sobota, 17 marca 2012

<br />

11:00 - 14:00

</td>

</tr>

<th>

Wojna wboczach Baczyñskiego

</th>

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

/,67<7$%(/(,b)2508/$5=(

35=<.$'

/,67<7$%(/(,b)2508/$5=(

<td>

Sobota, 7 kwietnia 2012

<br />

11:00 - 13:00

</td>

<td>

Sobota, 5 maja 2012

<br />

11:00 - 13:00

</td>

<td>

Sobota, 19 maja 2012

<br />

11:00 - 13:00

</td>

</tr>
<tr>

<th>

Poematy odnalezione ibpoeci-outsiderzy

</th>

<td>

Sobota, 9 czerwca 2012

<br />

11:00 - 14:00

</td>

<td>

Sobota, 7 lipca 2012

<br />

11:00 - 14:00

</td>

<td>

Sobota, 21 lipca 2012

<br />

11:00 - 14:00

</td>

</tr>

<th>

Naturalna ĂmierÊ: Granice poznania

</th>

<td>

Sobota, 4 sierpnia 2012

<br />

11:00 - 16:00

</td>

<td>

Sobota, 8 wrzeĂnia 2012

<br />

11:00 - 16:00

</td>

<td>

Sobota, 15 wrzeĂnia 2012

<br />

11:00 - 16:00

</td>

</tr>
</table>
<form action=”http://www.jakaswitryna.com.pl/form.php” method=”get”>
<ğeldset>
<legend>

Rejestracja uczestnictwa

</legend>

ImiÚ ibnazwisko:

</label>

label class=”title” for=”email”>

E-mail:

</label>

Najbliĝsza placówka:

</label>

Kraków

</option>

Wrocïaw

</option>

Gdañsk

</option>

</select></p>

Czy jesteĂ czïonkiem stowarzyszenia?

</span>

Tak

</label>

Nie

</label></p>

</ğeldset>

</form>
</body>
</html>

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

32'6802:$1,(

/,67<7$%(/(,b)2508/$5=(

2SUöF]ZïDĂFLZRĂFL&66NWöUH]RVWDï\RSLVDQH

ZbLQQ\FKUR]G]LDïDFKLbPRJÈE\ÊVWRVRZDQH

GRRNUHĂODQLDZ\JOÈGX]DZDUWRĂFLZV]\VWNLFK

HOHPHQWöZGRVWÚSQ\FKMHVWNLONDZïDĂFLZRĂFL

SU]H]QDF]RQ\FKGRRNUHĂODQLDZ\JOÈGXOLVWWDEHO

LbIRUPXODU]\

3RVWDÊ]QDF]QLNöZOLVWPRĝQDRNUHĂODÊSU]\Xĝ\FLX

ZïDĂFLZRĂFLlist-style-typeRUD]list-style-image

:bUöĝQ\FKSU]HJOÈGDUNDFKNRPöUNLWDEHOPDMÈUöĝQH

REUDPRZDQLDRUD]RGVWÚS\SRPLÚG]\VREÈLVWQLHMÈ

ZïDĂFLZRĂFLNWöUHSR]ZDODMÈNRQWURORZDÊWHDVSHNW\

Z\JOÈGXWDEHOLbVSUDZLÊE\Z\JOÈGDï\VSöMQLH

.RU]\VWDQLH]bIRUPXODU]\EÚG]LHSURVWV]HMHĂOL

LFKSROD]RVWDQÈLGHDOQLHZ\UöZQDQHZbSLRQLH

SU]\bXĝ\FLXVW\OöZ

)RUPXODU]HPRJÈ]GHF\GRZDQLH]\VNDÊG]LÚNL

]DVWRVRZDQLXVW\OöZNWöUHQDGDG]ÈLPEDUG]LHM

LQWHUDNW\ZQ\Z\JOÈG

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

UKŁAD

.RQWURODSRïRĝHQLDHOHPHQWöZ

7ZRU]HQLHXNïDGöZVWURQ

3URMHNWRZDQLHSRGNÈWHPHNUDQöZRbUöĝQHMUR]G]LHOF]RĂFL

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

358 8.$'

:bQLQLHMV]\PUR]G]LDOHEÚG]LHPRZD
RbW\PMDNNRQWURORZDÊSRïRĝHQLH
HOHPHQWöZQDVWURQLHRUD]MDNWZRU]\Ê
ZLWU\Q\RbDWUDNF\MQ\PXNïDG]LH

3U]\WHMRND]MLPXVLP\VLÚGRZLHG]LHÊF]\PSURMHNWRZDQLH
VWURQSU]H]QDF]RQ\FKGRRJOÈGDQLDQDHNUDQLHUöĝQLVLÚ
RGbSURMHNWRZDQLDPDWHULDïöZSU]H]QDF]RQ\FKGRSUH]HQWDFML
]bXĝ\FLHPLQQ\FKPHGLöZQSGUXNX:bW\PUR]G]LDOH

3R]QDP\UöĝQHVSRVRE\XPLHMVFDZLDQLDHOHPHQWöZ
SU]\bZ\NRU]\VWDQLXQRUPDOQHJRUR]NïDGXWUHĂFL
XPLHMVFDZLDQLDZ]JOÚGQHJREH]Z]JOÚGQHJR
RUD]b]b]DVWRVRZDQLHPHOHPHQWöZSï\ZDMÈF\FK

2GNU\MHP\ĝHUöĝQHXU]ÈG]HQLDPDMÈHNUDQ\RbUöĝQ\FK
Z\PLDUDFKRUD]UR]G]LHOF]RĂFLLbGRZLHP\VLÚMDNWH
F]\QQLNLZSï\ZDMÈQDSURFHVSURMHNWRZDQLDVWURQ

1DXF]\P\VLÚUR]UöĝQLDÊXNïDG\RbVWDïHMV]HURNRĂFLRUD]
XNïDG\HODVW\F]QHMDNUöZQLHĝGRZLHP\VLÚMDNMHWZRU]\Ê

'RZLHP\VLÚMDNSURMHNWDQFLZ\NRU]\VWXMÈVLDWNL
E\WZRU]RQHSU]H]QLFKSURMHNW\Z\JOÈGDï\EDUG]LHM
SURIHVMRQDOQLH

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

359

8.$'

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

360

8.$'

KLUCZOWE

32-}&,$=:,k=$1(

=b80,(-6&$:,$1,(0

(/(0(17:

(/(0(17<%/2.2:(

52=32&=<1$-k6,}
:b12:<0:,(56=8

2WRNLONDSU]\NïDGöZ
<h1> <p> <ul> <li>

(/(0(17<.216758.&<-1(

.DVNDGRZHDUNXV]HVW\OöZ]DNïDGDMÈ

ĝHNDĝG\HOHPHQWVWURQ\]QDMGXMHVLÚ

ZbRVREQ\PSXGHïNX7HSXGHïNDHOHPHQWöZ

PRJÈE\ÊblokoweOXEwewnÈtrzwierszowe

3XGHïNDEORNRZHUR]SRF]\QDMÈVLÚZbQRZ\PZLHUV]XLbSHïQLÈIXQNFMÚ
SRGVWDZRZ\FKHOHPHQWöZNRQVWUXNF\MQ\FKXNïDGXVWURQ\QDWRPLDVW
SXGHïNDZHZQÈWU]ZLHUV]RZHVÈUR]PLHV]F]DQHZUD]]bRWDF]DMÈF\P
MHWHNVWHP2EV]DU]DMPRZDQ\SU]H]NDĝGHSXGHïNRHOHPHQWXPRĝQD
NRQWURORZDÊRNUHĂODMÈFMHJRV]HURNRĂÊDbF]DVDPLWDNĝHZ\VRNRĂÊ
%\RGG]LHOLÊSXGHïNDHOHPHQWöZRGVLHELHPRĝQDRNUHĂOLÊLFK
REUDPRZDQLDPDUJLQHV\Z\SHïQLHQLDRUD]NRORU\WïD

/RUHPLSVXP

/RUHPLSVXPGRORUVLWDPHWFRQVHFWHWXUDGLSLVLFLQJHOLWVHGGR
HLXVPRGWHPSRULQFLGLGXQWXWODERUHHWGRORUHPDJQDDOLTXD8W
HQLPDGPLQLPYHQLDPTXLVQRVWUXGH[HUFLWDWLRQXOODPFRODERULV
QLVLXWDOLTXLSH[HDFRPPRGRFRQVHTXDW'XLVDXWHLUXUHGRORU
LQUHSUHKHQGHULWLQYROXSWDWHYHOLW

ľ/RUHPLSVXPGRORUVLW
ľ&RQVHFWHWXUDGLSLVLFLQJ
ľ(OLWVHGGRHLXVPRG

Lorem ipsumGRORUVLWDPHWFRQVHFWHWXUDGLSLVLFLQJHOLWVHGGR
HLXVPRGWHPSRULQFLGLGXQWXWlabore et dolorePDJQDDOLTXD8W
HQLPDGPLQLPYHQLDPTXLVQRVWUXGH[HUFLWDWLRQXOODPFRODERULV
QLVLXWDOLTXLSH[HDFRPPRGRFRQVHTXDW

'XLVDXWHLUXUHGRORULQUHSUHKHQGHULWLQYROXSWDWH
YHOLWHVVHFLOOXPGRORUHHXIXJLDWQXOODSDULDWXU([FHSWHXU
VLQWRFFDHFDWFXSLGDWDWQRQSURLGHQWVXQWLQFXOSDTXLRIğFLD
GHVHUXQWPROOLWDQLPLGHVWODERUXP/RUHPLSVXPGRORUVLW
DPHWFRQVHFWHWXUDGLSLVLFLQJHOLWVHGGRHLXVPRGWHPSRU
LQFLGLGXQWXWODERUHHWGRORUHPDJQDDOLTXD

(/(0(17<

:(:1k75=:,(56=2:(

k80,(6=&=$1(

P20,}'=<27$&=$-k&<0
-(7(.67(0

2WRNLONDSU]\NïDGöZ
<img> <b> <i>

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

361

8.$'

(/(0(17<=$:,(5$-k&(

-HĂOLMHGHQHOHPHQWEORNRZ\MHVWXPLHV]F]RQ\
ZHZQÈWU]LQQHJRWR]HZQÚWU]Q\]bQLFK
MHVWQD]\ZDQ\HOHPHQWHPzawierajÈcym
OXEbrodzicem

&]ÚVWRVSRW\NDQ\PUR]ZLÈ]DQLHPMHVWJUXSRZDQLHNLONXHOHPHQWöZ
ZHZQÈWU]MHGQHJRHOHPHQWX<div>OXELQQHJRHOHPHQWXEORNRZHJR
:bWDNLVSRVöEPRĝQDQS]JUXSRZDÊZV]\VWNLHHOHPHQW\WZRU]ÈFH
QDJïöZHNZLWU\Q\WDNLHMDNORJRQD]ZDF]\JïöZQHHOHPHQW\
QDZLJDF\MQH(OHPHQW<div>ZHZQÈWU]NWöUHJRMHVWXPLHV]F]RQD
WDNDbJUXSDQD]\ZDQ\MHVWHOHPHQWHPzawierajÈcym

3RPDUDñF]RZHOLQLHQDSRZ\ĝV]\PGLDJUDPLHUHSUH]HQWXMÈHOHPHQW\
<div>1DJïöZHN]DZLHUDMÈF\ORJRRUD]HOHPHQW\QDZLJDF\MQH
]RVWDïXPLHV]F]RQ\ZbMHGQ\PHOHPHQFLH<div>JïöZQDWUHĂÊVWURQ\
]QDOD]ïDVLÚZbNROHMQ\PDbQDJïöZHNĽZbMHV]F]HMHGQ\P7HWU]\
HOHPHQW\<div>VÈXPLHV]F]RQHEH]SRĂUHGQLRZbHOHPHQFLH<body>
'UXJL<div>MHVWHOHPHQWHP]DZLHUDMÈF\PZHZQÈWU]NWöUHJR
]RVWDï\XPLHV]F]RQHGZDDNDSLW\WHNVWXSRïDFLQLHRUD]REUD]NL
UHSUH]HQWRZDQHSU]H]V]DUHNZDGUDW\]bNU]\ĝ\NDPL

3XGHïNRHOHPHQWXPRĝHE\Ê
XPLHV]F]RQHZHZQÈWU]NLONX
LQQ\FKHOHPHQWöZEORNRZ\FK
(OHPHQW]DZLHUDMÈF\]DZV]H
MHVWEH]SRĂUHGQLProdzicem
WDNLHJRHOHPHQWX

/RUHPľ,SVXPľ'RORUľ&RQVHFWHWXU

/RUHPLSVXP

/RUHPLSVXPGRORUVLWDPHWFRQVHFWHWXUDGLSLVLFLQJHOLWVHGGRHLXVPRG
WHPSRULQFLGLGXQWXWODERUHHWGRORUHPDJQDDOLTXD8WHQLPDGPLQLP
YHQLDPTuis nostrudH[HUFLWDWLRQXOODPFRODERULVQLVLXWDOLTXLSH[HD
FRPPRGRFRQVHTXDW'XLVDXWHLUXUHGRORULQUHSUHKHQGHULWLQYROXSWDWH
YHOLWHVVHFLOOXPGRORUHHXIXJLDWQXOODSDULDWXU([FHSWHXUVLQWRFFDHFDW

/RUHPLSVXPGRORUVLWDPHWFRQVHFWHWXU
DGLSLVLFLQJHOLWVHGGR

eiusmod temporLQFLGLGXQW

XWODERUHHWGRORUHPDJQDDOLTXD8WHQLPDG
PLQLPYHQLDPTXLVQRVWUXGH[HUFLWDWLRQXOODPFR
ODERULVQLVLXWDOLTXLSH[HDFRPPRGRFRQVHTXDW
'XLVDXWH

'XLVDXWHLUXUHGRORULQUHSUHKHQGHULWLQYROXSWDWHYHOLWHVVHFLOOXPGRORUHHXIXJLDWQXOODSDULDWXU

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

362

8.$'

.21752/$

322¿(1,$(/(0(17:

:b&66Z\NRU]\VW\ZDQHVÈQDVWÚSXMÈFH

VFKHPDW\SR]\FMRQRZDQLD

SR]ZDODMÈFHQDNRQWURORZDQLHXNïDGXVWURQ\UR]NïDGQRUPDOQ\

XPLHMVFDZLDQLHZ]JOÚGQHRUD]XPLHMVFDZLDQLHEH]Z]JOÚGQH

6WRVRZDQ\VFKHPDWXPLHMVFDZLDQLDRNUHĂODVLÚSU]\Xĝ\FLX

ZïDĂFLZRĂFLposition(OHPHQW\Sï\ZDMÈFHWZRU]\VLÚSRSU]H]

]DVWRVRZDQLHZïDĂFLZRĂFLĠRDW

52=.$'1250$/1<

.DĝG\HOHPHQWEORNRZ\MHVW
Z\ĂZLHWODQ\ZbQRZ\PZLHUV]X
SU]H]FRNDĝG\NROHMQ\WDNL
HOHPHQWMHVWZ\ĂZLHWODQ\
SRQLĝHMSRSU]HGQLHJR-HĂOL
V]HURNRĂÊHOHPHQWöZ]RVWDïD
RNUHĂORQDLbMHĂOLGZDNROHMQH
HOHPHQW\]PLHV]F]ÈVLÚRERN
VLHELHWRLbWDNQLH]RVWDQÈ
Z\ĂZLHWORQHZbSR]LRPLH
7DNLHMHVWGRP\ĂOQHG]LDïDQLH
SU]HJOÈGDUNLFK\EDĝHNDĝHP\
MHM]URELÊFRĂLQQHJR

/RUHPLSVXP

/RUHPLSVXPGRORUVLWDPHW
FRQVHFWHWXUDGLSLVLFLQJHOLWVHGGR
HLXVPRGWHPSRULQFLGLGXQWXWODERUHHW
GRORUHPDJQDDOLTXD

8WHQLPDGPLQLPYHQLDPTXLV
QRVWUXGH[HUFLWDWLRQXOODPFRODERULV
QLVLXWDOLTXLSH[HDFRPPRGR
FRQVHTXDW

'XLVDXWHLUXUHGRORULQUHSUHKHQGHULW
LQYROXSWDWHYHOLW

$NDSLW\VÈZ\ĂZLHWODQH
MHGHQSRGGUXJLPZbNLHUXQNX
GRïXbVWURQ\

3DWU]VWURQD364

80,(-6&$:,$1,(:=*/}'1(

:bW\PSU]\SDGNXHOHPHQW\
VÈSU]HVXZDQH]bPLHMVFD
NWöUHQRUPDOQLHE\]DMPRZDï\
NXJöU]HZbSUDZROHZR
OXENXGRïRZL=PLDQ\WH
QLHZSï\ZDMÈQDSRïRĝHQLH
VÈVLHGQLFKHOHPHQWöZĽ
WHbSR]RVWDMÈZ\ĂZLHWORQH
ZbW\FKVDP\FKPLHMVFDFK
ZbNWöU\FK]RVWDï\XPLHV]F]RQH
SU]\Z\NRU]\VWDQLXUR]NïDGX
QRUPDOQHJR

/RUHPLSVXP

/RUHPLSVXPGRORUVLWDPHW
FRQVHFWHWXUDGLSLVLFLQJHOLWVHGGR
HLXVPRGWHPSRULQFLGLGXQWXW

8WHQLPDGPLQLPYHQLDPTXLV
QRVWUXGH[HUFLWDWLRQXOODPFR
ODERULVQLVLXWDOLTXLSH[HD

'XLVDXWHLUXUHGRORULQUHSUHKHQGHULW
LQYROXSWDWHYHOLW

'UXJLDNDSLWWHNVWX]RVWDï
SU]HVXQLÚW\ZbGöïLbZbSUDZR
ZbVWRVXQNXGRPLHMVFD
NWöUHbQRUPDOQLHE\]DMPRZDï

3DWU]VWURQD365

80,(-6&$:,$1,(
%(=:=*/}'1(

:bW\PSU]\SDGNXSRïRĝHQLH
HOHPHQWöZMHVWRNUHĂODQH
Z]JOÚGHPHOHPHQWXZbNWöU\P
VÈRQHXPLHV]F]RQH(OHPHQW\
XPLHMVFDZLDQHZbWHQVSRVöE
VÈXVXZDQH]bQRUPDOQHJR
UR]NïDGXVWURQ\FRR]QDF]D
ĝHSU]HVWDMÈPLHÊZSï\Z
QDSR]RVWDïHRWDF]DMÈFHMH
HOHPHQW\SRbSURVWXREV]DU
]DMPRZDQ\SU]H]WDNLHHOHPHQW\
MHVWLJQRURZDQ\(OHPHQW\
XPLHMVFDZLDQHZbVSRVöE
EH]Z]JOÚGQ\SU]HVXZDMÈ
VLÚJG\Xĝ\WNRZQLNNRU]\VWD
]bSDVNDSU]HZLMDQLD

/RUHPLSVXPGRORUVLWDPHW
FRQVHFWHWXUDGLSLVLFLQJHOLWVHGGR
HLXVPRGWHPSRULQFLGLGXQWXWODERUHHW
GRORUHPDJQDDOLTXD

8WHQLPDGPLQLPYHQLDPTXLV
QRVWUXGH[HUFLWDWLRQXOODPFRODERULV
QLVLXWDOLTXLSH[HDFRPPRGR
FRQVHTXDW

'XLVDXWHLUXUHGRORULQUHSUHKHQGHULW
LQYROXSWDWHYHOLW

/RUHPLSVXP

1DJïöZHN]RVWDïXPLHV]F]RQ\
ZbSUDZ\PJöUQ\PURJXVWURQ\
DbDNDSLW]DF]\QDVLÚRGVDPHM
JöU\HNUDQXWDNMDNE\SU]HG
QLPQLHE\ïRQDJïöZND

3DWU]VWURQD366

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

363

8.$'

0RĝHVLÚRND]DÊĝHZbFHOXZVND]DQLDSRïRĝHQLDZbMDNLPSRZLQLHQ

VLÚ]QDOHěÊHOHPHQWNRQLHF]QHEÚG]LH

SRGDQLHSU]HVXQLÚFLD

RNUHĂODMÈFHJRMDNGDOHNRZbJöUÚOXEZbGöïDOERZbSUDZROXEZbOHZR

PD]RVWDÊSU]HVXQLÚW\HOHPHQW:LÚFHMQDWHQWHPDWSLV]HP\

QDQDVWÚSQ\FKVWURQDFKQDNWöU\FKSU]HGVWDZLDP\VFKHPDW\
XPLHMVFDZLDQLD

80,(-6&$:,$1,(867$/21(

7RSHZLHQURG]DM
XPLHMVFDZLDQLDEH]Z]JOÚGQHJR
ZbNWöU\PSRïRĝHQLHHOHPHQWX
MHVWRNUHĂODQHZ]JOÚGHPRNQD
SU]HJOÈGDUNLDbQLHHOHPHQWX
]DZLHUDMÈFHJR(OHPHQW\
XPLHMVFRZLRQHZbWHQVSRVöE
QLHZSï\ZDMÈQDSRïRĝHQLH
LQQ\FKVÈVLDGXMÈF\FK]bQLPL
HOHPHQWöZLbQLHSU]HVXZDMÈ
VLÚJG\Xĝ\WNRZQLNSU]HZLMD
]DZDUWRĂÊbVWURQ\

/RUHPLSVXPGRORUVLWDPHW
FRQVHFWHWXUDGLSLVLFLQJHOLWVHGGR
HLXVPRGWHPSRULQFLGLGXQWXWODERUHHW
GRORUHPDJQDDOLTXD

8WHQLPDGPLQLPYHQLDPTXLV
QRVWUXGH[HUFLWDWLRQXOODPFRODERULV
QLVLXWDOLTXLSH[HDFRPPRGR
FRQVHTXDW

'XLVDXWHLUXUHGRORULQUHSUHKHQGHULW
LQYROXSWDWHYHOLW

/RUHPLSVXP

1DJïöZHN]RVWDïXPLHV]F]RQ\
SRĂURGNXVWURQ\LbSU]HVXQLÚW\
ZbGöïRGMHMJöUQHMNUDZÚG]L
RbZ\VRNRĂFLRNQD
SU]HJOÈGDUNL3R]RVWDïH
HOHPHQW\VWURQ\VÈ
UR]PLHV]F]DQH]JRGQLH
]bUR]NïDGHPQRUPDOQ\P

3DWU]VWURQD367

(/(0(17<3<:$-k&(

0HFKDQL]PHOHPHQWöZ
Sï\ZDMÈF\FKSR]ZDOD
XVXQÈÊZ\EUDQ\HOHPHQW
]bQRUPDOQHJRUR]NïDGXVWURQ\
LbXPLHĂFLÊJRWXĝSU]\SUDZHM
OXEOHZHMNUDZÚG]LHOHPHQWX
]DZLHUDMÈFHJR7DNLHOHPHQW
Sï\ZDMÈF\VWDMHVLÚHOHPHQWHP
EORNRZ\PZRNöïNWöUHJR
UR]PLHV]F]DQDMHVWSR]RVWDïD
]DZDUWRĂÊVWURQ\

/RUHPLSVXPGRORUVLW

DPHWFRQVHFWHWXU

DGLSLVLFLQJHOLWVHGGR

HLXVPRGWHPSRULQFLGLGXQWXWODERUHHW
GRORUHPDJQDDOLTXD

8WHQLPDGPLQLPYHQLDPTXLV
QRVWUXGH[HUFLWDWLRQXOODPFRODERULV
QLVLXWDOLTXLSH[HDFRPPRGR
FRQVHTXDW

'XLVDXWHLUXUHGRORULQUHSUHKHQGHULW
LQYROXSWDWHYHOLW

/RUHP

LSVXP

1DJïöZHN]RVWDïSU]HNV]WDïFRQ\
ZbHOHPHQWSï\ZDMÈF\
XPLHV]F]RQ\]bOHZHMVWURQ\
G]LÚNLF]HPXDNDSLWWHNVWX
PRĝHJRRWDF]DÊSRSUDZHM

3DWU]VWURQ\369 – 375

-HĂOLNWöU\NROZLHN

HOHPHQW]RVWDQLH

XVXQLÚW\

]bQRUPDOQHJR

UR]NïDGXVWURQ\

WRbSXGHïND

HOHPHQWöZ

PRJÈQDVLHELH

QDFKRG]LÊ:bWDNLFK

SU]\SDGNDFK

ZïDĂFLZRĂÊz-index

SR]ZDODRNUHĂOLÊ

NWöUH]bQLFKPD

E\ÊZ\ĂZLHWORQH

SRZ\ĝHMGUXJLHJR

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

364 8.$'

<body>

<h1>

Ewolucja roweru

</h1>

<p>

Wb1817 roku baron von Drais wymyĂliï maszynÚ

biegowÈ, która miaïa mu pomóc wbszybszym
poruszaniu siÚ po ogrodach królewskich...

</p>

</body>

HTML

rodzial-15/normal-flow.html

52=.$'1250$/1<

position: static

:bSU]\SDGNXUR]NïDGX
QRUPDOQHJRNDĝG\HOHPHQW
EORNRZ\MHVWXPLHV]F]DQ\
SRQLĝHMSRSU]HGQLHJR3RQLHZDĝ
MHVWWRQRUPDOQ\VSRVöE
ZbMDNLSU]HJOÈGDUNLWUDNWXMÈ
HOHPHQW\b+70/QLHWU]HED
VWRVRZDÊĝDGQ\FKZïDĂFLZRĂFL
&66E\]D]QDF]\ÊĝHHOHPHQW\
PDMÈE\ÊWDNUR]PLHV]F]DQH
PRĝQDMHGQDNWR]URELÊ
SU]\bXĝ\FLXZïDĂFLZRĂFL

position: static;

:b]DPLHV]F]RQ\PWX
SU]\NïDG]LHQLHRNUHĂOLOLĂP\
V]HURNRĂFLQDJïöZNDG]LÚNL
F]HPXZLGDÊĝHGRP\ĂOQLH
EÚG]LHRQ]DMPRZDïFDïÈ
GRVWÚSQÈV]HURNRĂÊRNQD
SU]HJOÈGDUNL

6]HURNRĂÊDNDSLWöZ
QDWRPLDVW]RVWDïDRJUDQLF]RQD
GRbbSLNVHOL1DLFK
SU]\NïDG]LHZLGDÊĝHbHOHPHQW\
EORNRZHZbUR]NïDG]LH
QRUPDOQ\PVÈXPLHV]F]DQH
ZbQRZ\PZLHUV]XQDZHWMHĂOL
QLH]DMPXMÈFDïHMV]HURNRĂFL
RNQDSU]HJOÈGDUNL

:V]\VWNLHSU]\NïDG\Xĝ\WH
GRSU]HGVWDZLHQLDVSRVREöZ
XPLHMVFDZLDQLDEÚGÈPLDï\WDNÈ
VDPÈVWUXNWXUÚNRGX+70/

W YNIK

body {
width: 750px;
font-family: Arial, Verdana, sans-serif;
color: #665544;}
h1 {
background-color: #efefef;
padding: 10px;}
p {
width: 450px;}

CSS

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

365

8.$'

W YNIK

p.example {
position: relative;
top: 10px;
left: 100px;}

CSS

<body>

<h1>

Ewolucja roweru

</h1>

<p>

Wb1817 roku baron von Drais wymyĂliï maszynÚ

biegowÈ, która miaïa mu pomóc wbszybszym
poruszaniu siÚ po ogrodach królewskich...

</p>

</body>

rodzial-15/position-relative.html

HTML

80,(-6&$:,$1,(

:=*/}'1(

position: relative

8PLHMVFDZLDQLHZ]JOÚGQH
XPRĝOLZLDSU]HVXZDQLH
HOHPHQWöZZ]JOÚGHPPLHMVFD
ZbNWöU\P]RVWDï\XPLHV]F]RQH
SU]\Xĝ\FLXUR]NïDGX
QRUPDOQHJR

:\EUDQ\HOHPHQWPRĝQD
QSbSU]HVXQÈÊRbSLNVHOL
ZbGöïZ]JOÚGHPPLHMVFD
ZbNWöU\P]RVWDïE\RQ
XPLHV]F]RQ\OXEbRb
ZbSUDZR

$E\]D]QDF]\ÊĝHHOHPHQWPD
E\ÊXPLHMVFDZLDQ\Z]JOÚGQLH
QDOHĝ\Xĝ\ÊZïDĂFLZRĂFL
positionLbSU]\SLVDÊMHMZDUWRĂÊ
relative

'RGDWNRZRWU]HEDXĝ\ÊMHGQHM
]bZïDĂFLZRĂFLRNUHĂODMÈF\FK
SU]HVXQLÚFLHtopbottom
leftOXErightE\RNUHĂOLÊ
ZbNWöU\PNLHUXQNXLbQDMDNÈ
RGOHJïRĂÊQDOHĝ\SU]HVXQÈÊ
HOHPHQW

$E\SU]HVXQÈÊSXGHïNR
HOHPHQWXZbJöUÚOXEZbGöï
QDOHĝ\VNRU]\VWDÊ]bZïDĂFLZRĂFL
topOXEbottom

:bSU]\SDGNXSU]HVXZDQLD
SXGHïNDHOHPHQWXZbOHZR
OXEbSUDZRQDOHĝ\Xĝ\Ê
ZïDĂFLZRĂFLleftOXEright

:DUWRĂFLSU]\SLV\ZDQHW\P
ZïDĂFLZRĂFLRPVÈ]D]Z\F]DM
SRGDZDQHZbSLNVHODFK
MHGQRVWNDFKemOXEVÈ
ZDUWRĂFLDPLSURFHQWRZ\PL

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

366 8.$'

80,(-6&$:,$1,(

%(=:=*/}'1(

position: absolute

.LHG\ZïDĂFLZRĂFLposition

SU]\SLVDQD]RVWDQLHZDUWRĂÊ
absoluteHOHPHQWMHVW

XVXZDQ\]bQRUPDOQHJRUR]NïDGX
WUHĂFLLbQLHSU]HVWDMHPLHÊ
ZSï\ZXQDbSRïRĝHQLHLQQ\FK
RWDF]DMÈF\FKJRHOHPHQWöZ
VWURQ\3U]HJOÈGDUND
UR]PLHV]F]DMHWDNMDNE\
WDNLHJRHOHPHQWXZbRJöOHQLH
E\ïRZbNRG]LHVWURQ\

:ïDĂFLZRĂFLSU]HVXQLÚFLD
topbottomleftRUD]
rightRNUHĂODMÈSRïRĝHQLH

HOHPHQWXZ\]QDF]DQH
ZbRGQLHVLHQLXGRbMHJRHOHPHQWX
]DZLHUDMÈFHJR

:bSU]HGVWDZLRQ\PSU]\NïDG]LH
QDJïöZHN]RVWDïXPLHV]F]RQ\
QDVDPHMJöU]HVWURQ\
ZbRGOHJïRĂFLSLNVHOLRGbMHM
OHZHMNUDZÚG]L6]HURNRĂÊ
QDJïöZNDZ\QRVLSLNVHOL

3U]\Z\NRU]\VWDQLXZïDĂFLZRĂFL
widthRNUHĂORQD]RVWDïDWDNĝH

V]HURNRĂÊHOHPHQWöZ<p>

G]LÚNLF]HPXWUHĂÊVWURQ\QLH
SU]HVïDQLDQDJïöZNDLbMHVW
F]\WHOQD

'RP\ĂOQLHSU]HJOÈGDUNL
XPLHV]F]DMÈXbJöU\HOHPHQWöZ
<h1>SHZLHQPDUJLQHV

7RbZïDĂQLHGODWHJRSRPLÚG]\
JöUQÈNUDZÚG]LÈVWURQ\DbW\P
HOHPHQWHPMHVWZLGRF]Q\
RGVWÚS*G\E\ĂP\FKFLHOL
XVXQÈÊWHQPDUJLQHV
Z\VWDUF]\ïRE\GRGDÊGRDUNXV]D
VW\OöZUHJXïÚRGQRV]ÈFÈVLÚ
GRHOHPHQWöZ<h1>LbXPLHĂFLÊ

ZbQLHMGHNODUDFMÚmargin: 0px;

<body>

<h1>

Ewolucja roweru

</h1>

<p>

Wb1817 roku baron von Drais wymyĂliï maszynÚ

biegowÈ, która miaïa mu pomóc wbszybszym
poruszaniu siÚ po ogrodach królewskich...

</p>

</body>

HTML

rodzial-15/position-absolute.html

W YNIK

h1 {
position: absolute;
top: 0px;
left: 500px;
width: 250px;}
p {
width: 450px;}

CSS

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

367

8.$'

80,(-6&$:,$1,(867$/21(

position: ğxed

8PLHMVFDZLDQLHXVWDORQH
MHVWMHGQ\P]bW\SöZ
XPLHMVFDZLDQLDEH]Z]JOÚGQHJR
-HJR]DVWRVRZDQLHZ\PDJD
SU]\SLVDQLDZïDĂFLZRĂFL
positionZDUWRĂFLğxed
:bSU]\SDGNXWHJRVSRVREX
XPLHMVFDZLDQLDSRïRĝHQLH
HOHPHQWXMHVWRNUHĂODQH
Z]JOÚGHPRNQDSU]HJOÈGDUNL
'ODWHJRNLHG\Xĝ\WNRZQLN
SU]HZLMD]DZDUWRĂÊVWURQ\
HOHPHQWSR]RVWDMHZbW\P
VDP\PPLHMVFX:DUWR
E\&]\WHOQLNZ\SUöERZDï
]DPLHV]F]RQ\WXSU]\NïDG
ZbVZRMHMSU]HJOÈGDUFH
Lb]REDF]\ïMDNLHHIHNW\GD
XPLHMVFDZLDQLHXVWDORQH
'RRNUHĂOHQLDPLHMVFDZbRNQLH
SU]HJOÈGDUNLZbNWöU\P]RVWDQLH
XPLHV]F]RQ\HOHPHQWXĝ\ZDQH
VÈZïDĂFLZRĂFLSU]HVXQLÚFLD
:bSU]HGVWDZLRQ\PWX
SU]\NïDG]LHQDJïöZHN]RVWDï
XPLHV]F]RQ\ZbOHZ\PJöUQ\P
ZLHU]FKRïNXRNQDSU]HJOÈGDUNL
.LHG\Xĝ\WNRZQLN]DF]QLH
SU]HZLMDÊVWURQÚNROHMQH
DNDSLW\EÚGÈ]QLNDï\SRQLĝHM
WHJRQDJïöZND
(OHPHQW\<p>VÈUR]PLHV]F]DQH

]JRGQLH]bUR]NïDGHPQRUPDOQ\P
LbFDïNRZLFLHLJQRUXMÈREV]DU
NWöU\]DMPRZDïE\QDJïöZHN
'ODWHJRZbSLHUZV]\PHOHPHQFLH
<p>]RVWDïD]DVWRVRZDQD

ZïDĂFLZRĂÊmargin-top

NWöUDVSUDZLĝHbDNDSLW
WHQEÚG]LHSRF]ÈWNRZR
Z\ĂZLHWORQ\SRQLĝHMQDJïöZND
<h1>ZLGRF]QHJRQDVDPHM
JöU]HbVWURQ\

<body>

<h1>

Ewolucja roweru

</h1>

Wb1817 roku baron von Drais

wymyĂliï maszynÚ biegowÈ, która miaïa mu pomóc
wbszybszym poruszaniu siÚ po ogrodach
królewskich...

</p>

</body>

rodzial-15/position-fixed.html

HTML

h1 {
position: ğxed;
top: 0px;
left: 50px;
padding: 10px;
margin: 0px;
width: 100%;
background-color: #efefef;}
p.example {
margin-top: 100px;}

CSS

W YNIK

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

368 8.$'

(/(0(17<

1$&+2'=k&(1$6,(%,(

z-index

:bSU]\SDGNXVWRVRZDQLD
XPLHMVFDZLDQLDZ]JOÚGQHJR
EH]Z]JOÚGQHJROXEXVWDORQHJR
SXGHïNDHOHPHQWöZPRJÈ
QDbVLHELHQDFKRG]LÊ:öZF]DV
HOHPHQWNWöU\MHVWXPLHV]F]RQ\
EOLĝHMNRñFDGRNXPHQWX+70/
MHVWZ\ĂZLHWODQ\SRZ\ĝHM
HOHPHQWöZZF]HĂQLHMV]\FK
-HĂOL]DOHĝ\QDPQDNRQWUROL
Z]DMHPQHJRSU]HVïDQLDQLDUöĝQ\FK
HOHPHQWöZPRĝHP\WR]URELÊ
SU]\Xĝ\FLXZïDĂFLZRĂFLz-index

:DUWRĂFLDPLWHMZïDĂFLZRĂFLVÈ
OLF]E\DbLPZLÚNV]DEÚG]LHMHM
ZDUWRĂÊW\PķZ\ĝHMĵHOHPHQW
]RVWDQLHXPLHV]F]RQ\,bWDN
HOHPHQWZbNWöU\PZïDĂFLZRĂÊ
z-indexPDZDUWRĂÊ10EÚG]LH

SU]HVïDQLDïHOHPHQWZbNWöU\P
ZïDĂFLZRĂÊWDPDZDUWRĂÊ5
3U]HGVWDZLRQ\WXSU]\NïDG
MHVWGRV\ÊSRGREQ\GRWHJR
]bSRSU]HGQLHMVWURQ\MHGQDN
HOHPHQW\<p>VÈUR]PLHV]F]DQH

SU]\Xĝ\FLXXPLHMVFDZLDQLD
Z]JOÚGQHJR3RQLHZDĝNROHMQH
DNDSLW\WHNVWXVÈXPLHMVFDZLDQH
ZbVSRVöEZ]JOÚGQ\ZbUD]LH
SU]HZLMDQLD]DZDUWRĂFLVWURQ\
E\ï\E\RQHGRP\ĂOQLHZ\ĂZLHWODQH
QDQDJïöZNX'ODWHJRDE\
]DJZDUDQWRZDÊĝHHOHPHQWb<h1>

FLÈJOHEÚG]LHZLGRF]Q\
ZbRGQRV]ÈFHMVLÚGRQLHJRUHJXOH
VW\OöZRNUHĂOLOLĂP\ZDUWRĂÊ
ZïDĂFLZRĂFLz-index
:ïDĂFLZRĂÊz-indexMHVWWDNĝH

F]DVDPLQD]\ZDQDkontekstem
stosuDQJstacking contextJG\ĝ
EORNLHOHPHQWöZPRJÈWZRU]\Ê
VWRVZ]GïXĝRVL=-HĂOL&]\WHOQLN
PLDïNRQWDNW]bSURJUDPDPL
GRbNRPSXWHURZHJRVNïDGXWHNVWX
WRPRĝHX]QDÊWÚZïDĂFLZRĂÊ
]DbRGSRZLHGQLNRSFML3U]HVXñ
QDbZLHU]FKOXE3U]HVXñSRGVSöG

h1 {
position: ğxed;
top: 0px;
left: 0px;
margin: 0px;
padding: 10px;
width: 100%;
background-color: #efefef;
z-index: 10;}
p {
position: relative;
top: 70px;
left: 70px;}

CSS

rodzial-15/z-index.html

W YNIK %( Z U¿ YCI$ W $¥CIW2¥CI ZIND( X

W YNIK ZbU¿ YCI(M W $¥CIW2¥CI ZIND( X

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

369

8.$'

:ïDĂFLZRĂÊĠoatSR]ZDOD
XVXQÈÊHOHPHQW]bQRUPDOQHJR
UR]NïDGXVWURQ\LbXPLHĂFLÊJR
PRĝOLZLHMDNQDMGDOHMQDOHZR
OXESUDZRZHZQÈWU]HOHPHQWX
]DZLHUDMÈFHJR

&DïDSR]RVWDïDWUHĂÊ
XPLHV]F]RQDZHZQÈWU]WDNLHJR
HOHPHQWX]DZLHUDMÈFHJREÚG]LH
RWDF]DïDWHQSï\ZDMÈF\HOHPHQW

:bUD]LH]DVWRVRZDQLD
ZïDĂFLZRĂFLĠoatQDOHĝ\
WDNĝHRNUHĂOLÊV]HURNRĂÊ
HOHPHQWXSï\ZDMÈFHJRĽ
SU]\Xĝ\FLXZïDĂFLZRĂFL
width-HĂOLWHJRQLH]URELP\
Z\QLNLX]\VNLZDQHZbUöĝQ\FK
SU]HJOÈGDUNDFKPRJÈE\Ê
QLHVSöMQHZbHIHNFLHHOHPHQW
Sï\ZDMÈF\QDMSUDZGRSRGREQLHM
]DMPLHFDïÈGRVWÚSQÈV]HURNRĂÊ
HOHPHQWXZbNWöU\P]RVWDï
XPLHV]F]RQ\F]\OLWDN
MDNE\E\ïUR]PLHV]F]DQ\
ZbQRUPDOQ\bVSRVöE

:bSU]HGVWDZLRQ\PRERN
SU]\NïDG]LHZ\ĂZLHWOLOLĂP\
QDbVWURQLHF\WDWXĝ\ZDMÈF
GRWHJRFHOXHOHPHQWX
<blockquote>-HJRHOHPHQWHP
]DZLHUDMÈF\PMHVW<body>

1DV]HOHPHQW<blockquote>
MHVWHOHPHQWHPSï\ZDMÈF\P
GRVXQLÚW\PGRSUDZHMNUDZÚG]L
VWURQ\DNDSLW\WHNVWXRWDF]DMÈ
JR]bOHZHMVWURQ\

(/(0(17<3<:$-k&(

Ġoat

Ewolucja roweru

</h1>

<blockquote>„

¿ycie jest jak jazda na rowerze.

Aby zachowaÊ równowagÚ, musisz posuwaÊ siÚ
do przodu

”

- Albert Einstein

</blockquote>

<p>

Wb1817 roku baron von Drais wymyĂliï

maszynÚ biegowÈ, która miaïa mu pomóc wbszybszym
poruszaniu siÚ po ogrodach królewskich. Skïadaïa
siÚ ona zbdwóch kóï obtej samej...

</p>

</body>

rodzial-15/float.html

HTML

W YNIK

blockquote {
Ġoat: right;
width: 275px;
font-size: 130%;
font-style: italic;
font-family: Georgia, Times, serif;
margin: 0px 0px 10px 10px;
padding: 10px;
border-top: 1px solid #665544;
border-bottom: 1px solid #665544;}

CSS

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

370 8.$'

67262:$1,(:$¥&,:2¥&,

)/2$7'2:<¥:,(7/$1,$

(/(0(17:2%2.6,(%,(

:bZLHOXXNïDGDFKVWURQLFK
SRV]F]HJöOQHHOHPHQW\VÈ
Z\ĂZLHWODQHMHGHQRERN
GUXJLHJR%DUG]RF]ÚVWRZbFHOX
X]\VNDQLDWDNLHJRHIHNWX
Xĝ\ZDQDMHVWZïDĂFLZRĂÊĠoat

:bSU]\SDGNX]DVWRVRZDQLD
HOHPHQWöZSï\ZDMÈF\FKLFK
Z\VRNRĂÊPRĝHPLHÊ]QDF]ÈF\
ZSï\ZQDPLHMVFHZbNWöU\P
HOHPHQW]RVWDQLHXPLHV]F]RQ\

3U]\NïDG]DPLHV]F]RQ\QDbWHM
VWURQLHSU]HGVWDZLDV]HĂÊ
DNDSLWöZZbNWöU\FKRNUHĂORQR
V]HURNRĂFLRUD]]DVWRVRZDQR
ZïDĂFLZRĂÊĠoat

:bRGUöĝQLHQLXRGWHJR
FRbPRĝQDE\RF]HNLZDÊ
F]ZDUW\DNDSLWQLH]RVWDï
SU]HQLHVLRQ\ZbGöï
LbZ\ĂZLHWORQ\SU]\OHZHM
NUDZÚG]LVWURQ\Ľ]DPLDVWWHJR
SU]HJOÈGDUNDZ\ĂZLHWOLïDJR
SRQLĝHMWU]HFLHJRDNDSLWX

6WDïRVLÚWDNSRQLHZDĝ
SRQLĝHMWU]HFLHJRDNDSLWXMHVW
ZROQHPLHMVFHSR]ZDODMÈFH
QDbUR]SRF]ÚFLHF]ZDUWHJR
QLHbPRĝQDMHGQDNJRSU]HVXQÈÊ
EDUG]LHMZbOHZRJG\ĝQLH
SR]ZDODQDWRGUXJLDNDSLW

3UREOHPWHQPRĝQDE\
]bSRZRG]HQLHPUR]ZLÈ]DÊ
QDGDMÈFZV]\VWNLPDNDSLWRP
WÚVDPÈZ\VRNRĂÊĽUöZQÈ
Z\VRNRĂFLQDMZ\ĝV]HJR]bQLFK
ĽMHGQDNPHWRGDWDUDF]HMQLH
QDGDMHVLÚGRZ\NRU]\VWDQLD

Ewolucja roweru

</h1>

<p>

Wb1817 roku baron von Drais wymyĂliï maszynÚ

biegowÈ, która miaïa mu pomóc wbszybszym
poruszaniu siÚ po ogrodach królewskich...

</p>

rodzial-15/using-float.html

W YNIK

HTML

body {
width: 750px;
font-family: Arial, Verdana, sans-serif;
color: #665544;}
p {
width: 230px;
Ġoat: left;
margin: 5px;
padding: 5px;
background-color: #efefef;}

CSS

ZbSUDNW\FHJG\ĝ]D]Z\F]DM
ZLHONRĂÊWHNVWXXPLHV]F]DQHJR
ZbDNDSLFLHOXENROXPQLHMHVW
UöĝQD=QDF]QLHF]ÚVWV]\P

UR]ZLÈ]DQLHPWHJRSUREOHPX
MHVWXĝ\FLHZïDĂFLZRĂFL
clearSU]HGVWDZLRQHM
QDbQDVWÚSQHMbVWURQLH

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

371

8.$'

320,-$1,((/(0(17:

3<:$-k&<&+

clear

.RU]\VWDMÈF]bZïDĂFLZRĂFL
clearPRĝHP\SRLQIRUPRZDÊ
SU]HJOÈGDUNÚĝHĝDGHQHOHPHQW
XPLHV]F]RQ\ZHZQÈWU]WHJR
VDPHJRHOHPHQWX]DZLHUDMÈFHJR
QLHSRZLQLHQVW\NDÊVLÚ]bOHZÈ
DOERSUDZÈNUDZÚG]LÈGDQHJR
HOHPHQWX:ïDĂFLZRĂÊWD
PRĝHSU]\MPRZDÊQDVWÚSXMÈFH
ZDUWRĂFL

left

/HZDNUDZÚGěSXGHïND
HOHPHQWXQLHSRZLQQDVW\NDÊVLÚ
]bMDNLPNROZLHNLQQ\PHOHPHQWHP
]QDMGXMÈF\PVLÚZHZQÈWU]WHJR
VDPHJRHOHPHQWX]DZLHUDMÈFHJR

right

3UDZDNUDZÚGěSXGHïND
HOHPHQWXQLHSRZLQQDVW\NDÊVLÚ
]bMDNLPNROZLHNLQQ\PHOHPHQWHP
]QDMGXMÈF\PVLÚZHZQÈWU]WHJR
VDPHJRHOHPHQWX]DZLHUDMÈFHJR

both

$QLOHZDDQLSUDZDNUDZÚGě
SXGHïNDHOHPHQWXQLHSRZLQQD
VW\NDÊVLÚ]bMDNLPNROZLHNLQQ\P
HOHPHQWHP]QDMGXMÈF\PVLÚ
ZHZQÈWU]WHJRVDPHJRHOHPHQWX
]DZLHUDMÈFHJR

none

,QQHHOHPHQW\PRJÈGRZROQLH
VW\NDÊVLÚ]bNUDZÚG]LDPL
SXGHïNDGDQHJRHOHPHQWX
:bSU]HGVWDZLRQ\PRERN
SU]\NïDG]LHZïDĂFLZRĂÊ
clear]RVWDïD]DVWRVRZDQD
ZbF]ZDUW\PDNDSLFLH5HJXïD
RGQRV]ÈFDVLÚGRWHJRHOHPHQWX
Xĝ\ZDZïDĂFLZRĂFLclearE\
SRLQIRUPRZDÊĝHĝDGHQHOHPHQW
QLHPRĝHVLÚ]QDMGRZDÊ]bMHJR
OHZHMVWURQ\ĽGODWHJRDNDSLW
]RVWDQLHSU]HVXQLÚW\ZbGöïVWURQ\

Pierwsze rowery wykonane wbcaïoĂci

zbmetalu pojawiïy siÚ wbroku 1870. (WczeĂniej
metalurgia nie byïa dostatecznie rozwiniÚta ibnie
dawaïa moĝliwoĂci wytworzenia metalu na tyle
wytrzymaïego, by moĝna go uĝyÊ do tworzenia
niewielkich, lecz dostatecznie mocnych czÚĂci).

</p>

rodzial-15/clear.html

HTML

W YNIK

body {
width: 750px;
font-family: Arial, Verdana, sans-serif;
color: #665544;}
p {
width: 230px;
Ġoat: left;
margin: 5px;
padding: 5px;
background-color: #efefef;}
.clear {
clear: left;}

CSS

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

372 8.$'

52'=,&((/(0(17:

3<:$-k&<&+

35(=(17$&-$352%/(08

-HĂOLZHZQÈWU]HOHPHQWX
]DZLHUDMÈFHJR]QDMGXMHVLÚ
MHG\QLHHOHPHQWSï\ZDMÈF\WR
QLHNWöUHSU]HJOÈGDUNLX]QDMÈ
ĝHbPDRQ]HURZÈZ\VRNRĂÊ

-DNZLGDÊZbW\PSU]\NïDG]LH
REUDPRZDQLHRbJUXERĂFL
bSLNVHODZ\ĂZLHWODQHZRNöï
HOHPHQWX]DZLHUDMÈFHJRDNDSLW\
]RVWDïRFDïNRZLFLH]ZLQLÚWH
LbZ\JOÈGDMDNSR]LRPDNUHVND
RbJUXERĂFLSLNVHOL

<h1>

Ewolucja roweru

</h1>

Wb1817 roku baron von Drais wymyĂliï

maszynÚ biegowÈ, która miaïa mu pomóc
wbszybszym poruszaniu siÚ po ogrodach
królewskich...

</p>

</div>
</body>

rodzial-15/float-problem.html

W YNIK

HTML

div {
border: 1px solid #665544;}

CSS

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

373

8.$'

Tradycyjnym sposobem
QDbUR]ZLÈ]DQLHWHJRSUREOHPX
E\ïRGRGDZDQLHMHV]F]H
MHGQHJRHOHPHQWX]DRVWDWQLP
HOHPHQWHPSï\ZDMÈF\P
OHF]ZHZQÈWU]HOHPHQWX
]DZLHUDMÈFHJR'ODWHJR
HOHPHQWXE\ïDWZRU]RQD
UHJXïDVW\OöZ]DZLHUDMÈFD
ZïDĂFLZRĂÊclearRbZDUWRĂFL
both5R]ZLÈ]DQLHWRMHGQDN
VSUDZLDïRĝHZbNRG]LHVWURQ\
SRMDZLDïVLÚGRGDWNRZ\
HOHPHQWNWöUHJRMHG\Q\P
SU]H]QDF]HQLHPE\ïD
NRUHNWDZ\VRNRĂFLHOHPHQWX
]DZLHUDMÈFHJR

1LHFRSöěQLHMWZöUF\VWURQ
]DF]ÚOLVWRVRZDÊUR]ZLÈ]DQLH
ED]XMÈFHZ\ïÈF]QLH
QDbZ\NRU]\VWDQLXVW\OöZĽ
G]LÚNLWHPXERZLHPPRĝOLZH
MHVWXQLNQLÚFLHGRGDZDQLD
NROHMQHJRHOHPHQWXGRNRGX
VWURQ\5R]ZLÈ]DQLHWR
SROHJDQDGRGDQLXGRVW\OöZ
RGQRV]ÈF\FKVLÚGRHOHPHQWX
]DZLHUDMÈFHJRZbQDV]\P
SU]\SDGNXMHVWWRHOHPHQW
<div>GZöFKUHJXï

ZïDĂFLZRĂFLoverĠow
]bZDUWRĂFLÈauto

ZïDĂFLZRĂFLwidth
]bZDUWRĂFLÈ100%

52'=,&((/(0(17:

3<:$-k&<&+

52=:,k=$1,(352%/(08

Ewolucja roweru

</h1>

Wb1817 roku baron von Drais wymyĂliï

maszynÚ biegowÈ, która miaïa mu pomóc
wbszybszym poruszaniu siÚ po ogrodach
królewskich...

</p>

</div>
</body>

rodzial-15/float-solution.html

HTML

W YNIK

div {
border: 1px solid #665544;
overĠow: auto;
width: 100%;}

CSS

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

374 8.$'

7:25=(1,(8.$':

:,(/2.2/8012:<&+

35=<8¿<&,8(/(0(17:

3<:$-k&<&+

<h1>

Ewolucja roweru

</h1>

<h3>

Pierwszy rower

</h3>

<p>

Wb1817 roku baron von Drais wymyĂliï

maszynÚ biegowÈ, która miaïa mu pomóc
wbszybszym poruszaniu siÚ po...

</p>

</div>
<div class=”column2of2”>

<h3>

Historia rowerów

</h3>

...

</div>

rodzial-15/columns-two.html

W YNIK

HTML

.column1of2 {
Ġoat: left;
width: 620px;
margin: 10px;}
.column2of2 {
Ġoat: left;
width: 300px;
margin: 10px;}

CSS

:LHOHVWURQZ\NRU]\VWXMH
SURMHNW\VNïDGDMÈFHVLÚ
]bZLHOXNROXPQ0RĝQDMH
XWZRU]\ÊGHğQLXMÈFNDĝGÈ
]bNROXPQMDNRHOHPHQW<div>
7U]\SU]HGVWDZLRQHSRQLĝHM
ZïDĂFLZRĂFL&66SR]ZDODMÈ
XPLHĂFLÊNROXPQ\MHGQD
RERNbGUXJLHM

width

7DZïDĂFLZRĂÊRNUHĂOD
V]HURNRĂFLNROXPQ

Ġoat

7DZïDĂFLZRĂÊSR]ZDOD
XPLHĂFLÊNROXPQ\MHGQD
RERNbGUXJLHM

margin

7DZïDĂFLZRĂÊVïXĝ\
GRb]DSHZQLHQLDRGSRZLHGQLFK
RGVWÚSöZSRPLÚG]\NROXPQDPL

8NïDGGZXNROXPQRZ\WDNL
MDNbSU]HGVWDZLRQ\QDWHMVWURQLH
Z\PDJDïE\]DVWRVRZDQLD
GZöFKHOHPHQWöZ<div>
ĽbMHGQHJRGRXWZRU]HQLD
NROXPQ\JïöZQHMLbGUXJLHJR
QDbSDVHNERF]Q\

:HZQÈWU]NDĝGHJR]bQLFK
PRĝQDXPLHV]F]DÊGRZROQH
HOHPHQW\ĽQDJïöZNL
DNDSLW\REUD]\DbQDZHWLQQH
HOHPHQW\b<div>

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

375

8.$'

$QDORJLF]QLHXNïDG
WUöMNROXPQRZ\PRĝQDVWZRU]\Ê
XPLHV]F]DMÈFRERNVLHELH
WU]\bHOHPHQW\<div>ZbVSRVöE
SU]HGVWDZLRQ\QDWHMVWURQLH

<h1>

Ewolucja roweru

</h1>

<h3>

Pierwszy rower

</h3>

</div>
<div class=”column2of3”>

<h3>

Dalsze usprawnienia

</h3>

...

</div>
<div class=”column3of3”>

<h3>

Historia rowerów

</h3>

...

</div>

rodzial-15/columns-three.html

HTML

W YNIK

.column1of3, .column2of3, .column3of3 {
width: 300px;
Ġoat: left;
margin: 10px;}

CSS

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

376

8.$'

52=0,$5<(.5$1:

2VRE\RGZLHG]DMÈFHQDV]HZLWU\Q\EÚGÈNRU]\VWDï\]bXU]ÈG]Hñ
Z\SRVDĝRQ\FKZbHNUDQ\RbUöĝQHMZLHONRĂFLSUH]HQWXMÈFHUöĝQH
LORĂFLLQIRUPDFML'ODWHJRLFKXNïDGPXVL]DSHZQLDÊPRĝOLZRĂÊ
RJOÈGDQLDVWURQ\QDHNUDQDFKRbUöĝQHMZLHONRĂFL

3URMHNWXMÈFPDWHULDï\GRGUXNX
ZLHP\MDNDEÚG]LHZLHONRĂÊ
SDSLHUXQDNWöU\P]RVWDQÈ
RQHXPLHV]F]RQH-HGQDN
ZbSU]\SDGNXSURMHNWRZDQLD
PDWHULDïöZ]bP\ĂOÈ
RbSXEOLNDFMLZbLQWHUQHFLH
VWDMHP\SU]HGXQLNDOQ\P
SUREOHPHP]ZLÈ]DQ\P]bW\P
ĝHbXĝ\WNRZQLF\PRJÈNRU]\VWDÊ
]bHNUDQöZRbUöĝQHMZLHONRĂFL

L3KRQH

:LHONRĂÊFDOD

5R]G]LHOF]RĂÊŚSLNVHOL

L3DG

:LHONRĂÊFDOD

5R]G]LHOF]RĂÊŚSLNVHOL

2GNLHG\]DF]ÚWRVSU]HGDZDÊ
SLHUZV]HNRPSXWHU\
UR]PLDU\HNUDQöZFDï\F]DV
VLÚSRZLÚNV]DMÈ2]QDF]D
WRĝHMHGQLXĝ\WNRZQLF\
PRJÈNRU]\VWDÊ]bPRQLWRUöZ
FDORZ\FKDbLQQL
]bFDORZ\FKOXEZLÚNV]\FK

5R]PLDUHNUDQXGHWHUPLQXMH
ZLHONRĂÊRNQDMDNLHXĝ\WNRZQLN
PRĝHZ\ĂZLHWOLÊRUD]WR
MDNGXĝ\IUDJPHQWVWURQ\
EÚG]LHPöJïZbQLPRJOÈGDÊ
3R]DW\PFRUD]V]\EFLHM
URĂQLHOLF]EDXU]ÈG]Hñ
NLHV]RQNRZ\FKWDEOHWöZ
LbVPDUWIRQöZZ\SRVDĝRQ\FK
ZbQLHZLHONLHbHNUDQ\

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

377

8.$'

52='=,(/&=2¥m(.5$18

5R]G]LHOF]RĂÊRNUHĂODOLF]EÚSXQNWöZZ\ĂZLHWODQ\FKQDbHNUDQLH
QDNDĝG\FDOMHJRGïXJRĂFL1LHNWöUHXU]ÈG]HQLDPDMÈZLÚNV]È
UR]G]LHOF]RĂÊQLĝNRPSXWHU\VWDFMRQDUQHDbZLÚNV]RĂÊ
V\VWHPöZRSHUDF\MQ\FKSR]ZDODXĝ\WNRZQLNRP]PLHQLDÊ
UR]G]LHOF]RĂÊbPRQLWRUöZ

ĵ0DF%RRN

:LHONRĂÊFDOD

5R]G]LHOF]RĂÊŚSLNVHOL

ĵL0DF

:LHONRĂÊFDOL

5R]G]LHOF]RĂÊŚSLNVHOL

:LÚNV]RĂÊNRPSXWHUöZ
SR]ZDODXĝ\WNRZQLNRP
]PLHQLDÊUR]G]LHOF]RĂÊPRQLWRUD
OXEOLF]EÚZ\ĂZLHWODQ\FKSLNVHOL
1DSU]\NïDGRZ\P]U]XFLH
RERNZLGDÊRSFMHSR]ZDODMÈFH
QDb]PLDQÚUR]G]LHOF]RĂFLHNUDQX
Zb]DNUHVLHRGŚ
GRbŚ

:DUWR]DXZDĝ\ÊĝHLPZLÚNV]D
MHVWUR]G]LHOF]RĂÊW\PPQLHMV]\
EÚG]LHZ\ĂZLHWODQ\WHNVW:LHOH
XU]ÈG]HñSU]HQRĂQ\FKPD
HNUDQ\RbZ\ĝV]HMUR]G]LHOF]RĂFL
QLĝNRPSXWHU\VWDFMRQDUQH

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

378

8.$'

52=0,$5<67521

3RQLHZDĝZ\VWÚSXMÈ]QDF]QHUöĝQLFHSRPLÚG]\ZLHONRĂFLDPL
HNUDQöZDbLFKUR]G]LHOF]RĂFLÈSURMHNWDQFLVWURQF]ÚVWR
VWDUDMÈQDGDÊLPV]HURNRĂÊ]b]DNUHVXRGGRSLNVHOL
ZLÚNV]RĂÊbXĝ\WNRZQLNöZEÚG]LHZbVWDQLHRJOÈGDÊMHQDHNUDQDFK
VZRLFKXU]ÈG]Hñ

=QDF]QLHWUXGQLHMV]HMHVW
RGJDGQLÚFLHZ\VRNRĂFLREV]DUX
VWURQ\MDNLXĝ\WNRZQLF\EÚGÈ
PRJOL]REDF]\ÊQDHNUDQDFK
VZRLFKXU]ÈG]Hñ3U]H]NLOND
ODWSURMHNWDQFLX]QDZDOL
ĝHbXĝ\WNRZQLF\VÈZbVWDQLHEH]
SU]HZLMDQLDRJOÈGDÊSLHUZV]H
ļSLNVHOLZ\VRNRĂFL
VWURQ\LbQLHNWöU]\VWDUDOLVLÚ
]PLHĂFLÊZbW\PREV]DU]H
ZV]\VWNLHQDMZDĝQLHMV]H
LQIRUPDFMHREDZLDMÈFVLÚ
ĝHbRJOÈGDMÈF\QLHEÚGÈ
SU]HZLMDÊVWURQ\ZbGöï

-HGQDN]HZ]JOÚGXQDFRUD]WR
ZLÚNV]HHNUDQ\RUD]]ZLÚNV]RQÈ
SRSXODUQRĂÊXU]ÈG]Hñ
NLHV]RQNRZ\FKREV]DUMDNL
Xĝ\WNRZQLF\PRJÈRJOÈGDÊ
PRĝHE\ÊEDUG]RUöĝQ\

2EV]DUVWURQ\NWöU\
Xĝ\WNRZQLF\RJOÈGDMÈEH]
NRQLHF]QRĂFLMHMSU]HZLMDQLD
MHVWF]DVDPLQD]\ZDQ\
REV]DUHPSU]HG]DJLÚFLHP
WHUPLQWHQ]RVWDïZ\P\ĂORQ\

SU]H]Z\GDZFöZSUDV\LbRGQRVL
VLÚGRIUDJPHQWXSLHUZV]HM
VWURQ\ZLGRF]QHJRJG\JD]HWD
MHVW]ïRĝRQDQDSöï

2EHFQLHX]QDMHVLÚĝHMHĂOL
Xĝ\WNRZQLNMHVW]DLQWHUHVRZDQ\
WUHĂFLÈVWURQ\WR
QDMSUDZGRSRGREQLHMSU]HZLQLH
MÈZbGöï1LHPQLHMMHGQDN
EDGDQLDGRW\F]ÈFHXĝ\WHF]QRĂFL
Z\ND]Dï\ĝHXĝ\WNRZQLF\VÈ
ZbVWDQLHRFHQLÊVWURQÚZbFLÈJX
QLHFDïHMVHNXQG\Db]DWHPLbWDN
ZFLÈĝLVWRWQHMHVWE\ZbW\P
F]DVLHSRND]DÊXĝ\WNRZQLNRZL
ĝHZLWU\QDPRĝHE\ÊGODQLHJR
ZDĝQDLbLQWHUHVXMÈFD

:bHIHNFLHZLHOXSURMHNWDQWöZ
QDGDOVWDUDVLÚSU]HND]DÊ
LQIRUPDFMHRb]DZDUWRĂFLZLWU\Q\
QDREV]DU]HRbZ\VRNRĂFL
RGGRbSLNVHOL
XPLHV]F]DMÈFSRQLĝHMQLHJR
ZVND]öZNLGRW\F]ÈFH
GRGDWNRZ\FKWUHĂFL1DOHĝ\
MHGQDNXZDĝDÊE\REV]DUWHQ
QLHE\ï]E\W]DSFKDQ\

:bF]DVLHSLVDQLDWHMNVLÈĝNLFRUD]ZLÚNV]ÈSRSXODUQRĂFLÈZĂUöG
SURMHNWDQWöZVWURQFLHV]\ï\VLÚSURMHNW\GRVWRVRZXMÈFHVLÚ
GRbZLHONRĂFLHNUDQXQDNWöU\PVÈSUH]HQWRZDQH

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

379

8.$'

=DFLHPQLRQ\REV]DUSRQLĝV]HJR
]U]XWXMHVWSRF]ÈWNRZR
QLHZLGRF]Q\]HZ]JOÚGX
QDbRJUDQLF]HQLDSU]HJOÈGDUNL
$b]DWHPE\Z\ĂZLHWOLÊWÚGROQÈ
F]ÚĂÊVWURQ\Xĝ\WNRZQLNPXVL
MÈSU]HZLQÈÊ

3U]\F]\PXĝ\WNRZQLNZLG]L
LQIRUPDFMHRbW\PFR]QDMGXMH
VLÚZbGDOV]HMF]ÚĂFLVWURQ\
LbZLHĝH]QDMG]LHQDQLHMFRĂ
ZLÚFHMMHĂOLW\ONRMÈSU]HZLQLH

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

380

8.$'

8.$'<

2b67$(-6=(52.2¥&,

8NïDG\RbVWDïHM

V]HURNRĂFLQLH

]PLHQLDMÈVLÚ

ZUD]]H]PLDQDPL

Z\PLDUöZRNQD

SU]HJOÈGDUNL

,FKZ\PLDU\VÈ

]D]Z\F]DMRNUHĂODQH
ZbSLNVHODFK

/RUHPľ,SVXPľ'RORUľ

&RQVHFWHWXU

/RUHPLSVXP

/RUHPLSVXPGRORUVLWDPHWFRQVHFWHWXU
DGLSLVLFLQJHOLWVHGGRHLXVPRGWHPSRU
LQFLGLGXQWXWODERUHHWGRORUHPDJQDDOLTXD
8WHQLPDGPLQLPYHQLDPTuis nostrud
H[HUFLWDWLRQXOODPFRODERULVQLVLXWDOLTXLSH[
HDFRPPRGRFRQVHTXDW'XLVDXWHLUXUHGRORU
LQUHSUHKHQGHULWLQYROXSWDWHYHOLWHVVHFLOOXP
GRORUHHXIXJLDWQXOODSDULDWXU([FHSWHXUVLQW
RFFDHFDW

/RUHPLSVXPGRORU
VLWDPHWFRQVHFWHWXU
DGLSLVLFLQJHOLWVHG
GR

eiusmod tempor

LQFLGLGXQWXWODERUHHW

=$/(7<

:DUWRĂFLZ\UDĝDQH
ZbSLNVHODFK]DSHZQLDMÈ
SUHF\]\MQÈNRQWUROÚQDG
UR]PLDUDPLLbSRïRĝHQLHP
HOHPHQWöZ

3URMHNWDQFLPDMÈZLÚNV]È
NRQWUROÚQDGZ\JOÈGHP
LbSRïRĝHQLHPHOHPHQWöZ
VWURQ\QLĝZbXNïDGDFK
HODVW\F]Q\FK

,VWQLHMHPRĝOLZRĂÊ
NRQWURORZDQLDGïXJRĂFL
ZLHUV]\WHNVWXQLH]DOHĝQLH
RGbZLHONRĂFLRNQD
SU]HJOÈGDUNL

:LHONRĂÊREUD]X]DZV]H
EÚG]LHWDNDVDPDZbVWRVXQNX
GRUHV]W\VWURQ\

:$'<

:RNöï]DZDUWRĂFLVWURQ\
PRJÈVLÚSRMDZLÊGXĝHSXVWH
SU]HVWU]HQLH

-HĂOLHNUDQXĝ\WNRZQLND
PD]QDF]QLHZ\ĝV]È
UR]G]LHOF]RĂÊRGHNUDQX
SURMHNWDQWDWRZ\QLNRZD
VWURQDPRĝHVLÚZ\GDZDÊ
PDïDLbE\ÊQLHF]\WHOQD

-HĂOLXĝ\WNRZQLNSRZLÚNV]\
F]FLRQNÚWHNVWPRĝH
SU]HVWDÊVLÚPLHĂFLÊ
ZbZ\]QDF]RQ\PPX
REV]DU]H

7HXNïDG\]DSHZQLDMÈ
QDMOHSV]HHIHNW\
QDbXU]ÈG]HQLDFK
RbZ\PLDUDFKLbUR]G]LHOF]RĂFL
SRUöZQ\ZDOQHM
]bNRPSXWHUDPLVWDFMRQDUQ\PL
LbODSWRSDPL

0RĝHVLÚ]GDU]\ÊĝHVWURQ\
RbWHMVDPHM]DZDUWRĂFLEÚGÈ
PLDï\ZLÚNV]ÈZ\VRNRĂÊQLĝ
ZbSU]\SDGNX]DVWRVRZDQLD
XNïDGXHODVW\F]QHJR

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

381

8.$'

8.$'<(/$67<&=1(

/RUHPľ,SVXPľ'RORUľ

&RQVHFWHWXU

/RUHPLSVXP

/RUHPLSVXPGRORUVLWDPHWFRQVHFWHWXUDGLSLVLFLQJHOLWVHGGRHLXVPRG
WHPSRULQFLGLGXQWXWODERUHHWGRORUHPDJQDDOLTXD8WHQLPDGPLQLP
YHQLDPTuis nostrudH[HUFLWDWLRQXOODPFRODERULVQLVLXWDOLTXLSH[HD
FRPPRGRFRQVHTXDW'XLVDXWHLUXUHGRORULQUHSUHKHQGHULWLQYROXSWDWHYHOLW
HVVHFLOOXPGRORUHHXIXJLDWQXOODSDULDWXU([FHSWHXUVLQWRFFDHFDW

/RUHPLSVXPGRORUVLWDPHWFRQVHFWHWXUDGLSLVLFLQJ
HOLWVHGGR

eiusmod temporLQFLGLGXQWXWODERUHHW

GRORUHPDJQDDOLTXD8WHQLPDGPLQLPYHQLDPTXLV
QRVWUXGH[HUFLWDWLRQXOODPFRODERULVQLVLXWDOLTXLSH[
HDFRPPRGRFRQVHTXDW'XLVDXWH

'XLVDXWHLUXUHGRORULQUHSUHKHQGHULWLQYROXSWDWHYHOLWHVVHFLOOXPGRORUHHXIXJLDWQXOODSDULDWXU

8NïDG\HODVW\F]QH

UR]V]HU]DMÈ

VLÚLb]ZÚĝDMÈ

JG\bXĝ\WNRZQLN

]PLHQLDZ\PLDU\

RNQDSU]HJOÈGDUNL

=D]Z\F]DM

LFKZ\PLDU\

VÈRNUHĂODQH

SU]\bXĝ\FLXZDUWRĂFL
SURFHQWRZ\FK

=$/(7<

6WURQDUR]V]HU]DVLÚLb]DMPXMH
FDïÈGRVWÚSQÈV]HURNRĂÊ
RNQDSU]HJOÈGDUNLG]LÚNL
F]HPXQDZLÚNV]\FK
HNUDQDFKQLHVÈZLGRF]QH
ZRNöïQLHMĝDGQHSXVWH
REV]DU\

-HĂOLRNQRSU]HJOÈGDUNL
MHVWQLHZLHONLH]DZDUWRĂÊ
VWURQ\PRĝHVLÚ]ZÚ]LÊ
G]LÚNLF]HPXXĝ\WNRZQLNQLH
EÚG]LHPXVLDïSU]HZLMDÊMHM
ZbSR]LRPLH

3URMHNWGRVWRVXMHVLÚGR
ZLHONRĂFLF]FLRQNLZ\EUDQHM
SU]H]Xĝ\WNRZQLNDQDZHW
MHĂOLEÚG]LHZLÚNV]DRGWHM
Xĝ\WHMSU]H]SURMHNWDQWD
VWURQDPRĝHVLÚUR]V]HU]\Ê

:$'<

:bSU]\SDGNXEUDNX
NRQWUROLQDGV]HURNRĂFLÈ
SRV]F]HJöOQ\FKVHNFMLVWURQ\
MHMZ\JOÈGPRĝHVLÚ]QDF]ÈFR
UöĝQLÊRGSODQRZDQHJRĽ
ZRNöïQLHNWöU\FKHOHPHQWöZ
PRJÈVLÚSRMDZLÊSXVWH
REV]DU\DbLQQHPRJÈ
E\ÊVWïRF]RQHMHGHQRERN
GUXJLHJR

-HĂOLRNQRSU]HJOÈGDUNL
EÚG]LHEDUG]RV]HURNLHWR
ZLHUV]HWHNVWXPRJÈVLÚVWDÊ
GïXJLHFR]QDF]QLHXWUXGQLD
F]\WDQLH

-HĂOLRNQRSU]HJOÈGDUNL
EÚG]LHEDUG]RZÈVNLHVïRZD
PRJÈ]RVWDÊĂFLĂQLÚWH
DbEDUG]RNUöWNLHZLHUV]H
Ľ]DZLHUDÊMHG\QLHNLOND
Z\UD]öZ

-HĂOLHOHPHQWRbRNUHĂORQ\FK
Z\PLDUDFKWDNLMDNREUD]
]RVWDQLHXPLHV]F]RQ\
ZbHOHPHQFLHQDGU]ÚGQ\P

]E\WPDï\PE\JRZ\ĂZLHWOLÊ
QSGODWHJRĝHbXĝ\WNRZQLN
]PQLHMV]\ïRNQR
SU]HJOÈGDUNLWRHOHPHQWWHQ
PRĝHQDFKRG]LÊLbSU]HVïDQLDÊ
LQQHWUHĂFLVWURQ\

3RQLHZDĝXNïDG\HODVW\F]QH
PRJÈVLÚSRZLÚNV]DÊ
Lb]DMPRZDÊFDïÈV]HURNRĂÊRNQD
SU]HJOÈGDUNLZbHIHNFLHPRJÈ
ZbQLFKSRZVWDZDÊGïXJLHPDïR
F]\WHOQHZLHUV]HWHNVWX=bWHJR
Z]JOÚGXZbQLHNWöU\FKXNïDGDFK
WHJRW\SXMHG\QLHF]ÚĂÊVWURQ\
PRĝHVLÚUR]V]HU]DÊOXE
]ZÚĝDÊĽSR]RVWDïHHOHPHQW\
PDMÈRNUHĂORQÈPLQLPDOQÈ
LbPDNV\PDOQÈV]HURNRĂÊ

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

382 8.$'

8.$'

2b67$(-6=(52.2¥&,

:bFHOXXWZRU]HQLDXNïDGX
RbVWDïHMV]HURNRĂFLQDOHĝ\
RNUHĂOLÊ]D]Z\F]DMZbSLNVHODFK
V]HURNRĂÊJïöZQHJRHOHPHQWX
VWURQ\F]DVDPLRNUHĂODQDMHVW
WDNĝHMHJRZ\VRNRĂÊ

:bSU]HGVWDZLRQ\PSU]\NïDG]LH
]DVWRVRZDQ\FK]RVWDïR
NLONDHOHPHQWöZ<div>
ZbNWöU\FKZbFHOXRNUHĂOHQLD
LFKSU]H]QDF]HQLDSRGDQH
]RVWDï\ZDUWRĂFLZïDĂFLZRĂFLid
RUD]bclass

:bNVLÈĝFHWDNLHMMDNWD]DUöZQR
XNïDG\RbVWDïHMV]HURNRĂFL
MDNLbXNïDG\HODVW\F]QH
Z\JOÈGDMÈSRGREQLH$E\VLÚ
SU]HNRQDÊMDNRQHIDNW\F]QLH
G]LDïDMÈWU]HEDMHZ\ĂZLHWOLÊ
ZbSU]HJOÈGDUFHLbVSUDZG]LÊ
MDNbUHDJXMÈQD]PLDQ\ZLHONRĂFL
MHMbRNQD

8NïDGRbVWDïHMV]HURNRĂFL
]DZV]HEÚG]LHPLDïWÚVDPÈ
V]HURNRĂÊQLH]DOHĝQLH
RGbZ\PLDUöZRNQD
SU]HJOÈGDUNLQDWRPLDVWXNïDG
HODVW\F]Q\EÚG]LHVLÚGRQLFK
GRVWRVRZ\ZDïUR]V]HU]DMÈFVLÚ
OXENXUF]ÈF

.RG+70/SU]\NïDGRZHJR
XNïDGXRbVWDïHMV]HURNRĂFL
SU]HGVWDZLRQHJRQDWHMVWURQLH
RUD]XNïDGXHODVW\F]QHJR
SU]HGVWDZLRQHJRQLHFRGDOHM
MHVWGRNïDGQLHWDNLVDP

Logo

</h1>

Strona gïówna

</a></li>

Produkty

</a></li>

Usïugi

</a></li>

Obnas

</a></li>

Kontakt

</a></li>

</ul>
</div>
</div>
<div id=”content”>
<div id=”feature”>

<p>

Opis

</p>

</div>
<div class=”article column1”>
<p>

Kolumna pierwsza

</p>

</div>
<div class=”article column2”>

<p>

Kolumna druga

</p>

</div>
<div class=”article column3”>

<p>

Kolumna trzecia

</p>

</div>
</div>
<div id=”footer”>

<p>

Utworzono wb2011 r.

</p>

</div>
</body>

rodzial-15/fixed-width-layout.html

HTML

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

383

8.$'

5HJXïDRGQRV]ÈFDVLÚ
GRbHOHPHQWX<body>RNUHĂOD
MHJRV]HURNRĂÊQDSLNVHOL
DbMHGQRF]HĂQLHSRZRGXMH
Z\ĂURGNRZDQLH]DZDUWRĂFL
VWURQ\SU]\SLVXMÈFSUDZHPX
LbOHZHPXPDUJLQHVRZL
ZDUWRĂÊbauto

*ïöZQHHOHPHQW\VWURQ\
PDMÈPDUJLQHV\RbZLHONRĂFL
bSLNVHOLWDNE\E\ï\
Z\ĂZLHWODQHZbSHZQHM
RGOHJïRĂFLRGVLHELH

3DQHOQDZLJDF\MQ\#nav
RSLV#featureRUD]VWRSND
#footerUR]V]HU]DMÈVLÚ
GRVWRVRZXMÈFVLÚGRZLHONRĂFL
HOHPHQWX]DZLHUDMÈFHJRNWöU\P
ZbW\PSU]\SDGNXMHVWHOHPHQW
<body>G]LÚNLF]HPXQLH
WU]HEDRNUHĂODÊLFKV]HURNRĂFL

:V]\VWNLHNROXPQ\PDMÈ
V]HURNRĂÊSLNVHOL
LbNRU]\VWDMÈ]bZïDĂFLZRĂFLĠoat
G]LÚNLF]HPXVÈZ\ĂZLHWODQH
MHGQDSU]\GUXJLHM

&]DVDPLGRRNUHĂOHQLD
V]HURNRĂFLVWURQ\Xĝ\ZDQ\
MHVWLQQ\HOHPHQWDbQLHVDP
HOHPHQW<body>']LÚNLWHPX
NRORUWïDRNQDSU]HJOÈGDUNL
PRĝHE\ÊLQQ\RGWïD
]DZDUWRĂFLbVWURQ\

W YNIK

body {
width: 960px;
margin: 0 auto;}
#content {
overĠow: auto;
height: 100%;}
#nav, #feature, #footer {
background-color: #efefef;
padding: 10px;
margin: 10px;}
.column1, .column2, .column3 {
background-color: #efefef;
width: 300px;
Ġoat: left;
margin: 10px;}
li {
display: inline;
padding: 5px;}

CSS

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

384 8.$'

8.$'(/$67<&=1<

:bXNïDG]LHHODVW\F]Q\P
V]HURNRĂFLSRV]F]HJöOQ\FK
HOHPHQWöZVÈRNUHĂODQH
SU]\bXĝ\FLXZDUWRĂFL
SURFHQWRZ\FKG]LÚNLF]HPX
XNïDGPRĝHVLÚGRVWRVRZ\ZDÊ
GR]PLDQZLHONRĂFLRNQD
SU]HJOÈGDUNL

3RGF]DVWHVWRZDQLDWHJR
SU]\NïDGXZbSU]HJOÈGDUFH
NRQLHF]QLHQDOHĝ\VSUöERZDÊ
]PLHQLDÊZLHONRĂÊRNQD
Db]ZïDV]F]DMHJRV]HURNRĂÊ

Logo

</h1>

Strona gïówna

</a></li>

Produkty

</a></li>

Usïugi

</a></li>

Obnas

</a></li>

Kontakt

</a></li>

</ul>
</div>
</div>
<div id=”content”>
<div id=”feature”>

<p>

Opis

</p>

</div>
<div class=”article column1”>
<p>

Kolumna pierwsza

</p>

</div>
<div class=”article column2”>

<p>

Kolumna druga

</p>

</div>
<div class=”article column3”>

<p>

Kolumna trzecia

</p>

</div>
</div>
<div id=”footer”>

<p>

Utworzono wb2011 r.

</p>

</div>
</body>

rodzial-15/liquid-layout.html

HTML

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

385

8.$'

5HJXïDRGQRV]ÈFDVLÚ
GRbHOHPHQWX<body>RNUHĂOD
V]HURNRĂÊVWURQ\QD90%G]LÚNL
F]HPXSRPLÚG]\MHM]DZDUWRĂFLÈ
RUD]SUDZÈLbOHZÈNUDZÚG]LÈ
RNQDSU]HJOÈGDUNLEÚGÈ
QLHZLHONLHRGVWÚS\

.DĝGD]bWU]HFKNROXPQPD
PDUJLQHVRbV]HURNRĂFL1%RUD]
V]HURNRĂÊ31.3%:bVXPLH
EÚGÈRQH]DMPRZDÊ99.9%
V]HURNRĂFLHOHPHQWX<body>
FRR]QDF]DĝHZbQLHNWöU\FK
SU]HJOÈGDUNDFKSUDZDNUDZÚGě
WU]HFLHMNROXPQ\PRĝHQLHE\Ê
LGHDOQLHZ\UöZQDQDZ]JOÚGHP
SR]RVWDïHM]DZDUWRĂFLVWURQ\

(OHPHQW\<div>]DZLHUDMÈFH
HOHPHQW\QDZLJDF\MQHRSLV
RUD]VWRSNÚEÚGÈ]DMPRZDÊ
FDïÈV]HURNRĂÊHOHPHQWX
<body>=DVWRVRZDQRZbQLFK
WDNĝHPDUJLQHVRbV]HURNRĂFL1%
E\E\ï\Z\UöZQDQH]bWU]HPD
NROXPQDPL

-HĂOLVSUöEXMHP\VRELH
Z\REUD]LÊĝHRNQRSU]HJOÈGDUNL
MHVWEDUG]RV]HURNLHOXE
EDUG]RZÈVNLHSU]HNRQDP\
VLÚĝHbZLHUV]HWHNVWXPRJÈ
VLÚVWDÊEDUG]RGïXJLHOXE
EDUG]RbNUöWNLH

7RZïDĂQLHZbWDNLFKV\WXDFMDFK
PRJÈQDPSRPöFZïDĂFLZRĂFL
min-widthRUD]max-width
XPRĝOLZLDMÈFHRNUHĂOHQLH
JUDQLFZbMDNLFKXNïDGPRĝH
VLÚUR]V]HU]DÊLb]ZÚĝDÊWU]HED
MHGQDNSDPLÚWDÊĝHSLHUZV]È
ZHUVMÈSU]HJOÈGDUNL,QWHUQHW
([SORUHUREVïXJXMÈFHMWH
ZïDĂFLZRĂFLE\ï,(

W YNIK

body {
width: 90%;
margin: 0 auto;}
#content {overĠow: auto;}
#nav, #feature, #footer {
margin: 1%;}
.column1, .column2, .column3 {
width: 31.3%;
Ġoat: left;
margin: 1%;}
.column3 {margin-right: 0%;}
li {
display: inline;
padding: 0.5em;}
#nav, #footer {
background-color: #efefef;
padding: 0.5em 0;}
#feature, .article {
height: 10em;
margin-bottom: 1em;
background-color: #efefef;}

CSS

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

386 8.$'

6,$7.,8.$':

:bNDĝGHM]HV]WXNZL]XDOQ\FKWDNLFKMDNSURMHNWRZDQLHPDODUVWZR
F]\IRWRJUDğDNRPSR]\FMDMHVWVSRVREHPUR]PLHV]F]DQLD
OXEbSRU]ÈGNRZDQLDZLGRF]Q\FKHOHPHQWöZĽVSRVREHPLFK
RUJDQL]DFMLQDVWURQLH:LHOXWZöUFöZSU]\UR]PLHV]F]DQLX
SRV]F]HJöOQ\FKHOHPHQWöZVWURQ\SRPDJDVRELHXĝ\ZDMÈF
VWUXNWXU\RbSRVWDFLVLDWNLĽGRNïDGQLHWDNVDPRSRVWÚSXMÈ
SURMHNWDQFLVWURQ:::

1DQDVWÚSQHMVWURQLHZLGDÊ
JUXEHSLRQRZHSDVNLQDïRĝRQH
QDZLWU\QÚMHGQHM]bJD]HW
DE\SRND]DÊĝH]RVWDïD
]DSURMHNWRZDQDQDSRGVWDZLH
VLDWNL1RVLRQDQD]ZÚsiatki
obszerokoĂci 60 pikseliLbMHVW
SRZV]HFKQLHVWRVRZDQDSU]H]
SURMHNWDQWöZVWURQ:::

6LDWNLRNUHĂODMÈVSöMQHSURSRUFMH
RUD]RGVWÚS\SRPLÚG]\
HOHPHQWDPLFRSR]ZDOD
]DSHZQLÊVWURQRPSURIHVMRQDOQ\
Z\JOÈG

-HĂOLGRNïDGQLHMSU]\MU]\P\
VLÚVWURQRPWHMNVLÈĝNLWR
WDNĝH]DXZDĝ\P\ĝH]RVWDïD
]DSURMHNWRZDQDQDSRGVWDZLH
VLDWNLVNïDGDMÈFHMVLÚ]bWU]HFK
NROXPQ

-DNVLÚSU]HNRQDP\QDbVWURQDFK
388 – 389QDED]LHWHM
HODVW\F]QHMVLDWNLPRĝQD
VWZRU]\ÊZLHOHUöĝQ\FK
XNïDGöZ

&KRÊPRJïRE\VLÚZ\GDZDÊ
ĝHVLDWNDVWDQRZLRJUDQLF]HQLH
ZbU]HF]\ZLVWRĂFLGDMHRQDZLHOH
NRU]\ĂFL

=DSHZQLDVSöMQRĂÊSRPLÚG]\
ZLHORPDUöĝQ\PLVWURQDPL
NWöUHPRJÈE\ÊWZRU]RQH
QDbSRGVWDZLHUöĝQ\FK
SURMHNWöZ

8ïDWZLDXĝ\WNRZQLNRP
SU]HZLG]HQLHZbNWöU\FK
PLHMVFDFKVWURQ\PRJÈ
SRV]XNLZDÊLQIRUPDFML

8ïDWZLDGRGDZDQLHGRVWURQ\
QRZ\FKWUHĂFLZbVSöMQ\
VSRVöE

8ïDWZLDUöĝQ\PRVRERP
ZVSöïSUDFÚSU]\WZRU]HQLX
SURMHNWXZbWDNLVSRVöE
E\VRELHZ]DMHPQLHQLH
SU]HV]NDG]Dï\DbX]\VNLZDQH
HIHNW\PLDï\VSöMQ\Z\JOÈG

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

387

8.$'

35=<.$'2:$6,$7.$

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

388 8.$'

02¿/,:(8.$'<

3,.6(/,6=(52.2¥&,

6,$7.$.2/8012:$

40 p[

460 p[

300 p[

220 p[

140 p[

460 p[

300 p[

220 p[

140 p[

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

389

8.$'

1DW\FKGZöFKVWURQDFK
SU]HGVWDZLRQRVLDWNÚ
RbV]HURNRĂFLSLNVHOL
VNïDGDMÈFÈVLÚ]bNROXPQ
3U]\NïDG\WHSRND]XMÈ
MDNbVWZRU]\ÊZLHOHUöĝQ\FK
XNïDGöZQDSRGVWDZLHWHMVLDWNL

6WURQDPDSLNVHOL
V]HURNRĂFLLb]RVWDïDSRG]LHORQD
QDLGHQW\F]Q\FKNROXPQ
]D]QDF]RQ\FKV]DU\PNRORUHP
]bNWöU\FKNDĝGDPDSLNVHOL
V]HURNRĂFL

.DĝGDNROXPQDPDPDUJLQHV\
RbZLHONRĂFLSLNVHOL
FRVSUDZLDĝHSRPLÚG]\
VÈVLHGQLPLNROXPQDPLMHVW
RGVWÚSRbV]HURNRĂFLbSLNVHOL
DbSRPLÚG]\VNUDMQ\PL
NROXPQDPLLbNUDZÚG]LDPL
VWURQ\ĽRGVWÚSRbV]HURNRĂFL
SLNVHOL

620 p[

220 p[

460 p[

300 p[

220 p[

00 p[

220 p[

300 p[

140 p[

220 p[

140 p[

300 p[

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

390 8.$'

3/$7)250<&66

3ODWIRUP\&66PDMÈ]D]DGDQLHXïDWZLDÊĝ\FLHWZöUFRPVWURQ
:::SRSU]H]GRVWDUF]DQLHNRGXVïXĝÈFHJRGRZ\NRQ\ZDQLD
SRZWDU]DMÈF\FKVLÚF]\QQRĂFLWDNLFKMDNWZRU]HQLHXNïDGöZ
NROXPQRZ\FKRNUHĂODQLHSRVWDFLIRUPXODU]\WZRU]HQLHZHUVML
VWURQQDGDMÈF\FKVLÚGRGUXNXLWG.RGSODWIRUP\&66PRĝQD
GRïÈF]\ÊGRbVZRMHJRSURMHNWX]DPLDVWVDPRG]LHOQLHSLVDÊZbFDïRĂFL
QLH]EÚGQHDUNXV]HVW\OöZ

=$/(7<

(OLPLQXMÈNRQLHF]QRĂÊ
FLÈJïHJRSLVDQLDNRGX
UHDOL]XMÈFHJRWHVDPHFHOH

6ÈGREU]HSU]HWHVWRZDQH
ZbUöĝQ\FKZHUVMDFK
SU]HJOÈGDUHNFRSR]ZDOD
RPLMDÊEïÚG\Z\VWÚSXMÈFH
ZbSU]HJOÈGDUNDFK

:$'<

&]ÚVWRZ\PDJDMÈ
XPLHV]F]DQLDZbNRG]LH
+70/QD]ZNODV]ZLÈ]DQ\FK
Z\ïÈF]QLH]HVSRVREHP
SUH]HQWDFMLVWURQ\DbQLH
]bRSLVHPMHM]DZDUWRĂFL

:bFHOX]DVSRNRMHQLDV]HURNLHM
JDP\SRWU]HEWDNLHSODWIRUP\
F]ÚVWR]DZLHUDMÈZLÚFHM
NRGXQLĝSRWU]HEDGODGDQHM
ZLWU\Q\F]ÚVWRRNUHĂODVLÚMH
MDNRķQDSXFKQLÚWHĵ

3/$7)250$&66*6

-HGQ\P]bQDMSRSXODUQLHMV]\FK
]DVWRVRZDñSODWIRUP&66MHVW
SUH]HQWRZDQLH]DZDUWRĂFL
VWURQZbIRUPLHXNïDGöZ
NROXPQRZ\FK'RVWÚSQ\FKMHVW
NLONDWDNLFKSODWIRUPĽZbWHM
NVLÈĝFHSU]HGVWDZLRQD]RVWDQLH
SODWIRUPDRbQD]ZLH*ULG
6\VWHPNWöUÈPRĝQD]QDOHěÊ
QDVWURQLHKWWSZZZJV

8GRVWÚSQLDRQDDUNXV]
VW\OöZNWöU\PRĝQDGRïÈF]DÊ
GRbWZRU]RQ\FKVWURQ:::
3RbMHJRGRïÈF]HQLXZbNRG]LH
+70/VWURQ\QDOHĝ\]DVWRVRZDÊ
RGSRZLHGQLHQD]Z\NODVDbRQH
VWZRU]ÈXNïDGNROXPQRZ\
:LWU\QDJVXGRVWÚSQLD
WDNĝHV]DEORQ\NWöUHPRĝQD
SREUDÊLbZ\NRU]\VWDÊ

GRb]DSURMHNWRZDQLDVWURQ
QDbSRGVWDZLHXNïDGX
VNïDGDMÈFHJRVLÚ]bNROXPQ
'RGDWNRZRGRVWÚSQDMHVW
LQQDZHUVMDVLDWNL]ïRĝRQD
]bbNROXPQ

$E\VWZRU]\ÊXNïDGVNïDGDMÈF\
VLÚ]bNROXPQJïöZQ\
HOHPHQW]DZLHUDMÈF\FDïÈ
WUHĂÊVWURQ\PXVL]DZLHUDÊ
DWU\EXWclassRbZDUWRĂFL
container B 12.ODVDWD
QDGDMHHOHPHQWRZLV]HURNRĂÊ
bSLNVHOLLbLQIRUPXMH
ĝHEÚG]LHXĝ\ZDQDVLDWND
VNïDGDMÈFDVLÚ]bNROXPQ

3ODWIRUPDXGRVWÚSQLDWDNĝH
NODV\VïXĝÈFHGRWZRU]HQLD
EORNöZRbV]HURNRĂFL
RGbGRNROXPQ

.DĝG\b]bWDNLFKEORNöZWZRU]\
VLÚXĝ\ZDMÈFRGSRZLHGQLHM
QD]Z\NODV\QSbgrid B 3
EORNRbV]HURNRĂFLNROXPQ
OXEbgrid B 4EORNRbV]HURNRĂFL
bNROXPQĽDĝGRbgrid B 12
EORN]DMPXMÈF\SHïQÈ
V]HURNRĂÊVWURQ\:V]\VWNLH
NROXPQ\VÈHOHPHQWDPL
Sï\ZDMÈF\PLZ\ĂZLHWODQ\PL
SU]\OHZHMNUDZÚG]LHOHPHQWX
]DZLHUDMÈFHJRLbPDMÈOHZ\RUD]
SUDZ\PDUJLQHVRbV]HURNRĂFL
bSLNVHOL

:bLQWHUQHFLHPRĝQD]QDOHěÊ
LQQHSODWIRUP\&66RWRNLOND
SU]\NïDGöZEOXHSULQWFVVRUJ
OHVVIUDPHZRUNFRPGHYHORSHU
\DKRRFRP\XLJULGV

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

391

8.$'

.25=<67$1,(

=b3/$7)250<&66*6

3RQLĝHMSU]HGVWDZLRQRSU]\NïDGRZ\XNïDGVWURQ\EDUG]R
SU]\SRPLQDMÈF\XNïDGRbVWDïHMV]HURNRĂFL]DPLHV]F]RQ\
ZHbZF]HĂQLHMV]HMF]ÚĂFLUR]G]LDïX1DQDVWÚSQHMVWURQLHXWZRU]\P\
WDNLXNïDGNRU]\VWDMÈF]bDUNXV]DVW\OöZJV=DPLDVWSLVDÊ
ZïDVQ\DUNXV]VW\OöZEÚG]LHP\PXVLHOLGRGDÊGRNRGX+70/
QD]Z\NODVRNUHĂODMÈFHV]HURNRĂÊSRV]F]HJöOQ\FKHOHPHQWöZVWURQ\

40 p[

300 p[

40 p[

300 p[

40 p[

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

392 8.$'

8.$'6,$7.,

.25=<67$-k&<

=b3/$7)250<&66*6

3U]HDQDOL]XMP\WHUD]NRG+70/
VWURQ\LbSU]HNRQDMP\VLÚZbMDNL
VSRVöE]RVWDïRQGRVWRVRZDQ\
GRNRU]\VWDQLD]bSODWIRUP\&66
*6
-DNZLGDÊDUNXV]VW\OöZ&66
]RVWDïGRïÈF]RQ\GRVWURQ\
SU]\Xĝ\FLXHOHPHQWX<link>
XPLHV]F]RQHJRZHZQÈWU]
HOHPHQWX<head>
6W\OHNWöUHPXVLHOLĂP\QDSLVDÊ
VDPL]RVWDï\SU]HGVWDZLRQH
QDbQDVWÚSQHMVWURQLH
$UNXV]VW\OöZBBFRO
css]DZLHUDZV]\VWNLH
UHJXï\QLH]EÚGQHGRNRQWUROL
LbRNUHĂODQLDSRVWDFLXNïDGX
:bNRG]LH+70/]RVWDï\Xĝ\WH
QDVWÚSXMÈFHQD]Z\NODV

container B 12NWöUD
SHïQLIXQNFMÚSRMHPQLND
]DZLHUDMÈFHJRFDïÈWUHĂÊVWURQ\
LbMHGQRF]HĂQLHLQIRUPXMH
ĝHbHOHPHQW]DMPXMHSHïQH
bNROXPQ

clearğxNWöUD]DSHZQLD
ĝHSU]HJOÈGDUNDEÚG]LH]QDÊ
Z\VRNRĂÊJïöZQHJRHOHPHQWX
]DZLHUDMÈFHJRFDïÈWUHĂÊ
VWURQ\FRMHVWQLH]EÚGQHJG\ĝ
ZHZQÈWU]QLHJRXPLHV]F]RQHVÈ
Z\ïÈF]QLHHOHPHQW\Sï\ZDMÈFH
UR]ZLÈ]XMHWRSUREOHP
SU]HGVWDZLRQ\QDVWURQDFK
370 – 371

grid B 12VïXĝÈFDGRWZRU]HQLD
EORNXRbV]HURNRĂFLNROXPQ
grid B 4VïXĝÈFDGRWZRU]HQLD
EORNXRbV]HURNRĂFLNROXPQ

Ukïad siatki

</title>

href=”css/960 B 12 B col.css” />
<style>

patrz nastÚpna strona ksiÈĝki

</style>

</head>
<body>
<div class=”container B 12 clearğx”>
<div id=”header” class=”grid B 12”>
<h1>Logo</h1>
<div id=”nav”>
<ul>
<li><abhref=””>

Strona gïówna

</a></li>

Produkty

</a></li>

Usïugi

</a></li>

Obnas

</a></li>

Kontakt

</a></li>

</ul>
</div>
</div>
<div id=”feature” class=”grid B 12”>
<p>

Opis

</p>

</div>

Kolumna pierwsza

</p>

</div>

Kolumna druga

</p>

</div>

Kolumna trzecia

</p>

</div>

<p>

Utworzono wb2011 r.

</p>

</div>
</div>
</body>

rodzial-15/grid-layout.html

HTML

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

393

8.$'

$UNXV]VW\OöZJV]DGEDï
Rb]DSHZQLHQLHRGSRZLHGQLHJR
XNïDGXRNUHĂOHQLHZïDĂFLZ\FK
V]HURNRĂFLNROXPQRUD]
RGVWÚSöZSRPLÚG]\QLPL
'ODWHJRUHJXï\SU]HGVWDZLRQH
RERNVÈMHG\Q\PLMDNLH
PXVLP\GRGDÊGRNRGXVWURQ\
,FKb]DGDQLHPMHVW

:\EöURGSRZLHGQLFK
F]FLRQHNRUD]UR]PLHV]F]HQLH
WHNVWöZZHZQÈWU]SXGHïHN
HOHPHQWöZ

2NUHĂOHQLHRGSRZLHGQLHJR
NRORUXWïDHOHPHQWöZ

2NUHĂOHQLHZ\VRNRĂFL
HOHPHQWX]bDWU\EXWHPid
RbZDUWRĂFLfeatureRUD]
HOHPHQWöZSU]\SLVDQ\FK
GRbNODV\article

'RGDQLHPDUJLQHVXXbJöU\
RUD]XbGRïXSXGHïHN
Z\EUDQ\FKHOHPHQWöZ

W YNIK

* {
font-family: Arial, Verdana, sans-serif;
color: #665544;
text-align: center;}
#nav, #feature, .article, #footer {
background-color: #efefef;
margin-top: 20px;
padding: 10px 0px 5px 0px;}
#feature, .article {
height: 100px;}
li {
display: inline;
padding: 5px;}

CSS

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

394 8.$'

67262:$1,(

:,(/8$5.86=<67</:

@import

1LHNWöU]\DXWRU]\VWURQ
UR]G]LHODMÈXĝ\ZDQHUHJXï\
Lb]DSLVXMÈMHZbNLONXRVREQ\FK
DUNXV]DFKVW\OöZ-HGHQ]bQLFK
PRĝHQS]DZLHUDÊUHJXï\
RGSRZLDGDMÈFH]DNRQWUROÚ
XNïDGXDbGUXJLĽUHJXï\
RGSRZLDGDMÈFH]DZ\EöU
RGSRZLHGQLFKF]FLRQHN
NRORUöZbLWG

6ÈWDNĝHDXWRU]\NWöU\
Z\NRU]\VWXMÈMHV]F]HEDUG]LHM
modularneSRGHMĂFLHLbWZRU]È
RVREQHDUNXV]HVW\OöZ
RNUHĂODMÈFHW\SRJUDğÚXNïDG
SRVWDÊIRUPXODU]\WDEHOH
DbQDZHWRVREQHVW\OHGOD
SRV]F]HJöOQ\FKSRGVHNFML
ZLWU\Q\

,VWQLHMÈGZDVSRVRE\Xĝ\ZDQLD
QDVWURQLHZLHOXDUNXV]\VW\OöZ

'RVWURQ\PRĝQDGRïÈF]\Ê

MHGHQDUNXV]VW\OöZ
DbZHZQÈWU]QLHJRXPLHĂFLÊ
UHJXï\@importLPSRUWXMÈFH
ZV]\VWNLHSR]RVWDïH
QLH]EÚGQHDUNXV]H

:bNRG]LHVWURQ\PRĝQD

XPLHĂFLÊHOHPHQW\<link>
GRïÈF]DMÈFHZV]\VWNLH
QLH]EÚGQHDUNXV]HVW\OöZ

3U]HGVWDZLRQ\WXSU]\NïDG
Xĝ\ZDMHGQHJRHOHPHQWX
<link>E\GRïÈF]\ÊGRVWURQ\
DUNXV]VW\OöZRbQD]ZLH
VW\OHVFVV=QDMGXMÈVLÚZbQLP
UHJXï\@importLPSRUWXMÈFH
GZDNROHMQHDUNXV]HVW\OöZ
W\SRJUDSK\FVVLbWDEOHVFVV

<!DOCTYPE html>
<html>
<head>
<title>

Stosowanie wielu arkuszy stylów -

import

</title>

rodzial-15/multiple-style-sheets-import.html

HTML

@import url(”tables.css”);
@import url(”typography.css”);
body {
color: #666666;
background-color: #f8f8f8;
text-align: center;}
#page {
width: 600px;
text-align: left;
margin-left: auto;
margin-right: auto;
border: 1px solid #d6d6d6;
padding: 20px;}
h3 {
color: #547ca0;}

rozdzial-15/styles.css

CSS

-HĂOLZbDUNXV]XXĝ\ZDQHVÈ
UHJXï\@importWRQDOHĝ\MH
]DSLVDÊSU]HGZV]HONLPLLQQ\PL
UHJXïDPL

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

395

8.$'

67262:$1,(:,(/8

$5.86=<67</:

link

1DWHMVWURQLHSU]HGVWDZLRQR
LQQÈWHFKQLNÚSR]ZDODMÈFÈ
QDXĝ\ZDQLHQDVWURQLH
NLONXDUNXV]\VW\OöZ
:HZQÈWU]HOHPHQWX<head>
XPLHV]F]DQ\FKMHVWNLOND
HOHPHQWöZ<link>SRMHGQ\P
GODNDĝGHJRXĝ\ZDQHJR
DUNXV]D

=DZDUWRĂÊDUNXV]DVLWHFVVMHVW
WDNDVDPDMDNSU]HGVWDZLRQHJR
QDSRSU]HGQLHMVWURQLHDUNXV]D
VW\OHVFVV]bWÈUöĝQLFÈĝHQLH
]DZLHUDUHJXï@import

-DN]DZV]HZbSU]\SDGNX&66
MHĂOLGRGDQHJRHOHPHQWX
RGQRV]ÈVLÚGZLHUHJXï\
WDbXPLHV]F]RQDEOLĝHMNRñFD
DUNXV]DEÚG]LHPLDïDZ\ĝV]\
SULRU\WHW

:bW\PSU]\NïDG]LHZV]\VWNLH
UHJXï\XPLHV]F]RQHZbDUNXV]X
W\SRJUDSK\FVVEÚGÈPLDï\
Z\ĝV]\SULRU\WHWRGUHJXï
]DSLVDQ\FKZbDUNXV]XVLWH
cssJG\ĝ]RVWDQÈGRGDQH
GRbGRNXPHQWXMDNRRVWDWQLH

:bSU]\NïDG]LH]DPLHV]F]RQ\P
QDSRSU]HGQLHMVWURQLHZ\ĝV]\
SULRU\WHWEÚGÈPLDï\UHJXï\
XPLHV]F]RQHZbDUNXV]X
VW\OHVFVVDbQLHW\SRJUDSK\
css:\QLNDWR]bIDNWX
ĝHbZbSU]\SDGNXNRU]\VWDQLD
]bUHJXï\@importZïDĂQLH
PLHMVFHMHMZ\VWÚSRZDQLDMHVW
X]QDZDQHSU]H]SU]HJOÈGDUNÚ
]DWRZbNWöU\PVÈXPLHV]F]RQH
UHJXï\&66

<!DOCTYPE html>
<html>
<head>
<title>

Stosowanie wielu arkuszy stylów - link

</title>

rodzial-15/multiple-style-sheets-link.html

HTML

W YNIK

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

396 8.$'

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

397

8.$'

35=<.$'

8.$'

=DPLHV]F]RQ\WXSU]\NïDGSU]HGVWDZLD
QRZRF]HVQ\XNïDGVWRVRZDQ\F]ÚVWR
ZbZLWU\QDFKF]DVRSLVPLbPDJD]\QöZ
VWZRU]RQ\SU]\Xĝ\FLXSODWIRUP\&66
*6:\NRU]\VWDQLHWHJRDUNXV]D
VW\OöZSR]ZDODXQLNQÈÊNRQLHF]QRĂFL
VDPRG]LHOQHJRSLVDQLDUHJXï&66

.LONDQD]ZNODV]bDUNXV]DJV]RVWDïRGRGDQ\FKGRNRGXVWURQ\
E\RNUHĂOLÊLOHNROXPQXNïDGXPDMÈ]DMPRZDÊMHMSRV]F]HJöOQH
HOHPHQW\:LHP\MXĝĝHDUNXV]WHQXĝ\ZDZïDĂFLZRĂFLĠoat
E\bXPLHV]F]DÊNROHMQHEORNLRERNVLHELH
1DJïöZHN]QDMGXMÈF\VLÚQDVDP\PSRF]ÈWNXVWURQ\NRU]\VWD
]bXPLHMVFDZLDQLDXVWDORQHJRFRR]QDF]DĝHMHJRSRïRĝHQLHQLH
EÚG]LHVLÚ]PLHQLDÊJG\Xĝ\WNRZQLN]DF]QLHSU]HZLMDÊ]DZDUWRĂÊ
VWURQ\'RGDQRGRQLHJRWDNĝHZïDĂFLZRĂÊz-indexDE\E\ï
Z\ĂZLHWODQ\SRZ\ĝHMSR]RVWDïHM]DZDUWRĂFL
=DUöZQRQDJïöZHNMDNLbVWRSND]RVWDï\XPLHV]F]RQHZHZQÈWU]
HOHPHQWöZ<div>]DMPXMÈF\FKFDïÈGRVWÚSQÈV]HURNRĂÊVWURQ\
:HZQÈWU]QLFKXPLHV]F]RQRLQQHHOHPHQW\NWöUHNRU]\VWDMÈ]bNODV\
DUNXV]DJVE\]DSHZQLÊĝHEÚGÈRQHSUDZLGïRZRZ\UöZQDQH
Z]JOÚGHPSR]RVWDïHM]DZDUWRĂFLVWURQ\
*ïöZQ\DUW\NXï]DMPXMHFDïÈV]HURNRĂÊVWURQ\.ODV\push B 7RUD]
push B 9VÈ]GHğQLRZDQHZbDUNXV]XJVLbVïXĝÈGRSU]HVXQLÚFLD
QDJïöZNDRUD]WUHĂFLDUW\NXïXZbSUDZR
3RQLĝHMJïöZQHJRDUW\NXïXZLGRF]QHVÈF]WHU\EORNL]bNWöU\FK
NDĝG\PDNROXPQ\V]HURNRĂFL.DĝG\]bW\FKEORNöZ]DZLHUDREUD]
RUD]bïÈF]HSURZDG]ÈFHGRNROHMQ\FKDUW\NXïöZ
:bSU]\NïDG]LHZ\NRU]\VWDQRWDNĝHREUD]\WïDSU]\NWöU\FKXĝ\FLX
]RVWDï\XWZRU]RQHJUDğF]QHWïDVWURQ\LbMHMQDJïöZNDMDNUöZQLHĝ
REUD]\Z\ĂZLHWODQHZbWUHĂFLDUW\NXïX=DJDGQLHQLD]ZLÈ]DQH
]HbVWRVRZDQLHPREUD]öZ]RVWDï\RSLVDQHZbQDVWÚSQ\PUR]G]LDOH

Uwaga:MHĂOLVWURQD]RVWDQLHZ\ĂZLHWORQDZbSU]HJOÈGDUFH,QWHUQHW
([SORUHUWRXĝ\ZDQHQDQLHMSU]H]URF]\VWHREUD]\31*PRJÈPLHÊ
V]DUHWïR$E\GRZLHG]LHÊVLÚZLÚFHMQDWHQWHPDWZDUWR]DMU]HÊ
QDbVWURQÚSRĂZLÚFRQÈWHMNVLÈĝFHĽ]DPLHĂFLOLĂP\WDPSURVW\VNU\SW
-DYD6FULSWVWDQRZLÈF\UR]ZLÈ]DQLHWHJRSUREOHPX

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

398 8.$'

35=<.$'

8.$'

<!DOCTYPE html>
<html>
<head>
<title>

Ukïad

</title>

@font-face {

font-family: Ĳ4uicksandBook’;
src: url(Ĳfonts/4uicksand B Book-webfont.eot’);
src: url(Ĳfonts/4uicksand B Book-webfont.eot?#ieğx’) format(Ĳembedded-opentype’),
url(Ĳfonts/4uicksand B Book-webfont.woff’) format(Ĳwoff’),
url(Ĳfonts/4uicksand B Book-webfont.ttf’) format(Ĳtruetype’),
url(Ĳfonts/4uicksand B Book-webfont.svg#4uicksandBook’) format(Ĳsvg’);
font-weight: normal;
font-style: normal;}
body {
color: #ffffff;
background: #413f3b url(“images/bg.jpg”);
font-family: Georgia, “Times New Roman”, Times, serif;
font-size: 90%;
margin: 0px;
text-align: center;}
ab{
color: #b5c1ad;
text-decoration: none;}
a:hover {
color: #ffffff;}
.header {
background-image: url(“images/bg-header.jpg”);
padding: 0px 0px 0px 0px;
height: 100px;
position: ğxed;
top: 0px;
width: 100%;
z-index: 50;}
.nav {
Ġoat: right;
font-family: 4uicksandBook, Helvetica, Arial, sans-serif;

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

399

8.$'

35=<.$'

8.$'

padding: 45px 0px 0px 0px;
text-align: right;}
.wrapper {
width: 960px;
margin: 0px auto;
background-image: url(”images/bg-triangle.png”);
background-repeat: no-repeat;
background-position: 0px 0px;
text-align: left;}
.logo {
margin-bottom: 20px;}
h1, h2 {
font-family: 4uicksandBook, Helvetica, Arial, sans-serif;
font-weight: normal;
text-transform: uppercase;}
h1 {
font-size: 240%;
margin-top: 140px;}
.date {
font-family: Arial, Helvetica, sans-serif;
font-size: 75%;
color: #b5c1ad;}
.intro {
clear: left;
font-size: 90%;
line-height: 1.4em;}
.main-story {
background-image: url(”images/triangles.png”);
background-repeat: no-repeat;
background-position: 122px 142px;
height: 570px;}
.more-articles {
border-top: 1px solid #ffffff;
padding: 10px;}
.more-articles p {
border-bottom: 1px solid #807c72;
padding: 5px 0px 15px 0px;
font-size: 80%;}

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

400 8.$'

35=<.$'

8.$'

.more-articles p:last-child {
border-bottom: none;}
.footer {
clear: both;
background: rgba(0, 0, 0, 0.2);
padding: 5px 10px;}
.footer p {
font-family: Helvetica, Arial, sans-serif;
font-size: 75%;
text-align: right;}
.footer ab{
color: #807c72;}

</style>
</head>
<body>
<div class=”header”>
<div class=”container B 12”>
<div class=”grid B 5”>
<img src=”images/logo.png” alt=”Pedal Faster - Nowoczesna witryna
poĂwiÚcona rowerom”
width=”216” height=”37” class=”logo” />
<img src=”images/header-triangle.png” alt=”” width=”116” height=”100” />
</div>
<div class=”nav grid B 7”>

<abhref=””>

strona gïówna

</a>

<abhref=””>

nowoĂci

</a>

<abhref=””>

archiwa

</a>

<abhref=””>

obnas

</a>

<abhref=””>

kontakt

</a>

</div>
</div>
</div>
<div class=”wrapper”>
<div class=”main-story container B 12”>
<div class=”grid B 6 push B 6”>
<h1><abhref=””>

Bez przerzutek

</a></h1>

</div>

<div class=”intro grid B 3 push B 9”>
<p class=”date”>16 kwietnia 2011</p>

<p>

Veloheld ïÈczy wbsobie minimalizm zbnajwyĝszÈ jakoĂciÈ.

Pozbawione niepotrzebnej grağki oraz osprzÚtu przerzutek produkty
zbszerokiej gamy Veloheld zachwycajÈ piÚknem ibprostotÈ...

</p>

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

401

8.$'

35=<.$'

8.$'

</div>
</div>
<div class=”more-articles container B 12”>
<h2 class=”grid B 12”><abhref=””>

WiÚcej artykuïów

</a></h2>

Na drodze: MiïoĂnik jazdy bez przerzutek

</a></p>

Historia Banda: Rowery Pashley - zbudowane wbAnglii

</a></p>

Wojny ram: Innowacje wbprodukcji ibnaprawie rowerów

</a></p>

</div>
<div class=”grid B 3”>

Dziennik osi: Szkicownik wbkoszyku

</a></p>

DziesiÚÊ najwaĝniejszych nowoĂci 2012 roku: Rzut oka na to,

co nas czeka

</a></p>

InnerTube: Najlepsze wideo rowerowe na Ăwiecie

</a></p>

</div>
<div class=”grid B 3”>

Recenzje rowerów: Nie wszystkie koszyki sÈ identyczne

</a></p>

Bez Ăciemy: Wywiad zbtwórcÈ znanej witryny poĂwiÚconej rowerom

</a></p>

Front obrony rowerzystów: Znaj swoje prawa na drodze

</a></p>

</div>
<div class=”grid B 3”>
<img src=”images/more4.jpg” alt=”Schwinn Spitğre” width=”220” height=”125” />
<p><abhref=””>

Sala sïawy rowerowej: Schwinn Spitğre

</a></p>

Od czytelników: Podziel siÚ swoimi przemyĂleniami!

</a></p>

Gang ïañcucha: Ewolucja skromnego ïañcucha rowerowego

</a></p>

</div>
</div>
</div>
<div class=”footer clearğx”>
<div class=”container B 12”>

Informacje prawne

</a>

<abhref=””>

Polityka prywatnoĂci

</a>

<abhref=””>

Wszelkie prawa

</a></p>

</div>

</div>
</body>
</html>

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

32'6802:$1,(

8.$'

(OHPHQW\<div>F]ÚVWRVÈVWRVRZDQHMDNRHOHPHQW\

]DZLHUDMÈFHVïXĝÈFHGRJUXSRZDQLDLQQ\FK

HOHPHQWöZVWURQ

3U]HJOÈGDUNLZ\ĂZLHWODMÈVWURQ\NRU]\VWDMÈF

]bUR]NïDGXQRUPDOQHJRFK\EDĝHLFKWZöUFD]DĝÈGD

Xĝ\FLDXPLHMVFDZLDQLDZ]JOÚGQHJREH]Z]JOÚGQHJR

OXEXVWDORQHJR

:ïDĂFLZRĂÊĠoatSU]HQRVL]DZDUWRĂÊVWURQ\GRMHM

SUDZHMOXEOHZHMNUDZÚG]LLbPRĝHE\ÊVWRVRZDQD

GRbWZRU]HQLDXNïDGöZVNïDGDMÈF\FKVLÚ]bZLHOX

NROXPQ7DNLHSï\ZDMÈFHHOHPHQW\PXV]ÈPLHÊ

RNUHĂORQÈV]HURNRĂÊ

8NïDG\VWURQPRJÈE\ÊHODVW\F]QHOXEPLHÊXVWDORQÈ

V]HURNRĂÊ

3URMHNWDQFLQDGDMÈVWURQRPV]HURNRĂÊ]b]DNUHVX

RGbGRSLNVHOLLbQDSLHUZV]\FK

bSLNVHODFKMHMZ\VRNRĂFLVWDUDMÈVLÚSU]HND]DÊ

LQIRUPDFMHRbMHM]DZDUWRĂFLE\SRND]DÊLFKZDUWRĂÊ

EH]NRQLHF]QRĂFLSU]HZLMDQLD

6LDWNLSRPDJDMÈWZRU]\ÊSURIHVMRQDOQLHZ\JOÈGDMÈFH

LbHODVW\F]QHXNïDG\VWURQ

3ODWIRUP\&66]DZLHUDMÈUHJXï\NWöUHUHDOL]XMÈ

QDMF]ÚĂFLHMZ\VWÚSXMÈFH]DGDQLD

1DMHGQHMVWURQLHPRĝQDXĝ\ZDÊZLHOXDUNXV]\

VW\OöZ&66

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

OBRAZY

.RQWURODZLHONRĂFLREUD]öZSU]\Xĝ\FLX&66

:\UöZQ\ZDQLHREUD]öZSU]\Xĝ\FLX&66

'RGDZDQLHREUD]öZWïD

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

406 OBRAZY

.RQWURODUR]PLDUXRUD]Z\UöZQDQLD
REUD]öZSU]\Xĝ\FLX&66VSUDZLD
ĝHbZV]\VWNLHUHJXï\RNUHĂODMÈFHSRVWDÊ
VWURQ\VÈXPLHV]F]RQHZbDUNXV]XVW\OöZ
SR]DNRGHP+70/

.RU]\VWDMÈF]bREUD]öZWïDPRĝQDX]\VNDÊNLONDLQWHUHVXMÈF\FK
HIHNWöZ:bW\PUR]G]LDOHSRZLHP\MDN

2NUHĂODÊUR]PLDU\LbZ\UöZQDQLHREUD]öZSU]\Xĝ\FLX&66

'RGDZDÊGRHOHPHQWöZREUD]\WïD

7ZRU]\ÊHIHNWSRGPLHQLDQLDREUD]öZ]bXĝ\FLHP&66

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

407

OBRAZY

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

408 OBRAZY

HTML

rodzial-16/image-sizes.html

img.large {
width: 500px;
height: 500px;}
img.medium {
width: 250px;
height: 250px;}
img.small {
width: 100px;
height: 100px;}

CSS

.21752/$

:,(/.2¥&,2%5$=:

35=<8¿<&,8&66

:\PLDU\REUD]öZPRĝQD
RNUHĂODÊSU]\Xĝ\FLX
ZïDĂFLZRĂFL&66widthRUD]
heightDQDORJLF]QLHMDN
ZLHONRĂÊSXGHïHNZV]\VWNLFK
LQQ\FKHOHPHQWöZ

2NUHĂOHQLHZ\PLDUöZREUD]öZ
XPRĝOLZLDV]\EV]HLbEDUG]LHM
Sï\QQHZ\ĂZLHWOHQLDVWURQ
JG\ĝLFKNRG+70/Lb&66MHVW
]D]Z\F]DMZF]\W\ZDQ\SU]HG
REUD]DPLDbZLHG]ÈFMDNLHVÈ
LFKZ\PLDU\SU]HJOÈGDUNDPRĝH
Z\ĂZLHWOLÊSR]RVWDïÈ]DZDUWRĂÊ
VWURQ\EH]RF]HNLZDQLD
QDbSREUDQLHJUDğNL

0RĝQDVÈG]LÊĝHQDV]HZLWU\Q\
EÚGÈNRU]\VWDï\]bREUD]öZ
RbSU]HUöĝQ\FKZ\PLDUDFK
MHGQDNZbZLHOXZLWU\QDFK
REUD]\RbWHMVDPHMZLHONRĂFLVÈ
Xĝ\ZDQHQDZLHOXVWURQDFK

3U]\NïDGRZR]GMÚFLDSURGXNWöZ
SUH]HQWRZDQHZbZLWU\QDFK
]DMPXMÈF\FKVLÚKDQGOHP
HOHNWURQLF]Q\P]D]Z\F]DM
PDMÈWÚVDPÈZLHONRĂÊ
-HĂOLQDV]DZLWU\QD]RVWDïD
]DSURMHNWRZDQDQDED]LH
VLDWNLWRQDMHMVWURQDFK
PRĝHP\SU]\JRWRZ\ZDÊ
LbSUH]HQWRZDÊ]GMÚFLDZbNLONX
F]ÚVWRVWRVRZDQ\FKZ\PLDUDFK
WDNLFKbMDN

PDïH]GMÚFLHZbXNïDG]LH
SLRQRZ\PŚ
PDïH]GMÚFLHZbXNïDG]LH
SR]LRP\PŚ
GXĝH]GMÚFLHGRDUW\NXïX
Ś

-HĂOLZbZLWU\QLHNRQVHNZHQWQLH
EÚGÈVWRVRZDQHREUD]\
RbSHZQ\FKZ\PLDUDFK
WRbPRĝQDMHRNUHĂODÊ
ZbDUNXV]DFKVW\OöZ&66
DbQLHZbNRG]LH+70/

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

409

OBRAZY

W YNIK

:bSLHUZV]HMNROHMQRĂFLQDOHĝ\
RNUHĂOLÊMDNLHZ\PLDU\REUD]öZ
EÚGÈQDMF]ÚĂFLHMVWRVRZDQH
ZbZLWU\QLH1DVWÚSQLHWU]HED
QDGDÊLPQD]Z\

2WRSU]\NïDG\
small
medium
large

:bNRG]LHVWURQ\ZbHOHPHQWDFK
<img>]DPLDVWDWU\EXWöZ
widthRUD]heightQDOHĝ\Xĝ\Ê
DWU\EXWXclassSRGDMÈFMDNR
MHJRZDUWRĂÊMHGQÈ]bW\FKQD]Z

:bDUNXV]XVW\OöZ&66GOD
NDĝGHM]bW\FKNODVQDOHĝ\SRGDÊ
VHOHNWRUX]XSHïQLDMÈFUHJXïÚ
RbZïDĂFLZRĂFLwidthLbheight
RNUHĂODMÈFHZ\PLDU\REUD]X

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

OBRAZY

Magnoliowate

</i></b>

to duĝa rodzina roĂlin, do której naleĝy

ponad 200 gatunków. Jej nazwa pochodzi od
nazwiska...

</p>

Niektóre magnolie,

takie jak

<i>

Magnolia stellata

</i>

oraz

<i>

Magnolia

soulangeana

</i>

, kwitnÈ wczesnÈ wiosnÈ,

jeszcze...

</p>

HTML

rodzial-16/aligning-images.html

img.align-left {
Ġoat: left;
margin-right: 10px;}
img.align-right {
Ġoat: right;
margin-left: 10px;}
img.medium {
width: 250px;
height: 250px;}

CSS

:<5:1<:$1,(2%5$=:

35=<8¿<&,8&66

:bSRSU]HGQLPUR]G]LDOHE\ïD
PRZDRbW\PZbMDNLVSRVöE
Xĝ\ZDMÈFZïDĂFLZRĂFLĠoat
VSRZRGRZDÊE\HOHPHQW]RVWDï
Z\ĂZLHWORQ\SU]\OHZHMOXE
SUDZHMNUDZÚG]LMHJRHOHPHQWX
]DZLHUDMÈFHJRDbXPLHV]F]RQ\
RERNWHNVWJRRWDF]Dï

2EHFQLH]DPLDVWVWRVRZDÊ
DWU\EXWalignHOHPHQWX
<img>WZöUF\VWURQFRUD]
F]ÚĂFLHMZ\UöZQXMÈREUD]\
NRU]\VWDMÈF]bZïDĂFLZRĂFLĠoat
3RZV]HFKQLHVWRVRZDQHVÈGZD
VSRVRE\WDNLHJRZ\UöZQ\ZDQLD
REUD]öZ

:ïDĂFLZRĂÊĠoat]RVWDMH

GRGDQDGRNODV\VWZRU]RQHM
ZbFHOXRNUHĂOHQLDZ\PLDUöZ
REUD]XWDNLHMMDNsmall
]bSU]HGVWDZLRQHJR
SU]\NïDGX

7ZRU]RQHVÈQRZHNODV\

ĽRbWDNLFKQD]ZDFKMDN
align-leftOXEalign-
rightĽNWöU\FK]DGDQLHP
MHVWZ\UöZQDQLHHOHPHQWX
GRbOHZHMOXESUDZHM
NUDZÚG]LbVWURQ\

:bSU]HGVWDZLRQ\PRERN
SU]\NïDG]LHGRZ\UöZQDQLD
REUD]öZ]RVWDï\]DVWRVRZDQH
GZLHNODV\align-left
Lbalign-right

=D]Z\F]DMGRREUD]öZ
MHVWGRGDZDQ\PDUJLQHV
E\bRWDF]DMÈF\MHWHNVWQLHVW\NDï
VLÚ]bLFKNUDZÚG]LDPL

W YNIK

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

OBRAZY

Magnoliowate

i></b>

to duĝa rodzina roĂlin, do której naleĝy

ponad 200 gatunków. Jej nazwa pochodzi od
nazwiska francuskiego botanika Pierre’abMagnola.
Poniewaĝ roĂliny te rosïy, zanim na Ziemi pojawiïy
siÚ pszczoïy, ich kwiaty wyksztaïciïy siÚ wbtaki
sposób, by byïy zapylane przez motyle.

</p>

HTML

rodzial-16/centering-images.html

img.align-center {
display: block;
margin: 0px auto;}
img.medium {
width: 250px;
height: 250px;}

CSS

W YNIK

:<¥52'.2:<:$1,(

2%5$=:

35=<8¿<&,8&66

'RP\ĂOQLHREUD]\VÈ
HOHPHQWDPLZHZQÈWU]
ZLHUV]RZ\PL2]QDF]DWRĝHVÈ
RQHUR]PLHV]F]DQHZHZQÈWU]
RWDF]DMÈFHJRMHWHNVWX
$E\bZ\ĂURGNRZDÊREUD]QDOHĝ\
JRSU]HNV]WDïFLÊZbHOHPHQW
EORNRZ\DbWRPRĝQD]URELÊ
Xĝ\ZDMÈFZïDĂFLZRĂFLdisplay
]bZDUWRĂFLÈblock

.LHG\REUD]]RVWDQLHMXĝ
SU]HNV]WDïFRQ\QDHOHPHQW
EORNRZ\PRĝQDJR
Z\ĂURGNRZDÊZbSR]LRPLH
QDbGZDVSRVRE\

:bHOHPHQFLH]DZLHUDMÈF\P

REUD]PRĝQD]DVWRVRZDÊ
ZïDĂFLZRĂÊtext-align
]bZDUWRĂFLÈcenter

:bVDP\PHOHPHQFLHREUD]X

PRĝQDXĝ\ÊZïDĂFLZRĂFL
marginE\SU]\SLVDÊ
SUDZHPXLbOHZHPX
PDUJLQHVRZLZDUWRĂFLauto

0RĝQDWDNĝHVWZRU]\ÊNODVÚ
XPRĝOLZLDMÈFÈZ\ĂURGNRZDQLH
GRZROQHJRHOHPHQWXLbVWRVRZDÊ
MÈZbWDNLVDPVSRVöEMDN
SU]HGVWDZLRQHZF]HĂQLHMNODV\
RNUHĂODMÈFHZ\PLDU\REUD]öZ

3UH]HQWRZDQHWXWHFKQLNL
RNUHĂODQLDZ\PLDUöZ
LbZ\UöZQDQLDREUD]öZPRĝQD
VWRVRZDÊZbHOHPHQFLH
<ğgure>ZSURZDG]RQ\P
Zb+70/LbSU]HGVWDZLRQ\P
ZHbZF]HĂQLHMV]HMF]ÚĂFLNVLÈĝNL
QDbVWURQLH

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

OBRAZY

body {
background-image: url(”images/pattern.gif”);}

CSS

rozdzial-16/background-image-body.html

2%5$=<7$

background-image

:ïDĂFLZRĂÊbackground-image
SR]ZDODXPLHĂFLÊZVND]DQ\
REUD]ZbWOHGRZROQHJRHOHPHQWX
+70/0RĝHWRE\Ê]DUöZQR
FDïDVWURQDMDNLbMHMIUDJPHQW
'RP\ĂOQLHREUD]WïDEÚG]LH
SRZWDU]DQ\WDNE\Z\SHïQLï
FDï\REV]DUSXGHïNDHOHPHQWX

¥FLHĝNDGRVWÚSXGRREUD]X
MHVWSRGDZDQD]DOLWHUDPL
urlLbQDOHĝ\MÈ]DSLV\ZDÊ
ZbQDZLDVLHRUD]FXG]\VïRZLH

2WRREUD]NWöUHJR
EÚG]LHP\Xĝ\ZDÊ
ZbSU]HGVWDZLRQ\P
WXSU]\NïDG]LH

:bSLHUZV]\PSU]\NïDG]LH
REUD]WïD]RVWDQLHRNUHĂORQ\GOD
FDïHMVWURQ\JG\ĝSRGDP\JR
ZbVHOHNWRU]HRGQRV]ÈF\PVLÚGR
HOHPHQWX<body>:bGUXJLPĽ
REUD]WïD]RVWDQLHZ\ĂZLHWORQ\
Z\ïÈF]QLHZbMHGQ\PDNDSLFLH

:bLQWHUQHFLHPRĝQD]QDOHěÊ
ZLHOHZLWU\QXGRVWÚSQLDMÈF\FK
REUD]\WïDNWöU\FKPRĝQD
Xĝ\ZDÊQDZïDVQ\FKVWURQDFK

%DUG]RF]ÚVWRREUD]\WïDVÈ
RVWDWQLPLHOHPHQWDPLVWURQ
SRELHUDQ\PLSU]H]SU]HJOÈGDUNL
FRPRĝHVSUDZLDÊZUDĝHQLH
ĝHbFDïDVWURQDZROQRVLÚ
ZF]\WXMH7U]HEDSDPLÚWDÊ
ĝHSRGREQLHMDNZbSU]\SDGNX
ZV]\VWNLFKLQQ\FKREUD]öZ
Xĝ\ZDQ\FKQDVWURQDFK:::
MHĂOLSOLNLREUD]öZWïDEÚGÈ
GXĝHWRLFKSRELHUDQLHSRWUZD

W YNIK

p {
background-image: url(”images/pattern.gif”);}

CSS

rozdzial-16/background-image-element.html

W YNIK

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

OBRAZY

W YNIK

:ïDĂFLZRĂÊbackground-
repeatPRĝHSU]\MPRZDÊ
QDVWÚSXMÈFHZDUWRĂFL

repeat

2EUD]WïDMHVWSRZWDU]DQ\
]DUöZQRZbSR]LRPLH
MDNbLbZbSLRQLHWRGRP\ĂOQ\
VSRVöEZ\ĂZLHWODQLD
REUD]XWïDVWRVRZDQ\
MHĂOLQLH]RVWDïDRNUHĂORQD
LQQDZDUWRĂÊbZïDĂFLZRĂFL
background-image

repeat-x

2EUD]MHVWSRZWDU]DQ\
W\ONRZbSR]LRPLHMDNZLGDÊ
QDbSLHUZV]\PSU]\NïDG]LH
]DPLHV]F]RQ\PRERN

repeat-y

2EUD]MHVWSRZWDU]DQ\
W\ONRbZbSLRQLH

no-repeat

2EUD]]RVWDMHZ\ĂZLHWORQ\
W\ONRbUD]
:ïDĂFLZRĂÊbackground-
attachmentRNUHĂODF]\REUD]
WïDSRZLQLHQSR]RVWDZDÊ
ZbW\PVDP\PPLHMVFX
F]\PDVLÚSU]HVXZDÊ
JG\bXĝ\WNRZQLNEÚG]LHSU]HZLMDï
VWURQÚ:ïDĂFLZRĂÊWDPRĝH
SU]\MPRZDÊGZLHZDUWRĂFL

ğxed

2EUD]WïDSR]RVWDMHZbW\P
VDP\PSRïRĝHQLXQDVWURQLH

scroll

*G\Xĝ\WNRZQLNEÚG]LH
SU]HZLMDïVWURQÚREUD]WïD
EÚG]LHSU]HVXZDQ\ZbJöUÚ
LbZbGöïZUD]]bSR]RVWDïÈMHM
]DZDUWRĂFLÈ

32:7$5=$1,(2%5$=87$

background-repeat

background-attachment

body {
background-image: url(”images/header.gif”);
background-repeat: repeat-x;}

CSS

rodzial-16/background-repeat.html

W YNIK

body {
background-image: url(“images/tulip.gif”);
background-repeat: no-repeat;
background-attachment: ğxed;}

CSS

rodzial-16/background-attachment.html

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

OBRAZY

322¿(1,(2%5$=87$

background-position

-HĂOLREUD]WïDQLHMHVW
SRZWDU]DQ\WRPRĝQDXĝ\Ê
ZïDĂFLZRĂFLbackground-
positionE\RNUHĂOLÊZbNWöU\P
PLHMVFXRNQDSU]HJOÈGDUNL
QDOHĝ\JRXPLHĂFLÊ
:ïDĂFLZRĂÊWD]D]Z\F]DM
]DZLHUDSDUÚZDUWRĂFL
ĽbSLHUZV]D]bQLFK
RNUHĂODSRïRĝHQLHREUD]X
WïDZbSR]LRPLHDbGUXJD
ĽbZbSLRQLH

left top

left center

left bottom

center top

center center

center bottom

right top

right center

right bottom

-HĂOL]RVWDQLHSRGDQDW\ONR
MHGQDZDUWRĂÊWRGUXJD
SU]\MPLHZDUWRĂÊGRP\ĂOQÈ
— center
8ĝ\ZDMÈFWHMZïDĂFLZRĂFL
PRĝQDWDNĝHSRGDÊSDUÚ
ZDUWRĂFLZ\UDĝRQ\FK
ZbSLNVHODFKOXEZDUWRĂFL
SURFHQWRZ\FK:bWDNLP
SU]\SDGNXRNUHĂODMÈRQH
RGOHJïRĂÊRGOHZHJRJöUQHJR
ZLHU]FKRïNDRNQDSU]HJOÈGDUNL
OXEHOHPHQWX]DZLHUDMÈFHJR
/HZ\JöUQ\ZLHU]FKRïHN
RGSRZLDGDZDUWRĂFLRP
SURFHQWRZ\P0% 0%

body {
background-image: url(”images/tulip.gif”);
background-repeat: no-repeat;
background-position: center top;}

CSS

rodzial-16/background-position.html

W YNIK

body {
background-image: url(”images/tulip.gif”);
background-repeat: no-repeat;
background-position: 50% 50%;}

CSS

rodzial-16/background-position-percentage.html

W YNIK

:bSU]HGVWDZLRQ\PRERN
SU]\NïDG]LHZ\NRU]\VWDQLH
ZDUWRĂFL50% 50%SRZRGXMH

Z\ĂURGNRZDQLHREUD]X
WïD]DUöZQRZbSR]LRPLH
MDNbLbZbSLRQLH

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

OBRAZY

=$3,66.572:<

background

:ïDĂFLZRĂÊbackground
RGJU\ZDUROÚVNUöWRZHJR
]DSLVXXPRĝOLZLDMÈFHJR
SRGDZDQLHZDUWRĂFLZV]\VWNLFK
SR]RVWDï\FKZïDĂFLZRĂFL
]ZLÈ]DQ\FK]bWïHPHOHPHQWöZ
ZbMHGQ\PPLHMVFX0RĝQD
GRbQLHMGRGDÊZDUWRĂÊ
ZïDĂFLZRĂFLbackground-color

:DUWRĂFLZïDĂFLZRĂFLPXV]È
]RVWDÊSRGDQHZbQDVWÚSXMÈFHM
NROHMQRĂFLSU]\F]\PGRZROQH
]bQLFKPRĝQDSRPLQÈÊMHĂOLQLH
VÈSRWU]HEQH

background-color
background-image
background-repeat
background-attachment
background-position

6WDQGDUG&66XPRĝOLZLDWDNĝH
VWRVRZDQLHNLONXREUD]öZWïD
RNUHĂODQ\FKSRSU]H]SRGDQLH
NLONXZïDĂFLZRĂFLbackground
3RQLHZDĝZbWUDNFLHSLVDQLDWHM
NVLÈĝNLQLHZLHOHSU]HJOÈGDUHN
]DSHZQLDïRWÚPRĝOLZRĂÊQLH
E\ïDRQDF]ÚVWRVWRVRZDQD

div {
background:
url(example-1.jpg)
top left no-repeat,
url(example-2.jpg)
bottom left no-repeat,
url(example-3.jpg)
centre top repeat-x;}

3LHUZV]\REUD]WïDMHVW
Z\ĂZLHWORQ\XbJöU\HOHPHQWX
DbRVWDWQLĽXbGRïX

W YNIK

body {
background: #ffffff url(“images/tulip.gif”)
no-repeat top right;}

CSS

rodzial-16/background-shorthand.html

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

OBRAZY

32'0,(1,$1,(

2%5$=:,b635$-7<

.RU]\VWDMÈF]b&66PRĝQD
VWZRU]\ÊïÈF]HOXERGQRĂQLN
NWöUHJRVW\OEÚG]LHVLÚ]PLHQLDï
SRZVND]DQLXJRP\V]È
HIHNWWHQMHVWQD]\ZDQ\
podmienianiemRUD]NOLNQLÚFLX

7DNLHIHNWPRĝQDX]\VNDÊ
RNUHĂODMÈFREUD]WïDïÈF]DOXE
SU]\FLVNXNWöU\SU]HGVWDZLD
JRZbWU]HFKUöĝQ\FKVWDQDFK
SU]\F]\PZbGDQHMFKZLOL
QDbVWURQLHPRĝHE\ÊZLGRF]QD
W\ONRMHGQD]bW\FKSRVWDFL
3U]\FLVNLNWöU\FKXĝ\ZDP\
ZbW\PSU]\NïDG]LH]RVWDï\
SU]HGVWDZLRQHQDQDVWÚSQHM
VWURQLH:bU]HF]\ZLVWRĂFLMHVW
WRMHGHQREUD]]DZLHUDMÈF\WU]\
SRVWDFLGZöFKSU]\FLVNöZ

.LHG\Xĝ\WNRZQLNXPLHĂFL
ZVNDěQLNP\V]\ZbREV]DU]H
HOHPHQWX]PLHQLDQHMHVW
SRïRĝHQLHREUD]XWïDG]LÚNL
F]HPXQDVWURQLH]RVWDQLH
Z\ĂZLHWORQ\RGSRZLHGQL
IUDJPHQWREUD]X

.LHG\MHGHQREUD]MHVW
Xĝ\ZDQ\GRZ\ĂZLHWODQLDNLONX
UöĝQ\FKHOHPHQWöZLQWHUIHMVX
Xĝ\WNRZQLNDQD]\ZDVLÚJR
sprajtem:bWDNLFKREUD]DFK
PRĝQDXPLHV]F]DÊORJR
RUD]ZV]HONLHLQQHHOHPHQW\
LQWHUIHMVXWDNLHMDNSU]\FLVNL

=DOHWÈWDNLHJRUR]ZLÈ]DQLD
MHVWWRĝHSU]HJOÈGDUNDPXVL
SREUDÊW\ONRMHGHQREUD]DbQLH
NLONDDbWRPRĝHSU]\VSLHV]\Ê
ZF]\W\ZDQLHLbZ\ĂZLHWODQLH
VWURQ\

<abclass=”button” id=”add-to-basket”>

Dodaj

do koszyka

</a>

<abclass=”button” id=”framing-options”>

Opcje

opakowania

</a>

HTML

rodzial-16/image-rollovers-and-sprites.html

a.button {
height: 36px;
background-image: url(”images/button-sprite.jpg”);
text-indent: -9999px;
display: inline-block;}
a#add-to-basket {
width: 174px;
background-position: 0px 0px;}
a#framing-options {
width: 210px;
background-position: -175px 0px;}
a#add-to-basket:hover {
background-position: 0px -40px;}
a#framing-options:hover {
background-position: -175px -40px;}
a#add-to-basket:active {
background-position: 0px -80px;}
a#framing-options:active {
background-position: -175px -80px;}

CSS

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

OBRAZY

:bW\PSU]\NïDG]LHZLGDÊGZD
ïÈF]DZ\JOÈGDMÈFHMDNSU]\FLVNL
.DĝG\]bSU]\FLVNöZZ\VWÚSXMH
ZbWU]HFKUöĝQ\FKVWDQDFK
:V]\VWNLHRQHVÈXPLHV]F]RQH
ZbW\PVDP\PREUD]LH

3RQLHZDĝïÈF]DVÈHOHPHQWDPL
ZHZQÈWU]ZLHUV]RZ\PL
RNUHĂODP\GODQLFKZïDĂFLZRĂÊ
displaySU]\SLVXMÈFMHMZDUWRĂÊ
inline-block']LÚNLWHPX
PRĝHP\RNUHĂOLÊLFKV]HURNRĂÊ
LbZ\VRNRĂÊRUD]GRVWRVRZDÊ
MHGRZ\PLDUöZJUDğF]Q\FK
SU]\FLVNöZ

'RSU]HVXZDQLDREUD]XWïD
LbZ\ĂZLHWODQLDSU]\FLVNX
ZbRGSRZLHGQLPVWDQLHXĝ\ZDQD
MHVWZïDĂFLZRĂÊbackground-
position

.LHG\Xĝ\WNRZQLNXPLHĂFL
ZVNDěQLNP\V]\ZbREV]DU]H
ïÈF]D]DVWRVRZDQD]RVWDQLH
UHJXïD]bSVHXGRNODVÈ:hover
NWöUD]PRG\ğNXMHZDUWRĂÊ
ZïDĂFLZRĂFLbackground-
positionZ\ĂZLHWODMÈF
IUDJPHQWREUD]XUHSUH]HQWXMÈF\
LQQ\VWDQSU]\FLVNX

3RGREQLHNLHG\Xĝ\WNRZQLN
NOLNQLHïÈF]H]RVWDQLH
]DVWRVRZDQDUHJXïD
]bSVHXGRNODVÈ:active
NWöUDbVSRZRGXMHZ\ĂZLHWOHQLH
WU]HFLHJRVWDQXSU]\FLVNX

P(N$ P2ST$m SPR $ -T$

W YNIK

1DXU]ÈG]HQLDFKZ\SRVDĝRQ\FK
ZbHNUDQGRW\NRZ\]DVWRVRZDQLH
SVHXGRNODV\:hover nie da
ĝDGQHJRUH]XOWDWXJG\ĝ
XU]ÈG]HQLDWHMHV]F]HQLHVÈ
ZbVWDQLHZ\NU\ÊJG]LH]QDMGXMH
VLÚSDOHFXĝ\WNRZQLND1LHPQLHM
NOLNQLÚFLHïÈF]DVSRZRGXMH
]PLDQÚMHJRZ\JOÈGX

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

OBRAZY

&66*5$',(17<

background-image

:b&66PD]RVWDÊ
ZSURZDG]RQDPRĝOLZRĂÊ
GHğQLRZDQLDJUDGLHQWöZ
Z\ĂZLHWODQ\FKZbWOHHOHPHQWX
*UDGLHQWWDNLMHVWWZRU]RQ\
SU]\Xĝ\FLXZïDĂFLZRĂFL
background-imageJG\
SRZVWDZDïDQLQLHMV]DNVLÈĝND
Xĝ\ZDQDZbW\PFHOXVNïDGQLD
UöĝQLïDVLÚZb]DOHĝQRĂFL
RGbSU]HJOÈGDUNL

3RQLHZDĝWZRU]HQLH
JUDGLHQWöZQLHMHVWGRVWÚSQH
ZHbZV]\VWNLFKSU]HJOÈGDUNDFK
PRĝQDZbSLHUZV]HM
NROHMQRĂFLRNUHĂOLÊREUD]WïD
NWöU\EÚG]LHSU]HGVWDZLDï
LGHQW\F]Q\JUDGLHQWDbSöěQLHM
SRGDÊDOWHUQDW\ZQHVW\OH
&66NWöUHb]RVWDQÈXĝ\WH
ZbQRZV]\FKSU]HJOÈGDUNDFK

:bSU]\NïDG]LHSU]HGVWDZLRQ\P
QDWHMVWURQLHWZRU]RQ\MHVW
JUDGLHQWOLQLRZ\-DNZLGDÊ
Z\ĂZLHWOHQLHWDNLHJRJUDGLHQWX
Z\PDJDSRGDQLDGZöFK
NRORUöZJUDGLHQWWZRU]ÈNRORU\
XPLHV]F]RQHSRPLÚG]\QLPL

1LHNWöUHSU]HJOÈGDUNL
XPRĝOLZLDMÈRNUHĂOHQLHNÈWD
JUDGLHQWXDbQDZHWWZRU]HQLH
JUDGLHQWöZUöĝQ\FKW\SöZ
WDNLFKMDNNRïRZHVÈRQH
MHGQDNREVïXJLZDQH]QDF]QLH
U]DG]LHMQLĝJUDGLHQW\OLQLRZH

#gradient {

/* zastĊSFzy kolor táa */

background-color: #66cccc;

/* zastĊSFzy oEraz táa */

/* )LreIo[ */

/* 6aIarL &KroPe */

background-image: -webkit-gradient(linear, 0% 0%,
0% 100%, from(#66cccc), to(#336666));

/* 6aIarL &KroPe */

/* 2Sera */

background-image: -o-linear-gradient(#336666,
#66cccc);
height: 150px;
width: 300px;}

rodzial-16/gradient.html

W YNIK

CSS

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

419

OBRAZY

KONTRAST

:bOBRAZA&+ TA

-HĂOL FKFHP\ QDïRĝ\Ê WHNVW QD REUD] WïD WR E\ WHNVW E\ï F]\WHOQ\
REUD] PXVL E\Ê PDïR NRQWUDVWRZ\

:LÚNV]RĂÊ IRWRJUDğL FHFKXMH
VLÚ GRĂÊ Z\VRNLP NRQWUDVWHP
FRbR]QDF]D ĝH QLH QDGDMÈ VLÚ
RQH GR Z\NRU]\VWDQLD MDNR
REUD]\ WïD

NISKI KONTRAST

3URJUDP\ GR HG\FML ]GMÚÊ
WDNLH MDN 3KRWRVKRS Lb*I03
XGRVWÚSQLDMÈ QDU]ÚG]LD
SR]ZDODMÈFH UÚF]QLH ]PQLHMV]\Ê
NRQWUDVW ]GMÚÊ

3O'KA'

WYSOKI

KONTRAST

TïR RbZ\VRNLP
NRQWUDĂFLH
XWUXGQLD
F]\WDQLH WHNVWX

TïR RbQLVNLP
NRQWUDĂFLH
XïDWZLD F]\WDQLH
WHNVWX

3RGNïDG GRGDQ\
GR U\VXQNX
RbZ\VRNLP
NRQWUDĂFLH XïDWZLD
F]\WDQLH WHNVWX

AE\ QDïRĝ\Ê WHNVW QD REUD]
RbZ\VRNLP NRQWUDĂFLH
PRĝQD JR XPLHĂFLÊ
QDbSöïSU]H]URF]\VWHM ZDUVWZLH
ķSRGNïDG]LHĵ FR SRSUDZL
MHJRbF]\WHOQRĂÊ

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

OBRAZY

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

OBRAZY

35=<.$'

OBRAZY

7HQSU]\NïDGSRND]XMHZbMDNLVSRVöE
PRĝQDZ\NRU]\VWDÊ&66GRXWZRU]HQLD
SURVWHJRXNïDGXJDOHULL]GMÚÊ

']LÚNLZ\ĂZLHWOHQLXZbWOHHOHPHQWX<body>REUD]X]bWHNVWXUÈ
FDïDSU]\NïDGRZDVWURQDX]\VNDïDJUDğF]QHWïR7DNLZLHORNURWQLH
SRZWDU]DQ\REUD]WïDF]DVDPLMHVWQD]\ZDQ\tapetÈ

=DZDUWRĂÊVWURQ\]RVWDïDXPLHV]F]RQDZbHOHPHQFLH<div>
SU]\SLVDQ\PGRNODV\wrapper.ODVDWDRNUHĂODV]HURNRĂÊHOHPHQWX
QDSLNVHOL2SUöF]WHJRSUDZ\LbOHZ\PDUJLQHVHOHPHQWX]RVWDMÈ
RNUHĂORQHMDNRautoG]LÚNLF]HPXMHVWRQZ\ĂURGNRZDQ\QDHNUDQLH

2EUD]\VÈXPLHV]F]RQHZHZQÈWU]QRZ\FKHOHPHQWöZ+70/
<ğgure>DbLFKRSLV\]RVWDï\SRGDQHSU]\Xĝ\FLXHOHPHQWöZ
<ğgcaption>:\PLDU\RUD]NRORUWïDNDĝGHJR]bHOHPHQWöZ<ğgure>
]RVWDï\RNUHĂORQHSU]\Xĝ\FLXZïDĂFLZRĂFL&667DNĝHZ\PLDU\
VDP\FKREUD]öZ]RVWDï\RNUHĂORQHZbVW\ODFKNWöUHGRGDWNRZR
Z\ĂZLHWODMÈZRNöïQLFKV]DUHREUDPRZDQLHRbJUXERĂFLSLNVHOD

:bSRGSLVDFK]RVWDï]DVWRVRZDQ\REUD]WïDNWöU\MHVWZLGRF]Q\
SROHZHMVWURQLHWHNVWX3RQLHZDĝQLHFKFHP\E\REUD]]DMPRZDï
FDïHWïRHOHPHQWX]D]QDF]\OLĂP\ĝHQLHPDRQE\ÊSRZWDU]DQ\
'RGDWNRZRRNUHĂOLOLĂP\Z\SHïQLHQLH]bOHZHMVWURQ\WHNVWXSRGSLVX
G]LÚNLF]HPXQLHEÚG]LH]DFKRG]LïQDREUD]WïD

.DĝG\]bHOHPHQWöZ<ğgure>]RVWDïXPLHV]F]RQ\ZHZQÈWU]
HOHPHQWX<div>5R]ZLÈ]DQLHWR]DVWRVRZDOLĂP\]bGZöFKSRZRGöZ
3RbSLHUZV]HXïDWZLDVWZRU]HQLHXNïDGXWUöMNROXPQRZHJRNWöU\
X]\VNXMHP\RNUHĂODMÈFV]HURNRĂÊHOHPHQWöZLFKPDUJLQHVRUD]
GRGDMÈFGRQLFKZïDĂFLZRĂÊĠoatSU]HVXZDMÈFÈHOHPHQW\ZbOHZR
$bSRGUXJLHXPRĝOLZLDGRGDQLHGRZV]\VWNLFK]GMÚÊGHOLNDWQHJR
FLHQLD:bWHQVSRVöEQDGDMHP\REUD]RPMDNE\WUöMZ\PLDURZ\
Z\JOÈGNWöU\XSRGDEQLDMHQLHFRGRNDUWHNSRF]WRZ\FK
$E\b]DSHZQLÊZïDĂFLZHUR]PLHV]F]HQLHREUD]XWïDSRGREUD]NDPL
VNRU]\VWDOLĂP\]bZïDĂFLZRĂFLbackground-position

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

OBRAZY

35=<.$'

OBRAZY

<!DOCTYPE html>
<html>
<head>
<title>

Obrazy

</title>

body {
color: #665544;
background-color: #d4d0c6;
background-image: url(“images/backdrop.gif”);
font-family: Georgia, “Times New Roman”, serif;
text-align: center;}
.wrapper {
width: 720px;
margin: 0px auto;}
.header {
margin: 40px 0px 20px 0px;}
.entry {
width: 220px;
Ġoat: left;
margin: 10px;
height: 198px;
background-image: url(“images/shadow.png”);
background-repeat: no-repeat;
background-position: bottom;}
ğgure {
display: block;
width: 202px;
height: 170px;
background-color: #e7e3d8;
padding: 9px;
text-align: left;}
ğgure img {
width: 200px;
height: 150px;
border: 1px solid #d6d6d6;}
ğgcaption {
background-image: url(“images/icon.png”);
padding-left: 20px;
background-repeat: no-repeat;}

</style>

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

OBRAZY

35=<.$'

OBRAZY

</head>
<body>
<div class=”wrapper”>
<div class=”header”>
<img src=”images/title.gif” alt=”Galerie Botanique” width=”456” height=”122” />
<p>

Oto wybrane historyczne ryciny przyrodnicze zbnaszej kolekcji.

</p>

</div>
<div class=”entry”>
<ğgure><img src=”images/print-01.jpg” alt=”Sïonecznik” />
<ğgcaption>

Sïonecznik

</ğgcaption>

</ğgure>
</div>
<div class=”entry”>
<ğgure><img src=”images/print-02.jpg” alt=”MÚczennica” />
<ğgcaption>

MÚczennica

</ğgcaption>

</ğgure>
</div>
<div class=”entry”>
<ğgure><img src=”images/print-03.jpg” alt=”Nyctocalos” />
<ğgcaption>

Nyctocalos

</ğgcaption>

</ğgure>
</div>
<div class=”entry”>
<ğgure><img src=”images/print-04.jpg” alt=”Tuberoza” />
<ğgcaption>

Tuberoza

</ğgcaption>

</ğgure>
</div>
<div class=”entry”>
<ğgure><img src=”images/print-05.jpg” alt=”Fikusy” />
<ğgcaption>

Fikusy

</ğgcaption>

</ğgure>
</div>
<div class=”entry”>
<ğgure><img src=”images/print-06.jpg” alt=”Storczykowate” />
<ğgcaption>

Storczykowate

</ğgcaption>

</ğgure>
</div>
</div>
</body>
</html>

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

32'6802:$1,(

OBRAZY

:\PLDU\REUD]öZPRĝQDRNUHĂODÊSU]\Xĝ\FLX&66

7REDUG]RZ\JRGQHUR]ZLÈ]DQLH]ZïDV]F]DJG\

QDbZLHOXVWURQDFKZLWU\Q\Xĝ\ZDQHVÈREUD]\RbW\FK

VDP\FKZ\PLDUDFK

.RU]\VWDMÈF]b&66PRĝQDZ\UöZQ\ZDÊREUD]\

]DUöZQRZbSR]LRPLHMDNLbZbSLRQLH

,VWQLHMHPRĝOLZRĂÊZ\ĂZLHWOHQLDREUD]XZbWOHNDĝGHJR

HOHPHQWXVWURQ\

2EUD]\WïDPRJÈE\ÊZ\ĂZLHWODQHW\ONRMHGHQUD]

PRJÈVLÚWHĝSRZWDU]DÊ]DMPXMÈFFDïHWïRHOHPHQWX

=PLHQLDMÈFSRïRĝHQLHREUD]XWïDPRĝQDWZRU]\ÊHIHNW

SRGPLHQLDQLDREUD]öZ

$E\RJUDQLF]\ÊOLF]EÚREUD]öZSRELHUDQ\FK

SU]H]bSU]HJOÈGDUNÚPRĝQD]DVWRVRZDÊVSUDMW\

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

UKŁAD

W HTML5

(OHPHQW\VïXĝÈFHGRRNUHĂODQLDXNïDGXVWURQ
GRVWÚSQHZb+70/

-DNVWDUHSU]HJOÈGDUNLREVïXJXMÈQRZHHOHPHQW\"

2NUHĂODQLHZ\JOÈGXQRZ\FKHOHPHQWöZ+70/
SU]\bXĝ\FLXVW\OöZ

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

428 8.$':b+70/

+70/ZSURZDG]D]ELöUQRZ\FK
HOHPHQWöZXïDWZLDMÈF\FKGHğQLRZDQLH
VWUXNWXU\VWURQ\

=RVWDï\RQHRSLVDQHZbRVREQ\PUR]G]LDOHDbQLHSU]\RND]ML
SUH]HQWRZDQLDLQQ\FKHOHPHQWöZ+70/SU]HGVWDZLRQ\FK
ZHbZF]HĂQLHMV]HMF]ÚĂFLNVLÈĝNLJG\ĝWHUD]NLHG\MXĝZLHP\
MDNbRNUHĂODÊXNïDGVWURQSU]\Xĝ\FLXDUNXV]\VW\OöZïDWZLHM
EÚG]LHQDP]UR]XPLHÊMDNQDOHĝ\MHVWRVRZDÊ7HbQRZH
HOHPHQW\EÚGÈRGJU\ZDï\]QDF]ÈFÈUROÚZbWZRU]HQLX
QRZRF]HVQ\FKXNïDGöZVWURQ:bW\PUR]G]LDOH

3R]QDP\QRZHHOHPHQW\+70/VïXĝÈFHGRRNUHĂODQLD
XNïDGXVWURQRUD]LFK]DVWRVRZDQLD

'RZLHP\VLÚGODF]HJRVWDQRZLÈXĝ\WHF]QÈDOWHUQDW\ZÚ
GODbHOHPHQWöZ<div>

'RZLHP\VLÚMDNVSUDZLÊE\VWDUV]HSU]HJOÈGDUNL
UR]SR]QDZDï\WHQRZHHOHPHQW\

3RGREQLHMDNZV]\VWNLHQRZRĂFLZSURZDG]DQHGR+70/
Lb&66WDNĝHWHQRZHHOHPHQW\PRJÈVLÚMHV]F]H]PLHQLÊ
MHGQDNVÈRQHMXĝSRZV]HFKQLHXĝ\ZDQHSU]H]WZöUFöZVWURQ
LbSUDZGRSRGREQLHWDNĝH&]\WHOQLNEÚG]LHFKFLDï
]bQLFKVNRU]\VWDÊ

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

429

8.$':b+70/

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

8.$':b+70/

75$'<&<-1(8.$'<+70/

3U]H]ZLHOHODWWZöUF\VWURQ:::Xĝ\ZDOLHOHPHQWöZ<div>
GRbJUXSRZDQLDSRZLÈ]DQ\FK]HVREÈHOHPHQWöZVWURQWDNLFK
MDNbHOHPHQW\WZRU]ÈFHQDJïöZHNDUW\NXïVWRSNÚOXESDVHNERF]Q\
'RRNUHĂODQLDIXQNFMLMDNLHWHHOHPHQW\<div>SHïQLÈQDVWURQLH
Xĝ\ZDQHE\ï\DWU\EXW\classRUD]id

=bSUDZHMVWURQ\SU]HGVWDZLRQ\
]RVWDïSU]\NïDGGRV\ÊF]ÚVWR
VSRW\NDQHJRXNïDGXVWURQ\
VWRVRZDQ\QDMF]ÚĂFLHM
QDbEORJDFK

:bJöUQHMF]ÚĂFLVWURQ\]QDMGXMH
VLÚQDJïöZHN]DZLHUDMÈF\ORJR
RUD]SRGVWDZRZHHOHPHQW\
QDZLJDF\MQH

3RQLĝHMQDJïöZND]QDMGXMHVLÚ
MHGHQOXEZLÚFHMDUW\NXïOXE
ZSLV&]DVDPLXPLHV]F]DQHVÈ
WDNĝHNUöWNLHSRGVXPRZDQLD
]bïÈF]DPLSURZDG]ÈF\PL
GRbNRQNUHWQ\FKZSLVöZ

=bSUDZHMVWURQ\XPLHV]F]RQ\
MHVWSDVHNERF]Q\]DZLHUDMÈF\
QSIRUPXODU]GRZ\V]XNLZDQLD
ïÈF]DGRLQQ\FKQDMQRZV]\FK
DUW\NXïöZF]\VHNFMLZLWU\Q\
DbE\ÊPRĝHQDZHWGRUHNODP\

7ZRU]ÈFWDNÈZLWU\QÚDXWRU]\
]D]Z\F]DMXPLHV]F]DMÈMHM
SRV]F]HJöOQHJïöZQHVHNFMH
ZHZQÈWU]HOHPHQWöZ<div>
RNUHĂODMÈFLFKSU]H]QDF]HQLH
SU]\Xĝ\FLXDWU\EXWöZclass
RUD]id

<body>

<div id="

page

<div id="

header

<div id="

content

<div id="

footer

<div id=
"

sidebar

<div id="

nav

<div class="

article

<div class="

article

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

8.$':b+70/

12:((/(0(17<+70/

68¿k&('27:25=(1,$

8.$':67521

:bMÚ]\NX+70/ZSURZDG]RQ\]RVWDï]ELöUQRZ\FKHOHPHQWöZ
VïXĝÈF\FKGRR]QDF]DQLDIUDJPHQWöZWZRU]RQ\FKVWURQ1D]Z\
W\FKHOHPHQWöZRNUHĂODMÈURG]DM]DZDUWRĂFLMDNÈQDOHĝ\ZbQLFK
XPLHV]F]DÊ&KRÊPRJÈVLÚMHV]F]H]PLHQLDÊQLHSRZVWU]\PXMH
WRbDXWRUöZVWURQSU]HGLFKVWRVRZDQLHP

3U]\NïDGSU]HGVWDZLRQ\RERN
PDGRNïDGQLHWDNÈVDPÈ
VWUXNWXUÚMDNWHQ]DPLHV]F]RQ\
QDSRSU]HGQLHMVWURQLH
1LHPQLHMZLHOHVSRĂUöGXĝ\W\FK
ZF]HĂQLHMHOHPHQWöZ<div>

]RVWDïR]DVWÈSLRQ\FKQRZ\PL
HOHPHQWDPL+70/
,bWDNQDJïöZHN]RVWDï
XPLHV]F]RQ\ZHZQÈWU]
HOHPHQWX<header>HOHPHQW\

QDZLJDF\MQH]QDOD]ï\VLÚ
ZbHOHPHQFLH<nav>DbDUW\NXï\

ĽZHZQÈWU]RGUÚEQ\FK
HOHPHQWöZ<article>
(OHPHQW\WH]RVWDï\VWZRU]RQH
SRWRE\DXWRU]\VWURQPRJOL
]DbLFKSRPRFÈRSLV\ZDÊ
VWUXNWXUÚWZRU]RQ\FKVWURQ
&]\WQLNLHNUDQRZHQSPRJÈ
SR]ZROLÊXĝ\WNRZQLNRP
QDbLJQRURZDQLHQDJïöZNöZ
LbVWRSHNLbSUH]HQWRZDÊMHG\QLH
JïöZQÈ]DZDUWRĂÊVWURQ
3RGREQLHZ\V]XNLZDUNLPRJÈ
QDGDZDÊZLÚNV]H]QDF]HQLH
]DZDUWRĂFLHOHPHQWöZ
<article>QLĝHOHPHQWöZ
<header>Lb<footer>6ÈG]Ú

ĝH&]\WHOQLNWDNĝHSU]\]QD
ĝHb]DVWRVRZDQLHW\FK
HOHPHQWöZXïDWZLDDQDOL]ÚNRGX
ěUöGïRZHJRVWURQ\

<body>

<div id="

page

<header>

<div id="

content

<footer>

<aside>

<nav>

<article>

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

8.$':b+70/

<h1>

Kuchnia Yoko

</h1>

<nav>

strona gïówna

</a></li>

zajÚcia

</a></li>

catering

</a></li>

obnas

</a></li>

kontakt

</a></li>

</ul>
</nav>
</header>

HTML

rodzial-17/html5-layout.html

1$*:.,,b6723.,

Elementy <header>
Lb<footer>PRJÈE\ÊXĝ\ZDQH
GRbWZRU]HQLD

JïöZQHJRQDJïöZNDLbVWRSNL
SUH]HQWRZDQ\FKRGSRZLHGQLR
QDJöU]HLbQDGROHNDĝGHM
VWURQ\ZLWU\Q\

QDJïöZNDLbVWRSNL
XPLHV]F]DQ\FK
ZbSRV]F]HJöOQ\FK
HOHPHQWDFK<article>
RUD]b<section>

:bW\PSU]\NïDG]LHHOHPHQW
<header>]DZLHUDORJR
ZLWU\Q\RUD]JïöZQHHOHPHQW\
QDZLJDF\MQH=bNROHLHOHPHQW
<footer>]DZLHUDLQIRUPDFMH
RbSUDZDFKDXWRUVNLFKRUD]
RGQRĂQLNLGRVWURQ]bSROLW\NÈ
SU\ZDWQRĂFLLbZDUXQNDPL
NRU]\VWDQLD]HVWURQ\(OHPHQW\
<header>Lb<footer>PRĝQD
WDNĝHXPLHV]F]DÊZHZQÈWU]
HOHPHQWöZ<article>
RUD]<section>:bWDNLFK
SU]\SDGNDFKSRZLQQ\RQH
]DZLHUDÊRGSRZLHGQLRQDJïöZHN
LbVWRSNÚNRQNUHWQHJRDUW\NXïX
OXEVHNFMLVWURQ\

3U]\NïDGRZRQDVWURQLH
]DZLHUDMÈFHMNLONDZSLVöZ
EORJRZ\FKNDĝG\]bQLFKPRĝH
E\ÊXPLHV]F]RQ\ZbRVREQHM
VHNFML:bWDNLPSU]\SDGNX
ZbHOHPHQFLH<header>PRĝQD
XPLHĂFLÊW\WXïZSLVXRUD]MHJR
GDWÚQDWRPLDVWZbHOHPHQFLH
<footer>ĽRGQRĂQLNL

XPRĝOLZLDMÈFHSRG]LHOHQLH
VLÚDUW\NXïHPZbSRUWDODFK
VSRïHF]QRĂFLRZ\FK

:DUWR]DXZDĝ\ÊĝHZV]\VWNLH
SU]\NïDG\SU]HGVWDZLRQHZbW\P
UR]G]LDOHSRFKRG]È]bMHGQHJR
SOLNXRbQD]ZLHhtml5-layout.
html

</footer>

HTML

rodzial-17/html5-layout.html

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

8.$':b+70/

strona gïówna

</a></li>

zajÚcia

</a></li>

catering

</a></li>

obnas

</a></li>

kontakt

</a></li>

</ul>
</nav>

HTML

rodzial-17/html5-layout.html

1$:,*$&-$

<nav>

Element <nav>MHVW
SU]H]QDF]RQ\GRXPLHV]F]DQLD
JïöZQ\FKEORNöZQDZLJDF\MQ\FK
ZLWU\Q\WDNLFKMDNOLVWDïÈF]\
GRbMHMJïöZQ\FKG]LDïöZ

:UöÊP\GRSU]\NïDGRZHM
VWURQ\EORJDJG\E\ĂP\FKFLHOL
]DNRñF]\ÊDUW\NXïOLVWÈïÈF]\
GRLQQ\FKSRZLÈ]DQ\FK]bQLP
ZSLVöZQLHPRĝQDE\LFKE\ïR
X]QDÊ]DJïöZQHHOHPHQW\
QDZLJDF\MQHDbFR]DW\PLG]LH
QLHQDOHĝDïRE\LFKXPLHV]F]DÊ
ZbHOHPHQFLH<nav>

:bF]DVLHNLHG\SRZVWDZDïDWD
NVLÈĝNDSURMHNWDQFLXĝ\ZDMÈF\
MÚ]\ND+70/]GHF\GRZDOL
ĝHHOHPHQW<nav>EÚG]LH
Xĝ\ZDQ\GRXPLHV]F]DQLD
ïÈF]\Z\ĂZLHWODQ\FKXbGRïX
NDĝGHM]HVWURQZLWU\Q\
F]\OLGRVWURQ]DZLHUDMÈF\FK
SROLW\NÚSU\ZDWQRĂFLZDUXQNL
NRU]\VWDQLDLQIRUPDFMH
RbXïDWZLHQLDFKGRVWÚSXLWG
:FLÈĝMHGQDNQLHZLDGRPR
F]\WDNLHUR]ZLÈ]DQLH
]\VNDSRSXODUQRĂÊLbEÚG]LH
SRZV]HFKQLHVWRVRZDQH

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

8.$':b+70/

$57<.8<

Bok choi

</ğgcaption>

</ğgure>

Japoñska kuchnia wegetariañska

</h2>

<h3>

Kurs piÚciotygodniowy

</h3>

</hgroup>

<p>

Podczas piÚciotygodniowego kursu bÚdÈcego

wprowadzeniem do tradycyjnej japoñskiej kuchni
wegetariañskiej uczymy przyrzÈdzania
wybranych potraw zbryĝu ibmakaronu.

</p>

</article>
<article>
<ğgure>
<img src=”images/teriyaki.jpg” alt=”Sos teriyaki” />
<ğgcaption>

Sos teriyaki

</ğgcaption>

</ğgure>
<hgroup>

<h2>

Mistrzowie sosów

</h2>

<h3>

Kurs jednodniowy

</h3>

</hgroup>

<p>

Intensywny jednodniowy kurs, na którym uczymy

przyrzÈdzania najlepszych sosów uĝywanych
wbkuchni japoñskiej.

</p>

</article>

HTML

rodzial-17/html5-layout.html

Element <article>SHïQL
IXQNFMÚSRMHPQLNDZbNWöU\P
VÈXPLHV]F]DQHGRZROQHVHNFMH
VWURQ\SU]\F]\PSRZLQQ\RQH
E\ÊVWRVXQNRZRDXWRQRPLF]QH
LbQDGDZDÊVLÚGR]HEUDQLD
ZbZLÚNV]ÈJUXSÚ

0RJÈWRE\ÊSRV]F]HJöOQH
DUW\NXï\OXEZSLV\GREORJD
NRPHQWDU]HOXEZSLV\QDIRUXP
F]\ZV]HONLHLQQHQLH]DOHĝQH
IUDJPHQW\WUHĂFL

-HĂOLVWURQD]DZLHUDNLOND
DUW\NXïöZDOERQDZHW
SRGVXPRZDQLDNLONXDUW\NXïöZ
WRNDĝG\]bQLFKSRZLQLHQ]RVWDÊ
XPLHV]F]RQ\ZbRVREQ\P
HOHPHQFLH<article>

Elementy <article>PRĝQD
]DJQLHĝGĝDÊQSZSLV
GRbEORJD]RVWDQLHXPLHV]F]RQ\
ZbMHGQ\PHOHPHQFLH<article>
DbSRV]F]HJöOQHNRPHQWDU]H
GRWHJRZSLVX]QDMGÈVLÚ
ZbNROHMQ\FKHOHPHQWDFK

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

8.$':b+70/

6(.&-(%2&=1(

<aside>

<h2>

Popularne przepisy

</h2>

<abhref=””>

Yakitori (grillowany kurczak)

</a>

<abhref=””>

Tsukune (mielone kotleciki zbkurczaka)

</a>

<abhref=””>

Okonomiyaki (smaczne naleĂniki)

</a>

<abhref=””>

Mizutaki (gulasz zbkurczaka)

</a>

</section>

<h2>

Kontakt

</h2>

<p>

Kuchnia Yoko

<br />

al. Wegetariañska 27

<br />

Warszawa

</p>

</section>
</aside>

HTML

rodzial-17/html5-layout.html

Element <aside>PDNLOND
]DVWRVRZDñ]DOHĝQ\FK
RGWHJRF]\]QDMGXMHVLÚ
ZHZQÈWU]HOHPHQWX<article>
F]\bSR]DbQLP

:bSU]\SDGNXXPLHV]F]HQLD
HOHPHQWX<aside>ZHZQÈWU]
HOHPHQWX<article>SRZLQLHQ
RQ]DZLHUDÊLQIRUPDFMH
SRZLÈ]DQH]bDUW\NXïHP
OHF]QLHNRQLHF]QLH]bMHJR
SRGVWDZRZ\P]QDF]HQLHP
=DWDNLHOHPHQW]ZLÈ]DQ\
]bDUW\NXïHPPRĝQDE\X]QDÊ
QSZ\UöĝQLRQ\FXG]\VïöZ
OXEbVïRZQLN

-HĂOLQDWRPLDVWHOHPHQW
<aside>MHVWXPLHV]F]RQ\
SR]DHOHPHQWHP<article>
WRbVïXĝ\MDNRSRMHPQLNGOD
WUHĂFL]ZLÈ]DQ\FK]bFDïÈ
VWURQÈ0RĝQDE\ZbQLP
XPLHĂFLÊQSbïÈF]DGRLQQ\FK
VHNFMLZLWU\Q\OLVWÚRVWDWQLFK
SXEOLNDFMLSROHZ\V]XNLZDQLD
DOERRVWDWQLHZSLV\DXWRUD
QDb7ZLWWHU]H

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

8.$':b+70/

6(.&-(

<h2>

Popularne przepisy

</h2>

<abhref=””>

Yakitori (grillowany kurczak)

</a>

<abhref=””>

Tsukune (mielone kotleciki zbkurczaka)

</a>

<abhref=””>

Okonomiyaki (smaczne naleĂniki)

</a>

<abhref=””>

Mizutaki (gulasz zbkurczaka)

</a>

</section>
<section class=”contact-details”>

<h2>

Kontakt

</h2>

<p>

Kuchnia Yoko

<br />

al. Wegetariañska 27

<br />

Warszawa

</p>

</section>

HTML

rodzial-17/html5-layout.html

Element <section>VïXĝ\
GRbJUXSRZDQLDLQQ\FK
SRZLÈ]DQ\FK]HVREÈ
HOHPHQWöZ=D]Z\F]DMNDĝGD
WDNDVHNFMDPDZïDVQ\
QDJïöZHN

3U]\NïDGRZRQDVWURQLHJïöZQHM
ZLWU\Q\PRĝHVLÚ]QDOHěÊ
NLONDHOHPHQWöZ<section>
]DZLHUDMÈF\FKUöĝQHVHNFMH
VWURQ\WDNLHMDNQDMQRZV]H
SXEOLNDFMHQDMSRSXODUQLHMV]H
SURGXNW\RUD]IRUPXODU]H
GRVXEVNU\SFMLELXOHW\QX
LQIRUPDF\MQHJR

3RQLHZDĝHOHPHQW<section>
JUXSXMHSRZLÈ]DQH]HVREÈ
HOHPHQW\PRĝQDZbQLP
XPLHĂFLÊNLONDHOHPHQWöZ
<article>UHSUH]HQWXMÈF\FK
DUW\NXï\SRĂZLÚFRQHWHMVDPHM
WHPDW\FHOXEPDMÈFHWRVDPR
SU]H]QDF]HQLH

$OWHUQDW\ZQLHMHĂOLVWURQD
]DZLHUDEDUG]RGïXJLDUW\NXï
WRNRU]\VWDMÈF]bHOHPHQWX
<section>PRĝQDSRG]LHOLÊ
MHJRWUHĂÊQDNLONDIUDJPHQWöZ

(OHPHQWX<section>QLH
QDOHĝ\Xĝ\ZDÊMDNRSRMHPQLND
]DZLHUDMÈFHJRFDïÈWUHĂÊVWURQ\
FK\EDĝHFDïÈMHM]DZDUWRĂÊ
VWDQRZLMHGHQVSöMQ\IUDJPHQW
WUHĂFL-HĂOLV]XNDP\HOHPHQWX
NWöU\QDGDïE\VLÚGRUROL
SRMHPQLND]DZLHUDMÈFHJR
FDïÈVWURQÚZbW\PFHOX
ZFLÈĝQDMOHSLHM]DVWRVRZDÊ
HOHPHQWb<div>

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

8.$':b+70/

*583<1$*:.:

Element <hgroup>VïXĝ\
GRbJUXSRZDQLDRGMHGQHJR
GRbNLONXHOHPHQWöZ<h1> – <h6>
WDNE\E\ï\RQHWUDNWRZDQH
MDNRbMHGHQQDJïöZHN

(OHPHQWX<hgroup>PRĝQD
E\bXĝ\ÊGRSRGDQLD]DUöZQR
W\WXïXXPLHV]F]RQHJR
ZbHOHPHQFLH<h2>
MDNbLbSRGW\WXïXXPLHV]F]RQHJR
ZbQDJïöZNX<h3>

7HQHOHPHQW]RVWDïSU]\MÚW\
]bPLHV]DQ\PLXF]XFLDPL
.LHG\WZöUF\MÚ]\ND+70/
]DSURSRQRZDOLJRSRUD]
SLHUZV]\SRMDZLï\VLÚ
VNDUJLNWöUHGRSURZDG]Lï\
GRXVXQLÚFLDJR]bSURSR]\FML
VWDQGDUGX1LHFRSöěQLHMMHGQDN
SHZQHRVRE\]PLHQLï\]GDQLH
LbHOHPHQW<hgroup>SRQRZQLH
]QDOD]ïVLÚZbSURSR]\FML
+70/1LHNWöU]\WZöUF\
VWURQQLHOXELÈJRLbSUHIHUXMÈ
XPLHV]F]DQLHSRGW\WXïöZ
ZHZQÈWU]HOHPHQWöZ<p>
Xĝ\ZDMÈSU]\bW\PDWU\EXWX
RNUHĂODMÈFHJRĝHbGDQ\HOHPHQW
MHVWQDJïöZNLHPQLĝV]HJR
VWRSQLD

<h2>

Japoñska kuchnia wegetariañska

</h2>

<h3>

Kurs piÚciotygodniowy

</h3>

</hgroup>

HTML

rodzial-17/html5-layout.html

1LHNWöU]\VXJHUXMÈĝHbHOHPHQW
<hgroup>PDQLHZLHOH
]DVWRVRZDñRSUöF]WHJR
ĝHbPRĝQDJRXĝ\ÊGRRNUHĂODQLD
VW\OöZ1LHPQLHMFLHV]\VLÚ
SRSXODUQRĂFLÈZĂUöGW\FK
SURMHNWDQWöZNWöU]\VÈ
]ZROHQQLNDPLJUXSRZDQLD
QDJïöZNDJïöZQHJRRUD]
QDJïöZNDQLĝV]HJRVWRSQLD
JG\ĝREDPRJÈVWDQRZLÊ
LQWHJUDOQHF]ÚĂFLQDJïöZND

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

8.$':b+70/

,/8675$&-(

<ğgure> <ğgcaption>

Element <ğgure>]RVWDïMXĝ
SU]HGVWDZLRQ\ZbUR]G]LDOH
SRĂZLÚFRQ\PREUD]RP0RĝH
RQ]DZLHUDÊGRZROQHWUHĂFL
GRbNWöU\FKRGZRïXMHVLÚJïöZQD
WUHĂÊDUW\NXïXQLHW\ONRREUD]\

.RQLHF]QLHQDOHĝ\]DXZDĝ\Ê
ĝHDUW\NXïQLHSRZLQLHQWUDFLÊ
]QDF]HQLDZbSU]\SDGNX
SU]HVXQLÚFLD]DZDUWRĂFL
HOHPHQWX<ğgure>GRLQQHM
F]ÚĂFLVWURQ\OXEQDZHW
SU]HQLHVLHQLDJRQDLQQÈVWURQÚ

'ODWHJRQDOHĝ\JRXĝ\ZDÊ
Z\ïÈF]QLHZbV\WXDFMDFK
JG\bZbWUHĂFLDUW\NXïX]QDMGXMH
VLÚMHG\QLHRGZRïDQLH
GRbHOHPHQWXDbQLHJG\VWDQRZL
RQLQWHJUDOQÈF]ÚĂÊWHMWUHĂFL

2WRNLONDSU]\NïDGöZ
]DVWRVRZDñHOHPHQWX<ğgure>

REUD]\

NOLS\ZLGHR

Z\NUHV\

GLDJUDP\

OLVWLQJLNRGX

WHNVW\X]XSHïQLDMÈFHJïöZQÈ
WUHĂÊDUW\NXïX

:bHOHPHQFLH<ğgure>
QDOHĝ\WDNĝHXPLHV]F]DÊ
element <ğgcaption>VïXĝÈF\
GRbSRGDQLDWHNVWRZHJRRSLVX
]DZDUWRĂFLHOHPHQWX<ğgure>

<ğgure>
<img src=”images/bok-choi.jpg” alt=”Bok choi” />
<ğgcaption>

Bok choi

</ğgcaption>

</ğgure>

HTML

rodzial-17/html5-layout.html

:bSU]HGVWDZLRQ\PSU]\NïDG]LH
ZLGDÊĝHHOHPHQW<ğgure>
]RVWDïGRGDQ\GRDUW\NXïX
<article>

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

439

8.$':b+70/

0RĝHVLÚZ\GDZDÊG]LZQH
ĝHSRSUH]HQWDFMLQRZ\FK
HOHPHQWöZ+70/ZUDFDP\
GRHOHPHQWX<div>ZbNRñFX
WHQRZHHOHPHQW\PDMÈJR
]DVWÚSRZDÊ

(OHPHQW<div>ZFLÈĝ
SR]RVWDMHZDĝQ\PVSRVREHP
JUXSRZDQLDSRZLÈ]DQ\FK
]HbVREÈHOHPHQWöZVWURQ
JG\ĝSU]HGVWDZLRQHZF]HĂQLHM
QRZHHOHPHQW\+70/QDOHĝ\
VWRVRZDÊZ\ïÈF]QLHZbĂFLĂOH
RNUHĂORQ\FKFHODFK

:V]ÚG]LHWDPJG]LHQRZH
HOHPHQW\+70/QLHQDGDMÈ
VLÚGR]DVWRVRZDQLDWU]HED
EÚG]LHQDGDOXĝ\ZDÊHOHPHQWX
<div>:bW\PSU]\NïDG]LH]RVWDï
RQ]DVWRVRZDQ\MDNRSRMHPQLN
GODbFDïHM]DZDUWRĂFLVWURQ\

3HZQLHQLHNWöU]\]DVWDQDZLDMÈ
VLÚGODF]HJRQLHPDHOHPHQWX
<content>ZbNWöU\PPRĝQD
E\XPLHĂFLÊJïöZQÈ]DZDUWRĂÊ
VWURQ\:\QLNDWR]bIDNWX
ĝHZV]\VWNRFR]QDMGXMHVLÚ
SR]DHOHPHQWDPL<header>
<footer>RUD]<aside>PRĝQD
X]QDÊ]DJïöZQÈF]ÚĂÊVWURQ\

*5832:$1,(

(/(0(17::b6(.&-(

Kuchnia Yoko

</h1>

HTML

rodzial-17/html5-layout.html

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

8.$':b+70/

80,(6=&=$1,((/(0(17:

%/2.2:<&+:bk&=$&+

+70/SR]ZDODXPLHV]F]DÊ
ZHZQÈWU]HOHPHQWöZ<a>
GRZROQHHOHPHQW\EORNRZH
ZUD]]b]DZDUWRĂFLÈ']LÚNL
WHPXFDï\EORNWUHĂFLPRĝQD
SU]HNV]WDïFLÊZbïÈF]H

1LHMHVWWRQRZ\HOHPHQW
ZSURZDG]RQ\GR+70/
QLHPQLHMZHZF]HĂQLHMV]\FK
ZHUVMDFKMÚ]\NDWDNLH
UR]ZLÈ]DQLHE\ïRX]QDZDQH
]DbQLHSUDZLGïRZH

:DUWR]ZUöFLÊXZDJÚQDWR
ĝHbNRGWHMVWURQ\UöĝQLVLÚ
QLHFRRGNRGXSR]RVWDï\FK
SU]\NïDGöZSUH]HQWRZDQ\FK
ZbW\PUR]G]LDOH

<abhref=”introduction.html”>
<article>
<ğgure>
<img src=”images/bok-choi.jpg” alt=”Bok Choi” />

<ğgcaption>

Bok choi

</ğgcaption>

</ğgure>
<hgroup>

<h2>

Japoñska kuchnia wegetariañska

</h2>

<h3>

Kurs piÚciotygodniowy

</h3>

</hgroup>

<p>

Podczas piÚciotygodniowego kursu bÚdÈcego

wprowadzeniem do tradycyjnej japoñskiej kuchni
wegetariañskiej uczymy
przyrzÈdzania wybranych potraw zbryĝu
ibmakaronu.

</p>

</article>
</a>

HTML

rodzial-17/html5-layout.html

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

8.$':b+70/

8$7:,(1,(67$56=<0

35=(*/k'$5.20

=52=80,(1,$

12:(*2.2'8

6WDUV]HSU]HJOÈGDUNLNWöUHQLH
UR]SR]QDMÈQRZ\FKHOHPHQWöZ
+70/EÚGÈMHDXWRPDW\F]QLH
WUDNWRZDÊMDNRHOHPHQW\
ZHZQÈWU]ZLHUV]RZH'ODWHJR
DE\LPSRPöFGRXĝ\ZDQHJR
DUNXV]DVW\OöZQDOHĝ\GRGDÊ
SU]HGVWDZLRQÈRERNUHJXïÚ
NWöUDRNUHĂODZV]\VWNLHWH
HOHPHQW\MDNREORNRZH

'RGDWNRZRSLHUZV]ÈZHUVMÈ
SU]HJOÈGDUNL,QWHUQHW([SORUHU
NWöUDSR]ZDODïDQDNRMDU]HQLH
VW\OöZ]bW\PLQRZ\PL
HOHPHQWDPL+70/MHVWb,(
$E\RNUHĂOLÊZ\JOÈGW\FK
HOHPHQWöZSU]\Xĝ\FLXVW\OöZ
ZHZF]HĂQLHMV]\FKZHUVMDFK
,QWHUQHW([SORUHUDQDOHĝ\Xĝ\Ê
SURVWHJRVNU\SWX-DYD6FULSW
QD]\ZDQHJRpodkïadkÈ HTML
DQJHTML5 shim

$E\NRU]\VWDÊ]bWHJR
UR]ZLÈ]DQLDQLHWU]HED]QDÊ
MÚ]\ND-DYD6FULSW:\VWDUF]\
GRïÈF]\ÊGRVZRMHMVWURQ\
VNU\SWSU]HFKRZ\ZDQ\
QDbVHUZHUDFK*RRJOH0RĝQDJR
XPLHĂFLÊZHZQÈWU]komentarzy
warunkowychVSUDZG]DMÈF\FK
F]\Xĝ\ZDQDZHUVMD
SU]HJOÈGDUNLMHVWZF]HĂQLHMV]D
RG,(VWÈG]DVWRVRZDQLH
Z\UDĝHQLDlt IE 9

header, section, footer, aside, nav, article, ğgure
{
display: block;}

CSS

rodzial-17/

HTML

rodzial-17/html5-layout.html

1LHVWHW\WRUR]ZLÈ]DQLH
Z\PDJDE\Xĝ\WNRZQLF\
NRU]\VWDMÈF\]bSU]HJOÈGDUNL
,(OXEZHUVMLZF]HĂQLHMV]\FK
PLHOLZïÈF]RQÈREVïXJÚMÚ]\ND
-DYD6FULSW-HĂOLREVïXJDWD
EÚG]LHZ\ïÈF]RQDQLHEÚGÈ
ZbVWDQLH]REDF]\Ê]DZDUWRĂFL
QRZ\FKHOHPHQWöZ+70/

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

442 8.$':b+70/

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

8.$':b+70/

1DJïöZHNRUD]VWRSNDVWURQ\]RVWDï\XPLHV]F]RQHRGSRZLHGQLR
ZbHOHPHQWDFK<header>RUD]<footer>,QIRUPDFMHRb]DMÚFLDFK
]RVWDï\]JUXSRZDQHZbHOHPHQFLH<section>]bDWU\EXWHPclass
RbZDUWRĂFLcoursesNWöU\PDRGUöĝQLDÊJRRGSR]RVWDï\FK
HOHPHQWöZ<section>XPLHV]F]RQ\FKQDVWURQLH3DVHNERF]Q\
]RVWDïXPLHV]F]RQ\ZbHOHPHQFLH<aside>

.DĝG\]bNXUVöZ]RVWDïSU]HGVWDZLRQ\ZbRVREQ\PHOHPHQFLH
<article>LbX]XSHïQLRQ\HOHPHQWDPL<ğgure>RUD]<ğgcaption>
]DZLHUDMÈF\PLREUD]HN1DJïöZHNNDĝGHJRNXUVXPDGRGDWNRZ\
SRGQDJïöZHNDbREDWHHOHPHQW\VÈXPLHV]F]RQHZHZQÈWU]HOHPHQWX
<hgroup>3DVHNERF]Q\]DZLHUDOLVWÚSU]HSLVöZRUD]bLQIRUPDFMH
NRQWDNWRZHXPLHV]F]RQHZbGZöFKRVREQ\FKHOHPHQWDFKb<section>

:\JOÈGFDïHMVWURQ\MHVWRNUHĂODQ\SU]\Xĝ\FLX&66-HG\QD
UöĝQLFDSROHJDQDW\PĝHZbVHOHNWRUDFK]RVWDï\Xĝ\WHQRZH
HOHPHQW\b+70/FRSR]ZDODVWZRU]\ÊUHJXï\RGQRV]ÈFHVLÚ
GRbW\FKHOHPHQWöZ$E\DUNXV]VW\OöZG]LDïDïZbVWDUV]\FKZHUVMDFK
SU]HJOÈGDUHN,QWHUQHW([SORUHUZF]HĂQLHMV]\FKRGZHUVMLVWURQD
]DZLHUDRGZRïDQLHGRVSHFMDOQHJRVNU\SWX-DYD6FULSWGRVWÚSQHJR
QDVHUZHUDFKğUP\*RRJOHXPLHV]F]RQHZbNRPHQWDU]DFK
ZDUXQNRZ\FK

35=<.$'

8.$':+70/

7HQSU]\NïDGSU]HGVWDZLDZLWU\QÚ
SRĂZLÚFRQÈJRWRZDQLXĽMHMVWUXNWXUD
]RVWDïDXWZRU]RQDSU]\Z\NRU]\VWDQLX
QRZ\FKHOHPHQWöZ+70/
DbQLHHOHPHQWöZ<div>

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

444 8.$':b+70/

35=<.$'

8.$':b+70/

<!DOCTYPE html>
<html>
<head>
<title>

Ukïad wbHTML5

</title>

header, section, footer, aside, nav, article, ğgure, ğgcaption {
display: block;}
body {
color: #666666;
background-color: #f9f8f6;
background-image: url(“images/dark-wood.jpg”);
background-position: center;
font-family: Georgia, Times, serif;
line-height: 1.4em;
margin: 0px;}
.wrapper {
width: 940px;
margin: 20px auto 20px auto;
border: 2px solid #000000;
background-color: #ffffff;}
header {
height: 160px;
background-image: url(images/header.jpg);}
h1 {
text-indent: -9999px;
width: 940px;
height: 130px;
margin: 0px;}
nav, footer {
clear: both;
color: #ffffff;
background-color: #aeaca8;
height: 30px;}
nav ul {
margin: 0px;
padding: 5px 0px 5px 30px;}
nav li {
display: inline;
margin-right: 40px;}
nav li ab{

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

8.$':b+70/

35=<.$'

8.$':b+70/

color: #ffffff;}
nav li a:hover, nav li a.current {
color: #000000;}
section.courses {
Ġoat: left;
width: 659px;
border-right: 1px solid #eeeeee;}
article {
clear: both;
overĠow: auto;
width: 100%;}
hgroup {
margin-top: 40px;}
ğgure {
Ġoat: left;
width: 290px;
height: 220px;
padding: 5px;
margin: 20px;
border: 1px solid #eeeeee;}
ğgcaption {
font-size: 90%;
text-align: left;}
aside {
width: 230px;
Ġoat: left;
padding: 0px 0px 0px 20px;}
aside section ab{
display: block;
padding: 10px;
border-bottom: 1px solid #eeeeee;}
aside section a:hover {
color: #985d6a;
background-color: #efefef;}
ab{
color: #de6581;
text-decoration: none;}
h1, h2, h3 {
font-weight: normal;}
h2 {

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

8.$':b+70/

35=<.$'

8.$':b+70/

margin: 10px 0px 5px 0px;
padding: 0px;}
h3 {
margin: 0px 0px 10px 0px;
color: #de6581;}
aside h2 {
padding: 30px 0px 10px 0px;
color: #de6581;}
footer {
font-size: 80%;
padding: 7px 0px 0px 20px;}

</style>

</head>
<body>
<div class=”wrapper”>
<header>

<h1>

Kuchnia Yoko

</h1>

<nav>

strona gïówna

</a></li>

zajÚcia

</a></li>

catering

</a></li>

obnas

</a></li>

li><abhref=””>

kontakt

</a></li>

</ul>
</nav>
</header>
<section class=”courses”>
<article>
<ğgure>
<img src=”images/bok-choi.jpg” alt=”Bok choi” />
<ğgcaption>

Bok choi

</ğgcaption>

</ğgure>
<hgroup>

<h2>

Japoñska kuchnia wegetariañska

</h2>

<h3>

Kurs piÚciotygodniowy

</h3>

</hgroup>

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

8.$':b+70/

35=<.$'

8.$':b+70/

<p>

Podczas piÚciotygodniowego kursu bÚdÈcego wprowadzeniem do tradycyjnej

japoñskiej kuchni wegetariañskiej uczymy przyrzÈdzania
wybranych potraw zbryĝu ibmakaronu.

</p>

</article>
<article>
<ğgure>
<img src=”images/teriyaki.jpg” alt=”Sos teriyaki” />
<ğgcaption>

Sos teriyaki

</ğgcaption>

</ğgure>
<hgroup>
<h2>

Mistrzowie sosów

</h2>

<h3>

Kurs jednodniowy

</h3>

</hgroup>

<p>

Intensywny jednodniowy kurs, na którym uczymy przyrzÈdzania najlepszych

sosów uĝywanych wbkuchni japoñskiej.

</p>

</article>

</section>
<aside>
<section class=”popular-recipes”>

<h2>

Popularne przepisy

</h2>

<abhref=””>

Yakitori (grillowany kurczak)

</a>

<abhref=””>

Tsukune (mielone kotleciki zbkurczaka)

</a>

<abhref=””>

Okonomiyaki (smaczne naleĂniki)

</a>

<abhref=””>

Mizutaki (gulasz zbkurczaka)

</a>

</section>
<section class=”contact-details”>
<h2>

Kontakt

</h2>

<p>

Kuchnia Yoko

<br />

al. Wegetariañska 27

<br />

Warszawa

</p>

</section>
</aside>
<footer>

</footer>
</div>
</body>
</html>

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

32'6802:$1,(

8.$':b+70/

1RZHHOHPHQW\+70/RNUHĂODMÈSU]H]QDF]HQLH

UöĝQ\FKIUDJPHQWöZVWURQ:::LbRSLVXMÈ

LFKbVWUXNWXUÚ

7HQRZHHOHPHQW\XïDWZLDMÈ]UR]XPLHQLHNRGX

ZbSRUöZQDQLX]HVWRVRZDQ\PLZF]HĂQLHM

HOHPHQWDPLb<div>

6WDUV]HSU]HJOÈGDUNLNWöUHQLHUR]XPLHMÈMÚ]\ND

+70/QDOHĝ\SRLQVWUXRZDÊNWöUH]bW\FKQRZ\FK

HOHPHQWöZVÈHOHPHQWDPLEORNRZ\PL

$E\QRZHHOHPHQW\+70/G]LDïDï\ZbSU]HJOÈGDUFH

,(RUD]ZHUVMDFKZF]HĂQLHMV]\FKNRQLHF]QHMHVW

Xĝ\FLHVNU\SWX-DYD6FULSWGRVWÚSQHJRQDVHUZHUDFK

ğUP\*RRJOH

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

PROCES

I PROJEK T

-DNSRGHMĂÊGRWZRU]HQLDZLWU\Q\:::"

2NUHĂOHQLHRGELRUFöZZLWU\Q\RUD]LFKSRWU]HE

-DNSU]HGVWDZLDÊLQIRUPDFMHNWöUHRGELRUF\
FKFÈRJOÈGDÊ"

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

452 352&(6,b352-(.7

:bWHMF]ÚĂFLUR]G]LDïXRSLV]HP\SURFHV
NWöU\PRĝQD]DVWRVRZDÊSRGF]DV
WZRU]HQLDQRZHMZLWU\Q\

:bW\PUR]G]LDOHSRGSRZLDGDP\MDNRNUHĂOLÊMDNLHRVRE\PRJÈE\Ê
]DLQWHUHVRZDQHRGZLHG]DQLHPWZRU]RQHMZLWU\Q\RUD]]DSHZQLÊ
E\QDMHMVWURQDFK]QDOD]ï\VLÚWHLQIRUPDFMHNWöU\FKWHRVRE\
SRWU]HEXMÈ2SUöF]WHJRSU]HGVWDZLP\NLONDNOXF]RZ\FKSRMÚÊ
]ZLÈ]DQ\FK]bWHRULÈSURMHNWRZDQLDĽXïDWZLÈQDPRQHWZRU]HQLH
SURIHVMRQDOQLHZ\JOÈGDMÈF\FKZLWU\Q:bW\PUR]G]LDOH

3RZLHP\MDNRNUHĂOLÊGRFHORZÈJUXSÚXĝ\WNRZQLNöZNWöU]\
PRJÈE\Ê]DLQWHUHVRZDQLZLWU\QÈRUD]MDNLFKLQIRUPDFMLEÚGÈ
QDQLHMSRV]XNLZDÊ

3RGSRZLHP\MDN]RUJDQL]RZDÊLQIRUPDFMHE\Xĝ\WNRZQLF\
PRJOLRGQDOHěÊWRF]HJRV]XNDMÈ

2PöZLP\Z\EUDQH]DJDGQLHQLDWHRULLSURMHNWRZDQLD]ZLÈ]DQH
]bSUH]HQWRZDQLHPLQIRUPDFMLZbVSRVöENWöU\SRPRĝH
Xĝ\WNRZQLNRPUHDOL]RZDÊLFKFHOH

3U]HGVWDZLP\SRUDG\NWöUHSRPRJÈ&]\WHOQLNRZLWZRU]\Ê
EDUG]LHMDWUDNF\MQHLbSURIHVMRQDOQLHZ\JOÈGDMÈFHZLWU\Q\

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

453

352&(6,b352-(.7

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

454 352&(6,b352-(.7

'2.2*2-(67

6.,(52:$1$7$:,75<1$"

.DĝGDZLWU\QDSRZLQQDE\ÊSURMHNWRZDQD]bP\ĂOÈRbSHZQHM
GRFHORZHMJUXSLHRGELRUFöZĽDbQLHRbMHMWZöUF\OXEZïDĂFLFLHOX
'ODWHJREDUG]RGXĝH]QDF]HQLHPDRNUHĂOHQLHNWRVWDQRZLWÚJUXSÚ

3U]\GDWQHPRĝHE\Ê]DGDQLH
S\WDñRbRVRE\NWöUHZHGïXJ
QDVPRJÈE\Ê]DLQWHUHVRZDQH
WHPDW\NÈQDV]HMZLWU\Q\

-HĂOL]DS\WDP\NOLHQWD
GODbNRJRMHVWSU]H]QDF]RQD
ZLWU\QDF]ÚVWRVSRWNDP\VLÚ
]bRGSRZLHG]LÈGODFDïHJR
ĂZLDWD

-HĂOLMHGQDNUHDOLVW\F]QLH
SRGHMĂÊGRVSUDZ\MHVWPDïR
SUDZGRSRGREQHE\NDĝG\
E\ï]DLQWHUHVRZDQ\WZRU]RQÈ
ZLWU\QÈ-HĂOLVïXĝ\RQD
VSU]HGDĝ\ĝDUöZHNWRFKRFLDĝ
Xĝ\WNRZQLF\NRPSXWHUöZ
]DSHZQHWHĝ]bQLFKNRU]\VWDMÈ
ZÈWSOLZHE\]DPDZLDOL
MHZbğUPLH]ORNDOL]RZDQHM
ZbLQQ\PbNUDMX

1DZHWMHĂOLZLWU\QDPRĝH
EXG]LÊ]DLQWHUHVRZDQLH
XbV]HURNLHJRJURQDRGELRUFöZ
WRLbWDNZDUWRSU]HDQDOL]RZDÊ
GDQHGHPRJUDğF]QHSUöENL
RGELRUFöZ

2'%,25&<'2&(/2:,

8¿<7.2:1,&<,1'<:,'8$/1,

-DNLMHVW]DNUHVZLHNXGRFHORZHMJUXS\RGELRUFöZ"

&]\ZLWU\QDEÚG]LHVLÚEDUG]LHMSRGREDÊNRELHWRP
F]\bPÚĝF]\]QRP"

=bMDNLHJRNUDMXEÚGÈSRFKRG]LÊXĝ\WNRZQLF\ZLWU\Q\"

&]\PLHV]NDMÈRQLZbUHMRQDFKPLHMVNLFKF]\ZLHMVNLFK"

-DNLMHVWĂUHGQLSU]\FKöGRVöERGZLHG]DMÈF\FKZLWU\QÚ"

-DNLMHVWLFKSR]LRPZ\NV]WDïFHQLD"

-DNLMHVWLFKVWDWXVURG]LQQ\"

&]\PVLÚ]DMPXMÈ"

,OHJRG]LQZbW\JRGQLXSUDFXMÈ"

-DNF]ÚVWRNRU]\VWDMÈ]bLQWHUQHWX"

-DNLFKXU]ÈG]HñXĝ\ZDMÈGRSU]HJOÈGDQLDVWURQ:::"

2'%,25&<'2&(/2:,),50<

-DNGXĝDMHVWğUPDOXEMDNGXĝ\MHVWMHMG]LDï"

-DNÈSR]\FMÚZbğUPLH]DMPXMÈRVRE\RGZLHG]DMÈFHZLWU\QÚ"

&]\Xĝ\WNRZQLF\EÚGÈNRU]\VWDOL]bZLWU\Q\GODVLHELH
F]\GODNRJRĂLQQHJR"

-DNGXĝ\PEXGĝHWHP]DU]ÈG]DMÈ"

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

455

352&(6,b352-(.7

:\P\ĂOP\MDNLHĂğNF\MQHRVRE\EÚGÈFHSU]HGVWDZLFLHODPL
GRFHORZHMJUXS\Xĝ\WNRZQLNöZ6WDQÈVLÚRQHQDV]\PL
SU]\MDFLöïPL0RJÈPLHÊZSï\ZQDSRGHMPRZDQHGHF\]MH
SURMHNWRZHSRF]ÈZV]\RGGRERUXSDOHW\NRORUöZ
DbVNRñF]\ZV]\QDOLF]ELHV]F]HJöïöZZbRSLVDFK

ImiÚ

Grzegorz

Marysia Janek Jurek

Ewa

PïeÊ

Wiek

47 19 32

Miejsce
zamieszkania

.DWRZLFH

.UDNöZ

:DUV]DZD :URFïDZ

*GDñVN

Zawód

QDXF]\FLHO

SUDZQLN

VWXGHQW

NLHURZQLN

G]LHQQLNDU]

Przychód

Korzystanie
zbinternetu

ļGQLLbZHHNHQG\

FRG]LHQQLH FRG]LHQQLH ļGQLLbZHHNHQG\ FRG]LHQQLH

-HĂOLSRMDZLÈVLÚS\WDQLDRbWR
ZbMDNLVSRVöEZLWU\QDEÚG]LH
Xĝ\ZDQDDOERMDNLHSRZLQQ\E\Ê
RERZLÈ]XMÈFHZbQLHMSULRU\WHW\

EÚG]LHP\PRJOLZUöFLÊGRWHM
WDEHOLLb]DGDÊVRELHS\WDQLH
F]HJR*U]HJRU]OXE(ZD
FKFLHOLE\ZbWDNLHMV\WXDFML"

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

352&(6,b352-(.7

'/$&=(*2

/8'=,(2':,('=$-k

1$6=k67521}"

6NRURMXĝZLDGRPRNLPVÈRVRE\RGZLHG]DMÈFHVWURQÚQDOHĝ\
VLÚ]DVWDQRZLÊdlaczegoWRURELÈ&KRÊQLHNWöU]\]bQLFKWUDğDMÈ
QDVWURQÚSU]H]SU]\SDGHNZLÚNV]RĂÊ]QDMG]LHVLÚQDQLHM
]bRNUHĂORQHJRSRZRGX

1D]DZDUWRĂÊZLWU\Q\RUD]MHM
SURMHNWSRZLQQ\PLHÊZSï\Z
FHOHMHMXĝ\WNRZQLNöZ

$E\ïDWZLHME\ïRRNUHĂOLÊ
GODF]HJRXĝ\WNRZQLF\
RGZLHG]DMÈZLWU\QÚQDOHĝ\
RGSRZLHG]LHÊVRELHQDS\WDQLD
QDOHĝÈFHGRGZöFKSURVW\FK
NDWHJRULL

3LHUZV]È]bQLFKVÈ
SUöE\RNUHĂOHQLDmotywacji
VNïDQLDMÈFHMOXG]L
RGbRGZLHG]DQLDZLWU\Q\

'UXJDMHVW]ZLÈ]DQD
]bcelamiGRNWöU\FK
Xĝ\WNRZQLF\GÈĝÈ7RbZïDĂQLH
JïöZQLHRQHVNïDQLDMÈ
Xĝ\WNRZQLNöZGRRGZLHG]DQLD
ZLWU\Q\ZbGDQHMFKZLOL

./8&=2:(

32:2'<

&]\Xĝ\WNRZQLF\V]XNDMÈ
RJöOQLHSRMÚWHMUR]U\ZNL
F]\SUDJQÈRVLÈJQÈÊMDNLHĂ
NRQNUHWQHFHOH"

-HĂOLFKRG]LRbNRQNUHWQ\
FHOWRF]\PDRQFKDUDNWHU
RVRELVW\F]\]DZRGRZ\"

&]\XZDĝDMÈĝHSRĂZLÚFDQLH
F]DVXQDZL]\WÚZbZLWU\QLHWR
ZDĝQDF]\QQRĂÊF]\UDF]HM
OXNVXV"

.21.5(71(&(/(

&]\Xĝ\WNRZQLF\SUDJQÈ
]GRE\ÊRJöOQHLQIRUPDFMH
GRW\F]ÈFHMDNLHJRĂ
]DJDGQLHQLDOXEğUP\
F]\bV]XNDMÈF]HJRĂ
NRQNUHWQHJRGDQ\FK
QDbWHPDWMDNLHJRĂIDNWX
DOERbRSLVXSURGXNWX"

&]\MXĝ]QDMÈXGRVWÚSQLDQH
QDVWURQLHXVïXJLOXE
SURGXNW\F]\QDOHĝ\MHLP
SU]HGVWDZLÊ"

&]\V]XNDMÈLQIRUPDFMLNWöUH
V]\ENRWUDFÈQDDNWXDOQRĂFL
WDNLFKMDNQDMQRZV]H
GRQLHVLHQLDF]\bUDF]HM
FKFÈX]XSHïQLÊZLHG]Ú
QDbNRQNUHWQ\WHPDW"

&]\FKFÈX]\VNDÊLQIRUPDFMH
RbNRQNUHWQ\PSURGXNFLHOXE
XVïXG]HNWöUHSRPRJï\E\LP
]GHF\GRZDÊF]\MHNXSLÊ
F]\WHĝQLH"

&]\SRWU]HEXMÈQDZLÈ]DQLD
NRQWDNWX]bZïDĂFLFLHOHP
ZLWU\Q\"-HĂOLWDNĽF]\
PRJÈWR]URELÊRVRELĂFLH
FRPRĝHZ\PDJDÊSRGDQLD
JRG]LQRWZDUFLDRUD]PDS\
]bWUDVÈGRMD]GX"$bPRĝH
SRWU]HEXMÈDGUHVXHPDLO
OXEbQXPHUXWHOHIRQX"

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

457

352&(6,b352-(.7

&267$5$-k6,}8=<6.$m

8¿<7.2:1,&<:,75<1<"

5R]ZDĝDQLDPRĝHP\]DF]ÈÊ
RGbSU]\JRWRZDQLDOLVW\
SRZRGöZGODF]HJRLQQH
RVRE\PRJï\E\RGZLHG]DÊ
QDV]ÈZLWU\QÚ1DVWÚSQLH
PRĝHP\SU]\SLVDÊğNF\MQ\P
Xĝ\WNRZQLNRPXWZRU]RQ\P
QDbSRSU]HGQLHMVWURQLH
OLVWÚb]DGDñ

-HVWUDF]HMPDïRSUDZGRSRGREQHE\ĂP\E\OL
ZbVWDQLHVWZRU]\ÊOLVWÚZV]\VWNLFKSRZRGöZ
GODNWöU\FKOXG]LHRGZLHG]DMÈQDV]ÈZLWU\QÚ
QLHPQLHMLQWHUHVXMÈQDVMHG\QLHNOXF]RZH
]DGDQLDLbPRW\ZDFMH3RVïXĝÈQDPRQH
MDNRbSRPRFSRGF]DVSURMHNWRZDQLDZLWU\Q\

GRZEGORZNXSLïUDNLHWÚWHQLVRZÈNLONDODWWHPXDbWHUD]FKFHNXSLÊ
MHV]F]HMHGQÈGODVZRMHMG]LHZF]\Q\

MARYSIAGRZLHG]LDïDVLÚ]bSUDV\RbQRZHMXVïXG]HRSLHNL
QDGb]ZLHU]ÚWDPLGRPRZ\PLLbFKFLDïDE\VLÚGRZLHG]LHÊF]\]DVSRNRL
MHMSRWU]HE\

JANEKPLDïQLHPLïHSU]\JRG\ZbKRWHOXZb:DUV]DZLHLbFKFLDïE\
]ïRĝ\ÊbVNDUJÚ

JUREKFKFLDïE\VWXGLRZDÊDUFKLWHNWXUÚLbSUDJQLHVLÚF]HJRĂ
GRZLHG]LHÊRbRIHURZDQ\FKNXUVDFKSU]\JRWRZDZF]\FK

EWAMHVWJUDğNLHPNRPSXWHURZ\PLbFKFLDïDE\SU]\MU]HÊVLÚSUDFRP
IRWRJUDID]DQLP]GHF\GXMHVLÚGDÊPX]OHFHQLH

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

458 352&(6,b352-(.7

-$.,&+,1)250$&-,

3275=(%8-k

8¿<7.2:1,&<"

:LHP\NWRRGZLHG]DQDV]ÈZLWU\QÚLbGODF]HJR
WHUD]PXVLP\XVWDOLÊMDNLFKLQIRUPDFMLXĝ\WNRZQLF\
SRWU]HEXMÈDE\SR]ZROLÊLPV]\ENRLbHIHNW\ZQLH
UHDOL]RZDÊLFKFHOH

%\ÊPRĝHZDUWRXGRVWÚSQLÊ
GRGDWNRZHSRPRFQH
LQIRUPDFMHNWöUHZHGïXJ
QDVPRJÈVLÚSU]\GDÊ
Xĝ\WNRZQLNRP

3U]\MU]\MP\VLÚZV]\VWNLP
Z\QRWRZDQ\PSRZRGRP
GODbNWöU\FKXĝ\WNRZQLF\EÚGÈ
RGZLHG]DOLQDV]ÈZLWU\QÚ
LbRNUHĂOP\F]HJRLPSRWU]HED
E\V]\ENR]UHDOL]RZDÊ
VZRMHbFHOH

0RĝHP\RNUHĂOLÊSULRU\WHW\
LQIRUPDFMLSRF]ÈZV]\
RGb]DJDGQLHñNOXF]RZ\FK
DbVNRñF]\ZV]\QDLQIRUPDFMDFK
GUXJRU]ÚGQ\FKOXEQDZHW
PDïRbZDĝQ\FK

']LÚNLXGRVWÚSQLHQLX
Xĝ\WNRZQLNRPLQIRUPDFML
NWöU\FKSRV]XNXMÈPRĝHP\
VSUDZLÊĝHQDV]DZLWU\QD
Z\GDVLÚLPEDUG]LHMLVWRWQD
LbSU]\GDWQD

'ODWHJREÚG]LHP\PLHOL
ZLÚFHMRND]MLE\SU]HND]DÊ
Xĝ\WNRZQLNRPZV]HONLH
GRGDWNRZHLQIRUPDFMHNWöUH
ĽMDNVÈG]LP\ĽPRJï\E\
VLÚLPSU]\GDÊOXESRND]DÊ
LQQHSURGXNW\F]\XVïXJL
NWöUHbFKFHP\SURPRZDÊ

-HĂOLXĝ\WNRZQLF\X]QDMÈ
ĝHbZLWU\QDPDGODQLFKPDïH
]QDF]HQLHJG\ĝQLHVSHïQLDLFK
SRWU]HEWRQDMSUDZGRSRGREQLHM
SRV]XNDMÈMDNLHMĂLQQHM

-HVWNLONDS\WDñNWöUHPRĝQD
VRELH]DGDÊSUöEXMÈFRNUHĂOLÊ
MDNLHLQIRUPDFMHSXEOLNRZDÊ
ZbVZRMHMZLWU\QLH

./8&=2:(

,1)250$&-(

&]\Xĝ\WNRZQLF\EÚGÈ]QDOL
SUH]HQWRZDQÈWHPDW\NÚ
OXEbPDUNÚF]\WU]HED
EÚG]LHMÈSU]HGVWDZLÊ"

&]\EÚGÈ]QDOLRIHURZDQH
SURGXNW\XVïXJLOXE
LQIRUPDFMHF]\SRWU]HEXMÈ
GRGDWNRZ\FKLQIRUPDFML
QDbLFKWHPDW"

-DNLHVÈQDMLVWRWQLHMV]H
FHFK\RIHURZDQ\FKXVïXJ
OXEbSURGXNWöZ"

&RV]F]HJöOQHJRRGUöĝQLD
QDV]ÈRIHUWÚRGLQQ\FK
ZLWU\QRIHUXMÈF\FKSRGREQH
SURGXNW\OXEXVïXJL"

&]\SR]UHDOL]RZDQLX
FHOöZNWöUHVSURZDG]Lï\
Xĝ\WNRZQLNöZQDQDV]È
ZLWU\QÚ]JïDV]DMÈRQL
MDNLHĂS\WDQLDGRW\F]ÈFH
SUH]HQWRZDQ\FK]DJDGQLHñ
F]\NWöUHĂ]bWDNLFKS\WDñ
F]ÚVWRVLÚSRZWDU]D"

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

459

352&(6,b352-(.7

-$.&=}6728¿<7.2:1,&<

%}'k2':,('=$m

1$6=k:,75<1}"

1LHNWöUHZLWU\Q\F]HUSLÈNRU]\ĂFL]bWHJRĝHLFK
]DZDUWRĂÊMHVWDNWXDOL]RZDQDF]ÚĂFLHMQLĝZbLQQ\FK
1LHNWöUHLQIRUPDFMHWDNLHMDNGRQLHVLHQLDSUDVRZH
XOHJDMÈEH]XVWDQQ\PPRG\ğNDFMRPQDWRPLDVWLQQH
VÈVWRVXQNRZRQLH]PLHQQH

:LWU\QDSRĂZLÚFRQD
QDMQRZV]\PWUHQGRPZbĂZLHFLH
PRG\EÚG]LHPXVLDïDE\Ê
DNWXDOL]RZDQD]QDF]QLHF]ÚĂFLHM
QLĝZLWU\QDUHNODPXMÈFDXVïXJL
]bNWöU\FKQLHNRU]\VWDVLÚWDN
F]ÚVWRWDNLHMDNQDSUDZ\
NDQDOL]DFMLOXENïDG]HQLHSï\WHN

.LHG\ZLWU\QD]RVWDQLH
MXĝbXWZRU]RQDWRMHMF]ÚVWD
DNWXDOL]DFMDPRĝH]DMPRZDÊ
ZLHOHF]DVXLbZ\PDJDÊXĝ\FLD
ZLHOX]DVREöZ

2NUHĂOHQLHMDNF]ÚVWROXG]LH
EÚGÈRGZLHG]DOLQDV]ÈZLWU\QÚ
PRĝHVWDQRZLÊVXJHVWLÚ
MDNF]ÚVWRSRZLQQLĂP\
DNWXDOL]RZDÊMHM]DZDUWRĂÊ

3RPRFQHPRĝHE\Ê
SU]\JRWRZDQLHKDUPRQRJUDPX
DNWXDOL]DFMLZLWU\Q\]DPLDVW
SU]HSURZDG]DQLDDNWXDOL]DFML
ZbVSRVöEGRUDěQ\

=DXZDĝ\P\]DSHZQH
ĝHbQLHNWöUHG]LDï\ZLWU\Q\
ZbZLÚNV]\PVWRSQLXQLĝ
LQQHNRU]\VWDMÈQDF]ÚVW\P
DNWXDOL]RZDQLX]DZDUWRĂFL

2WRNLONDS\WDñNWöUHPRJÈ
QDPSRPöFZbRNUHĂOHQLX
MDNbF]ÚVWRDNWXDOL]RZDÊ
]DZDUWRĂÊZLWU\Q\Į

'2%5$

/8%868*,

-DNF]ÚVWRWHVDPH
RVRE\ZUDFDMÈQDVWURQÚ
E\bGRNRQDÊNROHMQHJR
]DNXSX"

-DNF]ÚVWR]PLHQLDVLÚ
RIHURZDQ\DVRUW\PHQW
OXEbXVïXJD"

,1)250$&-(

-DNF]ÚVWR]PLHQLDVLÚ
WHPDW\NDNWöUHMMHVW
SRĂZLÚFRQDZLWU\QD"

-DNLSURFHQWXĝ\WNRZQLNöZ
ZLWU\Q\SRZUDFDïE\QDQLÈ
E\X]\VNDÊ]DNWXDOL]RZDQH
LQIRUPDFMHDbMDNLHMF]ÚĂFL
Xĝ\WNRZQLNöZZ\VWDUF]\
MHGQDZL]\WD"

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

352&(6,b352-(.7

0$3<:,75<1<

7HUD]VNRURMXĝZLHP\FRPDVLÚSRMDZLÊZbZLWU\QLH
PRĝHP\]DF]ÈÊRUJDQL]RZDÊMHMG]LDï\LbVWURQ\

1DV]\PFHOHPMHVWVWZRU]HQLH
GLDJUDPXVWURQNWöU\EÚG]LHP\
PRJOLZ\NRU]\VWDÊGR
RNUHĂOHQLDVWUXNWXU\ZLWU\Q\
1RVLRQQD]ZÚmapy witryny
LbSRND]XMHZbMDNLVSRVöE
PRĝQDSRJUXSRZDÊWZRU]ÈFH
MÈbVWURQ\

3RGF]DVRNUHĂODQLD]DZDUWRĂFL
SRV]F]HJöOQ\FKVWURQPRĝQD
VNRU]\VWDÊ]bWHFKQLNLQD]\ZDQHM
sortowaniem kart

3ROHJDRQDQDXPLHV]F]HQLX
NDĝGHM]bLQIRUPDFMLNWöU\FK
Xĝ\WNRZQLNPRĝHSRWU]HERZDÊ
QDRVREQHMNDUWHF]FH
DbQDVWÚSQLHQDJUXSRZDQLX
NDUWHF]HN]DZLHUDMÈF\FK
LQIRUPDFMHSRZLÈ]DQH]HVREÈ

.DĝGDWDNDJUXSDUHSUH]HQWXMH
MHGQÈVWURQÈDbZbSU]\SDGNX
GXĝ\FKZLWU\QWDNĝHVWURQ\
PRĝQDSRGREQLHSRJUXSRZDÊ
WZRU]ÈFZbWHQVSRVöEG]LDï\

*UXS\LQIRUPDFMLVÈQDVWÚSQLH
SU]HNV]WDïFDQHQDGLDJUDP
QD]\ZDQ\PDSÈZLWU\Q\

&]DVDPLSRPRFQHPRĝH
E\ÊSRSURV]HQLHRVöE
VWDQRZLÈF\FKGRFHORZ\FK
Xĝ\WNRZQLNöZZLWU\Q\RbSRPRF
ZbSRJUXSRZDQLXLQIRUPDFML

0DSDZLWU\Q\]D]Z\F]DM
UR]SRF]\QDVLÚRGVWURQ\
JïöZQHM'RGDWNRZRMHĂOL
ZLWU\QDMHVWGXĝDLbSRG]LHORQD
QDG]LDï\NDĝG\]bWDNLFK
G]LDïöZPRĝHZ\PDJDÊZïDVQHM
VWURQ\JïöZQHMNWöUDEÚG]LH
]DZLHUDÊïÈF]DGRZV]\VWNLFK
VWURQGDQHJRG]LDïX

:LÚNV]RĂÊVNOHSöZ
LQWHUQHWRZ\FKPDVWURQ\
JïöZQHGODSRV]F]HJöOQ\FK
W\SöZRIHURZDQ\FKSURGXNWöZ
DbQDQLFK]QDMGXMÈVLÚïÈF]D
GRbVWURQSRĂZLÚFRQ\FK
NRQNUHWQ\PSURGXNWRP

-HĂOLMDNDĂLQIRUPDFMDPXVLVLÚ
SRMDZLÊQDZLÚFHMQLĝMHGQHM
VWURQLHWRNRQLHF]QHEÚG]LHMHM
SRZLHOHQLH

6WURQ\OXEJUXS\VWURQEÚGÈ
LQIRUPRZDï\QDVRbW\PZbMDNL
VSRVöEXĝ\WNRZQLF\SRUXV]DMÈ
VLÚSRQDV]HMZLWU\QLH

.RQLHF]QLHQDOHĝ\SDPLÚWDÊ
RbFHODFKGRNWöU\FKGÈĝÈ
Xĝ\WNRZQLF\ZLWU\Q\

:DUWRZVSRPQLHÊRbW\P
ĝHZïDĂFLFLHOZLWU\Q\PRĝH
]RUJDQL]RZDÊLQIRUPDFMH
ZbVSRVöERGELHJDMÈF\
RGbRF]HNLZDñXĝ\WNRZQLNöZ
:DĝQHMHVWMHGQDNE\ZLWU\QD
RGSRZLDGDïDRJöOQHPX
]UR]XPLHQLXSUH]HQWRZDQ\FK
]DJDGQLHñDbQLHVSRVRERZL
ZbMDNLUR]XPLHMHMHMZïDĂFLFLHO

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

352&(6,b352-(.7

WURQDJïöZQD

/RNDOL]DFMD

*RG]LQ\

RWZDUFLD

%LOHW\

.VLÈĝNL

3UH]HQW\

1DMQRZV]H

GRQLHVLHQLD

5HFHQ]MH

NVLÈĝHN

=bSUDV\

:\ZLDG\

+LVWRULD

)XQGDFMD

3ODQ\

2GZLHG]LQ\

6NOHS

.RQWDNW

$UW\NXï\

2bQDV

35=<.$'2:$

0$3$:,75<1<

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

352&(6,b352-(.7

6=.,(/(7<67521

6]NLHOHWVWURQ\WRSURVW\V]NLFSU]HGVWDZLDMÈF\NOXF]RZHLQIRUPDFMH
NWöUHPDMÈVLÚ]QDOHěÊQDNDĝGHM]HVWURQZLWU\Q\3U]HGVWDZLD
RQKLHUDUFKLÚLQIRUPDFMLRUD]ZVND]XMHLOHPLHMVFDPRJÈRQH
]DMPRZDÊ

:LHOXSURMHNWDQWöZ
RNUHĂODHOHPHQW\NWöUH
PXV]ÈVLÚ]QDOHěÊ
QDbSRV]F]HJöOQ\FKVWURQDFK
ZLWU\Q\Lb]DF]\QDSUDFÚ
GRbSU]\JRWRZDQLDV]NLHOHWöZ
VWURQDQJbZLUHIUDPHV
3ROHJDWRQDbQDU\VRZDQLX
OXEb]DFLHQLRZDQLXREV]DUöZ
ZbNWöU\FKEÚGÈXPLHV]F]RQH
SRV]F]HJöOQHHOHPHQW\VWURQ\
WDNLHMDNORJRJïöZQHHOHPHQW\
QDZLJDF\MQHQDJïöZNL
JïöZQHIUDJPHQW\WUHĂFLGDQH
]DORJRZDQHJRXĝ\WNRZQLNDLWG

']LÚNLXWZRU]HQLXWDNLHJR
V]NLHOHWXVWURQ\PRĝHP\
]DJZDUDQWRZDÊĝH]QDMGÈVLÚ
QDQLHMZV]\VWNLHQLH]EÚGQH
LQIRUPDFMH

3U]\NïDGSU]HGVWDZLRQ\
]bSUDZHMVWURQ\]RVWDï
VWZRU]RQ\ZbSURJUDPLH
3KRWRVKRSSU]\Z\NRU]\VWDQLX
V]DEORQöZGRVWÚSQ\FK
ZbV\VWHPLHJV

3RGF]DVSU]\JRWRZ\ZDQLD
V]NLHOHWöZVWURQQLHQDOHĝ\
]DMPRZDÊVLÚNRORU\VW\NÈ
ZLWU\Q\GRERUHPF]FLRQHN
DQLHOHPHQWöZJUDğF]Q\FK
1DOHĝ\VLÚVNRQFHQWURZDÊQD
W\PMDNLHLQIRUPDFMHPXV]È
VLÚ]QDOHěÊQDSRV]F]HJöOQ\FK
VWURQDFKRUD]QDVWZRU]HQLX
KLHUDUFKLLZL]XDOQHMNWöUD
SR]ZROLZ\UöĝQLÊQDMZDĝQLHMV]H
HOHPHQW\VWURQ

3U]\JRWRZDQLHWDNLFKV]NLHOHWöZ
XïDWZLDSURMHNWRZDQLH
ZLWU\Q\JG\ĝZLDGRPRMDNLH
LQIRUPDFMHPXV]ÈVLÚ]QDOHěÊQD
SRV]F]HJöOQ\FKVWURQDFK]DQLP

6]NLHOHW\VWURQPRĝQD
V]NLFRZDÊQDSDSLHU]H
OXEbNRU]\VWDÊ]bRGSRZLHGQLFK
SURJUDPöZNRPSXWHURZ\FK
WDNLFKMDN,OOXVWUDWRU
OXEb,Q'HVLJQ

]DF]QLHP\VLÚ]DVWDQDZLDÊ
MDNbRQHPDMÈZ\JOÈGDÊ%DUG]R
SRPRFQHPRĝHE\ÊSRND]DQLH
WDNLFKV]NLHOHWöZZLWU\Q\
NOLHQWRZL]DQLPSU]HGVWDZLP\
PXMHMSURMHNW']LÚNLWHPX
NOLHQWXSHZQLVLÚĝHZLWU\QD
XGRVWÚSQLDZV]HONLHQLH]EÚGQH
IXQNFMHRUD]LQIRUPDFMH

-HĂOLSU]HGVWDZLP\NOLHQWRZL
MHG\QLHSURMHNWZLWU\Q\
]D]Z\F]DMVNRQFHQWUXMHVLÚRQ
QDMHMZ\JOÈG]LH$bWR]bNROHL
R]QDF]DĝHDĝGRPRPHQWX
VWZRU]HQLDZLWU\Q\NOLHQWPRĝH
SRPLQÈÊZV]HONLHZÈWSOLZRĂFL
]ZLÈ]DQH]bMHMIXQNFMRQDOQRĂFLÈ

'RVWÚSQHVÈWDNĝHLQWHUQHWRZH
QDU]ÚG]LDGRWZRU]HQLD
V]NLHOHWöZVWURQPLQ
KWWSJRPRFNLQJELUGFRP
KWWSORYHO\FKDUWVFRP

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

352&(6,b352-(.7

35=<.$'2:<

6=.,(/(767521<

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

352&(6,b352-(.7

35=(.$=<:$1,(

.2081,.$78

3235=(=352-(.7

3RGVWDZRZ\PFHOHPNDĝGHJRURG]DMXSURMHNWXZL]XDOQHJRMHVW
GRVWDUF]HQLHMDNLHJRĂSU]HND]X2GSRZLHGQLH]RUJDQL]RZDQLH
RUD]Z\]QDF]HQLHSULRU\WHWöZLQIRUPDFMLQDVWURQLHXïDWZLD
Xĝ\WNRZQLNRPXVWDOHQLHLFK]QDF]HQLDRUD]NROHMQRĂFL
ZbMDNLHMbQDOHĝ\MHF]\WDÊ

=$:$572¥m

6WURQ\:::F]ÚVWRPDMÈ
ZLHOHWUHĂFLGRSU]HND]DQLD
QSbZLWU\QDJD]HW\PRĝH
]DZLHUDÊGRQLHVLHQLDNWöUH
QLH]RVWDï\XPLHV]F]RQH
QDZV]\VWNLFKVWURQDFKMHM
SDSLHURZHJRZ\GDQLD

QDJïöZHNOXEORJR

ïÈF]DGRQDZLJRZDQLD
SRbZLWU\QLH

ïÈF]DGRVWURQRbSRGREQHM
WUHĂFLOXELQQ\FKSRSXODUQ\FK
DUW\NXïöZ

QDU]ÚG]LDGRORJRZDQLD
OXEbUHMHVWUDFML

PHFKDQL]P\
GRbNRPHQWRZDQLD

LQIRUPDFMHRbSUDZDFK
DXWRUVNLFK

ïÈF]DGRLQIRUPDFMLRbSROLW\FH
SU\ZDWQRĂFLZDUXQNDFK
NRU]\VWDQLDLQIRUPDFMH
RbUHNODPDFKNDQDï566
LQIRUPDFMHRbVXEVNU\SFML

3U]\WDNGXĝHMLORĂFLLQIRUPDFML
XPLHV]F]RQ\FKQDMHGQHM
VWURQLHDE\]DNRPXQLNRZDÊ
MHMSU]HVïDQLHLbSRPöF
Xĝ\WNRZQLNRPRGV]XNDÊ
WRF]HJRSRWU]HEXMÈ
SURMHNWDQWPXVLRGSRZLHGQLR
zorganizowaÊLQIRUPDFMH
LbRNUHĂOLÊLFKpriorytety

35,25<7(7<

*G\E\ZV]\VWNLHLQIRUPDFMH
]DPLHV]F]RQHQDVWURQLHE\ï\
SUH]HQWRZDQHZbWDNLVDP
VSRVöEWR]UR]XPLHQLHLFK
E\ïRE\]QDF]QLHWUXGQLHMV]H
WUXGQRE\ïRE\RNUHĂOLÊMHM
JïöZQ\SU]HND]

-HGQDNSRSU]H]RGSRZLHGQLH
wyróĝnienieIUDJPHQWöZVWURQ\
SURMHNWDQFLPRJÈVNLHURZDÊ
QDQLHXZDJÚXĝ\WNRZQLNöZ
DOERRGFLÈJQÈÊMÈRGW\FK
IUDJPHQWöZ

3URMHNWDQFLWZRU]ÈFRĂFRbMHVW
RNUHĂODQHMDNRhierarchia
wizualna-HMFHOHPMHVW
XïDWZLHQLHXĝ\WNRZQLNRP
VNRQFHQWURZDQLDVLÚ
QDbNOXF]RZ\PSU]HND]LHNWöU\
SU]\FLÈJQLHLFK]DLQWHUHVRZDQLH
LbVNLHUXMHMHQDNROHMQHWUHĂFL

=DJDGQLHQLD]ZLÈ]DQH
]bKLHUDUFKLÈZL]XDOQÈ]RVWDï\
SU]HGVWDZLRQHQDVWURQDFK
ļ

25*$1,=$&-$

GrupowanieSRZLÈ]DQ\FK
]HVREÈWUHĂFLZbbloki
OXEbfragmentyVSUDZLD
ĝHbVWURQ\Z\JOÈGDMÈQDSURVWV]H
LbïDWZLHMV]HGR]UR]XPLHQLD

8ĝ\WNRZQLF\SRZLQQL
E\ÊZbVWDQLHRNUHĂOLÊ
SU]H]QDF]HQLHNDĝGHJR]bWDNLFK
EORNöZEH]bZJïÚELDQLDVLÚ
ZbSRV]F]HJöOQHMHJRHOHPHQW\

']LÚNLSU]HGVWDZLHQLX
SHZQ\FKW\SöZLQIRUPDFML
ZbwizualnieSRGREQ\VSRVöE
QSbSU]\bXĝ\FLXWHJRVDPHJR
VW\OXGRbZ\ĂZLHWODQLD
ZV]\VWNLFKïÈF]\
OXEbSU]\FLVNöZXĝ\WNRZQLF\
QDXF]ÈVLÚNRMDU]\ÊJR
]bWUHĂFLDPLNRQNUHWQHJRW\SX

=DJDGQLHQLD]ZLÈ]DQH
]bJUXSRZDQLHP
LbSRGRELHñVWZHP]RVWDï\
RSLVDQHQDVWURQDFK
ļ

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

352&(6,b352-(.7

3U]\MU]\MP\VLÚSU]\NïDGRZL
NWöU\GHPRQVWUXMHZbMDNL
VSRVöEPRĝQDZ\NRU]\VWDÊ
SURMHNWE\HIHNW\ZQLHSRND]DÊ
XVïXJLRIHURZDQHSU]H]ğUPÚ

*5832:$1,(

1DSU]HGVWDZLRQHMVWURQLH
PRĝQDZ\UöĝQLÊNLONDEORNöZ
LQIRUPDFML

1DVDPHMJöU]H]QDMGXMÈVLÚ
ORJRRUD]HOHPHQW\QDZLJDF\MQH
3RQLĝHM]RVWDï\XPLHV]F]RQH
LQIRUPDFMHRbXVïXJDFK
RIHURZDQ\FKSU]H]ğUPÚ

-HV]F]HQLĝHM]RVWDï\
XPLHV]F]RQHWU]\RGUÚEQH
JUXS\SU]HGVWDZLDMÈFH
PRĝOLZRĂFLXVïXJLFKFHQ\
RUD]bXĝ\WNRZQLNöZNWöU]\
MXĝb]bQLFKNRU]\VWDMÈ

32'2%,(67:$

1DVWURQLHPRĝQDZVND]DÊNLOND
SU]\NïDGöZSRGRELHñVWZ

&]WHU\SXQNW\ZLGRF]QH
ZbOHZ\PGROQ\PURJX
VWURQ\]RVWDï\SU]HGVWDZLRQH
ZbSRGREQ\VSRVöEĽPDMÈ
ZL]XDOQLHVSöMQHQDJïöZNL
RUD]bLNRQ\

:V]\VWNLHïÈF]DXPLHV]F]RQH
ZbWUHĂFLVWURQ\VÈQLHELHVNLH
ZLÚFXĝ\WNRZQLF\EH]WUXGXVLÚ
]RULHQWXMÈĝHPRĝQDMHNOLNDÊ

+,(5$5&+,$

:,=8$/1$

8ZDJÚRVRE\RGZLHG]DMÈFHMWÚ
VWURQÚPRPHQWDOQLHSU]\FLÈJD
REUD]SU]HGVWDZLDMÈF\XVïXJL
RIHURZDQHSU]H]ğUPÚRUD]
QDJïöZHNNWöU\MHZ\MDĂQLD
:LHONRĂÊRUD]NRORURZHWïR
GRGDWNRZRSRND]XMÈĝHZïDĂQLH
WHHOHPHQW\VWDQRZLÈJïöZQ\
SU]HND]VWURQ\

-HĂOL]DSUH]HQWRZDQHXVïXJL
]DLQWHUHVXMÈRGZLHG]DMÈFHJR
WRSRQLĝHM]QDMG]LHV]F]HJöïRZH
LQIRUPDFMHRb]DSHZQLDQ\FK
PRĝOLZRĂFLDFKFHQLHRUD]
DNWXDOQ\FKXĝ\WNRZQLNDFK

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

352&(6,b352-(.7

+,(5$5&+,$:,=8$/1$

:LÚNV]RĂÊLQWHUQDXWöZQLHF]\WDRGZLHG]DQ\FKVWURQZbFDïRĂFL
UDF]HMMHSU]HJOÈGDZbSRV]XNLZDQLXLQIRUPDFML0RĝQDZ\NRU]\VWDÊ
NRQWUDVWE\RNUHĂOLÊKLHUDUFKLÚZL]XDOQÈNWöUDXïDWZLXĝ\WNRZQLNRP
]QDOH]LHQLHNOXF]RZ\FKNRPXQLNDWöZLbWHJRF]HJRV]XNDMÈ

52=0,$5

'XĝHHOHPHQW\EÚGÈSU]\FLÈJDÊ
XZDJÚRVöERJOÈGDMÈF\FK
VWURQÚ=bWHJRSRZRGXZDUWR
]DGEDÊRbWRE\QDJïöZNLRUD]
NOXF]RZHSXQNW\VWURQ\E\ï\
VWRVXQNRZRGXĝH

.2/25

.RORUWHNVWXRUD]NRORUWïD
PRJÈVNLHURZDÊXZDJÚ
F]\WHOQLNDQDNOXF]RZHWUHĂFL
=D]Z\F]DMOXG]LHZbSLHUZV]HM
NROHMQRĂFLSDWU]ÈQDMDĂQLHMV]H
IUDJPHQW\bVWURQ\

67</

(OHPHQWPRĝHPLHÊWÚ
VDPÈZLHONRĂÊRUD]NRORU
MDNbRWDF]DMÈFDJR]DZDUWRĂÊ
VWURQ\OHF]LQQ\VW\ONWöU\
VSUDZLĝHbEÚG]LHVLÚRQ
]GHF\GRZDQLHZ\UöĝQLDï

Lorem ipsum

dolor sit amet,
consectetur
adipiscing elit. Lorem
ipsum dolor sit amet,
consectetur
adipscing elit.

Lorem ipsum

dolor sit amet,
consectetur
adipiscing elit. Lorem
ipsum dolor sit amet,
consectetur
adipscing elit.

Lorem ipsum
dolor sit amet,
consectetur
adipiscing elit. Lorem
ipsum dolor sit amet,
consectetur
adipscing elit.

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

352&(6,b352-(.7

Hierarchia wizualnaRGQRVLVLÚGRNROHMQRĂFLZbMDNLHMQDV]HRF]\
SRVWU]HJDMÈWRFRZLG]LP\7ZRU]\VLÚMÈSRSU]H]ZSURZDG]DQLH
wizualnego kontrastuSRPLÚG]\Z\ĂZLHWODQ\PLHOHPHQWDPL
(OHPHQW\RbZ\ĝV]\PNRQWUDĂFLHVÈUR]SR]QDZDQHLbSU]HWZDU]DQH
ZbSLHUZV]HMNROHMQRĂFL

2%5$=<

2EUD]\WZRU]ÈZ\VRNLNRQWUDVW
ZL]XDOQ\LbF]ÚVWRZïDĂQLH
QDQLHRVRE\SU]HJOÈGDMÈFH
VWURQÚVSRJOÈGDMÈZbSLHUZV]HM
NROHMQRĂFL0RĝQDLFK
Xĝ\ZDÊE\VNLHURZDÊXZDJÚ
RGZLHG]DMÈF\FKQDNRQNUHWQ\
NRPXQLNDWXPLHV]F]RQ\
QDVWURQLH:bQLHNWöU\FK
SU]\SDGNDFKRGSRZLHGQL
REUD]PRĝHSU]HND]DÊZLÚFHM
QLĝbFDïDbVWURQDWHNVWX

(IHNW\SUDZLGïRZR
]DSURMHNWRZDQHMKLHUDUFKLL
ZL]XDOQHMVÈZb]QDF]QHMPLHU]H
SRGĂZLDGRPH8]\VNDQLHGREUHM
KLHUDUFKLLZL]XDOQHMZ\PDJD
UöZQRZDJLMHĂOLĝDGHQHOHPHQW\
VWURQ\VLÚQLHZ\UöĝQLD]RVWDQLH
RQDRGHEUDQDMDNRQXGQD
]bNROHLMHĂOL]E\WZLHOHMHM
DVSHNWöZEÚG]LHNRQNXURZDïR
RbXZDJÚWRRGZLHG]DMÈF\PRJÈ
PLHÊWUXGQRĂFL]bRNUHĂOHQLHP
NWöUH]bSU]HND]\ZDQ\FK
NRPXQLNDWöZVÈNOXF]RZH
:bSU]HGVWDZLRQ\PSU]\NïDG]LH
KLHUDUFKLDZL]XDOQDMHVW
RF]\ZLVWDFRXïDWZLD
]DVSRNRMHQLHSRWU]HERVöE
RJOÈGDMÈF\FKVWURQÚ

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

352&(6,b352-(.7

*5832:$1,(

,b32'2%,(67:$

6WDUDMÈFVLÚ]UR]XPLHÊSURMHNWJUDğF]Q\]D]Z\F]DMSUöEXMHP\
RUJDQL]RZDÊHOHPHQW\ZL]XDOQHZbJUXS\7DNLHJUXSRZDQLH
LQIRUPDFMLPRĝHXïDWZLÊ]UR]XPLHQLHSURMHNWX3RQLĝHM
SU]HGVWDZLRQH]RVWDï\NOXF]RZHVSRVRE\JUXSRZDQLD

=%/,¿(1,(

=$0.1,}&,(

.217<18$&-$

.LHG\NLONDHOHPHQWöZ]RVWDQLH
XPLHV]F]RQ\FKEOLVNRVLHELH
SRVWU]HJDVLÚMHMDNRPRFQLHM
SRZLÈ]DQH]HVREÈQLĝHOHPHQW\
XPLHV]F]RQHZbZLÚNV]\FK
RGOHJïRĂFLDFKRGVLHELH,VWQLHMH
WDNĝHPRĝOLZRĂÊ]DJQLHĝGĝDQLD
MHGQ\FKJUXSLQIRUPDFML
ZHZQÈWU]LQQ\FK

3ROHJDQDXPLHV]F]DQLX
SRZLÈ]DQ\FK]HVREÈ
HOHPHQWöZEOLĝHMVLHELH
LbSR]RVWDZLDQLXZLÚNV]\FK
RGVWÚSöZSRPLÚG]\
HOHPHQWDPLNWöUHQLHVÈ
]HbVREÈSRZLÈ]DQH

=D]Z\F]DMNLHG\VW\NDP\
VLÚ]H]ïRĝRQ\PXNïDGHP
HOHPHQWöZSRV]XNXMHP\
ZbQLPSRMHG\QF]HJROXE
UR]SR]QDZDOQHJRNV]WDïWX
DOERIRUP\=HZ]JOÚGX
QDbEOLVNRĂÊOXEZ\UöZQDQLH
HOHPHQWöZVWURQ\PRĝQDZRNöï
QLFKZ\]QDF]\ÊU]HF]\ZLVW\
OXEbXPRZQ\SURVWRNÈW

.2/25

-HĂOLHOHPHQW\]RVWDQÈ
XPLHV]F]RQHZbOLQLLOXE
QDbNU]\ZHMEÚGÈSRVWU]HJDQH
MDNREDUG]LHMSRZLÈ]DQH
]HbVREÈQLĝHOHPHQW\NWöUH
QLHVÈUR]PLHV]F]RQHZbWDN
XSRU]ÈGNRZDQ\VSRVöE
(IHNWbWHQPRĝQDZ\NRU]\VWDÊ
E\VNLHURZDÊF]\WHOQLND
]bMHGQHJRPLHMVFDVWURQ\ZbLQQH

2%5$02:$1,$

2'67}3

8PLHV]F]HQLHNLONXHOHPHQWöZ
QDMHGQROLW\PWOHPRĝH
SRGNUHĂOLÊLFKZ]DMHPQH
SRZLÈ]DQLH

:RNöïNUDZÚG]LJUXS\
HOHPHQWöZDOERSRPLÚG]\
QLPLDbLFKRWRF]HQLHPPRĝQD
QDU\VRZDÊOLQLÚ

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

352&(6,b352-(.7

2F]\ZLĂFLH]DXZDĝDP\SRGRELHñVWZDZ\VWÚSXMÈFHZbSURMHNFLH
DbU]HF]\SRGREQHVÈWUDNWRZDQHMDNRPRFQLHM]HVREÈSRZLÈ]DQH
QLĝWHNWöUHSRGREQHQLHVÈ3RZWöU]HQLDSRGREQHJRNRORUX
UR]PLDUXNLHUXQNXNV]WDïWXF]\SRGREQHMWHNVWXU\DOERF]FLRQNL
VXJHUXMÈĝHDQDORJLF]QHGRVLHELHHOHPHQW\PDMÈ]EOLĝRQÈZDJÚ

.216(.:(1&-$

:bSU]HGVWDZLRQ\PRERN
SU]\NïDG]LHZV]\VWNLH
UHFHQ]MHNVLÈĝHNZ\JOÈGDMÈ
SRGREQLHĽZ\NRU]\VWDQR
VSöMQHVSRVRE\SUH]HQWDFML
QDJïöZNöZDXWRUöZRUD]
ïÈF]\GRVNOHSXLQWHUQHWRZHJR
:\VWDUF]\SU]HF]\WDÊMHGHQ
EORNE\PöFRNUHĂOLÊ]QDF]HQLH
LQQ\FKHOHPHQWöZVWURQ\
SUH]HQWRZDQ\FKZbWDNLVDP
VSRVöE

1$*:.,

3RSU]HG]HQLHJUXS\LQIRUPDFML
QDJïöZNLHPPRĝHZb]UR]XPLDï\
VSRVöEZVND]DÊXĝ\WNRZQLNRZL
F]\]DPLHV]F]RQHSRQLĝHM
WUHĂFLEÚGÈPLDï\GODQLHJR
MDNLHĂ]QDF]HQLHF]\QLH
-HĂOLQLHEÚGÈĽXĝ\WNRZQLN
PRĝHMHZbFDïRĂFLSRPLQÈÊ
5R]ZLÈ]DQLHWRPRĝHWDNĝH
SRPöFXĝ\WNRZQLNRP
SRVïXJXMÈF\PVLÚF]\WQLNDPL
HNUDQRZ\PLĽF]ÚVWRPDMÈ
RQLPRĝOLZRĂÊRGF]\WDQLD
ZV]\VWNLFKQDJïöZNöZ
XPLHV]F]RQ\FKQDVWURQLH

Raw Creation

John Maizels

Raw Creations

MHVWQDMOHSV]ąNVLąĪNą

o sztuce artystycznych outsiderów
LVWDQRZLQLH]DVWąSLRQ\SU]HZRGQLN
SRV]WXFHVDPRXNyZWHJRVWXOHFLD
RUD]IDVF\QXMąF\GRZyGOXG]NLHM
NUHDW\ZQRĞFL5R]G]LDá

Wonders of the

World

ZZLĊNV]RĞFLMHVWSRĞZLĊFRQ\

5RFN*DUGHQ1HND&KDQGDL]DZLHUD
ZLHOHNRORURZ\FKIRWRJUD¿L

Kup na Amazon

1HN&KDQG2XWVLGHU$UW

Lucienne Peiry, Philippe Lespinasse

7DSXEOLNDFMDSU]HGVWDZLDKLVWRULĊ
1HND&KDQGDRSLVXMHMHJRĪ\FLH
L]DELHUDF]\WHOQLNDZNRORURZą
SRGUyĪSU]H]VWZRU]RQ\SU]H]QLHJR
5RFN*DUGHQQDMZLĊNV]\QDĞZLHFLH
SU]\NáDGNUHDFML]DOLF]DQHMGRJDWXQNX
environmental art.

Kup na Amazon

Fantasy Worlds

Deidi von Schaewen, John Maizels

3U]HGVWDZLDQDMEDUG]LHMQLH]Z\NáH
NRORURZHLSRHW\FNLHG]LDáDVWZRU]RQH
SU]H]F]áRZLHNDVSRĞUyGNWyU\FKF]ĊĞü
QLJG\GRWąGQLH]RVWDáD]DPLHV]F]RQD
ZĪDGQHMSXEOLNDFMLGUXNRZDQHM
.VLąĪNDWDSUH]HQWXMHZ\EUDQHEXGRZOH
]DOLF]DQHGRNODV\NLDUFKLWHNWXU\
IDQWDVW\F]QHMWDNLHMDN3DODLV,GHDO
NRáR/\RQXRUD]ERMDNĪHE\LQDF]HM
5RFN*DUGHQVWZRU]RQ\SU]H]1HND
&KDQGDZ&KDQGLJDUKZ,QGLDFK

Kup na Amazon

7KH5RFN*DUGHQ

M.S. Aulakh

7DQLHZLHONDF]DUQRELDáDNVLąĪND
MHVWNRPHQWDU]HP06$XODNKD
RUD]KRáGHPQDF]HĞü5RFN*DUGHQ
3XEOLNDFMDWDQLHMHVWSRZV]HFKQLH
GRVWĊSQDMHGQDNRGF]DVXGRF]DVX
PRĪQD]QDOHĨüMHMXĪ\ZDQH
egzemplarze.

Kup na Amazon

5HFHQ]MHNVLąĪHN

.DĝG\ZLGRF]Q\IUDJPHQWPRĝHPLHÊZïDVQÈKLHUDUFKLÚFRbZ\UDěQLH
ZLGDÊQDSRZ\ĝV]\PSU]\NïDG]LHZbNWöU\PNDĝGDNVLÈĝNDMHVW
SU]HGVWDZLRQDZbRVREQHMSRGVHNFMLLb]DZLHUDW\WXïDXWRUDRUD]ïÈF]H
GRbVNOHSX

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

352&(6,b352-(.7

352-(.72:$1,(

(/(0(17:

1$:,*$&<-1<&+

(OHPHQW\QDZLJDF\MQHZLWU\Q\QLHW\ONRSRPDJDMÈXĝ\WNRZQLNRP
GRWU]HÊWDPJG]LHFKFÈOHF]WDNĝHXïDWZLDMÈLP]UR]XPLHQLH
F]HJRRQDGRW\F]\RUD]ZbMDNLVSRVöEMHVW]RUJDQL]RZDQD
'REUHbHOHPHQW\QDZLJDF\MQHVÈ]D]Z\F]DMWZRU]RQH]JRGQLH
]bSRQLĝV]\PL]DVDGDPLĮ

35=(-5=<672¥m

8ĝ\WNRZQLF\SRZLQQL
E\ÊZbVWDQLHSU]HZLG]LHÊ
]DZDUWRĂÊVWURQ\]DQLPNOLNQÈ
SURZDG]ÈFHQDQLÈïÈF]H-HĂOL
WRPRĝOLZHïÈF]DSRZLQQ\PLHÊ
SRVWDÊMHGQHJRRSLVRZHJR
VïRZDDbQLHNLONXZ\UD]öZ

6(/(.7<:12¥m

*ïöZQHHOHPHQW\QDZLJDF\MQH
SRZLQQ\RGSRZLDGDÊZ\ïÈF]QLH
G]LDïRPOXE]DZDUWRĂFL
ZLWU\Q\)XQNFMRQDOQRĂFLWDNLH
MDNbORJRZDQLHLbZ\V]XNLZDQLH
LQIRUPDFMHSUDZQHQSZDUXQNL
NRU]\VWDQLDRUD]SRGREQH
HOHPHQW\QDMOHSLHMXPLHV]F]DÊ
ZbLQQ\FKIUDJPHQWDFKVWURQ

=:,}=2¥m

(OHPHQW\QDZLJDF\MQHSRZLQQ\
E\ÊWDNLHE\Xĝ\WNRZQLN
PöJïMHRGF]\WDÊïDWZR
LbV]\ENR'REU\PSRP\VïHP
MHVWRJUDQLF]HQLHOLF]E\RSFML
ZbPHQXWDNE\QLHSU]HNUDF]DïD
RĂPLXïÈF]\0RJÈRQH
SURZDG]LÊGRVWURQJïöZQ\FK
SRV]F]HJöOQ\FKG]LDïöZZLWU\Q\
DbWHĽGRbNROHMQ\FKVWURQ

6WURQDJáyZQD3UR¿OHWZyUFyZ:\VWDZ\LLPSUH]\*DOHULH.VLąĪNLLF]DVRSLVPD

2WHMZLWU\QLH.RQWDNW]QDPL/RJRZDQLH5HMHVWUDFMD:DUXQNLNRU]\VWDQLD3ROLW\NDSU\ZDWQRĞFL

6WURQDJáyZQD3UR¿OHWZyUFyZ:\VWDZ\*DOHULH3XEOLNDFMH2QDV.RQWDNW

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

471

352&(6,b352-(.7

'XĝHZLWU\Q\PRJÈSRVLDGDÊ
JïöZQHHOHPHQW\QDZLJDF\MQH
RUD]HOHPHQW\QDZLJDF\MQH
GUXJLHJRDbQDZHWWU]HFLHJR
VWRSQLD*ïöZQHHOHPHQW\
QDZLJDF\MQH]D]Z\F]DMVÈ
XPLHV]F]DQHZbJöUQHMF]ÚĂFL
VWURQZbSR]LRPLHRGVWURQ\
OHZHMGRSUDZHMOXEZbSLRQLHĽ
Z]GïXĝOHZHMNUDZÚG]LVWURQ\
(OHPHQW\QDZLJDF\MQHGUXJLHJR
VWRSQLDPRJÈE\ÊXPLHV]F]DQH
SRQLĝHMHOHPHQWöZJïöZQ\FK

DOERZ]GïXĝNUDZÚG]LVWURQ\
(OHPHQW\QDZLJDF\MQH
WU]HFLHJRVWRSQLDVÈ]D]Z\F]DM
XPLHV]F]DQHZbVWRSFHVWURQ\
0HQXQLHMHVWMHG\Q\P
VSRVREHPZbMDNLXĝ\WNRZQLF\
SRUXV]DMÈVLÚSRZLWU\QLH
'RbWHJRFHOXZ\NRU]\VW\ZDQH
VÈWDNĝHïÈF]DXPLHV]F]DQH
ZbWUHĂFLSRV]F]HJöOQ\FK
VWURQ1LHNWöUHZLWU\Q\
XGRVWÚSQLDMÈUöZQLHĝPRĝOLZRĂÊ
SU]HV]XNLZDQLDLFK]DZDUWRĂFL

,17(5$.7<:12¥m

.DĝGHïÈF]HSRZLQQRE\Ê
QDbW\OHGXĝHE\PRĝQDMHE\ïR
NOLNQÈÊDbMHJRZ\JOÈGSRZLQLHQ
VLÚ]PLHQLDÊSRXPLHV]F]HQLX
QDQLPZVNDěQLNDP\V]\
LbNOLNQLÚFLXÈF]DSRZLQQ\
VLÚWDNĝHZL]XDOQLHRGUöĝQLDÊ
RGbLQQ\FKHOHPHQWöZVWURQ

:,}&(-:b6,(&,

1DVWURQLHSRĂZLÚFRQHM
WHMNVLÈĝFHPRĝQD]QDOHěÊ
LQIRUPDFMHRbW\PZbMDNLVSRVöE
]DLPSOHPHQWRZDÊPHFKDQL]P
SU]HV]XNLZDQLDZLWU\Q\SU]\
Xĝ\FLXQDU]ÚG]LD*RRJOH6HDUFK

63-12¥m

,PZLÚNV]DOLF]EDVWURQ
WZRU]ÈF\FKZLWU\QÚW\PZLÚFHM
HOHPHQWöZQDZLJDF\MQ\FK&KRÊ
HOHPHQW\QDZLJDF\MQHGUXJLHJR
VWRSQLDEÚGÈVLÚ]PLHQLDÊ
QDSRV]F]HJöOQ\FKVWURQDFK
QDMOHSV]\PUR]ZLÈ]DQLHP
MHVW]DFKRZDQLHJïöZQ\FK
HOHPHQWöZQDZLJDF\MQ\FK
ZbGRNïDGQLHWDNLHMVDPHM
SRVWDFLZbFDïHMbZLWU\QLH

.217(.67

'REUHHOHPHQW\QDZLJDF\MQH
]DSHZQLDMÈNRQWHNVW3R]ZDODMÈ
Xĝ\WNRZQLNRP]RULHQWRZDÊ
VLÚZbMDNLPPLHMVFXZLWU\Q\
DNWXDOQLHSU]HE\ZDMÈ'RWHJR
FHOXGRVNRQDOHQDGDMHVLÚ
LQQ\NRORUOXEMDNLĂZL]XDOQ\
]QDF]QLN

6WURQDJáyZQD3UR¿OHWZyUFyZ:\VWDZ\*DOHULH3XEOLNDFMH2QDV.RQWDNW

6WURQDJáyZQD

3UR¿OHWZyUFyZ

:\VWDZ\*DOHULH3XEOLNDFMH2QDV.RQWDNW

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

32'6802:$1,(

352&(6,b352-(.7

%DUG]RZDĝQHMHVWRNUHĂOHQLHNLPVÈGRFHORZL

Xĝ\WNRZQLF\ZLWU\Q\GODF]HJREÚGÈMÈRGZLHG]DÊ

MDNLHLQIRUPDFMHSUDJQÈQDQLHM]QDOHěÊRUD]

MDNbF]ÚVWREÚGÈSRZUDFDÊ

0DS\ZLWU\Q\SR]ZDODMÈ]DSURMHNWRZDÊMHMVWUXNWXUÚ

6]NLHOHW\VWURQSR]ZDODMÈ]RUJDQL]RZDÊLQIRUPDFMH

NWöUHSRZLQQ\VLÚQDQLFK]QDOHěÊ

3URMHNWMHVWĂFLĂOHSRZLÈ]DQ\]bNRPXQLNDFMÈ

2GSRZLHGQLDKLHUDUFKLDZL]XDOQDXïDWZLD

Xĝ\WNRZQLNRP]UR]XPLHQLHNRPXQLNDWXNWöU\

FKFHP\LPSU]HND]DÊ

5öĝQHLQIRUPDFMH]DPLHV]F]DQHQDVWURQDFKPRĝQD

RGUöĝQLDÊGRVLHELHSU]\Xĝ\FLXZLHONRĂFLNRORUöZ

RUD]VW\OX

3RSU]H]JUXSRZDQLHLQIRUPDFMLRUD]VWRVRZDQLH

SRGRELHñVWZPRĝHP\XSURĂFLÊSU]HND]

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

INFORMACJE

PRAK T YCZNE

2SW\PDOL]DFMDVWURQSRGNÈWHPZ\V]XNLZDQLD

6WRVRZDQLHDQDOL]ZbFHOX]UR]XPLHQLDRGZLHG]DMÈF\FK

8PLHV]F]DQLHZLWU\Q\ZbLQWHUQHFLH

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

476 INFORMACJE PRAKTYCZNE

:bUDPDFKSRGVXPRZDQLDQLQLHMV]HMNVLÈĝNL
ZbW\PUR]G]LDOH]DPLHV]F]RQRSUDNW\F]QH
LQIRUPDFMHNWöUHSR]ZROÈ&]\WHOQLNRZL
XUXFKRPLÊFLHV]ÈFÈVLÚSRZRG]HQLHP
VWURQÚLQWHUQHWRZÈ

0RĝQD]QDOHěÊFDïHNVLÈĝNLSRĂZLÚFRQHZ\ïÈF]QLHSRMHG\QF]\P
]DJDGQLHQLRPRSLV\ZDQ\PZbW\PUR]G]LDOH7XWDMMHGQDN
]DPLHV]F]RQH]RVWDï\MHG\QLHZSURZDG]HQLDZ\MDĂQLDMÈFHF]HJRWH
]DJDGQLHQLDGRW\F]ÈRUD]ZVND]öZNLVXJHUXMÈFHFRQDOHĝ\Z]LÈÊ
SRGXZDJÚ:bW\PUR]G]LDOH]RVWDQÈSU]HGVWDZLRQHNZHVWLH

3RGVWDZ\RSW\PDOL]DFMLVWURQSRGNÈWHPZ\V]XNLZDQLD

:\NRU]\VWDQLHDQDOL]ZbFHOX]UR]XPLHQLDMDNRGZLHG]DMÈF\
NRU]\VWDMÈ]bMXĝXGRVWÚSQLRQ\FKZLWU\Q

8PLHV]F]DQLHZLWU\Q\ZbLQWHUQHFLH

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

477

INFORMACJE PRAKTYCZNE

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

478 INFORMACJE PRAKTYCZNE

OPTYMALIZACJA

32'b.k7(0:<6=8.,:$1,$

(SEO)

2SW\PDOL]DFMDSRGNÈWHPZ\V]XNLZDQLDDQJ

Search Engine

OptimizationĽ6(2MHVWEDUG]RUR]OHJï\P]DJDGQLHQLHP

NWöUHPXbSRĂZLÚFRQRZLHOHNVLÈĝHN,QIRUPDFMH]DPLHV]F]RQH

QDbNLONXNROHMQ\FKVWURQDFKSR]ZROÈ]UR]XPLHÊNOXF]RZHNZHVWLH

]bQLÈ]ZLÈ]DQHLbSRSUDZLÊSR]\FMÚZLWU\Q\ZbZ\V]XNLZDUNDFK

PODSTAWY

2SW\PDOL]DFMDSRGNÈWHP
Z\V]XNLZDQLDRNUHĂODQD
SRZV]HFKQLHMDNR6(2WR
SUöED]DSHZQLHQLDE\ZLWU\QD
SRMDZLDïDVLÚMDNQDMEOLĝHM
SRF]ÈWNXZ\QLNöZ]ZUDFDQ\FK
SU]H]Z\V]XNLZDUNLZWHG\JG\
Xĝ\WNRZQLF\SRV]XNXMÈWHPDWX
NWöUHJRRQDGRW\F]\
.OXF]RZ\PDVSHNWHP6(2
MHVWbSUöEDRNUHĂOHQLDWHUPLQöZ
NWöUHXĝ\WNRZQLF\PRJÈ
SRGDZDÊZbZ\V]XNLZDUNDFK
E\RGV]XNDÊZLWU\QÚ
DbQDVWÚSQLHXPLHV]F]HQLHLFK
ZbRGSRZLHGQLFKPLHMVFDFK
ZLWU\Q\ZbFHOX]ZLÚNV]HQLD
V]DQVĝHZ\V]XNLZDUNLSRNDĝÈ
ïÈF]HGRQLHMZbZ\JHQHURZDQ\FK
Z\QLNDFK
$E\RNUHĂOLÊNROHMQRĂÊ
SUH]HQWRZDQ\FKZ\QLNöZ
Z\V]XNLZDUNLDQDOL]XMÈQLHW\ONR
WUHĂFL]DPLHV]F]RQHQDbVWURQLH
8Z]JOÚGQLDMÈWDNĝHWRMDN
ZLHOHLQQ\FKZLWU\Q]DZLHUD
SURZDG]ÈFHGRQLHMïÈF]D
RUD]bMDNZDĝQHRQHVÈ=bWHJR
SRZRGX]DJDGQLHQLD6(2F]ÚVWR
G]LHOÈVLÚQDGZDREV]DU\
WHFKQLNLVWRVRZDQHZbZLWU\QLH
RUD]SR]DQLÈ

TECHNIKI STOSOWANE

:b:,75<1,(

=DOLF]DMÈVLÚGRQLFKPHWRG\
NWöU\FKPRĝQDXĝ\ZDÊ
ZHbZïDVQHMZLWU\QLHZbFHOX
SRSUDZLHQLDMHMSR]\FML
ZbZ\QLNDFKZ\V]XNLZDUHN
%D]XMÈRQHQDSRV]XNLZDQLX
VïöZNOXF]RZ\FKNWöUH
Xĝ\WNRZQLF\QDMSUDZGRSRGREQLHM
EÚGÈZSLV\ZDOL
ZbZ\V]XNLZDUNDFKSRV]XNXMÈF
QDV]HMZLWU\Q\DbQDVWÚSQLH
XPLHV]F]DQLXLFKZbNRG]LH
+70/VWURQE\bSRLQIRUPRZDÊ
SU]HJOÈGDUNLRbWHPDW\FHZLWU\Q\
'ODZ\V]XNLZDUHNGXĝH
]QDF]HQLHPDMÈWHNVW\]QDMGXMÈFH
VLÚQDVWURQDFKZLWU\Q\]DWHP
EDUG]RLVWRWQHMHVWE\]QDOD]ï\
VLÚZbQLFKWHUPLQ\NWöUHPRJÈ
E\ÊXĝ\ZDQHSRGF]DVSUöE
RGQDOH]LHQLDQDV]HMZLWU\Q\
,VWQLHMHVLHGHPNOXF]RZ\FK
PLHMVFZbNWöU\FKEÚG]LHP\
XPLHV]F]DÊWDNLHVïRZD
NOXF]RZH
'RGDWNRZRSRXPLHV]F]HQLX
RGSRZLHGQLFKWHNVWöZ
ZbDWU\EXFLHaltREUD]öZ
XïDWZLDP\Z\V]XNLZDUNRP
]UR]XPLHQLHWUHĂFLJUDğN
SUH]HQWRZDQ\FKQDVWURQLH

TECHNIKI STOSOWANE

32=$:,75<1k

5öZQLHGXĝH]QDF]HQLHMDN
WHFKQLNLVWRVRZDQHZbZLWU\QLH
PDXPLHV]F]HQLHRGZRïDñ
GRQLHMZbLQQ\FKZLWU\QDFK
:\V]XNLZDUNLSRPDJDMÈVRELH
ZbRNUHĂOHQLXMHMSR]\FMLSRSU]H]
RNUHĂOHQLHOLF]E\LQQ\FKVWURQ
NWöUHVLÚGRQLHMRGZRïXMÈ
:\V]XNLZDUNLVÈV]F]HJöOQLH
]DLQWHUHVRZDQHZLWU\QDPL
NWöUHPDMÈWDNÈVDPÈ
]DZDUWRĂÊMDNbQDV]D-HĂOL
QSbZbQDV]HMZLWU\QLH]DMPXMHP\
VLÚVSU]HGDZDQLHPSU]\QÚW
ZÚGNDUVNLFKWRXPLHV]F]HQLH
ïÈF]DGRQLHMQDbVWURQLH]DNïDGX
IU\]MHUVNLHJR]DSHZQHQLH
]RVWDQLHSRWUDNWRZDQHMDNR
UöZQLHLVWRWQHMDNïÈF]HQDIRUXP
ZÚGNDUVWZDVSLQQLQJRZHJR
:\V]XNLZDUNLDQDOL]XMÈWDNĝH
VïRZDXPLHV]F]DQHZbïÈF]DFK
ĽSRPLÚG]\RWZLHUDMÈF\P
]QDF]QLNLHP<a>Lb]DP\NDMÈF\P
]QDF]QLNLHP</a>-HĂOLWHNVW
ïÈF]D]DZLHUDVïRZDNOXF]RZH
]DPLDVW]Z\F]DMQHJRķNOLNQLM
WXWDMĵOXEQD]Z\ZLWU\Q\WR
]RVWDQLHRQSRWUDNWRZDQ\MDNR
EDUG]LHM]QDF]ÈF\
6ïRZDXPLHV]F]DQHZbïÈF]DFK
GRQDV]HMZLWU\Q\SRZLQQ\VLÚ
WDNĝHSRMDZLDÊZbWUHĂFLVWURQ
GRbNWöU\FKSURZDG]È

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

479

INFORMACJE PRAKTYCZNE

TECHNIKI SEO

67262:$1(:b:,75<1,(

1DNDĝGHMVWURQLHLQWHUQHWRZHMMHVWNLONDLVWRWQ\FKPLHMVFZbNWöU\FK
PRĝQDXPLHV]F]DÊVïRZDNOXF]RZHSRGDZDQHSU]H]Xĝ\WNRZQLNöZ
ZbZ\V]XNLZDUNDFKWDNDE\ïDWZLHME\ïRMÈRGQDOHěÊ

7<7867521<

7\WXïVWURQ\MHVWZ\ĂZLHWODQ\
QDbVDPHMJöU]HRNQD
SU]HJOÈGDUNLOXEZbQD]ZLHNDUW\
-HVWRQSRGDZDQ\ZbHOHPHQFLH
<title>XPLHV]F]DQ\P
ZHZQÈWU]HOHPHQWX<head>

85/

LUB ADRES WITRYNY

1D]ZDSOLNXVWDQRZLHOHPHQW
DGUHVX85/=DZV]HJG\
WRW\ONRPRĝOLZHZDUWR
VWRVRZDÊVïRZDNOXF]RZH
MDNRbQD]Z\bSOLNöZ

1$*:.,

-HĂOLVïRZDNOXF]RZH]RVWDQÈ
XPLHV]F]RQHZbQDJïöZNDFK
HOHPHQWDFK<hn>
WRbZ\V]XNLZDUNLEÚGÈZLHG]LHÊ
ĝHVWURQDMHVWZbFDïRĂFL
SRĂZLÚFRQDMDNLHMĂWHPDW\FH
LbSU]\SLV]ÈLPZLÚNV]H
]QDF]HQLHQLĝJG\E\VWDQRZLï\
RQH]Z\F]DMQ\WHNVW

7(.67

*G]LHWRW\ONRPRĝOLZHZDUWR
SRZWDU]DÊVïRZDNOXF]RZH
Zb]Z\F]DMQ\PWHNĂFLHVWURQ\
LbWRSU]\QDMPQLHMGZDWU]\UD]\
1LHQDOHĝ\LFKMHGQDNXĝ\ZDÊ
]E\WF]ÚVWRJG\ĝWHNVWPXVLE\Ê
]UR]XPLDï\GODF]\WHOQLND

7(.67<:bk&=$&+

:DUWRXĝ\ZDÊVïöZNOXF]RZ\FK
ZbWHNVWDFKïÈF]\SURZDG]ÈF\FK
GRLQQ\FKVWURQZLWU\Q\
]DPLDVWVWDQGDUGRZ\FK
]ZURWöZW\SXķNOLNQLMWXWDMĵ

7(.67

ALTERNATYWNY

2%5$=:

:\V]XNLZDUNLRF]HNXMÈ
ĝHbWZöUF\VWURQEÚGÈSRGDZDOL
SUHF\]\MQHRSLV\REUD]öZ
XPLHV]F]DMÈFMHZbDWU\EXWDFK
alt5R]ZLÈ]DQLHWRXPRĝOLZL
WDNĝHZ\ĂZLHWODQLHW\FK
REUD]öZZbZ\QLNDFK
Z\V]XNLZDQLDJUDğN

23,667521<

2SLVVWURQ\WDNĝHMHVW
XPLHV]F]DQ\ZHZQÈWU]
HOHPHQWX<head>SU]\F]\P
SRGDMHVLÚJRXĝ\ZDMÈF
znacznika <meta>3RZLQLHQ
RQE\Ê]GDQLHPRSLVXMÈF\P
]DZDUWRĂÊVWURQ\2SLV\
WHQLHVÈZLGRF]QHZbRNQLH
SU]HJOÈGDUNLMHGQDNF]DVDPL
SU]HJOÈGDUNLZ\ĂZLHWODMÈMH
ZbZ\QLNDFKZ\V]XNLZDQLD

1LHQDOHĝ\VWDUDÊVLÚ
SU]HFK\WU]\ÊZ\V]XNLZDUHN
0RĝQD]RVWDÊ]DWRXNDUDQ\P
1LJG\QSQLHSRZLQQRVLÚ
XPLHV]F]DÊQDVWURQLHWHNVWX
ZbW\PVDP\PNRORU]HFRNRORU
WïDĽZ\V]XNLZDUNLSRWUDğÈ
WRbZ\NU\Ê

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

480 INFORMACJE PRAKTYCZNE

-$.2.5(¥/$m62:$

,b)5$=<./8&=2:("

.LHG\P\ĂOLP\RbRSW\PDOL]DFMLSRGNÈWHPZ\V]XNLZDQLD
MHGQ\P]bQDMWUXGQLHMV]\FKSUREOHPöZPRĝHE\ÊRNUHĂOHQLHVïöZ
NOXF]RZ\FKNWöU\FKSRZLQQLĂP\Xĝ\Ê,VWQLHMHV]HĂÊNURNöZ
NWöUHbSRPDJDMÈZbRNUHĂOHQLXSUDZLGïRZ\FKVïöZLbIUD]NOXF]RZ\FK

%85=$0=*:

:DUWRZ\SLVDÊOLVWÚVïöZ
NWöUHNWRĂPRĝHZSLVDÊ
ZbZ\V]XNLZDUFH*RRJOH
E\RGQDOHěÊQDV]ÈVWURQÚ
7U]HEDSU]\W\PSDPLÚWDÊ
E\bXZ]JOÚGQLÊUöĝQH
]DJDGQLHQLDSURGXNW\LbXVïXJL
RIHURZDQHQDbVWURQLH

&]ÚVWREDUG]RSRPRFQHMHVW
]DS\WDQLHLQQ\FKRbWRMDNLFK
VïöZE\Xĝ\OLDE\bRGQDOHěÊ
QDV]ÈZLWU\QÚJG\ĝ
RVRE\NWöUHVïDELHM]QDMÈ
SUH]HQWRZDQH]DJDGQLHQLD
PRJÈXĝ\ZDÊLQQ\FKWHUPLQöZ
QLĝP\ZbV]F]HJöOQRĂFLQLH
EÚGÈVLÚUDF]HMSRVïXJLZDOL
WHUPLQRORJLÈIDFKRZÈ

-HĂOL]DJDGQLHQLDSUH]HQWRZDQH
QDVWURQLHVÈRSLV\ZDQHFDï\PL
Z\UDĝHQLDPLWRWDNĝHRQH
DbQLHSRMHG\QF]HVïRZDPRJÈ
VLÚ]QDOHěÊQDQDV]HMOLĂFLH

25*$1,=$&-$

6ïRZDNOXF]RZHQDOHĝ\
SRJUXSRZDÊZbOLVW\RGQRV]ÈFH
VLÚGRNRQNUHWQ\FKG]LDïöZ
OXEbNDWHJRULLZLWU\Q\

-HĂOLQSQDV]DZLWU\QDMHVW
VNOHSHP]H]ZLHU]ÚWDPL
GRPRZ\PLNDWHJRULHWHPRJÈ
RGSRZLDGDÊUöĝQ\PJDWXQNRP
]ZLHU]ÈWWDNLPMDNSV\
NRW\bNUöOLNL

:bSU]\SDGNXGXĝ\FKZLWU\Q
PRĝQDNRQW\QXRZDÊWHQ
SRG]LDïWZRU]ÈFSRGNDWHJRULH
QSRGUÚEQHJUXS\UöĝQ\FK
URG]DMöZNDUP\GOD]ZLHU]ÈW

326=8.,:$1,$

'RVWÚSQ\FKMHVWNLONDQDU]ÚG]L
SR]ZDODMÈF\FKSRGDZDÊ
VïRZDNOXF]RZHDbQDVWÚSQLH
VXJHUXMÈF\FKGRGDWNRZH
VïRZDNWöU\FKPRĝQDE\Xĝ\Ê
2WRbNLOND]bQLFK

adwords.google.pl/select/
KeywordToolExternal
Xĝ\ZDMÈFWHJRQDU]ÚG]LD
QDOHĝ\UDF]HMZ\ELHUDÊWU\E
GRSDVRZ\ZDQLDķ¥FLVïHĵ
DbQLHķ3U]\EOLĝRQHĵ
www.wordtracker.com
www.keyworddiscovery.com

3RZ\ĂZLHWOHQLXVXJHURZDQ\FK
VïöZNOXF]RZ\FKWHNWöUH
EÚGÈSDVRZDÊPRĝQDGRGDÊ
GRVWZRU]RQHMZF]HĂQLHM
OLVW\:\PLHQLRQHQDU]ÚG]LD
EÚGÈ]DSHZQHVXJHURZDï\
WHUPLQ\QLHPDMÈFHZLÚNV]HJR
VHQVXZbNRQWHNĂFLHQDV]HM
ZLWU\Q\WU]HED]DWHPSRPLQÈÊ
ZV]\VWNLHNWöUHQLHZ\GDMÈVLÚ
ZïDĂFLZH

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

481

INFORMACJE PRAKTYCZNE

325:1$1,(

-HVWEDUG]RPDïR
SUDZGRSRGREQHE\QDV]D
ZLWU\QDSRMDZLïDVLÚ
QDbVDP\PSRF]ÈWNXZ\QLNöZ
Z\V]XNLZDQLDGODNDĝGHJR
]bXĝ\ZDQ\FKVïöZNOXF]RZ\FK
:bV]F]HJöOQRĂFLGRW\F]\WR
W\FK]DJDGQLHñZbNWöU\FK
NRQNXUHQFMDMHVWEDUG]RGXĝD
,PZLÚFHMZLWU\Q]RVWDïRMXĝ
]RSW\PDOL]RZDQ\FKSRGNÈWHP
GDQHJRVïRZDNOXF]RZHJR
W\PWUXGQLHMQDPEÚG]LH
XPLHĂFLÊZLWU\QÚZbF]RïöZFH
Z\QLNöZ]ZUDFDQ\FKSRGF]DV
Z\V]XNLZDQLDWHJRWHUPLQX

1LHNWöUHZLWU\Q\]DMPXMÈFHVLÚ
EDGDQLHPVïöZNOXF]RZ\FK
SRWUDğÈ]ZUDFDÊLQIRUPDFMH
RbOLF]ELHLQWHUQDXWöZNWöU]\
SRGF]DVZ\V]XNLZDQLD
Xĝ\OLNRQNUHWQHJRVïRZD
FRbSR]ZDODVLÚ]RULHQWRZDÊ
MDNDNRQNXUHQFMDSDQXMHZĂUöG
ZLWU\QNWöUHMHZ\NRU]\VWXMÈ

0RĝQDWDNĝHZ\NRU]\VWDÊ
]DDZDQVRZDQHPHFKDQL]P\
Z\V]XNLZDUNL*RRJOHE\
SU]HV]XNDÊMHG\QLHW\WXï\
ZLWU\Q7RSR]ZDODVLÚ
]RULHQWRZDÊMDNZLHOH
ZLWU\QXĝ\ZDNRQNUHWQHJR
WHUPLQXZbW\WXïDFKVZRLFK
VWURQ:\ĝV]DOLF]EDVWURQ
EÚG]LHĂZLDGF]\ÊRbZLÚNV]HM
NRQNXUHQFMLRbGDQHVïRZR
NOXF]RZH

8'26.21$/(1,(

7HUD]PXVLP\]GHF\GRZDÊ
QDbNWöU\FKVïRZDFKNOXF]RZ\FK
EÚG]LHP\VLÚNRQFHQWURZDÊ
1DOHĝ\Z\EUDÊWHQDMLVWRWQLHMV]H
GODSRV]F]HJöOQ\FKG]LDïöZ
ZLWU\Q\

-HĂOL]QDMG]LHP\Z\UDĝHQLH
NWöUHMHVWEDUG]RZDĝQHOHF]
MHVWF]ÚVWRVWRVRZDQHZbLQQ\FK
ZLWU\QDFKWRPLPRZV]\VWNR
QDOHĝ\JRXĝ\Ê$E\bSRSUDZLÊ
V]DQVHRGQDOH]LHQLDZLWU\Q\
WU]HEDVSUDZG]LÊF]\LVWQLHMÈ
LQQHVïRZDNOXF]RZHNWöUH
PRĝQDE\GRGDÊGRWHJR
Z\UDĝHQLD-HĂOLQSRIHURZDQH
LQIRUPDFMHOXEXVïXJLVÈ
SRZLÈ]DQH]bNRQNUHWQÈ
ORNDOL]DFMÈPRĝHVLÚRND]DÊ
ĝHbGRGDQLHMHMGRVïöZ
NOXF]RZ\FKXïDWZLRGQDOH]LHQLH
ZLWU\Q\

-HĂOLQDV]DZLWU\QDRIHUXMH
SRNU\ZDQLHGDFKöZ
GDFKöZNDPLïXSNRZ\PL
Zb3ROVFHWROHSV]HGOD
QLHMEÚG]LHSU]\FLÈJQLÚFLH
bLQWHUQDXWöZ]b3ROVNL
QLĝbbW\VLÚF\]b86$

=$67262:$1,(

.LHG\MXĝXGRVNRQDOLP\
OLVWÚVïöZNOXF]RZ\FK
LbRNUHĂOLP\NWöUH]bQLFKVÈ
QDMF]ÚĂFLHMXĝ\ZDQHLbNWöUH
VÈQDMLVWRWQLHMV]HGODQDV]HM
ZLWU\Q\WU]HEDEÚG]LHGRNRQDÊ
RVWDWHF]QHJRZ\ERUXLb]DF]ÈÊ
XPLHV]F]DÊMHQDVWURQDFK

:DUWRZ\EUDÊRGWU]HFK
GRbSLÚFLXVïöZOXEZ\UDĝHñ
NOXF]RZ\FKNWöUHPRĝQD
GRSDVRZDÊGRSRV]F]HJöOQ\FK
VWURQZLWU\Q\Lb]DF]ÈÊMH
QDbQLFKXPLHV]F]DÊ

=D]Z\F]DMQLHWU]HED
XPLHV]F]DÊZV]\VWNLFK
VïöZNOXF]RZ\FKQDbNDĝGHM
]HVWURQ-HVWUDF]HM
PDïRSUDZGRSRGREQH
ĝHbSU]\bSU]HFKRG]HQLX]HVWURQ\
JïöZQHMQDLQQHVWURQ\ZLWU\Q\
Xĝ\ZDQHVïRZDNOXF]RZHEÚGÈ
VLÚ]PLHQLDÊE\GRNïDGQLHM
RGSRZLDGDÊWHPDW\FH
NRQNUHWQ\FKVWURQ

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

482 INFORMACJE PRAKTYCZNE

*22*/($1$/<7,&6

POZNAJ SWOICH

8¿<7.2:1,.:

*G\W\ONRLQWHUQDXFL]DF]QÈRGZLHG]DÊQDV]ÈZLWU\QÚPRĝHP\
]DF]ÈÊDQDOL]RZDÊWRMDNMÈ]QDOHěOLF]HJRQDQLHMV]XNDMÈ
LbZbMDNLFKPLHMVFDFKMÈRSXV]F]DMÈ

REJESTRACJA

.RU]\VWDQLH]bXVïXJL
*RRJOH$QDO\WLFVZ\PDJD
]DUHMHVWURZDQLDVLÚ
LbXWZRU]HQLDNRQWDQDVWURQLH
www.google.com/analytics
8VïXJDXGRVWÚSQLDIUDJPHQW
NRGXĂOHG]ÈFHJRNWöU\
QDOHĝ\XPLHĂFLÊQDNDĝGHM
VWURQLHbZLWU\Q\

:bF]DVLHSRZVWDZDQLD
QLQLHMV]HMNVLÈĝNLğUPD
*RRJOHDNWXDOL]RZDïDXVïXJÚ
$QDO\WLFVGRZHUVML-HĂOL
]DWHP&]\WHOQLN]DORJXMHVLÚ
GRbZLWU\Q\XVïXJLLb]REDF]\LQQ\
LQWHUIHMVSRZLQLHQSRV]XNDÊ
XPLHV]F]RQHJRZbSUDZ\P
JöUQ\PURJXVWURQ\ïÈF]D
1RZDbZHUVMD

-$.72'=,$$"

=DNDĝG\PUD]HPJG\NWRĂ
Z\ĂZLHWODMDNÈĂVWURQÚZLWU\Q\
NRGĂOHG]ÈF\SU]HV\ïDGDQH
QDVHUZHU*RRJOHJG]LHVÈ
RQH]DSLV\ZDQH8VïXJD
*RRJOH$QDO\WLFVXGRVWÚSQLD
LQWHUQHWRZ\LQWHUIHMV
SR]ZDODMÈF\DQDOL]RZDÊ
MDNRGZLHG]DMÈF\NRU]\VWDMÈ
]bZLWU\Q\

.2'¥/('=k&<

.RGĂOHG]ÈF\MHVWXGRVWÚSQLDQ\
SU]H]XVïXJÚ*RRJOH
$QDO\WLFVGODNDĝGHMZLWU\Q\
NWöUÈFKFHP\DQDOL]RZDÊ
3RZLQLHQbRQ]RVWDÊ
XPLHV]F]RQ\EH]SRĂUHGQLR
SU]HG]DP\NDMÈF\P
]QDF]QLNLHP</head>
.RGbWHQZbĝDGHQVSRVöEQLH
ZSï\ZDQDbSUH]HQWDFMÚVWURQ\
ZbLQWHUQHFLH

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

483

INFORMACJE PRAKTYCZNE

-$.'8¿226%

ODWIEDZA

1$6=k:,75<1}"

6WURQDSU]HJOÈGXXGRVWÚSQLDNOXF]RZHLQIRUPDFMH
NWöUHbQDMSUDZGRSRGREQLHMEÚG]LHP\FKFLHOLSR]QDÊ
:bV]F]HJöOQRĂFLSRND]XMHLOHRVöERGZLHG]DQDV]ÈZLWU\QÚ

ODWIEDZINY

7ROLF]EDRGZLHG]LQQDV]HM
ZLWU\Q\-HĂOLXĝ\WNRZQLNEÚG]LH
QLHDNW\ZQ\SU]H]bPLQXW
DbQDVWÚSQLHSRQRZQLH
UR]SRF]QLHSU]HJOÈGDQLHVWURQ
ZLWU\Q\]RVWDQLHWRSROLF]RQH
MDNRNROHMQHRGZLHG]LQ\

UNIKALNI

8¿<7.2:1,&<

7RVXPDU\F]QDOLF]EDRVöE
NWöUHRGZLHG]Lï\ZLWU\QÚ
ZbRNUHĂORQ\PSU]HG]LDOHF]DVX
-HĂOLMDNLHĂRVRE\SRZUöFLï\
QDbZLWU\QÚZLÚFHMQLĝMHGHQ
UD]ZbGDQ\PSU]HG]LDOH
F]DVXWRbOLF]EDXQLNDOQ\FK
Xĝ\WNRZQLNöZEÚG]LHPQLHMV]D
RGOLF]E\RGZLHG]LQ

2'621<

7RFDïNRZLWDOLF]ED
Z\ĂZLHWORQ\FKVWURQZLWU\Q\

STRONY/ODWIEDZINY

2]QDF]DĂUHGQLÈOLF]EÚVWURQ
NWöUHXĝ\WNRZQLF\RJOÈGDMÈ
SRGF]DVZL]\W\ZbZLWU\QLH

¥5('1,&=$6

TRWANIA ODWIEDZIN

7RĂUHGQLF]DVMDNLNDĝG\
Xĝ\WNRZQLNVSÚG]Lï
RGZLHG]DMÈFZLWU\QÚ

SELEKTOR DATY

.RU]\VWDMÈF]bVHOHNWRUDGDW\
XPLHV]F]RQHJRZbSUDZ\P
JöUQ\PURJXVWURQ\PRĝQD
]PLHQLÊRNUHV]DMDNL
MHVWVSRU]ÈG]DQ\UDSRUW
%H]SRĂUHGQLRSR]DORJRZDQLXMHVW
RQ]D]Z\F]DMXVWDZLDQ\QDbMHGHQ
PLHVLÈFĽPRĝQD]PLHQLÊWR
XVWDZLHQLHE\Z\JHQHURZDÊ
UDSRUW]DGRZROQ\F]DV

EKSPORT

2SFMDHNVSRUWXMHVW
XPLHV]F]RQDQDV]DU\PSDVNX
SRQLĝHMW\WXïXVWURQ\Odbiorcy
— omówienie8PRĝOLZLDRQD
Z\HNVSRUWRZDQLHVWDW\VW\N
SU]HGVWDZLRQ\FKQDVWURQLH
ZbNLONXUöĝQ\FKIRUPDWDFK
G]LÚNLF]HPXPRĝQDWH
GDQHSU]HWZDU]DÊZbLQQ\FK
DSOLNDFMDFKWDNLFKMDN([FHO

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

484 INFORMACJE PRAKTYCZNE

&22*/k'$-k

2':,('=$-k&<"

Opcja

7UHĂÊXPLHV]F]RQDZbSDQHOX]bOHZHMVWURQ\SR]ZDOD

X]\VNDÊZLÚFHMLQIRUPDFMLQDWHPDWWHJRF]HJRSRV]XNXMÈRVRE\
RGZLHG]DMÈFHZLWU\QÚ

WSZYSTKIE STRONY

7DRSFMDSRND]XMHNWöUH
VWURQ\ZLWU\Q\VÈQDMF]ÚĂFLHM
RGZLHG]DQHRUD]QDNWöU\FK
RGZLHG]DMÈF\VSÚG]DMÈ
QDMZLÚFHMF]DVX

:63&=<11,.

2'5=8&(

7DRSFMDSRND]XMHMDNZLHOX
Xĝ\WNRZQLNöZRSXĂFLïRZLWU\QÚ
QDWHMVDPHMVWURQLHRGbNWöUHM
UR]SRF]ÚïRRGZLHG]LQ\:\VRNL
ZVSöïF]\QQLNRGU]XFHñ
VXJHUXMHĝH]DZDUWRĂÊZLWU\Q\
QLHMHVWW\PF]HJRXĝ\WNRZQLF\
SRV]XNLZDOLDOERVWURQDQLH
]DFKÚFLïDLFKGRNRQW\QXRZDQLD
RGZLHG]LQ-DNRRGU]XFHQLHMHVW
XZ]JOÚGQLDQH

NOLNQLÚFLHïÈF]D
SURZDG]ÈFHJRGRLQQHM
ZLWU\Q\

NOLNQLÚFLHUHNODP\

ZSLVDQLHQRZHJR
DGUHVXb85/

NOLNQLÚFLHSU]\FLVNXWstecz

]DPNQLÚFLHSU]HJOÈGDUNL

STRONY DOCELOWE

6WURQ\GRFHORZHWRVWURQ\
RGbNWöU\FKXĝ\WNRZQLF\
]DF]\QDMÈSU]HJOÈGDQLHZLWU\Q\
2SFMDWDMHVWV]F]HJöOQLH
SU]\GDWQDJG\ĝPRĝHVLÚ
RND]DÊĝHRGZLHG]LQ\QLH
]DZV]HUR]SRF]\QDMÈVLÚ
RGbVWURQ\JïöZQHM

67521<:<-¥&,$

7DRSFMDSRND]XMHNWöUH
VWURQ\QDMF]ÚĂFLHMVÈRVWDWQLPL
VWURQDPLZLWU\Q\RJOÈGDQ\PL
SU]H]RGZLHG]DMÈF\FK-HĂOL
ZLHOHRVöENRñF]\RGZLHG]LQ\
QDWHMVDPHMVWURQLHWR
ZDUWRVLÚ]DVWDQRZLÊQDGMHM
PRG\ğNDFMÈOXESRSUDZÈ

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

485

INFORMACJE PRAKTYCZNE

6.k'35=<&+2'=k

2':,('=$-k&<"

Opcja

½UöGïDRGZLHG]LQXPLHV]F]RQDZbSDQHOX

SROHZHMVWURQLHSR]ZDODVLÚGRZLHG]LHÊVNÈG
QDMF]ÚĂFLHMSU]\FKRG]ÈRVRE\RGZLHG]DMÈFHZLWU\QÚ

&$<58&+

7DRSFMDSRND]XMHZV]\VWNLH
ZLWU\Q\]DZLHUDMÈFHïÈF]D
SURZDG]ÈFHQDQDV]ÈVWURQÚ
RUD]OLF]EÚRVöENWöUHWUDğï\
QDQLÈG]LÚNLW\PïÈF]RP
-HĂOL]bMDNLHMĂZLWU\Q\WUDğD
GRQDVZLHOXXĝ\WNRZQLNöZ
WRZDUWRVLÚVNRQWDNWRZDÊ
]bMHMZïDĂFLFLHOHPLbZVSöOQLH
SRSUDFRZDÊQDG]DFKRZDQLHP
WDNZ\VRNLHJRUXFKX0RĝQD
WDNĝHSRV]XNDÊZLWU\Q
RbSRGREQHMWHPDW\FHLbSRSURVLÊ
LFKZïDĂFLFLHOLRbXPLHV]F]HQLH
QDQLFKïÈF]\GRQDV]HMZLWU\Q\

%(=32¥5('1,

7DRSFMDSRND]XMHQDbMDNLH
VWURQ\WUDğDï\RVRE\
NWöUHZHV]ï\GRQDV]HM
ZLWU\Q\NRU]\VWDMÈF
]bïÈF]\8ĝ\WNRZQLF\
PRJÈZFKRG]LÊGRZLWU\Q\
SRbZSLVDQLXMHMDGUHVX85/
ZbSU]HJOÈGDUFHVNRU]\VWDQLX
]bDGUHVX]DSLVDQHJR
ZbUlubionychNOLNQLÚFLXïÈF]D
XPLHV]F]RQHJRZbZLDGRPRĂFL
HPDLOZbGRNXPHQFLH
3')OXEbGRNXPHQFLH
SURJUDPXb:RUG

WYSZUKIWANIE

7DRSFMDSRND]XMHWHUPLQ\
Xĝ\WHSU]H]RVRE\NWöUH
WUDğï\QDbQDV]ÈVWURQÚ
]DbSRĂUHGQLFWZHPZ\V]XNLZDUNL
']LÚNLWHMRSFMLPRĝHP\VLÚ
GRZLHG]LHÊMDNXĝ\WNRZQLF\
RSLVXMÈWRF]HJRSRV]XNXMÈ
FRF]ÚVWRUöĝQLVLÚRGWHJR
MDNZïDĂFLFLHOHRSLVXMÈVZRMH
ZLWU\Q\2SFMDWDPRĝHVLÚ
SU]\GDÊSRGF]DVSRSUDZLDQLD
]DZDUWRĂFLLbVïöZNOXF]RZ\FK
Xĝ\ZDQ\FKZb6(2

ZAAWANSOWANE

02¿/,:2¥&,

3U]HGVWDZLRQHWXPRĝOLZRĂFL
WRMHG\QLHGUREQ\XïDPHN
ZV]\VWNLFKLQIRUPDFMLQDWHPDW
ZLWU\Q\MDNLHPRĝHP\X]\VNDÊ
NRU]\VWDMÈF]b*RRJOH$QDO\WLFV
=QDF]QLHZLÚFHMLQIRUPDFML
QDWHPDW]DDZDQVRZDQ\FK
PRĝOLZRĂFLXVïXJLPRĝQD
]QDOHěÊZbMHMV\VWHPLHSRPRF\
-HĂOLSURZDG]LP\VNOHS
LQWHUQHWRZ\VNRU]\VWDMP\
]bPHFKDQL]PöZĂOHG]HQLD
HFRPPHUFHXGRVWÚSQLDMÈF\FK
LQIRUPDFMHRbNXSRZDQ\FK
SURGXNWDFKĂUHGQLHMOLF]ELH
SURGXNWöZZbNRV]\NXLWG
0RĝHP\WDNĝHRNUHĂOLÊFHOH
GHğQLXMÈFHĂFLHĝNLNWöU\PL
FKFHP\E\bSRGÈĝDOLXĝ\WNRZQLF\
ZLWU\Q\LbVSUDZG]DÊMDNGDOHNR
SRbW\FKĂFLHĝNDFKGRFLHUDMÈ
FRbMHVWV]F]HJöOQLHSU]\GDWQH
JG\bSRELHUDP\RGXĝ\WNRZQLNöZ
MDNLHĂLQIRUPDFMH

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

486 INFORMACJE PRAKTYCZNE

NAZWY DOMEN

,b6(5:(5:::

'RXUXFKRPLHQLDZLWU\Q\ZbLQWHUQHFLHSRWU]HEQH
EÚGÈQD]ZDGRPHQ\LbVHUZHU:::

NAZWY DOMEN

1D]ZDGRPHQ\MHVWQDV]\P
DGUHVHPLQWHUQHWRZ\P
(jak google.comOXE
helion.pl,VWQLHMHZLHOHZLWU\Q
SR]ZDODMÈF\FKQDUHMHVWURZDQLH
QD]ZGRPHQ=D]Z\F]DM
SRVLDGDQLHQD]Z\GRPHQ\
ZLÈĝHVLÚ]bNRQLHF]QRĂFLÈ
XLV]F]DQLDFRURF]Q\FKRSïDW
:LWU\Q\WH]D]Z\F]DMSR]ZDODMÈ
VSUDZG]LÊF]\SUHIHURZDQD
QD]ZDGRPHQ\MHVWGRVWÚSQD
DbSRQLHZDĝ]RVWDï\MXĝ
]DUHMHVWURZDQHPLOLRQ\
QD]ZGRPHQ]QDOH]LHQLH
RGSRZLHGQLHMQD]Z\PRĝH
SRWUZDÊ

:LHOHZLWU\QXGRVWÚSQLDMÈF\FK
PRĝOLZRĂÊUHMHVWUDFMLQD]Z
GRPHQĂZLDGF]\WDNĝHXVïXJL
SURZDG]HQLDVHUZHUöZ:::

SERWER WWW

$E\LQQLXĝ\WNRZQLF\LQWHUQHWX
PRJOLRJOÈGDÊQDV]ÈZLWU\QÚ
PXVLP\MÈVNRSLRZDÊQDVHUZHU
:::6HUZHU\:::WR
VSHFMDOQHNRPSXWHU\NWöUH
VÈFDï\F]DVSRGïÈF]RQH
GRbLQWHUQHWX=RVWDï\RQH
VSHFMDOQHVNRQğJXURZDQH
SRGbNÈWHPXGRVWÚSQLDQLDVWURQ
:::NLHG\W\ONR]RVWDQÈ
RbWRSRSURV]RQH

3U]HZDĝDMÈFDZLÚNV]RĂÊZLWU\Q
]bZ\MÈWNLHPW\FKQDMZLÚNV]\FK
MHVWXPLHV]F]DQDQDVHUZHUDFK
]DU]ÈG]DQ\FKSU]H]VSHFMDOQH
ğUP\7DNLHUR]ZLÈ]DQLHMHVW
]D]Z\F]DMWDñV]HLbEDUG]LHM
QLH]DZRGQHQLĝXUXFKDPLDQLH
ZïDVQHJRVHUZHUD

'RVWÚSQ\FKMHVWZLHOHW\SöZ
XVïXJSURZDG]HQLDZLWU\Q
:::3U]HGVWDZLP\NLOND
NOXF]RZ\FK]DJDGQLHñ
NWöUHSRPRJÈZ\EUDÊRIHUWÚ
RGSRZLHGQLÈGODSRWU]HE
QDV]HMbZLWU\Q\

35=(675=('<6.2:$

7HUPLQWHQRGQRVLVLÚGR
FDïNRZLWHMZLHONRĂFLZV]\VWNLFK
SOLNöZWZRU]ÈF\FKZLWU\QÚ
ZV]\VWNLFKSOLNöZ+70/&66
REUD]öZRUD]VNU\SWöZ

35=(38672:2¥m

7RZLHONRĂÊGDQ\FKNWöUH
ğUPD]DU]ÈG]DMÈFDVHUZHUHP
SU]HV\ïDGRRVöERJOÈGDMÈF\FK
QDV]ÈZLWU\QÚ-HĂOLZ\REUD]LP\
VRELHĝHRVöEFKFH
SU]HMU]HÊZV]\VWNLHVWURQ\
ZLWU\Q\WRSU]HSXVWRZRĂÊ
E\ïDE\G]LHVLÚFLRNURWQLHZLÚNV]D
RG]DMPRZDQHMSU]HVWU]HQL
G\VNRZHM

KOPIE ZAPASOWE

:DUWRVSUDZG]LÊF]\ğUPD
]DU]ÈG]DMÈFDVHUZHUHP:::
WZRU]\NRSLH]DSDVRZHZLWU\Q
DbMHĂOLWDNWRMDNF]ÚVWR
1LHNWöUHWZRU]ÈNRSLÚW\ONR
SRWRE\PöFMÈRGWZRU]\Ê
ZbUD]LHDZDULLVHUZHUD,QQH
]DSHZQLDMÈPRĝOLZRĂÊGRVWÚSX
GRWZRU]RQ\FKNRSLLFRPRĝH
VLÚSU]\GDÊMHĂOLRP\ïNRZR
XV]NRG]LP\FRĂZbZLWU\QLH
SRGF]DVMHMDNWXDOL]DFML

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

487

INFORMACJE PRAKTYCZNE

KONTA POCZTOWE

:LÚNV]RĂÊğUPSURZDG]ÈF\FK
VHUZHU\:::ZbUDPDFK
SDNLHWXZ\NXS\ZDQ\FKXVïXJ
XGRVWÚSQLDWDNĝHPRĝOLZRĂÊ
NRU]\VWDQLD]bVHUZHUDSRF]W\
HOHNWURQLF]QHM:DUWRVSUDZG]LÊ
ZLHONRĂÊRIHURZDQ\FKVNU]\QHN
SRF]WRZ\FKRUD]LFKOLF]EÚ

6(5:(52:(-}=<.,

352*5$02:$1,$

,b%$=<'$1<&+

-HĂOLNRU]\VWDP\]bV\VWHPX
]DU]ÈG]DQLDWUHĂFLÈWR
QDMSUDZGRSRGREQLHMEÚG]LH
RQQDSLVDQ\ZbNWöU\PĂMÚ]\NX
SURJUDPRZDQLDLbEÚG]LHPX
SRWU]HEQDMDNDĂED]DGDQ\FK
QSMÚ]\N3+3MHVWQDMF]ÚĂFLHM
Xĝ\ZDQ\ZUD]]bED]ÈGDQ\FK
0\64/Db$631(7Ľ]bED]È
64/6HUYHU.RQLHF]QLH
WU]HEDVSUDZG]LÊF]\ğUPD
]DU]ÈG]DMÈFDVHUZHUHP
XGRVWÚSQLDWHFKQRORJLH
QLH]EÚGQHGRG]LDïDQLD
QDV]HJRbRSURJUDPRZDQLD

:DUWRWDNĝHSRV]XNDÊRSLQLL
QDWHPDWğUP\]bNWöUHM
XVïXJSODQXMHP\VNRU]\VWDÊ
1LHVWHW\EDUG]RF]ÚVWRMHVW
WDNĝHRbZDUWRĂFLWDNLHMğUP\
PRĝQDVLÚSU]HNRQDÊGRSLHUR
JG\FRĂSöMG]LHQLHWDNĽ
ZWHG\VLÚRND]XMHZbMDNLP
VWRSQLXMHVWRQDZbVWDQLHQDP
SRPöFGODWHJRQDOHĝ\VLÚ
VSRG]LHZDÊĝH]QDMG]LHP\
NLONDQLHSRFKOHEQ\FKRSLQLL
RbNDĝGHMbğUPLH

8'267}31,$1(

868*,

,VWQLHMÈXVïXJLLQWHUQHWRZH
NWöUHSR]ZDODMÈSRZLÈ]DÊ
QD]ZÚGRPHQ\]bLFKVHUZHUDPL
3ODWIRUP\EORJRZHWDNLH
MDN:RUG3UHVVFRP7XPEOU
F]\b3RVWHURXVRUD]SODWIRUP\
GRKDQGOXHOHNWURQLF]QHJR
WDNLHMDN%LJ&DUWHORUD]
6KRSLI\XGRVWÚSQLDMÈ
VHUZHU\QDNWöU\FKPRĝQD
XPLHV]F]DÊZïDVQHZLWU\Q\
-HĂOLVNRU]\VWDP\]bWDNLHM
SODWIRUP\QLHEÚG]LHP\PXVLHOL
Z\NXS\ZDÊVHUZHUD:::
FKRÊWU]HEDEÚG]LHSRV]XNDÊ
XVïXJL]DSHZQLDMÈFHMGRVWÚS
GRbNRQWSRF]W\HOHNWURQLF]QHM
-HĂOLVWRLP\SU]HGWDNLP
SUREOHPHPWRQLHNWöUH
ğUP\SURZDG]ÈFHVHUZHU\
:::XGRVWÚSQLDMÈSDNLHW\
]DSHZQLDMÈFHREVïXJÚVDP\FK
NRQWSRF]WRZ\FK

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

488 INFORMACJE PRAKTYCZNE

FTP ORAZ INNE

352*5$0<1$5=}'=,2:(

$E\VNRSLRZDÊNRG\RUD]REUD]\]bQDV]HJRNRPSXWHUDQDVHUZHU
:::PXVLP\VNRU]\VWDÊ]bSURWRNRïX)73DQJ

File Transfer

ProtocolSURWRNöïSU]HV\ïXSOLNöZ

=JRGQLH]bW\PFRVXJHUXMH
QD]ZDSURWRNöï)73SR]ZDOD
SU]HV\ïDÊSOLNL]bNRPSXWHUD
QDbVHUZHUğUP\NWöUDREVïXJXMH
ZLWU\QÚ:::
'RVWÚSQ\FKMHVWZLHOH
SURJUDPöZNRU]\VWDMÈF\FK
]bSURWRNRïX)73ĽG\VSRQXMÈ
RQHSURVW\PLQWHUIHMVHP
Xĝ\WNRZQLNDSU]HGVWDZLDMÈF\P
SOLNLQDQDV]\PNRPSXWHU]H
RUD]QDVHUZHU]H:::
3R]ZDODMÈNRSLRZDÊSOLNL
SRPLÚG]\W\PLGZRPD
NRPSXWHUDPLSU]\Xĝ\FLX
WHFKQLNLķSU]HFLÈJQLMLbXSXĂÊĵ

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

489

INFORMACJE PRAKTYCZNE

:LHOHZLWU\QXGRVWÚSQLDXVïXJLSRZV]HFKQLHWZRU]RQH
SU]H]SURJUDPLVWöZ]DMPXMÈF\FKVLÚSLVDQLHPVWURQ
:::G]LÚNLF]HPXQLHWU]HEDLFKWZRU]\ÊVDPHPX

1LHNWöUHğUP\]DU]ÈG]DMÈFH
VHUZHUDPL:::XGRVWÚSQLDMÈ
QDU]ÚG]LDSR]ZDODMÈFH
QDSU]HV\ïDQLHSOLNöZ
QDbLFKVHUZHU\SU]\Xĝ\FLX
SU]HJOÈGDUHN:::MHGQDN
]QDF]QLHF]ÚĂFLHMNRU]\VWD
VLÚ]bSURJUDPöZ)73
JG\ĝbXPRĝOLZLDMÈRQHV]\EV]\
WUDQVIHUSOLNöZ

3U]\]DPöZLHQLXXVïXJL
X]\VNDP\ZV]\VWNLHLQIRUPDFMH
MDNLHWU]HEDSRGDÊZbSURJUDPLH
)73E\QDZLÈ]DÊSRïÈF]HQLH
]bVHUZHUHP=D]Z\F]DM
EÚG]LHWRDGUHVVHUZHUD
QSftp://mojadomena.pl
QD]ZDXĝ\WNRZQLNDRUD]KDVïR
%DUG]RGXĝH]QDF]HQLHPD
]DFKRZDQLHSRXIQRĂFLW\FK
LQIRUPDFMLDE\bQLNWQLHSRZRïDQ\
QLHX]\VNDïGRVWÚSX
GRbQDV]HMbZLWU\Q\

3RQLĝHMSU]HGVWDZLRQROLVWÚ
SRSXODUQ\FKSURJUDPöZ)73

FileZilla
ğOH]LOODSURMHFWRUJ
:LQGRZV0DF/LQX[

FireFtp
ğUHIWSPR]GHYRUJ
:LQGRZV0DF/LQX[

CuteFTP
FXWHIWSFRP
:LQGRZV0DF

SmartFTP
VPDUWIWSFRP
:LQGRZV

Transmit
panic.com/transmit
Mac

$bRWROLVWDLQQ\FK
SU]\GDWQ\FKQDU]ÚG]L

%/2*,

wordpress.com
tumblr.com
posterous.com

HANDEL

ELEKTRONICZNY

VKRSLI\FRP
bigcartel.com
go.magento.com

BIULETYNY

52=6<$1(32&=7k

(/(.7521,&=1k

campaignmonitor.com
mailchimp.com

PRZYCISKI

8'267}31,$1,$

:b3257$/$&+

632(&=12¥&,2:<&+

addthis.com
addtoany.com

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

PODSUMOWANIE

INFORMACJE PRAKTYCZNE

2SW\PDOL]DFMDSRGNÈWHPZ\V]XNLZDUHNSRPDJD

RVRERPNRU]\VWDMÈF\P]bLQWHUQHWRZ\FKZ\V]XNLZDUHN

RGQDMG\ZDÊGDQÈZLWU\QÚ

1DU]ÚG]LDGRDQDOL]WDNLHMDN*RRJOH$QDO\WLFV

SR]ZDODMÈDQDOL]RZDÊZbMDNLVSRVöERGZLHG]DMÈF\

SU]HJOÈGDMÈZLWU\QÚMDNMÈRGQDMGXMÈLbFRURELÈ

NLHG\bQDQLÈWUDğÈ

$E\XGRVWÚSQLÊZLWU\QÚZbLQWHUQHFLHWU]HEDZ\NXSLÊ

QD]ZÚGRPHQ\RUD]PLHMVFHQDVHUZHU]H:::

3URJUDP\)73SR]ZDODMÈSU]HQRVLÊSOLNL]bORNDOQHJR

NRPSXWHUDQDVHUZHU:::

:LHOHğUPXGRVWÚSQLDSODWIRUP\EORJRZHELXOHW\Q\

UR]V\ïDQHSRF]WÈHOHNWURQLF]QÈRUD]LQQHSU]\GDWQH

QDU]ÚG]LDZ\NRU]\VW\ZDQHZbZLWU\QDFK:::

G]LÚNLF]HPXPRĝQD]DRV]F]ÚG]LÊF]DVJG\ĝQLH

WU]HEDLFKSLVDÊVDPRG]LHOQLH

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

SKOROWIDZ

A – Z.

5R]ZLÈ]\ZDQLH SUREOHPöZ.

(OHPHQW\ +70/.

AWU\EXW\ +70/.

:ïDĂFLZRĂFL &66.

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

SKOROWIDZ

Adobe Fireworks,

Patrz: Fireworks

Adobe Illustrator,

Patrz: Illustrator

Adobe Photoshop,

Patrz: Photoshop

adres

IP,

poczty elektronicznej,

URL, 150,

479

EH]Z]JOÚGQ\

Z]JOÚGQ\

79, 82, 91

AJAX,

216

akapit,

22, 43

alfa,

253, 255

Android,

212

animacja,

7, 200, 206,

223, 281

arkusz stylów

kaskadowy, Patrz: CSS
]HZQÚWU]Q\

235, 240

atrybut,

action,

150

align,

102, 410

alt,

98, 120, 123, 160,

478, 479

autoplay,

213, 218

bgcolor,

137

border,

137

cellpadding,

136

cellspacing,

136

checked,

154, 155

cite,

class,

176, 183, 186, 197,

288, 430, 443

codecs,

214

cols,

153

colspan,

132, 138, 141

content,

190

controls,

213, 218

format,

162

frameborder,

189

globalny,

176, 182

height,

99, 160, 188, 213

href,

76, 78, 86, 87, 91, 234

mailto:,

target,

http-equiv,

190

id,

86, 87, 91, 150, 162,

176, 182, 186, 197,
206, 237, 430

lang,

loop,

213, 218

maxlength,

151, 152

method,

150, 158

multiple,

157

name,

151, 152, 154, 155,

156, 159, 190

nazwa,

placeholder,

167

poster,

213

preload,

213, 218

rel,

234

required,

164

rows,

153

rowspan,

133, 141

scrolling,

189

seamless,

189

selected,

156

size,

151, 152, 157

src,

98, 123, 160, 188, 213,

214, 218, 219

style,

235

title,

98, 120

type,

64, 65, 214, 219

checkbox,

155

date,

165

email,

166

ğOH

158

hidden,

161

image,

160

password,

152

radio,

154

search,

166

submit,

159

text,

151

text/css,

234

url,

166

value,

154, 155, 156, 159

ZDUWRĂÊ

width,

99, 136, 160,

188, 213

audio,

200

autor,

54, 190

bezpieczeñstwo,

152

browser quirk,

PatrzSU]HJOÈGDUND
dziwactwo

CDN,

277

Chrome,

6, 53, 212, 213,

319, 346

FLHñ

287, 319, 342

CMS,

7, 32, 48, 487

szablon,

32, 33

Content Delivery Network,

Patrz: CDN

CSS,

51, 64, 65, 226, 230,

238, 243, 327

EïÈGPatrzSU]HJOÈGDUND

dziwactwo

komentarz,

248

platforma, Patrz: platforma
UHJXïDPatrzUHJXïD
schemat pozycjonowania,

Patrz: schemat
pozycjonowania

wersja,

241

cytat,

czcionka,

266, 267, 268, 269,

270, 271, 276, 297,
341, 394

krój,

270, 272

ZLHONRĂÊ

273, 274, 275

czytnik ekranowy,

6, 49, 77,

134, 431

GHğQLFMD

53, 62, 66

deklaracja,

230, 243

DOCTYPE,

180, 181, 197,

315, 323

Digital Rights Management,

Patrz: DRM

DNS,

8, 9

dokument,

14, 16

domena,

486

GRVWDZFDXVïXJLQWHUQHWRZ\FK

Patrz: ISP

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

SKOROWIDZ

Dreamweaver,

DRM,

212

GěZLÚN

216

edytor

HTML,

wizualny,

ekran,

dotykowy,

290

UR]G]LHOF]RĂÊ

377

rozmiar,

376

element, 3DWU]WHĝ: znacznik

,

181, 197

<a>,

76, 77, 78, 84,

185, 440, 479

<abbr>,

<acronym>,

<address>,

<article>,

431, 432,

434, 436

<aside>,

431, 435, 439

<audio>,

203, 218,

221, 223

<b>,

44, 101,

185,

228, 360

<blockquote>,

49, 51, 369

<br />,

<button>,

161

<center>,

178

<cite>,

<content>,

439

<dd>,

<del>,

<dfn>,

<div>,

186, 197, 206, 228,

323, 361, 403, 430,
436, 439, 449

<dl>,

<dt>,

<em>,

49, 50, 101,

185, 228

ğHOGVHW!

163, 169,

343, 349

ğJFDSWLRQ!

119, 421,

438, 443

ğJXUH!

119, 120, 421,

438, 443

<font>,

178

<footer>,

431, 432,

439, 443

<form>,

150, 158, 168, 173

<h1>,

42, 101, 184, 228,

360, 479

<head>,

190, 479

<header>,

431, 432,

439, 443

<hgroup>,

437, 443

<hr />,

<i>,

44, 228, 360

<iframe>,

176

<iframe>,

188, 197

<img>,

98, 101, 123, 178,

185, 228, 360, 410

<input>,

151, 152, 154,

161, 165, 166, 167

<ins>,

<label>,

162, 169, 344

<legend>,

163

<li>,

64, 65, 184, 332,

333, 360

<link>,

234, 240, 392,

394, 395

<meta>,

176

<meta>,

190, 197

<nav>,

431, 433

<ol>,

64, 332

<option>,

156

<p>,

22, 43, 101, 184,

228, 323, 360

<q>,

<s>,

<script>,

206, 207

<section>,

432, 436, 443

<select>,

156, 157

<source>,

214, 219

<span>,

187, 197, 228, 344

<strike>,

178

<strong>,

<style>,

235

<sub>,

<sup>,

<table>,

130, 136, 141

<tbody>,

134

<td>,

130, 132, 133,

141, 349

<textarea>,

153

<tfoot>,

134, 135

<th>,

131, 132, 133, 138,

337, 349

<thead>,

134, 135

<title>,

479

<tr>,

130, 141

<u>,

<ul>,

65, 184, 323, 332,

333, 360

<video>,

203, 208, 209,

212, 213, 215, 221,
223

blokowy,

101, 184, 228,

316, 327, 360, 362,
440

body,

26, 228, 361

cieñ,

319

dziecka,

237

grupowanie,

439

head,

HTML,

19, 20, 21, 23,

24, 58

konstrukcyjny,

360

margines,

306, 307, 360

QDFKRG]ÈF\QDLQQ\

363, 368

nawigacyjny,

186, 316, 323,

361, 383, 385, 430,
431, 432, 433, 462,
470

obramowanie,

306, 307,

308, 309, 311, 318,
327, 341, 360

kolor,

310

styl,

309

V]HURNRĂÊ

308, 318

]DRNUÈJOHQLD

320,

321, 327

Sï\ZDMÈF\

363, 369, 370,

372, 403

SRïRĝHQLH

362, 363

EH]Z]JOÚGQH

362,

367, 368

ustalone,

363, 368

Z]JOÚGQH

362, 368

potomny,

237

SU]HVXQLÚFLH

363

pusty,

title,

ukrywanie,

316, 317

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

SKOROWIDZ

element

ZHZQÈWU]ZLHUV]RZ\

101,

185, 228, 316, 327,
360, 417, 441

ZïDĂFLZRĂÊ

PatrzZïDĂFLZRĂÊ

wymiary,

302, 303, 304

Z\SHïQLHQLH

306, 307,

312, 360

Z\ĂURGNRZDQLH

314

]DZLHUDMÈF\Patrz: rodzic

em,

273, 275, 282, 302

etykieta,

340

Firefox,

6, 157, 212, 319

Fireworks,

107, 303, 346

Flash,

200, 202, 203, 206,

216, 217, 221, 223

Flash Of Unstyled Content,

Patrz: FOUC

Flash Of Unstyled Text,

Patrz: FOUT

Flash Player,

202

Flash Video Converter,

210

FontSquirrel,

277

format

AVI,

208

CML,

179

Flash Video,

Patrz: format FLV

FLV,

201, 210, 215

GIF,

106, 110, 120

animowany,

116

przezroczysty,

117

H264,

208, 210, 212,

215, 221

JPEG,

106, 108, 109, 120

MathML,

179

MP3,

216, 219

MPEG,

208

Ogg Theora,

208

Ogg Vorbis,

219

PNG,

106, 110, 111

przezroczysty,

117, 397

QuickTime,

208

SVG ,

115, 179

SWF,

202

WebM,

208, 212, 215, 221

Windows Media,

208

formularz,

144, 146, 148,

150, 169, 173, 229,
330, 340, 342, 343,
349, 355

metoda

get,

150

post,

150, 158

pole, Patrz: pole

FOUC,

277

FOUT,

277

GIMP,

250

Google Analytics,

482, 483,

484, 485

gradient,

418

KDVïR

152

HSB,

254

HSL,

254, 255, 261, 310

HSLA,

254, 255, 261

HTML,

4, 5, 7, 19, 20, 27, 37

edytor, Patrz: edytor HTML
historia,

178

wersja,

176, 178

HTML4,

52, 53, 178

HTML5,

7, 52, 178, 428, 441,

443, 449

SRGNïDGND+70/
shim, Patrz: HTML5

SRGNïDGND

HyperText Markup Language,

3DWU]WHĝ: HTML

Illustrator,

115, 462

InDesign,

462

inline frame, Patrz:

UDPNDSï\ZDMÈFD

interlinia,

282

Internet Explorer,

6, 51, 212,

303, 312, 313, 314,
315, 323, 396, 440,
443

Internet Service Provider,

Patrz: ISP

ISP,

JavaScript,

117, 164, 182,

340, 396, 441,
443, 449

biblioteka,

203, 205

jednostka em, Patrz: em
MÚ]\N

XML, Patrz: XML
JavaScript, Patrz: JavaScript

karta,

kerning,

283

klip wideo, Patrz: wideo
kod

HTML,

19, 20, 34

ěUöGïRZ\

kodowanie,

208, 214

kolor,

246, 261, 341

alfa, Patrz: alfa
HSB, Patrz: HSB
HSL, Patrz: HSL
HSLA, Patrz: HSLA
MDVQRĂÊ

251, 254, 255

jednolity,

111

kod szestnastkowy,

248,

250, 251, 261, 310

kontrast,

252, 261, 419

nasycenie,

251, 254, 255

nazwa,

248, 251, 261

odcieñ,

251, 254, 255

RGB, Patrz: RGB

komentarz,

176, 181, 186, 197

CSS, Patrz: CSS komentarz
warunkowy,

441

lista,

62, 69, 70, 229,

330, 349

GHğQLFML

62, 66, 70

element,

QLHXSRU]ÈGNRZDQD

62, 65,

66, 69, 70, 323, 332

numerowana, Patrz:

OLVWDXSRU]ÈGNRZDQD

rozwijana,

147, 156,

162, 340

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

SKOROWIDZ

XSRU]ÈGNRZDQD

62, 64,

69,

70, 332

wielokrotnego wyboru,

157

wypunktowana, Patrz:

OLVWDQLHXSRU]ÈGNRZDQD

]DJQLHĝGĝRQD

67, 70

ïÈF]H

74, 89, 91, 416, 417,

440, 478

tworzenie,

ZbREUÚELHZLWU\Q\

metoda

get,

150

post,

150

mikroformat hCard,

Mozilla Firefox, Patrz: Firefox

QDJïöZHN

16, 20, 42, 432,

436, 479

grupa,

437

poziom,

QLHSU]H]URF]\VWRĂÊ

253

obraz,

94, 96, 106, 406, 425,

438, 467

animowany,

116

format, Patrz: format
pobieranie,

118

podpis,

119

rastrowy,

115

UR]G]LHOF]RĂÊ

106, 114

WïD

412, 419

XPLHMVFRZLHQLHZbNRG]LH

100

wektorowy,

115

wymiary,

99, 106, 112, 114,

118, 408, 410

REV]DUSU]HG]DJLÚFLHP

378

RGVWÚSXSRPLMDQLH

odtwarzacz,

208

audio,

216

Flash,

210, 221

Opera,

6, 212

Paint.neT,

107

PaintShop pro,

107

pasek przewijania,

189,

305, 362

Photoshop,

107, 116, 250, 462

Photoshop Elements,

107

PixeImator,

107

platforma,

390

960.GS,

390, 391, 392, 397

blogowa,

7, 32, 486, 489

Grid System, Patrz:

platforma 960.GS

handlu elektronicznego,

7, 32,

487, 489

plik

audio,

216, 218

index.html,

SU]HV\ïDQLH

147, 158

podmienianie,

416

pole

adresu

poczty elektronicznej,

166

URL,

166

daty,

165

etykieta,

162

grupowanie,

343

KDVïD

147

SU]HV\ïDQLDSOLNöZ

147,

158, 162

przycisk, Patrz: przycisk
tekstowe,

341

jednowierszowe,

146, 147,

162, 340

wielowierszowe,

147, 153,

162, 340

ZHU\ğNDFMD

164

wyboru,

147, 154, 162

wyrównywanie,

343, 344,

345, 355

wyszukiwania,

167

SRPLMDQLHRGVWÚSöZ

Posterous,

487

SURWRNöï

FTP,

488, 489

SSL,

152

SU]HJOÈGDUND

6, 241, 340, 440

Chrome, Patrz: Chrome
dziwactwo,

241, 323

Firefox, Patrz: Firefox
Internet Explorer,

Patrz: Internet Explorer

Mozilla Firefox, Patrz: Firefox
RNQRJïöZQH

Opera, Patrz: Opera
Safari, Patrz: Safari

SU]H]URF]\VWRĂÊ

117, 397,

3DWU]WHĝ:
QLHSU]H]URF]\VWRĂÊ

przycisk,

416

JUDğF]Q\

147, 160

opcji,

147, 154, 162

SU]HV\ïDMÈF\

147, 159,

340, 342

pseudoelement,

288

ğUVWOHWWHU

288

ğUVWOLQH

288

pseudoklasa,

288, 289

:active,

289, 290, 417

ğUVWFKLOG

349

:focus,

290, 341

:hover,

288, 289, 290, 336,

341, 342, 417

:last-child,

349

:link,

289

:visited,

288, 289

UDPNDSï\ZDMÈFD

188

RealAudio,

204

UHJXïD

226, 230, 238, 243

@font-face,

270, 276

@import,

394

RGB,

248, 250, 251, 261

RGBA,

253, 261

rodzic,

361, 369, 371, 372

Safari,

6, 53, 157, 158, 167,

212, 319

Scalable Vector Graphics,

Patrz: format SVG

schemat pozycjonowania,

362, 363, 364, 365

Search Engine Optimization,

Patrz: SEO

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

SKOROWIDZ

Secure Socket Layer,

PatrzSURWRNöï66/

sekcja,

436

selektor,

230, 236, 243

[$=],

291

[*=],

291

[],

291

[^=],

291

[~=],

291

[=],

291

elementu

dziecka,

237

potomnego,

237

VÈVLDGXMÈFHJR

237

LGHQW\ğNDWRUD

237

klasy,

237

ogólny elementu,

237

typu,

237

uniwersalny,

237

SEO,

476, 478, 480, 485

serwer

poczty elektronicznej,

487

systemu nazw domen,

Patrz: DNS

WWW,

6, 9, 486

kopia zapasowa,

486

SU]HSXVWRZRĂÊ

486

przestrzeñ dyskowa,

486

siatka,

386, 403

960 pikseli,

386, 387,

388, 389, 403

VLHÊXGRVWÚSQLDQLDWUHĂFL

Patrz: CDN

skrypt

JavaScript,

7, 202

SWFObject,

206, 210, 211,

217, 221

VïRZRNOXF]RZH

478, 479, 480

sortowanie kart,

460

sprajt,

416, 425

stopka,

432

strona www

adres,

479

folder, Patrz:

strona www katalog

hierarchia wizualna,

464, 466

katalog,

JïöZQ\

QDGU]ÚGQ\

81, 83

SRGU]ÚGQ\

81, 83

mapa,

460

RSW\PDOL]DFMDSRGNÈWHP

wyszukiwania,
Patrz: SEO

projektowanie,

358, 372,

374, 380, 386, 390,
397, 428, 430, 449,
452, 454, 460, 464,
468, 473

rozmiar,

378

siatka, Patrz: siatka
strona

docelowa,

484

Z\MĂFLD

484

struktura,

80, 358, 372, 374

szkielet,

462, 473

ĂOHG]HQLHUXFKX

485

W\WXï

479

XNïDG

362, 363, 364, 365,

366, 367, 394, 395,
430, 449, 452, 464

elastyczny,

381, 384

grupowanie informacji,

468

RbVWDïHMV]HURNRĂFL

380, 382

wielokolumnowy,

374

Xĝ\WNRZQLNPatrzXĝ\WNRZQLN
ZbQRZ\PRNQLH

SU]HJOÈGDUNL

]DZDUWRĂÊ

464

symbol specjalny,

Patrz: znak specjalny

V\VWHP]DU]ÈG]DQLDWUHĂFLÈ

Patrz: CMS

szablon,

390

tabela,

126, 129, 138, 141,

330, 336, 349, 355

GïXJD

134, 135, 141

NRORUWïD

137, 337

komórka,

129, 130, 134,

337, 355

ïÈF]HQLH

132, 133

pusta,

338

QDJïöZHN

131, 134,

135, 337

stopka,

134

V]HURNRĂÊ

136

obramowania,

137

wiersz,

130

tapeta,

421

tekst,

229, 264

alternatywny,

98, 479

czcionka, Patrz: czcionka
dodany,

formatowanie,

264

interlinia,

282

kursywa,

44, 48, 49, 50,

53, 54, 278

linia pisma

bazowa,

267

górna,

267

ĂUHGQLD

267

ïÈF]D

SRGNUHĂORQ\

pogrubiony,

44, 48, 50, 278

SU]HNUHĂORQ\

XVXQLÚW\

X]XSHïQLDMÈF\

438

ZFLÚW\

49, 51, 67, 286

Z\GïXĝHQLH

dolne,

267, 282

górne,

267, 282

Z\VRNRĂÊ[

267

Z\ĂURGNRZDQLH

314

zdezaktualizowany,

TextEdit,

Tumblr,

487

Uniform Resource Locator,

78,

3DWU]WHĝ: adres URL

Xĝ\WNRZQLN

456, 457,

458, 483

Vimeo,

204, 208, 209

Web Developer Toolbar,

347

wideo,

200, 208, 223, 438

wireframe, Patrz:

strona www szkielet

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

SKOROWIDZ

witryna, Patrz: strona www
ZïDĂFLZRĂÊ

231, 243, 320

!important,

238

background,

415

background-attachment,

413

background-color,

239, 249,

336, 341, 343

background-image,

94, 341,

412, 418

background-position,

414, 417

background-repeat,

413

border,

311, 336, 341, 343

border-collapse,

339

border-color,

310

border-image,

318

border-radius,

320, 321,

341, 343

border-separate,

339

border-spacing,

339, 349

border-style,

309

border-width,

308

box-shadow,

319

clear,

371, 373

color,

248, 341, 342, 343

cursor,

346

display,

316, 323, 327

dziedziczenie,

239, 312,

313, 349

empty-cells,

338, 339

ĠRDW

362, 369, 370, 373,

397, 403, 410

font-family,

239, 270,

272, 276

font-size,

273, 282, 341

font-style,

279

font-weight,

278

height,

302, 408

letter-spacing,

283, 336

line-height,

282, 349

list-style,

335

list-style-image,

333

list-style-position,

334

list-style-type,

64, 65,

332, 355

margin,

103, 307, 313,

323, 333, 373

margin-left,

314

margin-right,

314

max-height,

304

max-width,

303

min-height,

304

min-width,

303

-moz-border-image,

318

-moz-border-radius,

320

-moz-box-shadow,

319

opacity,

253

RYHUĠRZ

304, 305, 373

padding,

103, 307, 312,

323, 336, 343

position

absolute,

366

ğ[HG

367

relative,

365

static,

364

rgba,

253

text-align,

284, 314,

336, 337

text-decoration,

281

text-indent,

286

text-shadow,

287, 319, 342

text-transform,

280, 336

vertical-align,

285

visibility,

317, 327

-webkit-border-image,

318

-webkit-border-radius,

320

-webkit-box-shadow,

319

width,

302, 323, 336, 343,

369, 373, 373, 408

word-spacing,

283

z-index,

363, 368

WordPress.com,

487

ZVSöïF]\QQLNRGU]XFHó

484

wtyczka,

202, 208

wyszukiwarka,

49, 98, 131,

190, 286, 431, 478,
479, 481, 485

XML,

178

YouTube,

204, 208, 209

]GMÚFLH

znacznik,

37,

3DWU]WHĝ: element

RWZLHUDMÈF\

19, 20, 22

semantyczny,

40, 49

strukturalny,

]DP\NDMÈF\

19, 20, 23

znak

’, Patrz: znak prawy apostrof
&,

192

‘, Patrz: znak lewy apostrof
“,

192

”,

192

¢, Patrz: znak centa
£, Patrz: znak funta szterlinga
¥, Patrz: znak jena
€, Patrz: znak euro
×, Patrz]QDNPQRĝHQLD
÷, Patrz: znak dzielenia
©, Patrz: znak

praw autorskich

®, Patrz: znak

handlowy
zarejestrowany

apostrof

lewy,

192

prawy,

192

centa,

192

FXG]\VïRZX

192

dzielenia,

192

euro,

192

funta szterlinga,

192

handlowy,

192

zarejestrowany,

192

jena,

192

PQLHMV]RĂFL

192

PQRĝHQLD

192

praw autorskich,

192

specjalny,

192

™, Patrz: znak handlowy
XNRĂQLND

19, 20

ZLÚNV]RĂFL

192

ĝÈGDQLH

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

SKOROWIDZ

52=:,k=<:$1,(

PROBLEMÓW

3RQLĝHMSU]HGVWDZLRQRNLONDQDĂFLHSUREOHPöZSU]HGNWöU\PLF]ÚVWR

VWDMÈSRF]ÈWNXMÈF\WZöUF\VWURQ:::ZUD]]bQXPHUDPLVWURQ

QDbNWöU\FKPRĝQD]QDOHěÊLQIRUPDFMHRbVSRVREDFKLFKUR]ZLÈ]DQLD

1$32&=k7(.

3U]HJOÈGDUNDZ\ĂZLHWODNRG
+70/DbQLHVWURQÚ

1DOHĝ\VSUDZG]LÊF]\SOLNPD
rozszerzenie .htmlDbQLH.txt.

Strony: 29, 31

3RJUXELHQLHZ\UöĝQLHQLH
QDJïöZHNOXEïÈF]HUR]FLÈJDVLÚ
QDZLÚNV]\IUDJPHQWWHNVWX
QLĝbSRZLQQR

1DOHĝ\VSUDZG]LÊF]\ZbNRG]LH
]QDMGXMHVLÚRGSRZLHGQL]QDF]QLN
]DP\NDMÈF\QS</a>.

Strony: 20, 21.

6WURQDGRFHORZDïÈF]DQLH
]RVWDïDRGQDOH]LRQD

7U]HEDVSUDZG]LÊZ]JOÚGQ\
adres URL.

Strony: 82, 83

OBRAZY

2EUD]\QLHVÈZ\ĂZLHWODQH

7U]HEDVSUDZG]LÊZ]JOÚGQ\
DGUHVb85/

Strony: 82, 83

2EUD]\VÈ]DPD]DQH

7U]HEDVSUDZG]LÊF]\REUD]\
]RVWDï\]DSLVDQHZHZïDĂFLZ\P
IRUPDFLHLbF]\PDMÈRGSRZLHGQLH
wymiary.

Strony: 108 – 112

2EUD]\WïDQLHVÈZLGRF]QH

']LDïDMÈRQHZ\ïÈF]QLH
ZbQDMQRZV]\FKZHUVMDFK
SU]HJOÈGDUHN:DUWRbWDNĝH
VSUDZG]LÊZ]JOÚGQH
DGUHV\b85/

Strony: 318, 20, 21

3RZLÚNV]RQHREUD]\*,)PDMÈ
Z\UDěQLHZLGRF]QH]LDUQR
LbSRVWU]ÚSLRQHNUDZÚG]LH

:bSURJUDPLHJUDğF]Q\PWU]HED
VSUDZG]LÊSU]HVWU]HñNRORUöZ
3RZLQQDQLÈE\ÊSU]HVWU]Hñb5*%
DbQLHNRORU\LQGHNVRZDQH
DQJbindexed color

TEKST

)UDJPHQW\WHNVWXPLJDMÈ
]DQLP]RVWDQÈZ\ĂZLHWORQH
RGSRZLHGQLÈF]FLRQNÈ

7RW]ZPLJDQLHWUHĂFLEH]
RNUHĂORQ\FKVW\OöZ

Strona 277

Podczas kopiowania tekstu
]bHG\WRUDWHNVWXZbNRG]LH
VWURQ\SRMDZLDVLÚEDUG]RGXĝR
dodatkowych znaczników.

:bSLHUZV]HMNROHMQRĂFLWU]HED
VNRSLRZDÊWHNVWGRbSURVWHJR
HG\WRUDDE\XVXQÈÊ
IRUPDWRZDQLHDbGRSLHURSRWHP
do edytora HTML.

Strona 48

Na niektórych ekranach tekst
Z\GDMHVLÚPQLHMV]\OXEZLÚNV]\

=D]Z\F]DMZ\QLNDWR]bUöĝQLF\
UR]G]LHOF]RĂFL:DUWRWDNĝH
VSUDZG]LÊF]\Zb]QDF]QLNX
ERG\!]RVWDïDRNUHĂORQD
ZLHONRĂÊF]FLRQNL

Strony: 376, 275

.LHG\Xĝ\ZDPMHGQRVWHNbHP
ZLHONRĂÊF]FLRQNLZb,(
MHVWbQLHZïDĂFLZD

3DWU]SRSU]HGQLHZ\MDĂQLHQLD

Strona 275

Zastosowana czcionka nie
MHVWZ\ĂZLHWODQDZbQLHNWöU\FK
SU]HJOÈGDUNDFK

3RGDQDF]FLRQNDPXVLE\Ê
zainstalowana na komputerze
Xĝ\WNRZQLND

Strony: 268 – 271

:bUD]LHXĝ\ZDQLDUHJXï\#
IRQWIDPLO\QDOHĝ\SRGDÊF]FLRQNL
ZbNLONXUöĝQ\FKIRUPDWDFK

Strona 276-277

1DNRPSXWHUDFK3&Xĝ\ZDQH
F]FLRQNLQLHVÈJïDGNLH

:bSU]\SDGNXQLHNWöU\FK
czcionek antyaliasing nie
daje dobrych efektów.
:DUWRbZ\SUöERZDÊLQQ\
NUöMSLVPDOXEXĝ\ÊF]FLRQNL
pogrubionej.

Strona 271

OGÓLNE

PROBLEMY CSS

2NUHĂORQ\VW\OQLHMHVWXĝ\ZDQ\

7U]HEDSDPLÚWDÊ
ĝHbZbVHOHNWRUDFK&66
XZ]JOÚGQLDQDMHVWZLHONRĂÊOLWHU
:DUWRVSUDZG]LÊSRSUDZQRĂÊ
selektorów.

Strona 237

Web Developer Toolbar pozwoli
RNUHĂOLÊZïDĂFLZ\VHOHNWRU

Strona 347

-HĂOLVHOHNWRU\VÈSUDZLGïRZH
WRF]\ZbGDOV]HMF]ÚĂFLDUNXV]D
&66]QDMGXMÈVLÚLQQHVHOHNWRU\
RGQRV]ÈFHVLÚGRWHJRVDPHJR
elementu?

Strony: 238, 239

Implementacja CSS
ZbSU]HJOÈGDUNDFKMHVWUöĝQD
,VWQLHMHVSRURUöĝQLFLbG]LZDFWZ
NWöUHVSUDZLDMÈĝHSU]HJOÈGDUNL
Z\ĂZLHWODMÈVWURQ\ZbQLHFR
odmienny sposób. Warto
SRV]XNDÊLQIRUPDFMLRbSUREOHPLH
LbXVWDOLÊF]\MHVWRQ]QDQ\MDNR
G]LZDFWZROXEEïÈGSU]HJOÈGDUNL

Strona 241

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

SKOROWIDZ

HTML5

3U]HJOÈGDUNDQLHXĝ\ZDVW\OöZ
ZbHOHPHQWDFK+70/

-HĂOLWÈSU]HJOÈGDUNÈMHVW,QWHUQHW
([SORUHUWRE\ÊPRĝHWU]HED
EÚG]LHVNRU]\VWDÊ]HVSHFMDOQHJR
skryptu JavaScript.

Strona 441

(OHPHQW\EORNRZHVÈ
Z\ĂZLHWODQHMDNRHOHPHQW\
ZHZQÈWU]ZLHUV]RZH

7U]HEDVNRU]\VWDÊ]bZïDĂFLZRĂFL
display:blockE\SRLQVWUXRZDÊ
SU]HJOÈGDUNÚNWöUHHOHPHQW\
+70/VÈHOHPHQWDPL
blokowymi.

Strona 441

8.$'

Na niektórych ekranach
SURMHNWZ\JOÈGDQDPQLHMV]\
OXEbZLÚNV]\

1DZLHONRĂÊHOHPHQWöZ
Z\ĂZLHWODQ\FKQDVWURQLH
PDbZSï\ZUR]G]LHOF]RĂÊHNUDQX

Strony: 376, 377

Marginesy nad oraz
SRGbHOHPHQWHPQLHVÈ
Z\ĂZLHWODQH

0DUJLQHV\SLRQRZHVÈVFDODQH

Strona 307

7UHĂÊQLHPLHĂFLVLÚZbHOHPHQFLH
]DZLHUDMÈF\POXERNQLH
SU]HJOÈGDUNL

=bW\PSUREOHPHPPRĝQDVRELH
SRUDG]LÊXĝ\ZDMÈFZïDĂFLZRĂFL
overĠow.

Strony: 305, 315

3XGHïNDHOHPHQWöZ
ZbSU]HJOÈGDUFH,QWHUQHW([SORUHU
PDMÈLQQHZ\PLDU\QLĝZbLQQ\FK
SU]HJOÈGDUNDFK

1LHNWöUHZHUVMH,(Xĝ\ZDMÈ
LQQHJRPRGHOXSXGHïNRZHJRQLĝ
ZV]\VWNLHSR]RVWDïHSU]HJOÈGDUNL
$E\G]LDïDï\WDNVDPRQDOHĝ\
Xĝ\ÊGHNODUDFMLDOCTYPE.

Strona 315

3XGHïNDQLHVÈZ\ĂURGNRZ\ZDQH
po przypisaniu lewemu
LbSUDZHPXPDUJLQHVRZL
ZDUWRĂFL

bauto

%\ÊPRĝHWU]HEDEÚG]LHXĝ\Ê
ZïDĂFLZRĂFLtext-align
ZbHOHPHQFLHQDGU]ÚGQ\P

Strona 314

(OHPHQW\QDFKRG]ÈQDVLHELH

.LHG\HOHPHQW\]RVWDQÈXVXQLÚWH
]bQRUPDOQHJRUR]NïDGXVWURQ\
PRJÈQDVLHELHQDFKRG]LÊ
:ïDĂFLZRĂÊz-index pozwala
RNUHĂOLÊNWöU\]bQLFKPDVLÚ
]QDOHěÊQDGSR]RVWDï\PL

Strona 368

'ODF]HJRXĝ\FLHZïDĂFLZRĂFL

vertical-align

nie powoduje

Z\ĂURGNRZDQLDZbSLRQLH
elementów blokowych?

7DZïDĂFLZRĂÊQLHVïXĝ\GRWHJR
FHOX6ïXĝ\RQDGRRNUHĂODQLD
Z\UöZQDQLDZbSLRQLHHOHPHQWöZ
ZHZQÈWU]ZLHUV]RZ\FK.
:bLQWHUQHFLHPRĝQD]QDOHěÊ
NLONDUöĝQ\FKVSRVREöZ
Z\ĂURGNRZ\ZDQLDHOHPHQWöZ
EORNRZ\FKZbSLRQLH]DOHĝQLH
RGbLFKNRQWHNVWX

:bHOHPHQFLHQLHMHVW
Z\ĂZLHWODQ\REUD]WïD

&]\]RVWDïDRNUHĂORQDZ\VRNRĂÊ
LbV]HURNRĂÊWHJRHOHPHQWX"

Strona 302

&]\ZbHOHPHQFLH]DZLHUDMÈF\P
ZïDĂFLZRĂFLoverĠow przypisano
ZDUWRĂÊauto?

Strony: 372, 373

2EUD]WïDHOHPHQWXQLHMHVW
widoczny po wydrukowaniu
strony.

:LÚNV]RĂÊSU]HJOÈGDUHN
ZbFHOXRV]F]ÚG]DQLDWXV]X
GRP\ĂOQLHQLHGUXNXMH
REUD]öZWïD0RĝQDbWR]PLHQLÊ
ZbXVWDZLHQLDFKGUXNRZDQLD

3RPLÚG]\RNQHPSU]HJOÈGDUNL
Db]DZDUWRĂFLÈVWURQ\MHVW
ZLGRF]Q\RGVWÚS

%\ÊPRĝHWU]HEDEÚG]LH
]OLNZLGRZDÊPDUJLQHV\
LbZ\SHïQLHQLDZbHOHPHQFLH
<body>SU]\SLVXMÈFLP
ZDUWRĂÊb

Strony: 312, 313

(/(0(17<3<:$-k&(

:b8.$'=,(

3XGHïNRHOHPHQWXQLH]RVWDïR
umieszczone przy elemencie
Sï\ZDMÈF\P

7U]HEDVLÚXSHZQLÊ
ĝHbZbHOHPHQFLH]DZLHUDMÈF\P
MHVWGRVWDWHF]QLHGXĝRPLHMVFD
E\REDWHHOHPHQW\]RVWDï\
Z\ĂZLHWORQHRERNVLHELH

Strona 302

'RV]HURNRĂFLHOHPHQWX]RVWDï\
GRGDQHPDUJLQHV\LbZ\SHïQLHQLH
WDNVLÚG]LHMHZHZV]\VWNLFK
SU]HJOÈGDUNDFKRSUöF]VWDU\FK
ZHUVML,(ZbNWöU\FKMHVW
Xĝ\ZDQ\LQQ\PRGHOSXGHïNRZ\
'ODWHJRMHJRV]HURNRĂÊPRĝH
E\ÊZLÚNV]DQLĝWDSRGDQDZH
ZïDĂFLZRĂFLwidth.

Strona 315

&]\]RVWDïDRNUHĂORQDV]HURNRĂÊ
HOHPHQWXSï\ZDMÈFHJR"
3DWU]bNROHMQ\SXQNW

0RMHHOHPHQW\Sï\ZDMÈFH
]DMPXMÈSHïQÈV]HURNRĂÊRNQD
SU]HJOÈGDUNLOXEHOHPHQWX
]DZLHUDMÈFHJR

7U]HEDVSUDZG]LÊF]\]RVWDïD
SRGDQDV]HURNRĂÊW\FK
HOHPHQWöZSï\ZDMÈF\FK

Strona 370

(OHPHQW]DZLHUDMÈF\PRMH
HOHPHQW\Sï\ZDMÈFHPD
Z\VRNRĂÊSLNVHOD

(OHPHQW]DZLHUDMÈF\QLH]QD
Z\VRNRĂFLXPLHV]F]RQ\FK
ZbQLPHOHPHQWöZSï\ZDMÈF\FK
0RĝQDGRGDÊHOHPHQWNWöU\
]RVWDQLHXPLHV]F]RQ\SRQLĝHM
HOHPHQWöZSï\ZDMÈF\FKOXEbXĝ\Ê
ZbHOHPHQFLH]DZLHUDMÈF\P
ZïDĂFLZRĂFLoverĠowLbSU]\SLVDÊ
MHMZDUWRĂÊauto.

Strona 372

3U]HJOÈGDUND,QWHUQHW([SORUHU
dodaje do elementów
Sï\ZDMÈF\FKGRGDWNRZ\
margines.

:bHOHPHQWDFKW\FKQDOHĝ\Xĝ\Ê
ZïDĂFLZRĂFLdisplayLbSU]\SLVDÊ
MHMZDUWRĂÊinline.

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

SKOROWIDZ

ELEMENTY HTML

<a>

76, 78, 84, 440

<abbr>

431 – 438

<aside>

435

<audio>

216 – 219

<b>

<body>

21, 26

<br />

161

<cite>

<dd>

<del>

<dfn>

<div>

186, 430, 439

<dl>

<dt>

<em>

<embed>

202

<ğeldset>

163

<ğgcaption>

118, 421, 438

<ğgure>

118, 421, 438

431, 432

<form>

150

<h1>

21, 42

<h2>

21, 42

<h3>

<h4>

<h5>

<h6>

<head>

431, 432

437

<hr />

<html>

<i>

188 – 189

<img>

<input>

151, 154,

158 – 161, 165

<ins>

<label>

162

163

<li>

64, 65

<link>

234, 395

<meta>

190, 191

<nav>

431, 433

202

<ol>

156

<p>

21, 43

<q>

<s>

207, 217

432, 436

156

214, 219

<span>

187

<style>

235

<sub>

<sup>

<table>

130

<tbody>

134

<td>

130

153

<tfoot>

134

<th>

131

<thead>

134

<title>

26, 27

<tr>

130

<u>

<ul>

<video>

208, 212 – 215

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

SKOROWIDZ

ATRYBUTY HTML

action

150

align

102 – 104

alt

autoplay

213, 218

bgcolor

137

border

137

checked

154, 155

cite

class

183, 430

codecs

214

cols

153

colspan

132

content

190, 191

controls

213, 218

description

190

for

162

frameborder

189

atrybuty ogólne

182

height

99, 188, 213

href

76, 78, 87, 234

http-equiv

191

86, 87, 150, 162

DWU\EXW

182, 430

loop

213, 218

maxlength

151, 152

method

150

multiple

157

name

151 – 156, 159, 190

placeholder

167

poster

213

preload

213, 218

rel

234

robots

190

rows

153

rowspan

133

scrolling

189

seamless

189

selected

156

size

151, 152, 157

src

98, 188, 213, 214,

218, 219

style

235

target

title

52, 98

type

151, 154, 158

type

DXGLRZLGHR

219, 214

type

&66

234 – 235

type=”date”

165

type=”email”

166

type=”hidden”

161

type=”image”

160

type=”password”

152

type=”search”

167

type=”submit”

159

type=”url”

166

value

154 – 156, 159

width

99, 136, 188, 213

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

SKOROWIDZ

:$¥&,:2¥&,&66

background-attachment

413

background-color

249

background-image

412

background-image

JUDGLHQW\

418

background-position

414

background

415

background-repeat

413

border-bottom-color

310

border-bottom-style

309

border-collapse

339

border-color

310

border-image

318

border-left-color

310

border-left-style

309

border property

311

border-radius

320

border-right-color

310

border-right-style

309

border-spacing

339

border-style

309

border-top-color

310

border-top-style

309

bottom

365 – 370

box-shadow

319

clear

371

color

248

cursor

346

display

316

empty-cells

338

Ġoat

363, 369 – 374

Ġoat

REUD]\

410

@font-face

276

font-face

270

font-family

270, 272

font-size

273, 275

font-style

279

height

REUD]\

408 – 409

hsl / hsla

254 – 255

left

365 – 370

letter-spacing

283

line-height

282

list-style-image

333

list-style-position

334

list-style

335

list-style-type

332

margin-bottom

313

margin-left

313

margin

313

margin-right

313

margin-top

313

opacity

253

padding-bottom

312

padding-left

312

padding

312

padding

WDEHOH

336

padding-right

312

padding-top

312

position

365, 366

rgba

253

right

365 – 370

text-align

284

text-decoration

281

text-indent

286

text-shadow

287

text-transform

280

top

365 – 370

vertical-align

285

visibility

317

width

REUD]\

408 – 409

width

HOHPHQW\Sï\ZDMÈFH

370

width

WDEHOH

336

word-spacing

283

z-index

363, 368

36(8'2./$6<36(8'2(/(0(17<25$=5(*8<

:active

290

:ğrst-letter

288

:ğrst-line

288

:focus

290, 341

:hover

290, 342, 341

SRGĂZLHWODQLHZLHUV]\WDEHO

336

:link

289

:visited

289

@font-face

276

@import

UHJXïD

394

!important

238

Ebookpoint.pl KOPIA DLA: Grzegorz Koziak koziak.grzegorz@gmail.com

Document Outline

SPIS TREŚCI
WPROWADZENIE
Rozdział 1. STRUKTURA
Rozdział 2. TEKST
Rozdział 3. LISTY
Rozdział 4. ŁĄCZA
Rozdział 5. OBRAZY
Rozdział 6. TABELE
Rozdział 7. FORMULARZE
Rozdział 8. DODATKOWE ELEMENTY HTML
Rozdział 9. FLASH, WIDEO I AUDIO
Rozdział 10. PREZENTACJA CSS
Rozdział 11. KOLOR
Rozdział 12. TEKST
Rozdział 13. PUDEŁKA ELEMENTÓW
Rozdział 14. LISTY, TABELE I FORMULARZE
Rozdział 15. UKŁAD
Rozdział 16. OBRAZY
Rozdział 17. UKŁAD W HTML5
Rozdział 18. PROCES I PROJEKT
Rozdział 19. INFORMACJE PRAKTYCZNE
SKOROWIDZ

Wyszukiwarka

Podobne podstrony:
Perl w zarzadzaniu witrynami WWW perwol
PHP Nuke Tworzenie witryn WWW
HTML i CSS id 206793 Nieznany
PHP Nuke Tworzenie witryn WWW phnuww
Perl w zarzadzaniu witrynami WWW
PHP i MySQL Witryna WWW oparta na bazie danych Wydanie IV phmsw4
html, css html
html, css plik do koła
html css
html, css htmml
Dostep witryna WWW, UMOWA
html, css sprawozdanie id 62398 Nieznany

więcej podobnych podstron

Duckett J HTML i CSS Zaprojektuj i zbuduj witrynę WWW

Document Outline