38

Apostila Unicamp HTML - Como Fazer Páginas Web

Embed Size (px)

Citation preview

Page 1: Apostila Unicamp HTML - Como Fazer Páginas Web

,QWURGXomR

(VWH WUHLQDPHQWR WHP SRU ILQDOLGDGH GLVFXWLU DVSHFWRV JHUDLV UHODFLRQDGRV j FULDomR GHSiJLQDV QD ,QWHUQHW� DWUDYpV GH DXODV H[SRVLWLYDV H SUiWLFDV RQGH WUDEDOKDUHPRV QR

GHVHQYROYLPHQWR GH XP VLWH DSOLFDQGR RV FRQFHLWRV DSUHVHQWDGRV�

(VWDUHPRV WUDEDOKDQGR FRP RV VRIWZDUHV 1HWVFDSH 1DYLJDWRU ���� � 1HWVFDSH

&RPSRVHU �����

3DLQW 6KRS 3UR ��� � 06 :RUG3DG ��� �

$ OLQJXDJHP +70/

%URZVHUV

&RQVWUXLQGR 3iJLQDV FRP R &RPSRVHU

&RQWH~GR GH XPD SiJLQD

$SSOHWV -DYD H -DYD 6FULSWV

)UDPHV

)RUPXOiULRV

0DSDV

9DOLGDQGR 6LWHV

+RVSHGDQGR VXD +RPH 3DJH

1RYDV 7HFQRORJLDV

&DWiORJRV H /LQNV

� RI � �������� �����

&RQIHFFDR GH 3DJLQDV KWWS���ZZZ�JDFOL�XQLFDPS�EU�&XUVRV�ZHESDJHV���KWPO

Page 2: Apostila Unicamp HTML - Como Fazer Páginas Web

$ /LQJXDJHP +70/

8PD SiJLQD p XP KLSHUWH[WR QR :RUOG :LGH :HE TXH DVVRFLD GLIHUHQWHV WLSRV GH

PtGLD FRPR WH[WRV� LPDJHQV� iXGLR HYtGHR� FRQHFWDGRV SRU KLSHUOLQNV�

3RGH VHU ~QLFD RX HVWDU OLJDGD ORJLFDPHQWH D RXWUDV SiJLQDV IRUPDQGR XP VLVWHPD

GH LQIRUPDo}HV RX XP VLWH�

$ SiJLQD GH HQWUDGD RX SiJLQD LQLFLDO UHFHEH R QRPH GH �+RPH 3DJH� �

$ OLQJXDJHP +70/ �+\SHUWH[W 0DUNXS /DQJXDJH� p TXH QRV SHUPLWH FULDU KRPH

SDJHV H GLVSRQLELOL]i�ODV QR ::: GD ,QWHUQHW�

(VWD OLQJXDJHP VH XWLOL]D GH GLUHWLYDV TXH VmR LQWHUSUHWDGDV SHORV EURZVHUV � $RLQWHUSUHWDU DV GLIHUHQWHV GLUHWLYDV WHPRV D SiJLQD DSUHVHQWDGD UHVSHLWDQGR D

IRUPDWDomR GH WH[WR� FRUHV H LPDJHQV GHILQLGD SHOR DXWRU�

&XLGDGR � 8PD SiJLQD SRGH VHU DSUHVHQWDGD GH IRUPD GLIHUHQWH SRU GLIHUHQWHV

%URZVHUV�

'H DFRUGR FRP 7LP %HQHUV�/HH� XP GRV FULDGRUHV GR :RUOG :LGH :HE� DOLQJXDJHP IRL GHILQLGD SDUD VHU XVDGD SRU SURFHVVDGRUHV GH WH[WR H RV DXWRUHV GHSiJLQDV QmR GHYHULDP QHFHVVDULDPHQWH FRQKHFHU DV GLUHWLYDV SURGX]LGDV SHOR

SURFHVVR GH FULDomR�

$WXDOPHQWH D FRQIHFomR GH +RPH 3DJHV WHP VH WRUQDGR XP SURFHVVR FDGD YH]PDLV DXWRPiWLFR DWUDYpV GD XWLOL]DomR GH HGLWRUHV JUiILFRV TXH DSUHVHQWDP DV

GLUHWLYDV FRPR IHUUDPHQWDV� SHUPLWLQGR DVVLP TXH R DXWRU FULH XPD SiJLQD VHP

FRQKHFHU SURIXQGDPHQWH RV FyGLJRV GD OLQJXDJHP +70/�

$OpP GH (GLWRUHV H[LVWHP WDPEpP SURJUDPDV $VVLVWHQWHV TXH WUDQVIRUPDP

GRFXPHQWRV JHUDGRV HP 06 :RUG� 3RZHU 3RLQW H ([FHO HP SiJLQDV +70/�

� RI � �������� �����

&RQIHFFDR GH 3DJLQDV KWWS���ZZZ�JDFOL�XQLFDPS�EU�FXUVRV�ZHESDJHV���KWPO

Page 3: Apostila Unicamp HTML - Como Fazer Páginas Web

$ /LQJXDJHP +70/

(VWUXWXUD GH XPD SiJLQD$V WDJV �+70/! H ��+70/! LGHQWLILFDP TXH R GRFXPHQWR p GR WLSR KWPO� RX VHMD XPD

SiJLQD ZHE�

%DVLFDPHQWH XP GRFXPHQWR +70/ p GLYLGLGR HP GXDV SDUWHV �

&DEHoDOKR �+($'! � RQGH HVSHFLILFDPRV R WtWXOR GD SiJLQD �7,7/(! H ��7,7/(!�

HVVH p R PDLV LPSRUWDQWH H DSDUHFHUi QD EDUUD VXSHULRU GR EURZVHU� ( ILQDOL]DPRV R

FDEHoDOKR FRP ��+($'!

&RUSR �%2'<! � QHVVD SDUWH HVSHFLILFDPRV DV FRUHV GH IXQGR� WH[WR� OLQNV� H

PDUFDPRV R LQtFLR GR GRFXPHQWR SURSULDPHQWH GLWR�

-XQWDPHQWH D WDJ �%2'<! SRGHPRV XVDU DV VHJXLQWHV RSo}HV� TXH QmR VmR

REULJDWyULDV� SRLV FDVR QmR H[LVWDP DVVXPHP XP YDORU GHIDXOW �

EJFRORU � HVSHFLILFD XPD FRU GH IXQGR SDUD D SiJLQD

EDFNJURXQG � HVSHFLILFD D LPDJHP QRV IRUPDWRV �MSJ RX �JLI XVDGD GH IXQGR

GD SiJLQD

WH[W � GHILQH XPD FRU SDUD R WH[WR

OLQN � GHILQH XPD FRU SDUD RV OLQNV

YOLQN � GHILQH FRU SDUD RV OLQN Mi YLVLWDGRV

DOLQN � GHILQH D FRU SDUD R OLQN QD KRUD TXH IRU DWLYDGR

([HPSOR � ��%2'< %$&.*5281' QRPHBLPDJHP %*&2/25 QRPHBFRU

7(;7 QRPHBFRU /,1. QRPHBFRU 9/,1. QRPHBFRU $/,1. QRPHBFRU!

([HPSOR � ��%2'< %$&.*5281' QRPHBLPDJHP %*&2/25 �FyGLJRBFRU7(;7 �FyGLJRBFRU /,1. �FyGLJRBFRU 9/,1. �FyGLJRBFRU

$/,1. �FyGLJRBFRU!

$OJXPDV WH[WXUDV GH %$&.*5281'�

8P WHVWH GH &25(6�

-DYDVFULSW TXH ID] WHVWH GH FRUHV�

� RI � �������� �����

2ILFLQD +70/ � (VWUXWXUD GH XPD SiJLQD +70/ KWWS���ZZZ�JDFOL�XQLFDPS�EU�&XUVRV�ZHESDJHV���KWPO

Page 4: Apostila Unicamp HTML - Como Fazer Páginas Web

$ /LQJXDJHP +70/

)RUPDWDomR GR 7H[WR

3RGHPRV IRUPDWDU R WH[WR FRP DV WDJV GH WDPDQKR� LWiOLFR� QHJULWR H IRQWHPRQRHVSDoDGD� VREUHVFULWR� VXEVFULWR H SLVFDQWH� 3DUD WRGDV HODV p QHFHVViULR GHOLPLWDU R

LQtFLR H R ILP GR WH[WR D VHU IRUPDWDGR�

&RU H IRQWH �

�IRQW FRORU QRPHBFRU! 7H[WR ��IRQW!

�IRQW IDFH WLSRBOHWUD ! 7H[WR ��IRQW! �

�IRQW VL]H �Q!7H[WR ��IRQW! � RQGH Q VHULD R LQFUHPHQWR DR WDPDQKR

RULJLQDO

7LSRV GH IRQWH GHILQLGDV SHOD OLQJXDJHP +70/ �

&DEHoDOKRV �

�+�! 7DPDQKR +���+�!

�+�! 7DPDQKR +���+�!

�+�! 7DPDQKR +���+�!

�+�! 7DPDQKR +���+�!

�+�! 7DPDQKR +���+�!

�+�! 7DPDQKR +���+�!

2XWURV HVWLORV �

�%! 7H[WR HP 1HJULWR � %ROG � ��%!

�,! 7H[WR HP ,WiOLFR ��,!

�77! 7H[WR FRP IRQWH PRQRHVSDoDGD ��77!

�8! 7H[WR VXEOLQKDGR ��X!

�683! 7H[WR VREUHVFULWR ��683!

�68%! 7H[WR VXEVFULWR ��68%!

�%/,1.! 7H[WR SLVFDQGR ��%/,1.!

� RI � �������� �����

2ILFLQD +70/ � (VWUXWXUD GH XPD SiJLQD +70/ KWWS���ZZZ�JDFOL�XQLFDPS�EU�&XUVRV�ZHESDJHV����KWPO

Page 5: Apostila Unicamp HTML - Como Fazer Páginas Web

$ /LQJXDJHP +70/

$FHQWXDomR H &DUDFWHUHV (VSHFLDLV2V DFHQWRV H DOJXQV FDUDFWHUHV HVSHFLDLV VmR WUDWDGRV GH XPD PDQHLUD GLIHUHQWH QD :HE�SHOR IDWR GH TXH QHP WRGRV RV FRPSXWDGRUHV OLJDGRV j ,QWHUQHW HVWmR FRQILJXUDGRV SDUDYLVXDOL]DU RV DFHQWRV� ([LVWH XPD FRGLILFDomR TXH SHUPLWH D TXDOTXHU HTXLSDPHQWR LQWHUSUHWDURV FyGLJRV H H[LELU QD WHOD R FDUDFWHU GHVHMDGR� 9DOH OHPEUDU TXH KRMH HP GLD D PDLRULD GRV

EURZVHUV HQWHQGH RV DFHQWRV�

2V FyGLJRV IXQFLRQDP QD VHJXLQWH PDQHLUD �

3ULPHLUR FRORFDPRV R FDUDFWHU ��

(P VHJXLGD D OHWUD TXH GHYHUi VHU DFHQWXDGD� SRGH VHU PLQ~VFXOD RX PDL~VFXOD

'H DFRUGR FRP D WDEHOD DEDL[R FRORTXH R FyGLJR GR DFHQWR GHVHMDGR

3RU ILP DFUHVFHQWH R FDUFWHU � � � � SRQWR GH YtUJXOD �

([HPSORV �

GLiULR GLDDFXWH�ULR

QDWDomR QDWDFFHGLO�DWLOGH�R

VHT�rQFLD VHTXXPO�HFLUF�QFLD

$FHQWRV

$JXGR *UDYH &LUFXQIOH[R 7LO 7UHPD &HGLOKD

BDFXWH� BJUDYH� BFLUF BWLOGH� BXPO� BFHGLO�

&DUDFWHUHV (VSHFLDLV

� ! �F�

DPS� OW� JW� FRS\

0DLV &DUDFWHUHV (VSHFLDLV

� RI � �������� �����

2ILFLQD +70/ � $FHQWXDomR H &DUDFWHUHV (VSHFLDLV KWWS���ZZZ�JDFOL�XQLFDPS�EU�FXUVRV�ZHESDJHV����KWPO

Page 6: Apostila Unicamp HTML - Como Fazer Páginas Web

$ /LQJXDJHP +70/

'LVSRVLomR GR 7H[WR QD 3iJLQD$OJXPDV GLUHWLYDV QHFHVViULDV SDUD XPD IRUPDWDomR EDVWDQWH EiVLFD GH XP WH[WR GHQWUR

GHQWUR GH XPD SiJLQD�

�&(17(5! � FHQWUDOL]D R WH[WR HP UHODomR j SiJLQD

�%5! � TXHEUD GH OLQKD� LQLFLDQGR R WH[WR VHJXLQWH QD OLQKD ORJR DEDL[R

�3! � IRUoD R ILP GH XP SDUiJUDIR� RX VHMD� SXOD XPD OLQKD DQWHV GH LQLFLDU RXWUR

SDUiJUDIR

�+5! � UpJXD KRUL]RQWDO� LQFOXL XPD OLQKD KRUL]RQWDO QR WH[WR� VHSDUDQGR R WH[WR HP

EORFRV

3RGHPRV HVSHFLILFDU �

ZLGWK B� FRPSULPHQWR� ([� ZLGWK ���

VL]H B HVSHVVXUD GR WUDoR� ([� VL]H �

�35(! � UHVSHLWD D IRUPDWDomR RULJLQDO GR WH[WR LQVHULGR QD SiJLQD

� RI � �������� �����

2ILFLQD +70/ � 'LVSRVLomR GR 7H[WR QD 7HOD KWWS���ZZZ�JDFOL�XQLFDPS�EU�FXUVRV�ZHESDJHV����KWPO

Page 7: Apostila Unicamp HTML - Como Fazer Páginas Web

$ /LQJXDJHP +70/

'HILQLomR GH /LVWDV

$V OLVWDV VmR XWLOL]DGDV SDUD RUJDQL]DU VHX WH[WR TXDQGR IRU QHFHVViULR XPD UHODomR GH LWHQV H

VXELWHQV� RUGHQDGRV RX QmR� ([LVWHP WUrV WLSRV GH OLVWDV � /LVWDV 2UGHQDGDV� /LVWDV 1mR�2UGHQDGDV

H /LVWDV GH 'HILQLomR�

/LVWDV 2UGHQDGDV

�RO! � LQLFLD XPD OLVWD

W\SH � GHILQH R WLSR GH QXPHUDomR GD OLVWD $ � /HWUDV PDL~VFXODV

D � /HWUDV PLQ~VFXODV

, � $OJDULVPRV URPDQRV

� � 1~PHURV DUiELFRV

��RO! � ILQDOL]D D OLVWD

�OL! � GHWHUPLQD XP LWHP GD OLVWD

([HPSOR �

&yGLJR KWPO

�RO!

�OL!3ULPHLUR

�OL!6HJXQGR

�OL!7HUFHLUR

��RO!

1R EURZVHU

�� 3ULPHLUR

�� 6HJXQGR

�� 7HUFHLUR

/LVWDV 1mR�2UGHQDGDV

�XO! � PDUFD R LQtFLR GD OLVWD

W\SH � GHILQH R WLSR GH PDUFDGRU GH FDGD LWHP GD OLVWD GLVN � SHTXHQR GLVFR VyOLGR

VTXDUH � TXDGUDGR SUHHQFKLGR

FLUFOH � FtUFXOR FKHLR

��XO!� PDUFD R ILQDO GD OLVWD

�OL! � GHWHUPLQD XP LWHP GD OLVWD

([HPSOR �

� RI � �������� �����

2ILFLQD +70/ � 'HILQLomR GH /LVWDV KWWS���ZZZ�JDFOL�XQLFDPS�EU�FXUVRV�ZHESDJHV����KWPO

Page 8: Apostila Unicamp HTML - Como Fazer Páginas Web

&yGLJR KWPO

�XO!

�OL!3ULPHLUD

�XO!

�OL!7XUPD

�OL!)LOKD

��XO!

�OL!6HJXQGD

�OL!7HUFHLUD

��XO!!

1R EURZVHU

3ULPHLUD

7XUPD

)LOKD

6HJXQGD

7HUFHLUD

/LVWDV GH 'HILQLomR

�GO! PDUFD R LQtFLR GD OLVWD

�GW!LQGLFD WHUPR D VHU GHILQLGR

�GG!LQGLFD D GHILQLomR GR WHUPR DFLPD

([HPSOR�

&yGLJR KWPO

8QLFDPS

�GO!

�GW!&&8(&

�GG!&HQWUR GH &RPSXWDomR

�GW!+&

�GG!+RVSLWDO GDV &OtQLFDV

��GO!

1R EURZVHU

8QLFDPS

&&8(&

&HQWUR GH &RPSXWDomR

+&

+RVSLWDO GDV &OtQLFDV

� RI � �������� �����

2ILFLQD +70/ � 'HILQLomR GH /LVWDV KWWS���ZZZ�JDFOL�XQLFDPS�EU�FXUVRV�ZHESDJHV����KWPO

Page 9: Apostila Unicamp HTML - Como Fazer Páginas Web

$ /LQJXDJHP +70/

,PDJHQV

$V LPDJHQV SRGHP VHU QRV IRUPDWRV �

*,) -3*

)RL GHVHQYROYLGR SHOD &RPSX6HUYH FRPLQWHQomR GH GLPLQXLU R WDPDQKR GRDUTXLYR SDUD WUiIHJR QD UHGH� eUHFRPHQGDGR SDUD tFRQHV RX LPDJHQVFRP PHQRV GH ��� FRUHV� FRUHV OLVDV�SXUDV� SUHWR H EUDQFR� &RPSDUDGD FRPR IRUPDWR MSJ HP WDPDQKR p PDLRU�SRUpP HP TXDOLGDGH p VXSHULRU�2XWUD GLIHUHQoD p TXH XPD LPDJHP �JLISRGH VHU WUDQVSDUHQWL]DGD�

(VVH SDGUmR IRL SURSRVWR SHOR&20,7¶ ,62� p XVDGR SDUD LPDJHQVPDLV FRPSOH[DV FRPR IRWRJUDILDVFRP YDULDomR H PDLV GH ��� FRUHV�3HUPLWH DOWD WD[D GH FRPSUHVVmR� SRULVVR JHUD XP DUTXLYR PHQRU� jV YH]HV��� GR WDPDQKR RULJLQDO� Vy TXH WXGRLVVR LPSOLFD QXPD SHUGD GHLQIRUPDomR H TXDOLGDGH�

8VDPRV D WDJ �LPJ! SDUD LQFOXLU XPD LPDJHP GHQWUR GH XP GRFXPHQWR +70/� -XQWDPHQWHFRP HOD SRGHP VHU XVDGRV DOJXQV SDUkPHWURV FRPR�

ERUGHU SDUD GHWHUPLQDU D PROGXUD GD LPDJHP

,PDJHP FRP ERUGD

�,0* ERUGHU � 65& ILJXUD�JLI!

ZLGWK SDUD GHWHUPLQDU D ODUJXUD GD LPDJHP

KHLJKW SDUD GHWHUPLQDU D DOWXUD GD LPDJHP

,PDJHP FRP OLPLWDomR GH $OWXUD H &RPSULPHQWR

�,0* ZLGWK �� KHLJKW �� 65& ILJXUD�JLI!

� RI � �������� �����

2ILFLQD +70/ � ,PDJHQV KWWS���ZZZ�JDFOL�XQLFDPS�EU�FXUVRV�ZHESDJHV����KWPO

Page 10: Apostila Unicamp HTML - Como Fazer Páginas Web

$ /LQJXDJHP +70/

,PDJHQV

0XLWDV YH]HV TXHUHPRV DOLQKDU XP WH[WR HP UHODomR D XPD LPDJHP DSUHVHQWDGD QD SiJLQD�

3DUD WDQWR GLVSRPRV GRV SDUkPHQWUR GH DOLQKDPHQWR �

DOLJQ OHIW SDUD DOLQKDU D LPDJHP D HVTXHUGD GR WH[WR�

,PDJHP FRP WH[WR DOLQKDGR D HVTXHUGD

�,0* DOLJQ OHIW 65& ILJXUD�JLI! 7H[WR TXH DFRPSDQKD D ILJXUD�

7H[WR TXH DFRPSDQKD D ILJXUD�

DOLJQ ULJKW SDUD DOLQKDU D LPDJHP D GLUHLWD GR WH[WR

,PDJHP FRP WH[WR DOLQKDGR D GLUHLWD

�,0* DOLJQ ULJKW 65& ILJXUD�JLI! 7H[WR TXH DFRPSDQKD D ILJXUD

7H[WR TXH DFRPSDQKD D ILJXUD�

DOLJQ WRS SDUD DOLQKDU R WH[WR FRP R WRSR GD LPDJHP�

,PDJHP FRP WH[WR DOLQKDGR DR WRSR GD LPDJHP

�,0* DOLJQ WRS 65& ILJXUD�JLI! 7H[WR TXH DFRPSDQKD D ILJXUD�

7H[WR TXH DFRPSDQKD D ILJXUD�

DOLJQ PLGGOH SDUD DOLQKDU R WH[WR FRP R PHLR GD LPDJHP�

,PDJHP FRP WH[WR DOLQKDGR D PHLD DOWXUD GD LPDJHP

�,0* DOLJQ PLGGOH 65& ILJXUD�JLI! 7H[WR TXH DFRPSDQKD D ILJXUD�

7H[WR TXH DFRPSDQKD D ILJXUD�

DOLJQ ERWWRP SDUD DOLQKDU R WH[WR FRP D SDUWH LQIHULRU GD LPDJHP�

,PDJHP FRP WH[WR DOLQKDGR DR Sp GD LPDJHP

�,0* DOLJQ ERWWRP 65& ILJXUD�JLI! 7H[WR TXH DFRPSDQKD D ILJXUD�

7H[WR TXH DFRPSDQKD D ILJXUD�

2QGH HQFRQWUDU tFRQHV " 9LVLWH R ,FRQ%$==$5 �ZZZ�LFRQED]DDU�FRP��

� RI � �������� �����

2ILFLQD +70/ � ,PDJHQV KWWS���ZZZ�JDFOL�XQLFDPS�EU�FXUVRV�ZHESDJHV����KWPO

Page 11: Apostila Unicamp HTML - Como Fazer Páginas Web

$ /LQJXDJHP +70/

7DEHODV

6mR XVDGDV SDUD RUJDQL]DU R FRQWH~GR GH XPD SiJLQD� &RP D WDJ �7$%/(! ��7$%/(!LQGLFDPRV TXH VH WUDWD GH XPD WDEHOD� SRGHPRV HVSHFLILFDU D HVSHVVXUD GD ERUGD FRP R

SDUkPHWUR %25'(5�

�WK!��� ��WK!

GHILQH R FDEHoDOKR GH FDGD FROXQD

�WU! ��� ��WU!

GHOLPLWD D OLQKD

�WG! ��� ��WG!

GHOLPLWD FDGD HOHPHQWR GD WDEHOD� FDGD FpOXOD�

$OJXQV DWULEXWRV TXH SRGHU VHU XVDGRV QD WDEHODV �

FROVSDQ � HVSHFtILFD TXDQWDV FROXQDV GD WDEHOD D FpOXOD RFXSDUi

URZVSDQ � HVSHFtILFD TXDQWDV OLQKDV GD WDEHOD D FpOXOD RFXSDUi

ZLGWK � GHILQH D ODUJXUD H[DWD GD FpOXOD

DOLJQ � DOLQKDPHQWR KRUL]RQWDO � ULJKW� FHQWHU� OHIW �

YDOLJQ � DOLQKDPHQWR YHUWLFDO � WRS� PLGGOH� ERWWRP �

([HPSOR ��

�WDEOH ERUGHU �! �WK!&ROXQD ���WK!�WK!&ROXQD ���WK!

�WU!�WG!OLQKD�� FROXQD ���WG!�WG! OLQKD �� FROXQD ���WG!��WU!

�WU!�WG!OLQKD �� FROXQD ���WG!�WG!OLQKD �� FROXQD ���WG!��WU!

��WDEOH!

5HVXOWDGR QD WHOD �

&ROXQD � &ROXQD �

OLQKD �� FROXQD � OLQKD �� FROXQD �

OLQKD �� FROXQD � OLQKD �� FROXQD �

([HPSOR � �

�WDEOH ERUGHU �!

�WK FROVSDQ �!&ROXQDV � H ���WK!

�WU!

�WG!OLQKD�� FROXQD ���WG!�WG! OLQKD �� FROXQD ���WG!��WU!

�WU!�WG!OLQKD �� FROXQD ���WG!�WG!OLQKD �� FROXQD ���WG!��WU!

�WK URZVSDQ �!� OLQKDV��WK!

�WG!XPD OLQKD��WG!

�WU!�WG!GXDV OLQKDV��WG!��WU!

�WU!�WG!WUHV OLQKDV��WG!��WU!

��WDEOH!

5HVXOWDGR QD WHOD �

� RI � �������� �����

2ILFLQD +70/ � 7DEHODV KWWS���ZZZ�JDFOL�XQLFDPS�EU�FXUVRV�ZHESDJHV����KWPO

Page 12: Apostila Unicamp HTML - Como Fazer Páginas Web

&ROXQDV � H �

OLQKD �� FROXQD � OLQKD �� FROXQD �

OLQKD �� FROXQD � OLQKD �� FROXQD �

� OLQKDV

XPD OLQKD

GXDV OLQKDV

WUrV OLQKDV

� RI � �������� �����

2ILFLQD +70/ � 7DEHODV KWWS���ZZZ�JDFOL�XQLFDPS�EU�FXUVRV�ZHESDJHV����KWPO

Page 13: Apostila Unicamp HTML - Como Fazer Páginas Web

$ /LQJXDJHP +70/

/LQNV FRP 2XWURV 'RFXPHQWRV

3RGHPRV ID]HU OLQNV SDUD RXWURV GRFXPHQWRV � SiJLQDV� LPDJHQV� VRQV H RXWURV VHUYLoRV GD

,QWHUQHW �� DWUDYpV GD WDJ �$! ��$!� FKDPDGDV GH kQFRUDV� 3UHFLVDPRV LQIRUPDU R +5()

�HQGHUHoR GH RQGH HVWi D SiJLQD TXH VHUi DFHVVDGD � H R 7(;72�,0$*(0 TXH LQGLFDUi R

OLQN�

3RU H[HPSOR � � $ +5() KWWS���HQGHUHoR�GRFXPHQWR! WH[WR�LPDJHP ��$!

$ UHIHUrQFLD D RXWUR GRFXPHQWR SRGH VHU IHLWD SRU �

&DPLQKR $EVROXWR � FRUUHVSRQGH DR HQGHUHoR FRPSOHWR GR GRFXPHQWR� XWLOL]DGR

TXDQGR RV GRFXPHQWRV HVWmR HP VHUYLGRUHV GLIHUHQWHV�

([� � $ +5() KWWS���PiTXLQD�GLUHWyULR�SDJLQD�KWPO !

&DPLQKR 5HODWLYR � TXDQGR R GRFXPHQWR D VHU DFHVVDGR HVWi QR PHVPR VHUYLGRU TXH

D SiJLQD DWXDO�

([� � $ +5() RXWUD�SiJLQD�KWPO !

/LJDomR FRP WUHFKRV GD PHVPD SiJLQD � GHVYLD SDUD R ORFDO GR WUHFKR GHVHMDGR QD

PHVPD SiJLQD�

([� � $ +5() �SDUWH��!

2EV� $QWHV GR WUHFKR GHVHMDGR GHYHUi H[LVWLU XP �WDUJHW� � RX VHMD XPD PDUFD

LQGLFDQGR D ORFDOL]DomR�

�$ 1$0( SDUWH��!

/LQNV SDUD RXWURV 6HUYLoRV ,QWHUQHW

7HOQHW�$ +5() WHOQHW���WXULQJ�XQLFDPS�EU! WHOQHW SDUD PiTXLQD WXULQJ�XQLFDPS�EU ��$!

7HOQHW SDUD PiTXLQD WXULQJ�XQLFDPS�EU

)WS�$ +5() IWS���IWS�XQLFDPS�EU! )WS SDUD PiTXLQD IWS�XQLFDPS�EU ��$!

)WS SDUD PiTXLQD IWS�XQLFDPS�EU

0DLO�$ +5() �PDLOWR�FXUVRV#FFXHF�XQLFDPS�EU� ! PDLOV SDUD D FRQWD FXUVRV

0DLOV SDUD D FRQWD FXUVRV

*RSKHU�$ +5() JRSKHU���JRSKHU�XQLFDPS�EU�! $FHVVR DR *RSKHU 8QLFDPS ��$!

$FHVVR DR *RSKHU 8QLFDPS

1HZV�$ +5() QHZV�QHZV�XQLFDPS�EU ! $FHVVR j 8VHQHW ��$!

$FHVVR j 8VHQHW

� RI � �������� �����

2ILFLQD +70/ � /LQNV FRP 2XWURV 'RFXPHQWRV KWWS���ZZZ�JDFOL�XQLFDPS�EU�FXUVRV�ZHESDJHV����KWPO

Page 14: Apostila Unicamp HTML - Como Fazer Páginas Web

%URZVHUV

2 DFHVVR DR ::: p SRVVtYHO DWUDYpV GRV �EURZVHUV�� RX QDYHJDGRUHV� SURJUDPDV

TXH WrP SRU ILQDOLGDGH �

WUDQVIHULU LQIRUPDo}HV � WH[WRV� LPDJHQV� VRP� YtGHR � HQWUH R VHUYLGRU H R

FOLHQWH�

FRGLILFDU DV GLUHWLYDV H DSUHVHQWDU QR PRQLWRU�

LQLFLDU D H[HFXomR GH DUTXLYRV GH VRP H YtGHR� FDVR H[LVWDP� H VH D LQVWDODomR

GLVSRU GRV SURJUDPDV QHFHVViULRV�

3RVVXHP PXLWRV UHFXUVRV H IXQo}HV TXH GHYHP HVWDU GHYLGDPHQWH FRQILJXUDGDV

SDUD SHUPLWLU XPD SHUIHLWD QDYHJDomR�

%URZVHUV PDLV XWLOL]DGRV�

1HWVFDSH

,QWHUQHW ([SORUHU

� RI � �������� �����

&RQIHFFDR GH 3DJLQDV KWWS���ZZZ�JDFOL�XQLFDPS�EU�FXUVRV�ZHESDJHV���KWPO

Page 15: Apostila Unicamp HTML - Como Fazer Páginas Web

&RQVWUXLQGR SiJLQDV�

3DUD D FULDomR GH QRVVDV SiJLQDV HVWDUHPRV QHVWH WUHLQDPHQWR XWOL]DQGR R (GLWRU 1HWVFDSH

&RPSRVHU ���� �

(VWH HGLWRU� HPERUD DSUHVHQWH DOJXPDV OLPLWDo}HV H UHVWULo}HV� SHUPLWH D FULDomR H PDQXWHQomR

GH SiJLQDV VHP TXH VHMD QHFHVViULR SURIXQGRV FRQKHFLPHQWRV GD OLQJXDJHP +70/�

0RVWUDUHPRV DSHQDV DV IXQo}HV GRV ERW}HV H DOJXQV PHQXV� SRU VHUHP HVWHV RV PDLVLPSRUWDQWHV� 5HVVDOWDQGR TXH WRGDV DV RSo}HV GLVSRQtYHLV QRV ERW}HV DSDUHFHP QRV PHQXV

WDPEpP�

$UTXLYR� (GLWDU� 3XEOLVK� 9LVXDOL]DU QR %URZVHU

,PSUHVVmR� %XVFD GH SDODYUDV� &RUUHWRU 2UWRJUiILFR H +70/

)RQWHV � WLSR� WDPDQKR� IRUPDWDomR � FRU �

'LVSRVLomR GR 7H[WR HP /LVWDV� &HQWUDOL]DomR H 3DUiJUDIRV

0HQX 9LHZ

� RI � �������� �����

2ILFLQD +70/ � &RPSRVHU KWWS���ZZZ�JDFOL�XQLFDPS�EU�FXUVRV�ZHESDJHV���KWPO

Page 16: Apostila Unicamp HTML - Como Fazer Páginas Web

1HWVFDSH &RPSRVHU�

$UTXLYR� (GLWDU� 3XEOLVK� 9LVXDOL]DU QR %URZVHU

$UTXLYR

,QLFLDU � FRPHoD XPD QRYD SiJLQD HP EUDQFR� SURQWD SDUD VHU HGLWDGD$EULU � DEUH XP DUTXLYR �KWPO Mi H[LVWHQWH� SRGHQGR VHU DOWHUDGR6DOYDU � VDOYD R DUTXLYR QR GLUHWyULR HVFROKLGR FRP R QRPH TXH IRU HVSHFLILFDGR HFRP H[WHQVmR �KWPO

(GLWDU

$VVLP FRPR HP TXDOTXHU DSOLFDWLYR SDUD :LQGRZV� HVVHV ERW}HV IXQFLRQDP GDPHVPD PDQHLUD� 6HPSUH WUDEDOKDQGR FRP D ·UHD GH 7UDQVIHUrQFLD�

&XW � FRUWDU � � FRUWDU WH[WR VHOHFLRQDGR&RS\ � FRSLDU � � FRSLDU WH[WR VHOHFLRQDGR3DVWH � FRODU � � FRODU

3XEOLVK

(VVD p XPD IHUUDPHQWD TXH SRVVLELOLWD DOWHUDo}HV HP SiJLQDV +70/ GLUHWDPHQWHQR VHUYLGRU :::� 'HVGH TXH D SHVVRD WHQKD SHUPLVVmR SDUD WDO DomR� ,VVR ID] SDUWH GDFRQILJXUDomR GR VHX VHUYLGRU� &OLFDQGR HP SXEOLVK� YRFr SUHFLVD DSHQDV LQIRUPDU HPTXDO GLUHWyULR D SiJLQD GHYHUi VHU VDOYD H VXD VHQKD�9LVXDOL]DU QR %URZVHU

$TXL SRGHPRV YLVXDOL]DU QR EURZVHU 1HWVFDSH H WHU XPD LGpLD GH FRPR ILFDULD QD WHOD DSiJLQD FRQVWUXtGD RX DOWHUDGD�

� RI � �������� �����

2ILFLQD +70/ � &RPSRVHU KWWS���ZZZ�JDFOL�XQLFDPS�EU�FXUVRV�ZHESDJHV�FRPSRVHU��KWPO

Page 17: Apostila Unicamp HTML - Como Fazer Páginas Web

�1HWVFDSH &RPSRVHU�

,PSUHVVmR� %XVFD GH 3DODYUDV� &RUUHWRU 2UWRJUiILFR H 7DJV +70/

,PSUHVVmR

3RGHPRV LPSULPLU D SiJLQD VH GHVHMDUPRV� LQFOXVLYH DV RSo}HV VmR DVPHVPDV GH XP RXWUR VRIWZDUH SDUD :LQGRZV� SUHFLVDPRV LQGLFDU D LPSUHVVRUD�SRGHPRV WLUDU PDLV GH XPD FySLD RX HVFROKHU TXDLV SiJLQDV GHYHUmR VHU

LPSUHVVDV�

%XVFD GH 3DODYUDV

+i D SRVVLELOLGDGH GH ORFDOL]DUPRV SDODYUDV GHQWUR GD SiJLQD VHP SUHFLVDUROKDU R DUTXLYR LQWHLUR OLQKD SRU OLQKD� WHPRV D FKDPDGD EXVFD UiSLGD� RQGH YRFrLQIRUPD D SDODYUD D VHU SURFXUDGD H OKH VHUi PRVWUDGR R UHVXOWDGR� PHVPR TXH

IRUHP HQFRQWUDGDV PDLV GH XPD YH]�

&RUUHWRU 2UWRJUiILFR

3DUD FRUULJLU HUURV GH RUWRJUDILD EDVWD DFLRQDU R &RUUHWRU 2UWRJUiILFR H HOH

LQGLFDUi RV HUURV H MXQWDPHQWH VXJHVW}HV GR TXH SRGHULD VHU FRORFDGR�

7DJV +70/

/LQN � OLJDomR SDUD RXWUD SiJLQD RX SDUD SDUWHV GR PHVPS DUTXLYR�

7DUJHW � DWULEXL QRPHV SHOR TXDO SRGHUHPRV UHIHUHQFLDU IXWXUDPHQWH�

,PDJHP � LQVHUH XPD LPDJHP QR ORFDO RQGH HVWLYHU R FXUVRU

5pJXD � FRQVWUyL XPD UpJXD KRUL]RQWDO� RQGH SRGHPRV GHILQLU D HVSHVVXUD

H FRPSULPHQWR

7DEHOD � FULD WDEHODV� QD TXDO SRGHPRV PXGDU ERUGD� OLQKDV H FROXQDV ���

���

� RI � �������� �����

2ILFLQD +70/ � &RPSRVHU KWWS���ZZZ�JDFOL�XQLFDPS�EU�FXUVRV�ZHESDJHV�FRPSRVHU��KWPO

Page 18: Apostila Unicamp HTML - Como Fazer Páginas Web

�1HWVFDSH &RPSRVHU�

)RQWHV � WLSR� WDPDQKR� IRUPDWDomR� FRU �

3DUD WRGR WH[WR GLJLWDGR SRGHPRV XVDU HVVHV IRUPDWRV� TXH VHUYHP SDUD GHVWDFDU DOJXP WUHFKR�

WtWXOR� RX PHVPR PHOKRUDU D RUJDQL]DomR GR FRQWH~GR GD SiJLQD�

3DUDJUDSK 6W\OHV

$V RSo}HV GLVSRQtYHLV QHVVH LWHP� VmR SDUDWLSRV GH FDEHoDOKRV� SDUiJUDIRV H LQFOXL WDPEpP

OLVWD�

2 PDLV LPSRUWDQWH GHVVHV HVWLORV� +HDGLQJ ���SRLV GHVWDFD R WH[WR FRPR VH IRVVH XP WtWXOR�YDULDQGR R WDPDQKR� VHQGR � R PDLRU H � RPHQRU� 2V GHPDLV ID]HP SUDWLFDPHQWH RVPHVPR HIHLWRV Mi DSUHVHQWDGRV�

)RQW

3RGHPRV HVFROKHU XPD IRQWH GLIHUHQWH� SDUDLVVR EDVWD Wr�ODV LQVWDODGDV QRPLFURFRPSXWDGRU� SRUpP SDUD TXH WRGRV TXHDFHVVHP VXD SiJLQD YHMDP p SUHFLVR TXHWHQKDP DV IRQWHV HP VHXV PLFURV WDPEHP�

���

� RI � �������� �����

2ILFLQD +70/ � &RPSRVHU KWWS���ZZZ�JDFOL�XQLFDPS�EU�FXUVRV�ZHESDJHV�FRPSRVHU��KWPO

Page 19: Apostila Unicamp HTML - Como Fazer Páginas Web

�1HWVFDSH &RPSRVHU�

)RQWHV � WLSR� WDPDQKR� IRUPDWDomR� FRU �

6L]H

3HUPLWH PXGDU R WDPDQKR GD IRQWH � OHWUDV �XWLOL]DGD� %DVWD PDUFDU R WH[WR D VHU PXGDGR HHVFROKHU XP Q~PHUR� 2X HQWmR GHILQLU DQWHVGH LQLFLDU D GLJLWDomR�

)RUPDWDomR

3RGHPRV GHL[DU XPD SDODYUD� WH[WR RXSDUiJUDIR HP QHJULWR� LWiOLFR� VXEOLQKDGR RXQRUPDO� VHP QHQKXP GHVVHV HIHLWRV� %DVWDVHOHFLRQDU H FOLFDU QR ERWmR GHVHMDGR�

&RORU

$R PHVPR WHPSR TXH SRGHPRV PXGDU RWDPDQKR GD IRQWH� WDPEpP PXGDPRV D FRU� $SDOHWD GH FRUHV YDULD GH DFRUGR FRP DFRQILJXUDomR GR VHX FRPSXWDGRU

���

� RI � �������� �����

2ILFLQD +70/ � &RPSRVHU KWWS���ZZZ�JDFOL�XQLFDPS�EU�FXUVRV�ZHESDJHV�FRPSRVHU��KWPO

Page 20: Apostila Unicamp HTML - Como Fazer Páginas Web

1HWVFDSH &RPSRVHU

/LVWDV� &HQWUDOL]DomR H 3DUiJUDIRV

3RGHPRV GLVSRQLELOL]DU R FRQWH~GR GD SiJLQD GH YiULDV IRUPDV� DWUDYpV GH OLVWDV� FHQWUDOL]DomR

GH WH[WRV RX SDUiJUDIRV� FRQIRUPH D VXD QHFHVVLGDGH�

/,67$6

8WLOL]DPRV DV OLVWDV RUGHQDGD RX QXPHUDGDSDUD GLVSRQLELOL]DU RV GDGRV GH PDQHLUD

RUJDQL]DGD� 3RU H[HPSOR �

&DUURV

)LDW

)RUG

&KHYUROHW

9RONVZDJHQ

&(175$/,=$d 2

3DUD FHQWUDOL]DU R WH[WR HP UHODomR j SiJLQDEDVWD VHOHFLRQDU DV OLQKDV TXH VRIUHUmR R HIHLWRH FOLFDU QR IRUPDWR GHVHMDGR� 2XWUD PDQHLUD�VH ORJR QR LQtFLR IRU VHOHFLRQDGR DOJXP HVWLOR�WRGR R UHVWDQWH VHJXLUi R IRUPDWR HVFROKLGR DWpVHU GHVDWLYDGR�

5(&82 � $9$1d2

3DUiJUDIRV VmR SHTXHQRV HVSDoRV GHL[DGRV jSDUWLU GD PDUJHP� SRGHP RX QmR H[LVWLUFRQIRUPH RV ERW}HV TXH HVWLYHUHPVHOHFLRQDGRV� 7HPRV R UHFXR H R DYDQoR�)XQFLRQD QDV OLVWDV WDPEpP� SDUD FRORFDU HP

VXE�QtYHLV�

���

� RI � �������� �����

2ILFLQD +70/ � &RPSRVHU KWWS���ZZZ�JDFOL�XQLFDPS�EU�FXUVRV�ZHESDJHV�FRPSRVHU��KWPO

Page 21: Apostila Unicamp HTML - Como Fazer Páginas Web

1HWVFDSH &RPSRVHU�

0HQX 9,(:

1R PHQX YLVXDOL]DU � 9,(: � WHPRV XPD RSomR LPSRUWDQWH SDUD TXHP HVWLYHULQWHUHVVDGR HP YLVXDOL]DU R FyGLJR +70/� p D 3DJH 6RXUFH� TXH PRVWUDUi R IRQWH GD

SiJLQD TXH HVWLYHU FDUUHJDGD FRP WRGDV DV GLUHWLYDV�

3DJH ,QIR DSUHVHQWD LQIRUPDo}HV VREUH D SiJLQD WDLV FRPR HVWUXWXUD H LPDJHQVUHODFLRQDGDV � DOpP GH LQIRUPDo}HV VREUH R DUTXLYR � ~OWLPD PRGLILFDomR � HWF � �

���

� RI � �������� �����

2ILFLQD +70/ � &RPSRVHU KWWS���ZZZ�JDFOL�XQLFDPS�EU�FXUVRV�ZHESDJHV�FRPSRVHU��KWPO

Page 22: Apostila Unicamp HTML - Como Fazer Páginas Web

&RQWH~GR GH XPD SiJLQD

$OJXPDV FRQVLGHUDo}HV LPSRUWDQWHV D VHJXLU QD FRQVWUXomR GH XP VLWH HILFLHQWH �

$XWRULD � GHILQLU R DXWRU GD SiJLQD SHOR SUySULR 1HWVFDSH &RPSRVHU H

WDPEpP LQGLFDU RV DXWRUHV H UHVSRQViYHLV SHOR VLWH�

)LQDOLGDGH � GHL[DU FODUR TXDO D ILQDOLGDGH SULQFLSDO GH VHX Mi QDV SULPHLUDV

SiJLQDV GH DSUHVHQWDomR

,QWHUDWLYDWLYLGDGH � XWLOL]DU RV UHFXUVRV GD UHGH GH PRGR D SHUPLWLU XPD PDLRU

LQWHJUDomR FRP RV YLVLWDQWHV�

1DYHJDELOLGDGH � GHILQLU OLQNV HQWUH DV GLYHUVDV SiJLQDV GR VLWH XQLQGR�DVORJLFDPHQWH� D XWLOL]DomR GH IUDPHV SRGH XP UHFXUVR EDVWDQWH ~WLO� HYLWHH[FHVVR GH OLQNV GHVQHFHVViULRV� SUHILUD DEULU OLQNV H[WHUQRV FRPR RXWUD

VHVVmR�

5HFXUVRV PXOWLPtGLD � XWLOL]DU UHFXUVRV GH PXOWLPtGLD SRVVtYHLV HP XPD

SiJLQD FDVR TXDQGR QHFHVViULRV�

9LVXDOL]DomR � LQGLFDU TXDO D PHOKRU FRQILJXUDomR SDUD D YLVXDOL]DomR GH VXDSiJLQD� ���[��� RX ���[���� 9HULILFDU FRPR ILFD D YLVXDOL]DomR HP GLIHUHQWHVEURZVHUV�

� RI � �������� �����

2ILFLQD +70/ � $YDQoDGR � $SSOHWV -DYD KWWS���ZZZ�JDFOL�XQLFDPS�EU�FXUVRV�ZHESDJHV���KWPO

Page 23: Apostila Unicamp HTML - Como Fazer Páginas Web

�$SSOHWV -DYD H -DYD 6FULSWV

$SSOHWV -DYD

$SSOHWV -DYD VmR DSOLFDo}HV GHVHQYROYLGDV QD OLQJXDJHP -DYD TXH SRGHP VHU LQFOXLGDV

HP XPD SiJLQD +70/ H H[HFXWDV TXDQGR DSUHVHQWDGDV HP VHX %URZVHU�

(VWHV DSOLFDWLYRV SRGHP VHU GHVGH VLPSOHV DQLPDo}HV SDUD GDU XP SRXFR GH YLGD D

XPD SiJLQD � RX DWp PHVPR FRPSOH[RV DSOLFDWLYRV FRPR DFHVVR D %DQFRV GH 'DGRV�

4XDQGR XPD SiJLQD TXH FRQWpP XP DSSOHW p VROLFLWDGD SHOR &OLHQWH D XP 6HUYLGRU� RFyGLJR H[HFXWiYHO p WUD]LGR DR &OLHQWH H JXDUGDGR HP XPD iUHD WHPSRUiULD VHQGR

HOLPLQDGR DSyV D DSUHVHQWDomR GD SiJLQD �

(VWH SURFHGLPHQWR p DQiORJR DR HQYLR GR FyGLJR +70/ TXH ILFD JXDUGDGR QR FDFKH

TXDQGR D SiJLQD p WUD]LGD GR 6HUYLGRU�

3DUD LQVHULU XP DSSOHW HP XPD SiJLQD GHYH�VH LQFOXLU QR +70/ DOJXQV FyGLJRV TXHLQLFLDP D H[HFXomR GR DSSOHW H WDPEpP WHU QR GLUHWyULR GD SiJLQD R DSSOHW MiFRPSLODGR FRP D H[WHQVmR �FODVV� (VVHV SURJUDPDV SRGHP VHU GHVHQYROYLGRV SRUYRFr RX HQWmR H[LVWHP DOJXQV VLWHV RQGH SHVVRDV GLVSRQLELOL]DP DSSOHWV� PDVGLILFLOPHQWH YRFr FRQVHJXH FDSWXUDU XP DUTXLYR �FODVV HP TXDOTXHU SiJLQD TXH

FRQWHQKD XPD DSSOHW MDYD SRLV H[LVWHP SURWHo}HV�

&RQKHoD DOJXQV VLWHV FRP DSSOHWV LQWHUHVVDQWHV SDUD GRZQORDG�

7KH -DYD %RXWLTXH �KWWS���ZZZ�M�J�FRP��

'HPLFURQ � KWWS���ZZZ�GHPLFURQ�VH�

,QRYD 5DSLG 6LWH � KWWS���ZZZ�LQRYD�QHW�DOJRPDLV��

-DYDVFULSWV

$QDORJDPHQWH DRV $SSOHWV QD OLQJXDJHP -DYD� SRGHPRV GHILQLU DOJXPDV IXQo}HV RXVFULSWV TXH SRGHP VHU HVFULWDV QD OLQJXDJHP -DYDVFULSW H LQFOXtGDV QXPD SiJLQD

+70/ DSyV D GLUHWLYD �6&5,37! �

9HMD XP H[HPSOR GH DSOLFDomR GH -DYDVFULSWV EDVWDQWH VLPSOHV RQGH SRGHUHPRV

WURFDU XPD LPDJHP SRU RXWUD DR SDVVDUPRV R PRXVH VREUH D ILJXUD�

&&8(& � KWWS���ZZZ�FFXHF�XQLFDPS�EU�

� RI � �������� �����

2ILFLQD +70/ � $YDQoDGR � $SSOHWV -DYD KWWS���ZZZ�JDFOL�XQLFDPS�EU�&XUVRV�ZHESDJHV���KWPO

Page 24: Apostila Unicamp HTML - Como Fazer Páginas Web

)UDPHV

)UDPHV RX TXDGURV SHUPLWHP D GLYLVmR GD WHOD GH H[SRVLomR GR EURZVHU HP

GLIHUHQWHV iUHDV RQGH SRGH�VH DSUHVHQWDU GLIHUHQWHV SiJLQDV�

,VVR SRVVLELOLWD� SRU H[HPSOR� TXH VH GHWHUPLQH XPD iUHD GD WHOD SDUD VHU D SiJLQDSULQFLSDO H RXWUDV iUHDV SDUD PHQXV RX OLQNV� ,VVR XVDGR GH PDQHLUD FRRUGHQDGD

SRGH VHU GH JUDQGH DMXGD QD QDYHJDELOLGDGH SHODV SiJLQDV GH VHX VLWH�

2 1HWVFDSH &RPSRVHU QmR DSUHVHQWD IDFLOLGDGHV SDUD D FULDomR GH )UDPHV SRU LVVRQHVWH WUHLQDPHQWR D HVWUXWXUD GRV IUDPHV GHYHUD VHU GHILQLGD XVDQGR RXWURV HGLWRUHV

� :RUG� 1RWHSDG� :RUG3DG� ��� �

2 SULPHLUR SDVVR SDUD VH FULDU XPD HVWUXWXUD XVDQGR IUDPHV p GHILQLU R )UDPHVHWRX FRQMXQWR GH IUDPHV� TXH LQGLFD FRPR VHUi HVWUXWXUDGR FDGD TXDGUR QD WHOD HPWHUPRV GH OLQKDV �URZV� H FROXQDV �FROV� � H TXDLV SiJLQDV GHYHUmR VHU DSUHVHQWDGDV

HP FDGD XP GHVVHV TXDGURV�

1XP SULPHLUR H[HPSOR YDPRV GLYLGLU D WHOD HP GXDV iUHDV � XP PHQX ODWHUDO H XPD

iUHD SULQFLSDO RFXSDQGR D PDLRU SDUWH GD WHOD�

�IUDPHVHW FROV ���� � �!

�IUDPH VUF PHQX�KWPO QDPH �DUHD�PHQX�!

�IUDPH VUF DSUHVHQWDFDR�KWPO QDPH �DUHD�SULQFLSDO�!

��IUDPHVHW!

1R H[HPSOR DFLPD WHPRV D WHOD GLYLGLGD HP GXDV iUHDV� GHILQLGDV SRU GXDV FROXQDVYHUWLFDLV� $ SULPHLUD � FRP WDPDQKR GH ��� SL[HOV � UHFHEHX R QRPH GH DUHD�PHQX HQHOD HVWDPRV DSUHVHQWDQGR D SiJLQD PHQX�KWPO� $ VHJXQGD RFXSD R UHVWDQWH GDWHOD � LQGLFDGR SRU � � �� UHFHEHX R QRPH GH DUHD SULQFLSDO� H QHOD HVWDPRVDSUHVHQWDQGR LQLFLDOPHQWH D SiJLQD DSUHVHQWDFDR�KWPO�

� RI � �������� �����

2ILFLQD +70/ � $YDQoDGR � )UDPHV KWWS���ZZZ�JDFOL�XQLFDPS�EU�&XUVRV�ZHESDJHV���KWPO

Page 25: Apostila Unicamp HTML - Como Fazer Páginas Web

)UDPHV

1XP VHJXQGR H[HPSOR YDPRV GHILQLU XPD HVWUXWXUD FRP WUrV iUHDV � WRSR� PHQXODWHUDO� H iUHD SULQFLSDO� 3DUD WDQWR EDVWD DFUHVFHQWDUPRV R H[HPSOR DQWHULRU FRPR

XP VXEFRQMXQWR GH IUDPHV QHVWD QRYD HVWUXWXUD� 2EVHUYH �

�IUDPHVHW URZV � �� � �!

�IUDPH VUF WRSR�KWPO QDPH �DUHD�WRSR�!

�IUDPHVHW FROV ���� � �!

�IUDPH VUF PHQX�KWPO QDPH �DUHD�PHQX�!

�IUDPH VUF DSUHVHQWDFDR�KWPO QDPH �DUHD�SULQFLSDO�!

��IUDPHVHW!

��IUDPHVHW!

$VVLP WHPRV QRVVD WHOD GLYLGLGD HP WUrV iUHDV GLVWLQWDV � GXDV OLQKDV� RX IDL[DVKRUL]RQWDLV� D SULPHLUD FRP �� SL[HOV UHFHEHX R QRPH GH DUHD�WRSR H DSUHVHQWD DSiJLQD WRSR�KWPO� D VHJXQGD IDL[D VH GLYLGH HP RXWUR FRQMXQWR GH IUDPHV GHVWD YH]HP FROXQDV YHUWLFDLV� D SULPHLUD FRP ��� SL[HOV UHFHEHX R QRPH GH DUHD�PHQX HDSUHVHQWD D SiJLQD PHQX�KWPO H D VHJXQGD RFXSDQGR R UHVWDQWH GD WHOD� UHFHEHX R

QRPH GH iUHD SULQFLSDO H DSUHVHQWD D SiJLQD DSUHVHQWDFDR�KWPO�

2 WDPDQKR GDV iUHDV SRGHP VHU GHILQLGRV HP SRUFHQWDJHP GD WHOD DR LQYpV GRYDORU IL[R HP SL[HOV� 3DUD WDQWR EDVWD LQGLFDUPRV ��� QD GHILQLomR GR WDPDQKR GDV

OLQKDV H FROXQDV �

$LQGD SRGHPRV GHILQLU DWULEXWRV HP QRVVR )UDPHVHW TXH FRQWURODP D YLVXDOL]DomR HQDYHJDomR FRRUGHQDGD HQWUH RV IUDPHV�

���

� RI � �������� �����

2ILFLQD +70/ � $YDQoDGR � )UDPHV KWWS���ZZZ�JDFOL�XQLFDPS�EU�&XUVRV�ZHESDJHV����KWPO

Page 26: Apostila Unicamp HTML - Como Fazer Páginas Web

)UDPHV

$WULEXWRV GH FRQWUROH

0DUJHP �

PDUJLQZLGWK � GHWHUPLQD DV PDUJHQV GLUHLWD H HVTXHUGD GR IUDPH

PDUJLQKHLJKW � GHWHUPLQD DV PDUJHQV VXSHULRU H LQIHULRU GR IUDPH

%DUUD GH URODJHP �

6FUROOLQJ � SRGH�VH GHWHUPLQDU VH R IUDPH WHUi EDUUD GH URODJHP VH QHFHVViULR

RX VH QXQFD DSUHVHQWDUi D EDUUD PHVPR VH QHFHVViULR�

$OWHUDomR GD HVWUXWXUD �

2V QDYHJDGRUHV SHUPLWHP TXH R YLVLWDQWH DOWHUH D SRVLomR GRV IUDPHV� 3DUD WDQWRR DWULEXWR QRUHVL]H LQLEH HVWD SRVVLELOLGDGH H WRUQD RV IUDPHV IL[RV FRQIRUPH

GHILQLGR�

%RUGDV �

3RGHPRV GHILQLU VH QRVVD HVWUXWXUD GH TXDGURV VHUi DSUHVHQWDGD UHVVDOWDQGR�VH DVERUGDV HQWUH RX IUDPHV RX QjR XVDQGR RV DWULEXWRV IUDPHERUGHU � ERUGHU H

IUDPHVSDFH�

'LUHFLRQDPHQWR �

2 DWULEXWR WDUJHW �DOYR� p R TXH LQGLFD RQGH XPD SiJLQD GHYHUi VHU DSUHVHQWDDVVLP TXH R YLVLWDQWH FOLFD HP XP OLQN � 3RU GHILQLomR XPD QRYD SiJLQD VHUiDSUHVHQWDGD QD PHVPD iUHD RQGH HVWi OLQN� 3DUD UHGLUHFLRQDU D SiJLQD SDUD RXWUDiUHD WHPRV DV SRVVLELOLGDGHV D VHJXLU TXH GHYHP VHU FRQVWDU QD GHILQLomR QR OLQN �

�KUHI SDJLQD�KWPO WDUJHW ��� ! � �

WDUJHW �QRPH GD iUHD � � FDUUHJD D SiJLQD QD iUHD HVSHFLILFDGD�

WDUJHW BWRS � OLPSD D WHOD H DEUH D QRYD SiJLQD RFXSDQGR WRGD D WHOD�

WDUJHW BEODQN � DEUH XPD QRYD MDQHOD SDUD H[LELU D SiJLQD�

WDUJHW BVHOI � FDUUHJD D SiJLQD QD PHVPD iUHD GR OLQN� 2SomR p GHIDXOW�

1R )UDPH �

$OJXQV EURZVHUV QmR VXSRUWDP IUDPHV H D RSomR QRIUDPH SHUPLWH TXH VHMD

DSUHVHQWDGD RXWUD SiJLQD FRPR DOWHUQDWLYD�

�QRIUDPH!

���� GHILQLomR GD SiJLQD DOWHUQDWLYD ���

�ERG\! ��� FRQWH~GR GD SiJLQD ��� �LPJ VUF ILJ�MSJ! ���� HWF ���

��QRIUDPH!

� RI � �������� �����

2ILFLQD +70/ � $YDQoDGR � )UDPHV KWWS���ZZZ�JDFOL�XQLFDPS�EU�&XUVRV�ZHESDJHV���KWPO

Page 27: Apostila Unicamp HTML - Como Fazer Páginas Web

)RUPXOiULRV

2V IRUPXOiULRV HP XPD SiJLQD :HE SHUPLWHP FROHWDU LQIRUPDo}HV GDV SHVVRDV TXH YLVLWDP XPD

SiJLQD� $WUDYpV GH DOJXPDV GLUHWLYDV HVSHFLDLV SRGHPRV GHILQLU DV OLWHUDLV H R IRUPDWR GRV FDPSRV

GH UHVSRVWD� 7DPEpP GHILQLPRV TXH DomR VHUi WRPDGD DVVLP TXH R IRUPXOiULR IRU SUHHHQFKLGR H

HQYLDGR�

(VWDUHPRV DSUHVHQWDQGR DV GLUHWLYDV H SDUkPHWURV QHFHVViULRV SDUD D FULDomR GH XP IRUPXOiULRH[HPSOR FRP RV GLYHUVRV WLSRV GH FDPSRV SDUD UHVSRVWD RQGH D DomR VHUi HQYLDU XPD PHQVDJHPFRQWHQGR WRGDV DV LQIRUPDo}HV SUHHQFKLGDV SDUD XP H�PDLO HVSHFLILFDGR FRPR UHVSRQViYHO SHODUHFHSomR GDV LQIRUPDo}HV�

2 IRUPXOiULR GHYHUi HVWDU HP XP VHUYLGRU DXWRUL]DGR D XVDU R SURJUDPD TXH HVWLYHU QR FJL�ELQ�

'LUHWLYDV

'HILQLomR GR )RUPXOiULR&DPSRV 7LSR 7H[WR&DPSRV GH (VFROKD%RW}HV GH $omR%RW}HV GH 6HOHomR·UHD GH 7H[WR

)RUPXOiULR ([HPSOR�

$OpP GD GHILQLomR GR IRUPXOiULR H QHFHVViULR GHILQLU R SURJUDPD TXH H[HFXWDUi D WUDQVPLVVmR GRIRUPXOiULR � (VWH SURJUDPD GHYH HVWDU JUDYDGR HP XP GLUHWRULR FJL�ELQ�

$OJXQV HQGHUHoRV�

)RUP0DLO� 0DWWV 6FULSWV� ZRUOGZLGHPDUW�FRP�VFULSWV�IRUPPDLO�VKWPO

6LWH FRQWHQGR PXLWRV VFULSWV GLVSRQLYHLV SDUD GRZQORDG H SRVVtYHLV GH VHUHP FXVWRPL]DGRV�

� RI � �������� �����

2ILFLQD +70/ � $YDQoDGR � )UDPHV KWWS���ZZZ�JDFOL�XQLFDPS�EU�FXUVRV�ZHESDJHV����KWPO

Page 28: Apostila Unicamp HTML - Como Fazer Páginas Web

)RUPXOiULRV

8PD SiJLQD SRGH VHU FRQWHU FDPSRV HP GLYHUVRV IRUPDWRV SDUD HQWUDGD GH GDGRV GLJLWDGRV SHORYLVLWDQWH H HQYLDGRV DR VHUYLGRU TXH GDUi LQtFLR D H[HFXomR GH XP SURJUDPD GH WUDWDPHQWR GHVWDV

LQIRUPDo}HV�

$ GLUHWLYD )250 GHILQH R LQtFLR GR IRUPXOiULR� 2 DWULEXWR 0(7+2' GHILQH R PpWRGR GH DFHVVR D

85/ RQGH HVWi R VFULSW� SURJUDPD D VHU H[HFXWDGR QR VHUYLGRU � HVSHFLILFDGR SHOR DWULEXWR

$&7,21�

([HPSOR �

�)250 0(7+2' 3267 $&7,21 VFULSW !

���

��� �GHILQLomR GRV FDPSRV GH IRUPXOiULR�

���

��)250!

&DPSRV GR WLSR �+LGGHQ� �RFXOWRV�

$OpP GRV FDPSR GHILQLGRV QR IRUPXOiULR TXH HVWmR YLVtYHLV H VHUmR SUHHQFKLGR SHOR YLVLWDQWH SRGHP

GHILQLU FDPSRV QmR YLVtYHLV TXH HVWDUmR SDVVDQGR SDUkPHWURV SDUD R SURJUDPD D VHU H[HFXWDGR�

�,1387 7<3( �KLGGHQ� 1$0( �QRPH�GR�FDPSR� 9DOXH �YDORU� !

QRPH GR FDPSR p R PHVPR QRPH GD YDULiYHO XVDGD SHOR SURJUDPD QR VHUYLGRU H �YDORU� HYDORU GR FDPSR TXH HVWDPRV SDVVDQGR DR SURJUDPD�

� RI � �������� �����

2ILFLQD +70/ � $YDQoDGR � )RUPXODULRV � &DPSRV ,QSXW ILOH�����0$1-(521$�FXUVRV�ZHESDJHV�����KWPO

Page 29: Apostila Unicamp HTML - Como Fazer Páginas Web

)RUPXOiULRV

&DPSRV 7LSR 7H[WR

�)250!

1RPH� �,1387 7<3( 7(;7 1$0( �1RPH�!

6HQKD� �,1387 7<3( 3$66:25'

1$0( �6HQKD�!

��)250!

1RPH�

6HQKD�

$OJXQV $WULEXWRV �

9DOXH � ,QLFLDOL]D XP FDPSR WH[WR FRP R YDORU GHILQLGR

([�� 1RPH� �,1387 7<3( 7(;7 1$0( �1RPH� 9$/8( �2VZDOG GH $QGUDGH�!

1RPH�

6L]H � 'HOLPLWD R WDPDQKR GR HVSDoR SDUD HQWUDGD GR YDORU QRV FDPSRV 7(;7 RX

3$66:25'� 'HOLPLWD DSHQDV R HVSDoR PRVWUDGR H QmR WDPDQKR GR FDPSR�

([�� 1RPH� �,1387 7<3( 7(;7 1$0( �1RPH� 6,=( �� !

1RPH�

0D[OHQJKW � 'HOLPLWD R Q~PHUR GH FDUDFWHUHV DFHLWRV FRPR HQWUDGD HP XP FDPSR

7(;7 RX 3$66:25'�

([��6LJOD GR (VWDGR � �,1387 7<3( 7(;7 1$0( �6LJOD GR (VWDGR�

0$;/(1*+7 �!

6LJOD GR (VWDGR �

2VZDOG GH $QGUDGH

� RI � �������� �����

2ILFLQD +70/ � $YDQoDGR � )RUPXODULRV � &DPSRV ,QSXW ILOH�����0$1-(521$�FXUVRV�ZHESDJHV�����KWPO

Page 30: Apostila Unicamp HTML - Como Fazer Páginas Web

)RUPXOiULRV

&DPSRV 7LSR 0~OWLSOD (VFROKD

)UXWDV �

�)250!

�,1387 7<3( &+(&.%2; 1$0( �IUXWD�

9$/8( �$EDFD[L�!$EDFD[L

�,1387 7<3( &+(&.%2; 1$0( �IUXWD�

9$/8( �0RUDQJR�!0RUDQJR

�,1387 7<3( &+(&.%2; 1$0( �IUXWD� 9$/8( �/LPmR�!/LPmR

�,1387 7<3( &+(&.%2; 1$0( �IUXWD� 9$/8( �3HUD�!3HUD

�,1387 7<3( &+(&.%2; 1$0( �IUXWD�

9$/8( �/DUDQMD�!/DUDQMD

��)250!

)UXWDV �

$EDFD[L

0RUDQJR

/LPmR

3HUD

/DUDQMD

2 DWULEXWR &+(&.(' VHUYH SDUD LQLFLDOL]DU XP LWHP FRPR Mi HVFROKLGR�

&DPSRV 7LSR (VFROKD ÁQLFD

�)250!

(VWDGR &LYLO �

�,1387 7<3( 5$',2 1$0( �HVWFLY� 9$/8( �6ROWHLUR�!6ROWHLUR

�,1387 7<3( 5$',2 1$0( �HVWFLY� 9$/8( �&DVDGR�!&DVDGR

�,1387 7<3( 5$',2 1$0( �HVWFLY� 9$/8( �9LXYR�!9LXYR

�,1387 7<3( 5$',2 1$0( �HVWFLY�

9$/8( �'LYRUFLDGR�!'LYRUFLDGR

�,1387 7<3( 5$',2 1$0( �HVWFLY� 9$/8( �2XWURV�!2XWURV

��)250!

(VWDGR &LYLO �

6ROWHLUR

&DVDGR

9LXYR

'LYRUFLDGR

2XWURV

� RI � �������� �����

2ILFLQD +70/ � $YDQoDGR � )RUPXODULRV � &DPSRV 0XOWLSOD (VFROKD ILOH�����0$1-(521$�FXUVRV�ZHESDJHV�����KWPO

Page 31: Apostila Unicamp HTML - Como Fazer Páginas Web

)RUPXOiULRV��

%RW}HV GH $omR

68%0,7 � (QYLD RV GDGRV SUHHQFKLGRV QR IRUPXOiULR SDUD R VHUYLGRU� LQLFLDQGR D H[HFXomR GR

SURJUDPD HVSHFLILFDGR QR DWULEXWR $&7,21�

5(6(7 � 5HLQLFLDOL]D R IRUPXOiULR FRP RV YDORUHV SUHYLDPHQWH GHILQLGRV�

2 DWULEXWR 9$/8( GHILQH D PHQVDJHP VREUH R ERWmR�

�)250!

�,1387 7<3( 68%0,7 9$/8( �(QYLDU�!

�,1387 7<3( 5(6(7 9$/8( �&DQFHODU�!

��)250!

(QYLDU &DQFHODU

� RI � �������� �����

2ILFLQD +70/ � $YDQoDGR � )RUPXODULRV � &DPSRV GH $FDR ILOH�����0$1-(521$�FXUVRV�ZHESDJHV�����KWPO

Page 32: Apostila Unicamp HTML - Como Fazer Páginas Web

)RUPXOiULRV

%RW}HV GH 6HOHomR

$ GLUHWLYD �6(/(&7! p XWLOL]DGD MXQWDPHQWH FRP D GLUHWLYD �237,21! SDUD GHILQLU XPD OLVWD GH YDOR

D VHUHP VHOHFLRQDGRV�

([HPSOR�

�6(/(&7 1$0( �SODWDIRUPD�!

�237,21!3&

�237,21!:RUNVWDWLRQ

�237,21!$OSKD

�237,21!0DLQIUDPH ,%0

��6(/(&7!

3RGH�VH GHILQLU XP YDORU FRPR GHIDXOW XVDQGR R DWULEXWR 6(/(&7('�

([HPSOR� �237,21 6(/(&7('!YDORU

2 DWULEXWR 6,=( p XWLOL]DGR SDUD VH DSUHVHQWDU PDLV GH XP YDORU QD SiJLQD�

�6(/(&7 1$0( �SODWDIRUPD� 6,=( �!

�237,21!3&

�237,21!:RUNVWDWLRQ

�237,21!$OSKD

�237,21!0DLQIUDPH ,%0

��6(/(&7!

3&

3&

:RUNVWDWLRQ

$OSKD

� RI � �������� �����

2ILFLQD +70/ � $YDQoDGR � )RUPXODULRV � %RWRHV GH 6HOHFDR ILOH�����0$1-(521$�FXUVRV�ZHESDJHV�����KWPO

Page 33: Apostila Unicamp HTML - Como Fazer Páginas Web

)RUPXOiULRV

·UHD GH 7H[WR

$ 'LUHWLYD 7(;7$5($ GHILQH XPD iUHD SDUD HQWUDGD GH WH[WRV� 2V DWULEXWRV &2/6 H 52:6 GHILQHPWDPDQKR GD MDQHOD�

([HPSOR

�7(;7$5($ &2/6 �� 52:6 �� 1$0( �WH[WR�!·UHD SDUD HQWUDGD GH WH[WR ��7(;7$5($!

�)217 6,=( ��!¼UHDSDUD HQWUDGD GH WH[WR ��)217!

� RI � �������� �����

2ILFLQD +70/ � $YDQoDGR � )RUPXODULRV � %RWRHV GH 6HOHFDR ILOH�����0$1-(521$�FXUVRV�ZHESDJHV�����KWPO

Page 34: Apostila Unicamp HTML - Como Fazer Páginas Web

0DSDV &OLFiYHLV

0DSDV &OLFiYHLV HP XPD SiJLQD VmR ILJXUDV TXH SHUPLWHP D DVVRFLDomR GH iUHDV GHVWD ILJXUD FRPOLQNV SDUD GLIHUHQWHV 85/V� (VWHV PDSDV SRGHP VHU GHILQLGRV GH GLIHUHQWHV PDQHLUDV� QHVWH

WUHLQDPHQWR HVWDUHPRV DSUHVHQWDQGR XP PpWRGR EDVWDQWH VLPSOHV XVDQGR &OLHQW�6LGH ,PDJHPDS�

&yGLJR +70/

�0$3 1$0( PHQX!

�$5($ 6+$3( UHFW &225'6 ������ ������ +5() ����KWP!

�$5($ 6+$3( UHFW &225'6 ������ ������ +5() ����KWP!

�$5($ 6+$3( UHFW &225'6 ������� ������� +5() ����KWP!

�$5($ 6+$3( UHFW &225'6 ������� ������� +5() ����KWP!

�$5($ 6+$3( UHFW &225'6 ������� ������� +5() ����KWP!

�$5($ 6+$3( UHFW &225'6 �������� ������� +5() ����KWP!

�$5($ 6+$3( UHFW &225'6 ������� ������� +5() ����KWP!

��0$3!

�0* %RUGHU � 65& �LQGLFHFF�JLI� +(,*+7 ��� :,'7+ ���86(0$3 ��PHQX� !

1R H[HPSOR DFLPD D GLUHWLYD 0$3 HVWi GHILQLQGR D FULDomR GR PDSD H LQIRUPDQGR VHX QRPH� $ GLUH$5($ LQIRUPD R IRUPDWR�6+$3(� GD iUHD �VHQVtYHO� � VXDV FRRUGHQDGDV� &225'� H R HQGHUHoR GD

85/ DVVRFLDGD�

2 IRUPDWR GD iUHD �6+$3(� SRGH VHU

5(&7 � UHWkQJXOR � FRRUGHQDGDV [��\� � [��\�

&,5& � FtUFXOR � FRUUGHQDGDV [�\ H UDLR U

32/< � SROtJRQR � FRRUGDQDGDV [��\� � [��\� � [��\� � ���

$ 'LUHWLYD �,0* ��� 86(0$3 ���! DVVRFLD D GHILomR GR 0DSD j ,PDJHP�

$V &RRUGHQDGDV SRGHP VHU REWLGDV XWLOL]DQGR VRIWZDUHV GH WUDWDPHQWR GH LPDJHQV� FRPR R 3DLQW 6

3UR� RX $GREH 3KRWRVKRS�

� RI � �������� �����

2ILFLQD +70/ � $YDQoDGR � 0DSDV 6HQVLWLYRV ILOH�����0$1-(521$�FXUVRV�ZHESDJHV����KWPO

Page 35: Apostila Unicamp HTML - Como Fazer Páginas Web

9DOLGDQGR VHX 6LWH

e LPSRUWDQWH VHPSUH FKHFDU VH RV OLQNV QDV SiJLQDV GH VHX VLWH HVWmR WRGRV OHYDQGR D LQIRUPDomLQGLFDGD SRLV VmR FRQVWDQWHV DV PXGDQoDV GH HQGHUHoR GH VLWHV QD ,QWHUQHW� ([LVWHP DOJXQV VLWHUHGH TXH RIHUHFHP JUDWXLWDPHQWH VHUYLoRV GH YHULILFDomR GH OLQNV H FyGLJR +70/ XWLOL]DQGR SURJTXH YLVLWDP R VLWH FKHFDQGR RV OLQNV�

$SyV D YLVLWD HVWHV SURJUDPDV UHWRUQDP XP DYLVR VREUH DV RFRUUrQFLDV UHJLVWUDGDV�

�/HW RXU URERWV WXQH \RXU :HE VLWH� )UHH� 2XU URERWV ZLOO VHDUFK \RXU VLWH WR ILQG EURNHQ OLQNV� VSR

+70/ WDJV� DQG UDWH \RXU VHUYHUV UHVSRQVH WLPH��

2FRUUrQFLDV QD YHULILFDomR GH OLQNV H GR FyGLJR +70/

:HEVLWH *DUDJH

� RI � �������� �����

2ILFLQD +70/ � $YDQoDGR � 9DOLGDQGR 6LWHV ILOH�����0$1-(521$�FXUVRV�ZHESDJHV����KWPO

Page 36: Apostila Unicamp HTML - Como Fazer Páginas Web

+RVSHGDQGR VXD +RPH 3DJH

1D 8QLFDPS XPD SiJLQD SRGH VHU GLVSRQLELOL]DGD GHVGH TXH HVWHMD GH DFRUGR FRP DVQRUPDV HVWDEHOHFLGDV SHOD 3RUWDULD *5 1� ������ '( �������� � TXH GLVS}H VREUH DLQVHUomR GH +RPH 3DJH QD 81,QHW

�KWWS���ZZZ�XQLFDPS�EU�SJ�SRUWDULDV������325������+70��

(VWDV SiJLQDV GHYHP VHU GLVSRQLELOL]DGDV SUHIHUHQFLDOPHQWH QRV VHUYLGRUHV LQVWDODGRVQDV 8QLGDGHV $GPLQLVWUDWLYDV� ,QVWLWXWRV� )DFXOGDGHV� &HQWURV H 1~FOHRV�

,QIRUPDo}HV TXH SRGHP VHU GLVSRQLELOL]DGDV �

'DGRV VREUH D ,QVWLWXLomR,QIRUPDo}HV GH LQWHUHVVH JHUDO'LYXOJDomR GH HYHQWRV� SURJUDPDV� SURMHWRV6HUYLoRV GH XWLOLGDGH S~EOLFD$FHVVR D 6LVWHPDV �'$&� 6$(� %LEOLRWHFDV� HWF �

3URYHGRUHV GH $FHVVR HP &DPSLQDV �

%HVW :D\ �KWWS���ZZZ�EHVWZD\�FRP�EU��

&RUUHLR 1HW � KWWS���ZZZ�FRUUHLRQHW�FRP�EU �1XWHFQHW � KWWS���ZZZ�FDV�QXWHFQHW�FRP�EU� �6LJPD %%6 � KWWS���ZZZ�VLJPDEEV�FRP�EU� �6XSHU1HW � KWWS���ZZZ�VXSHUQHW�FRP�EU� �:HE&LW � KWWS���ZZZ�ZHEFLW�FRP�EU� �

6LWHV JUDWXtWRV �

*HRFLWLHV � KWWS���ZZZ�JHRFLWLHV�FRP� �+LJK:D\ WHFQRORJLDV � KWWS���ZZZ�KH[DQHW�FRP�EU�KLJKZD\ �/RFDGRUD � KWWS���ZZZ�ORFDGRUD�FRP �7ULSRG � KWWS���ZZZ�WULSRG�FRP �

$QJHOILUH � KWWS���ZZZ�DQJHOILUH�FRP �7HUU�9LVWD � KWWS���ZZZ�WHUUDYLVWD�SW� �

��

� RI � �������� �����

2ILFLQD +70/ � $YDQoDGR � 9DOLGDQGR 6LWHV ILOH�����0$1-(521$�FXUVRV�ZHESDJHV����KWPO

Page 37: Apostila Unicamp HTML - Como Fazer Páginas Web

1RYDV 7HFQRORJLDV

$OJXPDV QRYDV WHFQRORJLDV DSOLFDGDV QD ,QWHUQHW WHP SRVVLELOLWDQGR R XVR GD UHGHGH PDQHLUD PDLV FRPSOHWD H LQWHUDWLYD� FRP R XVR GH HOHPHQWRV PXOWLPtGLD FRPRVRP� LPDJHP H YtGHR� DSUHVHQWDGRV DWUDYpV GH SiJLQDV ZHE� $RV SRXFRV DVVLP D:HE VH WRUQD FDGD YH] PDLV DWUDHQWH H[LJLQGR GRV QDYHJDQWHV XPD DWXDOL]DomR

FRQVWDQWH GH EURZVHUV H SOXJ�LQV�

+WPO 'LQkPLFR� &ULDomR GH FDPDGDV �IORDWHUV� LQWHUDWLYRV QD SiJLQD�

6KRFNZDYH )ODVK� &ULDomR GH SiJLQDV PXOWLPtGLDV FRP WDPDQKR UHGX]LGR� SHOR XVRGH JUiILFRV YHWRULDLV�SRGHQGR� VH QHFHVViULR YRFr WDPEpP LFOXLU LPDJHQV IRWRJUiILFDV GLJLWDOL]DGDV�

5HDO 9LGHR H 9GR� 9tGHR H ·XGLR VRE GHPDQGD�

950/� 9LUWXDO 5HDOLW\ 0RGHOLQJ /DQJXDJH � 7UDQVIRUPD DV SiJLQD ELGLPHQVLRQDLV HPPXQGRV HP �'�

��

� RI � �������� �����

2ILFLQD +70/ � $YDQoDGR � 9DOLGDQGR 6LWHV ILOH�����0$1-(521$�FXUVRV�ZHESDJHV����KWPO

Page 38: Apostila Unicamp HTML - Como Fazer Páginas Web

&DWiORJRV H /LQNV�

'LYXOJDomR H &DGDVWUDPHQWR HP &DWiORJRV

e LPSRUWDQWH TXH VXD SiJLQD HVWHMD FDGDVWUDGD QRV SULQFLSDLV PHFDQLVPRV GH EXVFD QD UHGH�9LVWH RV SULQFLSDLV FDWiORJRV GH LQIRUPDo}HV GLVSRQtYHLV�

$OWDYLVWD � KWWS���ZZZ�DOWDYLVWD�GLJLWDO�FRP� �<DKRR � KWWS���ZZZ�\DKRR�FRP� �6XUI � KWWS���ZZZ�VXUI�FRP�EU �&DGr " � KWWS���ZZZ�FDGH�FRP�EU �,QIR%UDVLO 1DYHJDGRU � KWWS���ZZZ�LQIREUDVLO�FRP�QDYHJDGRU� �$UJRV � KWWS���ZZZ�DUJRV�FRP�EU� �

/LQNV H 5HIHUrQFLDV

&RQIHFomR GH SiJLQDV ���

'HVLJQ H (VWLOR GH SiJLQDV :HE� 7RP 9HQHWLDQHU

� KWWS���PYDVVLVW�SDLU�FRP�%5'HVLJQ�KWPO�

:HE :RQN � 7LSV IRU :ULWHUV DQG 'HVLJQHUV

� KWWS���ZZZ�GVLHJHO�FRP�WLSV� �

<DKRR��

KWWS���ZZZ�\DKRR�FRP�&RPSXWHUV�:RUOGB:LGHB:HE�3DJHB'HVLJQBDQGB/D\RXW��

+70/

7XWRULDO GH +70/� GH 0DULD $OLFH 6RDUHV GH &DVWUR � 8VS�6mR &DUORV

�KWWS���ZZZ�LFPVF�VF�XVS�EU�PDQXDOV�+70/�

�+70/ 5iSLGR H )iFLO�� SRU 6pUJLR &KDUODE� KWWS���ZZZ�ME�FRP�EU�FK�����KWPO �

/LVWD GH 'LVFXVVmR

:HEGHVLJQ � KWWS���ZZZ�SURPLW�FRP�EU�ZGEUDVLO �

� RI � �������� �����

2ILFLQD +70/ � $YDQoDGR � 9DOLGDQGR 6LWHV ILOH�����0$1-(521$�FXUVRV�ZHESDJHV����KWPO