Manual. Introducción A HTML

&$378/2
/HQJXDMH+70/
,QWURGXFFLyQ
+70/ +\SHU7H[W 0DUNXS /DQJXDJH HV HO OHQJXDMH XWLOL]DGR HQ ,QWHUQHW SDUD GHILQLU ODV SiJLQDV GHO
World Wide Web/RVILFKHURV+70/VRQILFKHURVGHWH[WRSXUDPHQWH$6&,,TXHSXHGHQVHUHVFULWRVFRQ
FXDOTXLHU HGLWRU EiVLFR WDO FRPR Notepad HQ Windows R vi HQ Unix 7DPELpQ VH SXHGHQ XWLOL]DU
SURFHVDGRUHVGHWH[WRPiVFRPSOLFDGRVFRPRMicrosoft WordSHURHQHVWHFDVRKD\TXHDVHJXUDUVHTXH
HO ILFKHUR HV JXDUGDGR HQ GLVFR FRPR WH[W RQO\ (Q HVWH ILFKHUR GH WH[WR VH LQWURGXFHQ XQDV PDUFDV R
FDUDFWHUHVGHFRQWUROOODPDGDV7$*VHQHVWR+70/VHSDUHFHDORVSULPHURVSURFHVDGRUHVGHWH[WRTXH
VRQLQWHUSUHWDGDVSRUHOEURZVHU&XDQGRpVWHOHHXQILFKHUR$6&,,FRQH[WHQVLyQ*.htmR*.htmlLQWHUSUHWD
HVWDV7$*V\IRUPDWHDHOWH[WRGHDFXHUGRFRQHOODV
(QJHQHUDOSXHGHGHFLUVHTXH+70/HVXQOHQJXDMHVHQFLOOR\HILFLHQWH$XQTXHQRSXHGHFRPSHWLUFRQ
ORV SURFHVDGRUHV GH WH[WR HQ FDSDFLGDGHV GH IRUPDWR HV XQLYHUVDO HV KLSHUWH[WR H KLSHUPHGLD HV PX\
DFFHVLEOHVXVILFKHURVRFXSDQSRFRHVSDFLRHQGLVFRSRURWUDSDUWHHVIiFLOGHLQWHUSUHWDU\GHHQYLDUD
WUDYpV GH ODV UHGHV 'H KHFKR HV XQR GH ORV HVWiQGDUHV HQ ORV FXDOHV ODV HPSUHVDV HVWiQ EDVDQGR VXV
Intranets \VXVVHUYLFLRVGHLQIRUPDFLyQLQWHUQD
(QODSiJLQDZHEGHODDVLJQDWXUDHVWiGLVSRQLEOHODHVSHFLILFDFLyQ+70/~OWLPDYHUVLyQ
7DJVJHQHUDOHV
(O IRUPDWR FRQ HO TXH LPSULPH R YLVXDOL]D XQ ILFKHUR +70/ GHSHQGH GH XQDV PDUFDV HVSHFLDOHV
OODPDGDV7$*V7RGDVODV7$*VGH+70/YDQHQFHUUDGDVHQWUHORVFDUDFWHUHV\!FRPRSRUHMHPSOR
+70/! $GHPiV OD PD\RU SDUWH GH HOODV VRQ dobles KD\ XQD 7$* GH FRPLHQ]R \ RWUD GH ILQDO HQWUH
DPEDVKD\XQcontenidoRWH[WRDIHFWDGRSRUGLFKDV7$*V/D7$*GHILQDOHVFRPRODGHFRPLHQ]RSHUR
LQFOX\HQGRXQDEDUUDDQWHVGHOQRPEUHSRUHMHPSOR+70/!1RUPDOPHQWHODV7$*VVHHVFULEHQHQ
OHWUD PD\~VFXOD SDUD KDFHU PiV OHJLEOH HO FXHUSR GHO GRFXPHQWR GLVWLQJXLpQGRODV GHO WH[WR RUGLQDULR
SHUR GH KHFKR WDPELpQ VH SXHGHQ HVFULELU HQ PLQ~VFXODV /D IRUPD JHQHUDO GH HVWDV 7$*V GREOHV HV OD
VLJXLHQWH

<COMANDO>Texto afectado</COMANDO>
([LVWHQWDPELpQ7$*VsimplesVLQ7$*GHFLHUUHTXHQRWLHQHQXQWH[WRFRQWHQLGRDOTXHVHDSOLFDQ

3RUHMHPSORODPDUFDGHFRPLHQ]RGHSiUUDIR3!HUDXQFRPDQGRVLPSOHKDVWDODYHUVLyQGH+70/
SXHVFDGDYH]TXHHPSLH]DXQSiUUDIRVHVREUHHQWLHQGHTXHKDWHUPLQDGRHODQWHULRU/DYHUVLyQGH
+70/KDLQWURGXFLGROD7$*3!DXQTXHVXXVRHVRSFLRQDO
8QD 7$* WDQWR VL HV GREOH R VLPSOH SXHGH WHQHU XQR R PiV DWULEXWRV TXH VRQ SDUiPHWURV TXH
GHILQHQVXIRUPDGHDFWXDU/RVDWULEXWRVVHLQFOX\HQGHVSXpVGHOQRPEUHGHOD7$*DQWHVGHOFDUiFWHU
!VHSDUDGRVSRUXQRRPiVEODQFRV6LOD7$*HVGREOHORVDWULEXWRVVHLQFOX\HQVLHPSUHHQOD7$*GH
DSHUWXUD
/RV DWULEXWRV TXH D~Q VH VRSRUWDQ SHUR SXHGHQ TXHGDU REVROHWRV HQ IXWXUDV YHUVLRQHV VH LQGLFDUiQ
FRPR >deprecated@ (VWRV DWULEXWRV KDQ VLGR VXVWLWXLGRV SRU RWUDV DOWHUQDWLYDV JHQHUDOPHQWH XWLOL]DQGR
KRMDVGHHVWLORVW\OHVKHHWVTXHQRVHYHUiQHQHVWDDVLJQDWXUD
6H SXHGH DQLGDU XQDV 7$*V GHQWUR GH RWUDV 6H SRGUtD GHFLU TXH HQ HVWH FDVR ORV HIHFWRV VRQ
DFXPXODWLYRVFRPRHQHOVLJXLHQWHHMHPSOR

<TAG1>
Texto afectado por el comando
1 <TAG2>
Texto afectado por las TAGs 1 y 2
</TAG2>
</TAG1>

$GYHUWHQFLD/DDQLGDFLyQGH7$*VGHEHKDFHUVHGHIRUPDFRKHUHQWHSXHVGHORFRQWUDULRSXHGHGDU
XQRVUHVXOWDGRVTXHQRVRQORVHVSHUDGRVOD~OWLPD7$*HQDEULUVHGHEHVHUODSULPHUDHQVHUFHUUDGDHV
GHFLUTXHQRVHSXHGHQHQWUHFUX]DUORVGRPLQLRVGHDFWXDFLyQGHODV7$*V

7RGRVORVILFKHURV+70/WLHQHQXQDHVWUXFWXUDVLPLODUDODVLJXLHQWH
<HTML>
<HEAD>
<TITLE>Ttulo de la pgina</TITLE>
...
</HEAD>
<BODY>
...
</BODY>
</HTML>
GRQGHODVPDUFDVPRVWUDGDVLQGLFDQORVLJXLHQWH
+70/!+70/!,QGLFDHOFRPLHQ]R\HOILQGHXQGRFXPHQWR+70/(VQHFHVDULRSDUDTXHHOEURZVHU
VHSDTXHWLHQHTXHLQWHUSUHWDUXQILFKHURHQOHQJXDMH+70/
+($'!+($'! ,QGLFD OD FDEHFHUD GHO GRFXPHQWR GRQGH VH JXDUGD GLYHUVD LQIRUPDFLyQ VREUH HO
PLVPRFRPRSRUHMHPSORHOWtWXORGHODYHQWDQDHQODTXHDSDUHFHUi7,7/(!(VWH
HVHOWtWXOR7,7/(!
%2'<!%2'<! (Q pO DSDUHFH HO FXHUSR GHO GRFXPHQWR :HE SURSLDPHQWH GLFKR TXH FRQWLHQH HO
WH[WRODVLPiJHQHVORVHQODFHVROLQNVDRWUDVSiJLQDVHWF
)RUPDWRGHWH[WR

(QHVWHDSDUWDGRVHYHUiFyPRRUJDQL]DU\IRUPDWHDUHOWH[WRGHXQGRFXPHQWR

1.3.1.
TAGs generales de un documento.
([LVWHQXQDVHULHGHDWULEXWRVSDUDOD7$*%2'<TXHDIHFWDUiQDWRGRHOGRFXPHQWRGDGRTXHWRGRHO
FyGLJR GH ODV SiJLQDV ZHE VH HVFULEH GHQWUR GH OD 7$* GREOH %2'< (QWUH RWURV ORV PiV XWLOL]DGRV VRQ
pVWRV
>GHSUHFDWHG@ %*&2/25 QRPEUHBFRORU y %*&2/25 )) GRQGH QRPEUHBFRORU HV XQR GH ORV
QRPEUHV UHFRQRFLGRV SRU ORV EURZVHUV H[LVWH XQD WDEOD GHILQLGD SRU 1HWVFDSH PD\RULWDULDPHQWH
DFHSWDGD\))HVHOFyGLJR5*%GHOFRORUGHVHDGRGRVGtJLWRVKH[DGHFLPDOHVSRUFDGDFRORU
IXQGDPHQWDO URMR YHUGH \ D]XO SDUD UHSUHVHQWDU KDVWD LQWHQVLGDGHV GH FDGD FRORU \ XQRV
PLOORQHVGHFRORUHVGLVWLQWRV(VWDVHJXQGDRSFLyQHVODPiVHPSOHDGDSRUVHUODHVWiQGDU\SRUHOOR
QRGDHUURUHV
>GHSUHFDWHG@ %$&.*5281' LPDJHQH[W VLUYH SDUD SRQHU XQ GLEXMR FRPR IRQGR GH GRFXPHQWR
VLHQGRimagen.extHOQRPEUHGHOILFKHUR\ODH[WHQVLyQ6LHOGLEXMRQRRFXSDODSDQWDOODHQWHUDVH
GLVSRQGUiHQPRVDLFRKDVWDOOHQDUOD
<BODY BACKGROUND="imagen.ext">
...
</BODY>
>GHSUHFDWHG@7(;7 FyGLJRGHFRORUGHILQHHOFRORUGHOWH[WRGHOGRFXPHQWR
>GHSUHFDWHG@/,1. FyGLJRGHFRORUGHILQHHOFRORUGHOWH[WRGHILQLGRFRPROLQN
>GHSUHFDWHG@9/,1. FyGLJRGHFRORUGHILQHHOFRORUGHORVOLQNVYLVLWDGRVHVGHFLUORVOLQNVVREUH
ORVTXH\DVHKDFOLFDGRHQDOJXQDRFDVLyQ

1.3.2. Comentarios en HTML
(O OHQJXDMH +70/ SHUPLWH LQWURGXFLU FRPHQWDULRV FRQ HO ILQ GH TXH XQ GRFXPHQWR VHD PiV FODUR \
FRPSUHQVLEOHFXDQGRVHDQDOL]DVXFyGLJR/yJLFDPHQWHWDOHVFRPHQWDULRVQRDSDUHFHUiQHQHOEURZVHU
/DVLQWD[LVGHORVFRPHQWDULRVTXHSXHGHQRFXSDUWDQWDVOtQHDVFRPRVHGHVHHHVODTXHVLJXH


1.3.3. Caracteres de separacin en HTML
6HFRQVLGHUDQFDUDFWHUHVGHVHSDUDFLyQHOHVSDFLRHQEODQFRHOWDEXODGRU\HOVDOWRGHOtQHD8QSXQWR
LPSRUWDQWH D FRQVLGHUDU HV TXH HQ SULQFLSLR +70/ FRQVLGHUD YDULRV FDUDFWHUHV GH VHSDUDFLyQ
FRQVHFXWLYRVFRPRXQ~QLFRFDUiFWHUGHVHSDUDFLyQ$GHPiVOHVRWRUJDDWRGRVHOORVODPLVPDFDWHJRUtD
HVGHFLUFRQVLGHUDWRGRVFRPRVLIXHVHQHVSDFLRVHQEODQFR(VWRTXLHUHGHFLUTXHHODVSHFWRGHOILFKHUR
$6&,, TXH FRQWLHQH HO FyGLJR +70/ \ HO DVSHFWR GHO GRFXPHQWR YLVWR HQ HO EURZVHU SXHGHQ GLIHULU
QRWDEOHPHQWH'HDKtTXHDOHVFULELUXQILFKHUROXHJRKD\DTXHFRPSUREDUORHQHOEURZVHUSDUDYHUVLHO
UHVXOWDGRILQDOHVHOHVSHUDGR3RUHMHPSORLQWURGXFLUXQVDOWRGHOtQHDHQXQILFKHUR+70/QRLPSOLFDHQ
SULQFLSLRXQVDOWRGHOtQHDHQODSiJLQD:HE
$VtSXHVSDUDRUJDQL]DUHOWH[WR+70/QRVHEDVDHQORVFDUDFWHUHVGHVHSDUDFLyQFLWDGRVVLQRHQ7$*V
HVSHFLDOHVSDUDHOOR(VDV7$*VVHFRQVLGHUiQHQHODSDUWDGRVLJXLHQWH/RVSXQWRVVXVSHQVLYRVHQWUH
ODV7$*VGHFRPLHQ]R\ILQDOUHSUHVHQWDQXQFRQWHQLGRDFRQFUHWDU

1.3.4. TAGs de organizacin o particin de un documento
/DV7$*VPiVLPSRUWDQWHVGHRUJDQL]DFLyQGHOFRQWHQLGRGHXQGRFXPHQWRVRQODVVLJXLHQWHV
7DJ 3!3! GH paragraph &DGD SiUUDIR GHEHUi LU LQFOXLGR HQWUH HVWDV 7$*V (QWUH SiUUDIR \
SiUUDIRVHGHMDHOHVSDFLRFRUUHVSRQGLHQWHDXQDOtQHDHQEODQFRDSUR[LPDGDPHQWH
6H SXHGH DxDGLU D 3! HO DWULEXWR $/,*1 >GHSUHFDWHG@ SDUD HVSHFLILFDU FyPR GHEH VHU DOLQHDGR XQ
SiUUDIR(VWHDWULEXWRSXHGHWRPDUORVYDORUHV/()7&(17(5\5,*+7
7DJ %5! GH break 6DOWD GH OtQHD VLQ GHMDU XQD OtQHD HQ EODQFR D FRQWLQXDFLyQ (V XQ FRPDQGR
VLPSOH

7DJ +5! GH hard rule (VWH FRPDQGR VLPSOH LQWURGXFH XQD lnea horizontal TXH GHMD HVSDFLRV
DQWHV\GHVSXpVSRUORTXHQRKDFHIDOWDDxDGLU3!R%5!VXSOHPHQWDULRV
$OJXQRVDWULEXWRVGHHVWHFRPDQGRVRQ
>GHSUHFDWHG@:,'7+GHILQHODORQJLWXGGHODOtQHDKRUL]RQWDOHQODSDQWDOODTXHSXHGHHVSHFLILFDUVH
XVDQGRXQYDORUDEVROXWRQ~PHURGHSL[HOVRELHQLQGLFDQGRXQSRUFHQWDMHRSFLyQUHFRPHQGDGD\D
TXHQRHVSRVLEOHFRQRFHUDSULRULODDQFKXUDGHODYHQWDQDGHOFOLHQWH:HEFRQORTXHHOUHVXOWDGR
ILQDOSRGUtDQRVHUHOHVSHUDGR(OYDORUSRUGHIHFWRHVGHO
<HR WIDTH=75%>
>GHSUHFDWHG@$/,*1DOLQHDODOtQHDGRQGHVHGHVHH3XHGHWRPDUORVYDORUHV/()75,*+7\&(17(5
<HR ALIGN=RIGHT>

>GHSUHFDWHG@6,=(HVSHFLILFDODDQFKXUDRJURVRUGHODOtQHDKRUL]RQWDOHQQ~PHURGHSL[HOV(OYDORU
SRUGHIHFWRHVSL[HO
<HR SIZE=4>
>GHSUHFDWHG@126+$'(3RUGHIHFWRHVWDVOtQHDVDSDUHFHQVRPEUHDGDVFRQXQFLHUWRHIHFWR'&RQ
HVWHFRPDQGRWDOHIHFWRGHVDSDUHFHUi
3XHGHREVHUYDUVHTXHQRKD\QLQJ~QDWULEXWRTXHKDJDUHIHUHQFLDDOFRORUGHODOtQHDTXHVLHPSUHVH
GLEXMDHQQHJUR&RQYLHQHWHQHUHVWRHQFXHQWDDODKRUDGHHOHJLUFRORUHVGHIRQGR

1.3.5. Formateo de textos sin particiones
7DJ 35(!35(!GH preformatted&RPR\DVHKDPHQFLRQDGRHOEURZVHULJQRUDUiGHRUGLQDULR

WRGRVORVHVSDFLDGRVGHOtQHDP~OWLSOHV HVSDFLRVFRQVHFXWLYRVWDEXODGRUHV HWF 3RU ORJHQHUDOHVWD
SUiFWLFD HV PX\ DGHFXDGD SHUR SXHGHQ SUHVHQWDUVH RFDVLRQHV HQ ODV TXH VH GHVHH XQ IRUPDWR
HVSHFtILFR GH WH[WR TXH DSDUH]FD HQ OD SDQWDOOD WDO \ FRPR VH KD HVFULWR XQ FDVR WtSLFR VRQ ORV
OLVWDGRVGHSURJUDPDVGHRUGHQDGRUSRHVtDVOHWUDVGHFDQFLRQHVHWF(VWHREMHWLYRVHORJUD

HQFHUUDQGRHOWH[WRHQWUHHOFRPDQGRGREOH35(!WH[WR35(!WDOFRPRSXHGHYHUVHHQOD)LJXUD

Por ejemplo,
si quisiera
crear alguna
figura con
palabras,
Necesitara
usar
el TAG
PRE
para
hacerlo.
)LJXUD
7DJ%/2&.4827(!%/2&.4827(!GHblock quote(VWD7$*GHIRUPDWHRGHSiUUDIRVHVPX\

~WLO ,QVHUWD XQ VDOWR GH SiUUDIR H LQGHQWD WRGR HO WH[WR TXH YLHQH D FRQWLQXDFLyQ KDVWD OOHJDU D VX
7$*HPSDUHMDGDTXHDVXYH]LQVHUWDUiRWURVDOWRGHSiUUDIR\VXSULPLUiODLQGHQWDFLyQDQWHULRU$Vt
OD7$*%/2&.4827(GHEHHPSOHDUVHSDUDLQGHQWDUEORTXHVGHWHUPLQDGRVGHWH[WRVSHURHQQLQJ~Q
FDVRFRQHO~QLFRREMHWLYRGHPRYHUHOPDUJHQ\DTXHHOFRPSRUWDPLHQWRGHOWH[WRDIHFWDGRSRUHVWH
FRPDQGRYDUtDVHJ~QORVEURZVHUV

1.3.6. Centrado de prrafos y cabeceras con <CENTER>

7DJ &(17(5!&(17(5! (VWD 7$* VH HPSOHD SDUD FHQWUDU WRGR WLSR GH WH[WR ILJXUDV WDEODV \
RWURVHOHPHQWRVFRPRSRUHMHPSOR
<CENTER> Texto afectado por el centrado </CENTER>

1.3.7. Efectos de formato en texto
7DJ +!+!GH heading(VXQDWDJGREOHTXHWRPDQHFHVDULDPHQWHXQDUJXPHQWRXQQ~PHUR

FRPSUHQGLGR HQWUH \ GH WDO PRGR TXH +! HV XQ WtWXOR GH SULPHU QLYHO QRUPDOPHQWH HO PiV
JUDQGH\+!HVXQWtWXORGHVH[WRQLYHOGHRUGLQDULRHOPiVSHTXHxRDXQTXHHOKHFKRGHTXHVHD
PiV JUDQGH R SHTXHxR TXH HO HVWiQGDU GHSHQGH GHO EURZVHU ,QVHUWD DXWRPiWLFDPHQWH XQ VDOWR GH
SiUUDIR DQWHV \ GHVSXpV 3XHGH WRPDU FRPR DWULEXWR $/,*1 >GHSUHFDWHG@ XWLOL]DGR GH OD PLVPD
IRUPDTXHHQ3!
7DJV %! %! ,! ,! \ 8! 8! GH bold italic \ underlined UHVSHFWLYDPHQWH %!
KDFHTXHHOWH[WRDIHFWDGRHVWp HQ QHJULWD EROG ,!DSOLFD HOHVWLORFXUVLYD\8! >GHSUHFDWHG@ OR
VXEUD\D
7DJ77!77!GHteletype(VWD7$*KDFHTXHODOHWUDTXHVHLPSULPDVHDGHHVWLORWHOHWLSRHV
GHFLUTXHVXDSDULHQFLDVHDVLPLODUDODTXHGHXQDPiTXLQDGHHVFULELUIXHQWH&RXULHURVLPLODU
7DJ )217!)217! >GHSUHFDWHG@ (VWD 7$* VLUYH SDUD FRQWURODU SRU PHGLR GH VXV DWULEXWRV HO
WDPDxRHOFRORU\HOWLSRGHOHWUDFRQHOTXHVHUHSUHVHQWDUiHOWH[WRVLHOEURZVHUHVFDSD]GHHOOR
/RVDWULEXWRVGHHVWD7$*VRQORVVLJXLHQWHV
>GHSUHFDWHG@ 6,=( Q VLHQGR Q XQ HQWHUR HQWUH \ &RQ HVWH DWULEXWR VH SXHGH FDPELDU HO
WDPDxRGHODOHWUD(OWDPDxREDVHRWDPDxRSRUGHIHFWRHVHO
>GHSUHFDWHG@6,=( Qy6,=( Q&RQHVWD7$*VHFDPELDHOWDPDxRGHODOHWUDUHVSHFWRDOWDPDxR
EDVH DXPHQWDQGR R UHGXFLpQGROR VHJ~Q VH DSOLTXH XQ LQFUHPHQWR SRVLWLYR R QHJDWLYR /RV
WDPDxRVGHEHQHVWDUFRPSUHQGLGRVHQODHVFDODGHD
>GHSUHFDWHG@ &2/25 QRPEUHBFRORU y &2/25 )) GRQGH QRPEUHBFRORU HV XQR GH ORV
QRPEUHVUHFRQRFLGRVSRUORVEURZVHUV\))HVHOFyGLJR5*%GHOFRORUGHVHDGR
>GHSUHFDWHG@ )$&( WLSRBOHWUD GRQGH WLSRBOHWUD SXHGH VHU $ULDO 7LPHV 1HZ 5RPDQ
HWF(MHPSOR)2176,=( &2/25 %OXH)$&( $ULDO!7H[WRDUHSUHVHQWDU)217!
7DJ%$6()217 6,=( Q! >GHSUHFDWHG@(VWDEOHFHHOWDPDxRGHOHWUDEDVHRSRUGHIHFWR (VXQ7$*
VLPSOH
7DJV683!683!\68%!68%!GHsuperscript\subscriptVXS!\VXE!FUHDQORVHVWLORV
GHVXSHUtQGLFHRVXEtQGLFHUHVSHFWLYDPHQWH

7DJV %,*!%,*! \ 60$//!60$//!/DV7$*V%,*!\60$//!KDFHQDOWH[WRPiVJUDQGH\

PiVSHTXHxRUHVSHFWLYDPHQWH

1.3.8. Caracteres especiales
([LVWHQDOJXQRVFDUDFWHUHVGHQRPLQDGRVHVSHFLDOHVTXHPHUHFHQXQDSHTXHxDPHQFLyQ/RVTXH
WLHQHQPiVXWLOLGDGSDUDHOFDVWHOODQRVRQ

/DVYRFDOHVDFHQWXDGDVVHHVFULEHQHQ+70/FRPRVLJXH
6LVRQPD\~VFXODV&/(75$0$<6&acute3RUHMHPSORVHHVFULEH&$DFXWH
6LVRQPLQ~VFXODV&OHWUDPLQacute3RUHMHPSORpVHHVFULEH&HDFXWH
fHV&1WLOGH\xHV&QWLOGH
/LVWDV

1.4.1. Listas desordenadas
8QDOLVWDGHVRUGHQDGDHVXQDOLVWDGHHOHPHQWRVHQOtQHDVVHSDUDGDVSUHFHGLGDVGHXQJXLyQRVLPLODU
HQ,QJOpVEXOOHW

7DJ8/!8/!GHunordered listFRPLHQ]RGHXQDOLVWDQRRUGHQDGD
8QDWULEXWRGHHVWD7DJHV7<3(>GHSUHFDWHG@TXHGHILQHODIRUPDGHOEXOOHW\SXHGHWRPDUORV
YDORUHV',6&&,5&/(TXHHVHOYDORUSRUGHIHFWR\648$5(

7DJ/,!GHlineQXHYRHOHPHQWRGHODOLVWD
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
Esto es una lista no
ordenada: <UL>
<LI>Elemento 1
<LI>Elemento 2
<LI>Elemento 3
</UL>
</BODY>
+70/!

1.4.2. Listas ordenadas
(QHVWHWLSRGHOLVWDVVHHPSOHDQQ~PHURVHQOXJDUGHEXOOHWV

7DJ2/!2/!GHordered listFRPLHQ]RGHXQDOLVWDRUGHQDGD
6XDWULEXWR7<3(>GHSUHFDWHG@SHUPLWHGHILQLUHOWLSRGHQXPHUDFLyQ3XHGHWRPDUORVYDORUHV$SDUD
QXPHUDU$%&DDEF,,,,,,,LLLLLLLTXHHVHOYDORUSRUGHIHFWR

7DJ/,!GHOLQHQXHYRHOHPHQWRGHODOLVWD
6X DWULEXWR 9$/8( >GHSUHFDWHG@ SHUPLWH GHILQLU D SDUWLU GH TXp YDORU VH HPSLH]D D QXPHUDU
2EYLDPHQWH SRU GHIHFWR FRPLHQ]D D QXPHUDUVH SRU HO SULQFLSLR 3RU HMHPSOR /, 9$/8( LLL! QXPHUDUi
LLLLYY&DGDYH]TXHVHXWLOLFHHVWHDWULEXWR9$/8(GHQWURGHXQDPLVPDOLVWDRUGHQDGDVHURPSHFRQOD
QXPHUDFLyQDQWHULRU

<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
Esto es una lista
ordenada: <OL>
<LI>Elemento 1
<LI>Elemento 2
<LI>Elemento 3
</OL>
</BODY>
+70/!

1.4.3.
Listas de definiciones

(VWHWLSRGHOLVWDHV~WLOSDUDREWHQHUUHVXOWDGRVFRPRHOTXHVHYHDFRQWLQXDFLyQ

Trmino 1

Definicin del trmino 1

Trmino 2
Definicin del trmino 2
...
7DJ'/!'/!GHdefinition listFRPLHQ]RGHODGHILQLFLyQGHODOLVWD

7DJ'7!GHdefinition termQXHYDGHILQLFLyQ
7DJ''!GHdefinition descriptionFXHUSRRGHVFULSFLyQGHODGHILQLFLyQ
,PiJHQHV
(O OHQJXDMH +70/ DGHPiV GH KLSHUWH[WR HV KLSHUPHGLD HV GHFLU TXH SRU OR WDQWR SHUPLWH LQFOXLU
LQIRUPDFLyQGHWLSRJUiILFR/DVLPiJHQHVVHWUDWDQGHIRUPDVHSDUDGDDOWH[WR\GHELGRDOWDPDxRTXH
pVWDVVXHOHQWHQHUHQJHQHUDOVHWDUGDPiVWLHPSRWDQWRHQJHQHUDUFRPRHQYLVXDOL]DUSiJLQDV+70/FRQ
LPiJHQHV

7DJ,0*GHimage(VXQFRPDQGRVLPSOHTXHVHXWLOL]DSDUDLQVHUWDUXQDLPDJHQHQHOGRFXPHQWR

$OJXQRVDWULEXWRVGHHVWDWDJVRQ
o
65& LPDJHQH[WHVUHTXHULGR\VLUYHSDUDLQGLFDUGyQGHVHYDDHQFRQWUDUODLPDJHQVLHQGR
imagen.ext HOQRPEUHGHOILFKHUR\ODH[WHQVLyQ
<IMG SCR="imagen.ext">
$/7 WH[WR GRQGH WH[WR HV HO WH[WR TXH VH YHUi HQ OXJDU GH OD LPDJHQ ELHQ SRUTXH VH KDQ
GHVDFWLYDGRORVJUiILFRVSDUDQDYHJDUPiVUiSLGDPHQWHSRU,QWHUQHWELHQSRUTXHHOEURZVHUHV
WH[WRQO\(VUHTXHULGRSDUDHYLWDUSUREOHPDVHQGLFKRVFDVRV
:,'7+\ +(,*+7FRQWURODQHOWDPDxRGHODYHQWDQD TXH SXHGHHVSHFLILFDUVH XVDQGRXQYDORU

DEVROXWRQ~PHURGHSL[HOVRELHQLQGLFDQGRXQSRUFHQWDMHRSFLyQUHFRPHQGDGD\DTXHQRHV
SRVLEOHFRQRFHUDSULRULODDQFKXUDGHODYHQWDQDGHOFOLHQWH:HE
<IMG WIDTH=33% HEIGHT=60% SCR="imagen.ext">
$/,*1 DOLQHD HO WH[WR GRQGH VH GHVHH UHVSHFWR D OD LPDJHQ 3XHGH WRPDU ORV YDORUHV 723
%277200,''/(/()75,*+77(;7723$%60,''/(%$6(/,1($%6%27721
%25'(5 Q3HUPLWHDxDGLUXQERUGHRPDUFRDODLPDJHQVLHQGRQODDQFKXUDGHpVWHHQSL[HOV
%25'(5 LPSOLFDODVXSUHVLyQGHOERUGH
+63$&( Q \ 963$&( Q (VWRV DWULEXWRV GHMDQ XQ HVSDFLR KRUL]RQWDO \ YHUWLFDO UHVSHFWLYDPHQWH
DOUHGHGRUGHODLPDJHQVLHQGRQHOYDORUHQSL[HOV
/2:65& 85/FDUJDSULPHURXQDLPDJHQGHEDMDUHVROXFLyQ\FXDQGRWHUPLQDGHFDUJDUWRGRHO
GRFXPHQWRODVXVWLWX\HSRUODYHUVLyQGHDOWDUHVROXFLyQ

/LQNV
(QFHUUDQGR XQ WH[WR R XQ JUiILFR HQWUH ODV 7$*V $! $! VH FRQVLJXH FRQYHUWLU GLFKR WH[WR HQ
KLSHUWH[WR(VWHOLQNSXHGHKDFHUVHHQWUHRWUDVSRVLELOLGDGHVD
2WUDSiJLQD:HE
(OFRUUHRHOHFWUyQLFRGHRWUDSHUVRQDVHHPSOHDHOOLQNSDUDHQYLDUOHVFRUUHR
8QDUFKLYRORFDOSUiFWLFDDHYLWDUVLVHSUHWHQGHTXHORVGHPiVSXHGDQDFFHGHUDHVHOLQN
8QDGLUHFFLyQUHODWLYDDGRFXPHQWRVHQGLUHFWRULRVVXSHULRUHVRLQIHULRUHVDOGLUHFWRULRHQTXHVHHVWi
HQHVHPRPHQWRRHQHOGLUHFWRULRDFWXDO
3RU OR JHQHUDO ORV OLQNV WLHQHQ OD IRUPD $ +5() 85/!texto$! $ VX YH] ORV 85/V WLHQH XQD
HVWUXFWXUDGHOWLSRVLJXLHQWH

mtodo://localizacin/archivo/

<A HREF="http://www.ceit.es/">WEB CEIT</A>
GRQGH PpWRGR KDFH UHIHUHQFLD DO PRGR GH DFFHGHU DO ILFKHUR KWWS IWS JRSKHU QHZV PDLOWR
ORFDOL]DFLyQ HVHOOXJDU GRQGHVH HQFXHQWUD HOILFKHURDFWXDOPHQWH\DUFKLYRHVHOQRPEUHFRPSOHWRGHO
DUFKLYRUHTXHULGRHQHOVLVWHPDHVSHFLILFDGR9HDPRVDOJXQRVHMHPSORV
OOHYDDOZHEGHO&(,7DOFOLFDUVREUHODVSDODEUDV:(%&(,7TXHDSDUHFHUiQVXEUD\DGDV\HQRWURFRORU
KLSHUOLQN

<A HREF="mailto://president@whitehouse.gov">mail</A>
PDQGDUiXQHPDLODO3UHVLGHQWHGHORV((88
(QHOFDVRHQTXHVHTXLHUDVDOWDUDRWURSXQWRGHOSURSLRGRFXPHQWRVHSURFHGHUiFRPRVHYHHQHO
VLJXLHQWHHMHPSOR(VWDEOHFHPRVHOOLQN$1$0( DOLQLFLRGHOGRFXPHQWR!$WHQFLyQVLHVSRVLEOHHYLWDU
ORV HVSDFLRV HV PHMRU KDFHUOR SXHV SXHGHQ RULJLQDU SUREOHPDV $ HVWH WLSR GH OLQNV VH OHV GHQRPLQD
DQFODVRDQFKRUVSXHVWRGHILQHQ ]RQDVILMDVGHXQGRFXPHQWRD ODVTXHVHYDDKDFHU UHIHUHQFLD 8QD
YH] HIHFWXDGD HVWD RSHUDFLyQ VL DKRUD KDFHPRV $ +5() DOLQLFLRGHOGRFXPHQWR! texto $! DO
FOLFDUVREUHODSDODEUDWH[WRLUHPRVDOOXJDUGRQGHVHKDGHILQLGRHOOLQN
7DEODV
/DVWDEODVVHGHILQHQHPSOHDQGRORVFyGLJRVSDUHDGRV7$%/(!\7$%/(!
/DVFHOGDVVHDJUXSDQHQILODVTXHVHGHILQHQFRQORVFyGLJRVSDUHDGRV75!\75!GHTable
Row
8QDWDEODVHFRPSRQHGH FHOGDVGH GDWRV8QDFHOGD VHGHILQH XVDQGR ORVFyGLJRVSDUHDGRV 7'! \
7'!GHTable Data
/DVFHOGDVSXHGHQFRQWHQHUFXDOTXLHUHOHPHQWR+70/WH[WRLPiJHQHVHQODFHVHLQFOXVRRWUDVWDEODV
DQLGDGDV

7+!7+! GH Table Header 3DUD FUHDU FHOGDV FX\R WH[WR VHD UHVDOWDGR SRU HMHPSOR HQ ORV
HQFDEH]DPLHQWRVVHVXVWLWX\HHO7'KDELWXDOSRU7+
$OJXQRVDWULEXWRVTXHSXHGHQDxDGLUVHD7$%/(VRQ
:,'7+HVSHFLILFDODDQFKXUDGHODWDEOD3XHGHGDUVHXQYDORUDEVROXWRHQSL[HOVRXQYDORUUHODWLYR
HQSRUFHQWDMH6LQRVHHVSHFLILFDODDQFKXUDSRUGHIHFWRGHSHQGHUiGHOEURZVHU
%25'(56LVHTXLHUHTXHODWDEODSRVHDERUGHV7$%/(%25'(5 Q!7$%/(!
VLHQGRQ HOJURVRUGHOERUGHHQ SL[HOV 3RUVHURSFLRQDOWRPD XQYDORUSRU GHIHFWRVHKD GHQRWDGR
HQWUHSDUpQWHVLV
>GHSUHFDWHG@$/,*1 3RVLFLRQDODWDEODUHVSHFWRDOGRFXPHQWR326,&SXHGHWRPDUORVYDORUHV/()7
&(17(5\5,*+7
&(//63$&,1*HVSDFLDGRHQWUHFHOGLOODV7$%/(&(//63$&,1* Q!7$%/(!
&(//3$'',1* QSHUPLWHHVSHFLILFDU HODQFKRTXH GHEHH[LVWLUGHVGH ORVERUGHVGHFDGDFHOGLOODD
ORVHOHPHQWRVHQHOODLQFOXLGRV

>GHSUHFDWHG@ %*&2/25 LQGLFD HO FRORU GH IRQGR GH OD
WDEOD$OJXQRVDWULEXWRVGH75VRQ
$/,*1VHXWLOL]DSDUDGHWHUPLQDUODDOLQHDFLyQGHOFRQWHQLGRGHODVFHOGDVGHODILOD
9$/,*1VHXWLOL]DSDUDGHWHUPLQDUODSRVLFLyQYHUWLFDOGHOFRQWHQLGRGHODVFHOGDVGHODILOD
>GHSUHFDWHG@%*&2/25LQGLFDHOFRORUGHIRQGRGHODILOD
$OJXQRVDWULEXWRVTXHSXHGHQDxDGLUVHD7+\7'VRQ
52:63$1 QLQGLFDHOQ~PHURGHILODVTXHGHEHDEDUFDUODFHOGDDFWXDO
&2/63$1 QLQGLFDHOQ~PHURGHFROXPQDVGHODILODTXHDEDUFDUiODFHOGDDFWXDO
$/,*1VHXWLOL]DSDUDGHWHUPLQDUODDOLQHDFLyQGHOFRQWHQLGRGHODFHOGD
9$/,*1VHXWLOL]DSDUDGHWHUPLQDUODSRVLFLyQYHUWLFDOGHOFRQWHQLGRGHODFHOGD
:,'7+HVSHFLILFDODDQFKXUDGHODFHOGDHQSL[HOVRHQSRUFHQWDMH
+(,*+7HVSHFLILFDODDOWXUDGHODFHOGDHQSL[HOVRHQSRUFHQWDMH
>GHSUHFDWHG@%*&2/25LQGLFDHOFRORUGHIRQGRGHODFHOGD
8QHMHPSORGHWDEODFRQYDULRVGHORVHOHPHQWRVYLVWRVVHUtDODGHOD)LJXUDTXHFRUUHVSRQGHDO
VLJXLHQWHFyGLJR
<HTML>

<HEAD><TITLE>Ejemplo de
tabla</TITLE></HEAD> <BODY>
<TABLE BORDER=3>
<CAPTION><STRONG>Ejemplo</STRONG></CAPTION>
<TR>
<TD>Elemento 1</TD>
<TD>Elemento 2</TD>
<TD ROWSPAN=3>Elemento</TD>
<TD>Total</TD>
</TR>
<TR>
<TD>Elemento 3</TD>
<TD>Elemento 4</TD>
</TR>
<TR>
<TD>Elemento 5</TD>
<TD>Elemento 6</TD>
</TR>
<TR>
<TD COLSPAN=3><CENTER>Elemento</CENTER></TD>
</TR>
</TABLE>
</BODY>
</HTML>
)UDPHV

1.8.1.
Introduccin a los frames
8QDYHQWDQD+70/SXHGHVHUGLYLGLGDHQ VXEYHQWDQDVRframesHQFDGDXQDGHODVFXDOHVVHSXHGH
PRVWUDUXQGRFXPHQWRRXQ85/GLVWLQWR&DGD frameSXHGHWHQHUXQ QRPEUHDOTXHVHSXHGHGLULJLUHO
UHVXOWDGR PHGLDQWH HO DWULEXWR 7$5*(7 REMHWLYR GH XQD DFFLyQ SRU HMHPSOR FOLFDU XQ KLSHUOLQN (O
WDPDxRGHORVframesVHSXHGHFDPELDULQWHUDFWLYDPHQWHFRQHOUDWyQVDOYRTXHVHKD\DHOLPLQDGRpVWD
SRVLELOLGDGH[SOtFLWDPHQWHDOGHILQLUORV
3XHGHKDEHUframesGHFRQWHQLGRILMRRHVWiWLFRSRUHMHPSORXQORJRGHXQDHPSUHVDXQDQXQFLR\

RWURVFX\RFRQWHQLGRYD\DYDULDQGR8QframeSXHGHFRQWHQHUXQtQGLFH\RWURPiVJUDQGHYDPRVWUDQGR
ORVDSDUWDGRVDORVTXHVHKDFHUHIHUHQFLDHQHOtQGLFH
6HOODPDframesetDXQDYHQWDQDFRQframes8QframesetSXHGHFRQWHQHURWURVframesets

'HQWURGHO7$*GREOH)5$0(6(7!)5$0(6(7!VyORSXHGHKDEHUORVVLJXLHQWHVFRQWHQLGRV

2WUR)5$0(6(7!)5$0(6(7!
'HILQLFLyQGHframesFRQHO7$*VLPSOH)5$0(!
3DUD FUHDU frames HV QHFHVDULR XQ ILFKHUR +70/ FRQ XQD HVWUXFWXUD VHPHMDQWH D OD VLJXLHQWH
REVpUYHVHTXHOD7$*)5$0(6(7!VXVWLWX\HD%2'<!
<HTML>
<HEAD><TITLE>Ttulo</TITLE></HEAD>
<FRAMESET>

Definicin de marcos o
frames </FRAMESET>

</HTML>
/D7$*)5$0(6(7!WLHQHGRVDWULEXWRVCOLS\ROWS.$PERVDWULEXWRVDGPLWHQXQDOLVWDGHYDORUHV
VHSDUDGRV SRU FRPDV HVWRV SXHGHQ VHU GDGRV HQ YDORUHV DEVROXWRV Q GH SL[HOV R HQ SRUFHQWDMHV PX\
UHFRPHQGDEOH(QHVWHFRQWH[WRHODVWHULVFR UHSUHVHQWDHOUHVWRGHOWDPDxRGLVSRQLEOH

$FRQWLQXDFLyQVHH[SRQHQDOJXQRVHMHPSORV
3DUDGLYLGLUYHUWLFDOPHQWHODYHQWDQDHQGRVSDUWHVVHSDUDGDVSRUXQDOtQHDYHUWLFDO
<FRAMESET COLS="20%, 80%">
6LVHGHVHDUHVHUYDUGRViUHDVKRUL]RQWDOHVGH\SL[HOV\XQDWHUFHUDFRQHOUHVWRGHODYHQWDQD
<FRAMESET ROWS="80, 160, *>
3DUDFUHDUXQDUHMLOODGH[YHQWDQDV
<FRAMESET rows="30%,70%" cols="33%,34%,33%">
&RPR QR VH VDEH OD UHVROXFLyQ GH OD SDQWDOOD HQ OD TXH VH HMHFXWDUi HO EURZVHU FRQYLHQH VLHPSUH
XWLOL]DU WDPDxRV UHODWLYRV R VL VH XWLOL]DQ WDPDxRV DEVROXWRV GLVSRQHU GH XQD SDUWLFLyQ FX\R WDPDxR VH
GHWHUPLQD FRQ HO DVWHULVFR +D\ TXH WHQHU HQ FXHQWD TXH VL VH XWLOL]DQ SRUFHQWDMHV UHODWLYRV TXH QR
VXPDQ D GLFKRV SRUFHQWDMHV VH OHV DSOLFD XQ IDFWRU GH HVFDOD GH PRGR TXH UHSUHVHQWHQ
FRUUHFWDPHQWHORVWDPDxRVUHODWLYRVGHORVGLVWLQWRVframes
/D 7$* )5$0(! HV VLPSOH \ GHILQH ODV SURSLHGDGHV GH FDGD frame HQ HO frameset $OJXQRV GH VXV
DWULEXWRVVRQ
)5$0(65& 85/!'HILQHHOFRQWHQLGRGHOframeHVGHFLUHO85/FX\RFRQWHQLGRVHPRVWUDUiHQpO
6LQHVWHDWULEXWRDSDUHFHUiHQEODQFR
<FRAMESET COLS="20%,60%,20%">
<FRAME SRC="frame1.html">
</FRAMESET>
(QHVWHHMHPSORVHFUHDXQDGLYLVLyQYHUWLFDOGHODYHQWDQDGHOEURZVHUHQWUHVIUDPHVHQORVTXH
DSDUHFHQODVSiJLQDVframe1.htmlframe2.html\frame3.html
1$0( QRPEUH'HILQHXQQRPEUHSDUDSRGHUGLULJLUDHVHframeFRQWHQLGRVSRQLHQGRHVHQRPEUH
HQHODWULEXWR7$5*(7GHXQKLSHUOLQN
0$5*,1:,'7+ QBSL[HOV HV RSFLRQDO \ GHWHUPLQD OD GLVWDQFLD KRUL]RQWDO GHO FRQWHQLGR D ORV
PiUJHQHVGHORVframes
0$5*,1+(,*+7 QBSL[HOV6LPLODUDODQWHULRUSDUDODGLVWDQFLDYHUWLFDO
6&52//,1* <(612$8723DUDTXHKD\DRQREDUUDVGHGHVSOD]DPLHQWRHQHOframe&RQ$872ODV
KDEUiRQRVHJ~QTXHSDRQRHOFRQWHQLGR
125(6,=((OXVXDULRQRSRGUiFDPELDUHOWDPDxRGHOframeFRQHOUDWyQ
9pDVHHOVLJXLHQWHHMHPSORFRUUHVSRQGLHQWHDOD)LJXUDFRQIUDPHVDQLGDGRV

<HTML><HEAD><TITLE>Ejemplo de frames</TITLE></HEAD>
<FRAMESET ROWS="30%,30%,40%">
<FRAME SRC="PRAC5.HTM" NORESIZE>
<FRAMESET cols="25%,25%,50%">
<FRAME SRC="prac1.htm">
</FRAMESET>
<FRAME SRC="PRAC4.HTM">
</FRAMESET>
</HTML>

3DUD ORV EURZVHUV TXH QR DGPLWHQ IUDPHV VH SXHGH HPSOHDU OD 7$* GREOH 12)5$0(6! \
12)5$0(6!SXGLHQGRYLVXDOL]DUVHHOGRFXPHQWRVLQSUREOHPDVGHIRUPDDOWHUQDWLYD
<HTML><HEAD><TITLE> Ejemplo de FRAMES</TITLE></HEAD>

<FRAMESET COLS="80%, 20%">
<FRAME SRC="Indice.htm">

<FRAME SRC="Tema1.htm">
</FRAMESET>
<NOFRAMES>
<A HREF="Tema1.htm">Tema 1</A><BR>
</NOFRAMES>
</HTML>

)LJXUD

1.8.2. Salida a ventanas o frames concretas de un browser.
6LQframesDOFOLFDUHQXQOLQNHOQXHYRGRFXPHQWRDSDUHFtDHQODPLVPDYHQWDQDHQTXHVHHVWDEDR
HQXQDYHQWDQDQXHYDVLDVtVHKDEtDHVWDEOHFLGRHQHOEURZVHU
&XDQGRVH XWLOL]DQ framesVH SXHGH HVSHFLILFDUGyQGHVH GHVHDTXHDSDUH]FDHO UHVXOWDGR FXDQGRVH

FOLTXHHQXQKLSHUOLQN3DUDHOORVHSXHGHQDVLJQDUQRPEUHVPHGLDQWHHODWULEXWR1$0(DODVYHQWDQDVR
frames GRQGHVHPRVWUDUiQORVGRFXPHQWRV
$VXYH]KD\TXHDVLJQDUXQDWULEXWR7$5*(7TXHKDJDUHIHUHQFLDDO1$0(GHXQIUDPHRYHQWDQD6L
QRH[LVWHVHFUHDUiXQDYHQWDQDFRQGLFKRQRPEUH
7$5*(7HQOD7$*$!$!<A HREF="URL" TARGET="nom_ventana">Texto</A>
GRQGHHOGRFXPHQWRLQGLFDGRHQHO85/DSDUHFHUiHQODYHQWDQDFX\RQRPEUHVHDQRPBYHQWDQD

7$5*(7 FRQ OD 7$* %$6(! SDUD KDFHU TXH WRGRV ORV OLQNV GH XQ GRFXPHQWR VH GLULMDQ DO PLVPR
7$5*(7$VtVHHVWDEOHFHXQ7$5*(7SRUGHIHFWRSDUDWRGRHOGRFXPHQWRTXHSXHGHFDPELDUVHFRQ
7$5*(7VHVSHFtILFRVHQ7$*VWLSR$!/D7$*%$6(!GHEHLQFOXLUVHHQHO+($'!GHOGRFXPHQWR
<HEAD>
<TITLE>Our Products</TITLE>
<BASE href="http://www.aviary.com/intro.html"
TARGET="ventana"> </HEAD>
7$5*(7 FRQ OD 7$* )250! GH PRGR TXH ORV UHVXOWDGRV GH XQ SURJUDPD &*, VDOLGD HVWiQGDU VH
GLULMDQDODYHQWDQDLQGLFDGD/RVIRUPXODULRV)250!\ORV&*,VHHVWXGLDUiQPiVDGHODQWH

<FORM ACTION="URL" TARGET="nom_ventana">

1.8.3. Nombres de TARGET
(ODWULEXWR7$5*(7SXHGHFRQWHQHUQRPEUHVGHYHQWDQD/RVQRPEUHVYiOLGRVVRQORVVLJXLHQWHV

&XDOTXLHUQRPEUHTXHHPSLHFHSRUFDUiFWHUDOIDQXPpULFR
/RVQRPEUHVTXHHPSLH]DQSRUHOFDUiFWHUBVRQHVSHFLDOHV
7$5*(7 BEODQN6DOLGDGLULJLGDDXQDYHQWDQDQXHYDHQEODQFR\VLQQRPEUH
7$5*(7 BVHOI6DOLGDGLULJLGDDODSURSLDYHQWDQDGHOKLSHUOLQN
7$5*(7 BSDUHQW 6DOLGD GLULJLGD DO frameset SDGUH GHO GRFXPHQWR DFWXDO 6L QR KD\
SDGUHHOUHVXOWDGRHVFRPRHOGHBVHOI
7$5*(7 B7RS 'HVWUX\H WRGDV ODV )5$0(6 TXH KD\D \ OD VDOLGD VH GLULJH D OD YHQWDQD
SULQFLSDOGHOEURZVHU
$GYHUWHQFLD 1R VH DGPLWHQ framesets UHFXUVLYRV FXDQGR HQ XQ frame GH XQ frameset VH FDUJD HO
SURSLRframesetVLVHLQWHQWDDFW~DFRPR)5$0( BEODQN
0DSDVGHLPiJHQHVRLPiJHQHVVHQVLEOHV

1.9.1. Cmo funciona un mapa de imgenes
/RV mapas de imgenes VRQ LPiJHQHV FOLFDEOHV TXH SHUPLWHQ DO XVXDULR DFFHGHU D XQ 85/ R D RWUR
GHSHQGLHQGRGHGyQGHVHFOLFDVREUHGLFKDLPDJHQ,QLFLDOPHQWHODVLPiJHQHVVHQVLEOHVHUDQSURFHVDGDV
HQHOVHUYLGRUUHPRWRKWWSSRUORTXHVHSHUGtDPXFKRWLHPSR\DGHPiVQRVHLQGLFDEDODGLUHFFLyQDOD
TXH VH LED D DFFHGHU /D VROXFLyQ D HVWRV SUREOHPDV IXH SURFHVDU ODV LPiJHQHV VHQVLEOHV HQ HO EURZVHU
DFHOHUDQGRHOSURFHVRHQJUDQPHGLGD\FRQODYHQWDMDDGLFLRQDOGHTXHHOEURZVHULQIRUPDHQODEDUUDGH
HVWDGRDFHUFDGHODGLUHFFLyQ85/DODTXHVHYDDDFFHGHUVLVHFOLFDHQHVHSXQWR

1.9.2. Mapas de imgenes procesados por el browser
8Q PDSD GH LPiJHQHV VH HODERUD PHGLDQWH YDULDV 7$*V VLPSOHV $5($! HQWUH ODV 7$* GREOHV
0$3!0$3!/D7$*0$3!GHEHWHQHUXQDWULEXWR1$0(SDUDLGHQWLILFDUHOPDSDGHLPiJHQHV
/DV7$*VVLPSOHV$5($!GHILQHQWDQWDV]RQDVJHRPpWULFDVDFWLYDVVREUHXQDLPDJHQFRPRVHGHVHH\
SXHGHQWHQHUYDULRVDWULEXWRV
+5() 85/'HILQHHO85/GHGHVWLQRGHOiUHD
$/7 WH[WR&RQWLHQHXQDGHVFULSFLyQWH[WXDODOWHUQDWLYDGHOiUHDFRPRHQ,0*!6HUHTXLHUHSDUD
TXHORVEURZVHUVTXHQRWHQJDQJUiILFRVGLVSRQLEOHVSXHGDQXWLOL]DUVDWLVIDFWRULDPHQWHHO:HE
6+$3( IRUPD ,QGLFD OD IRUPD GH OD ]RQD DFWLYD SXHGH WRPDU ORV YDORUHV 32/< &,5&/( 5(&7
VLHQGRHVWH~OWLPRHOYDORUSRUGHIHFWR
&225'6 [\[\ (VWH DWULEXWR GHILQH XQD OLVWD GH FRRUGHQDGDV HQ SL[HOV VHSDUDGDV SRU
FRPDVTXHGHWHUPLQDQODV]RQDVDFWLYDV/DVFRRUGHQDGDVVRQUHODWLYDVDODHVTXLQDVXSHULRUL]TXLHUGD
GHODLPDJHQ(ORUGHQ\HOYDORUGHHVWDVFRRUGHQDGDVGHSHQGHGHODWULEXWR6+$3(
(QHOFDVRGH5(&7;L]GD<VXS;GFKD<LQI
(QHOFDVRGH&,5&/(;GHOFHQWUR<GHOFHQWURUDGLR
(Q HO FDVR GH 32/< ; H < GH FDGD XQR GH ORV YpUWLFHV VLHQGR HO ~OWLPR SDU GH FRRUGHQDGDV
FRLQFLGHQWHFRQHOSULPHURSDUDFHUUDUHOSROtJRQR

12+5() (VWH HV XQ DWULEXWR RSFLRQDO TXH LQGLFD TXH QR VH GHEH UHDOL]DU QLQJXQD DFFLyQ VL HO
XVXDULR FOLFD HQ OD ]RQD FRUUHVSRQGLHQWH (Q WRGR FDVR ODV ]RQDV GH OD LPDJHQ QR LQFOXLGDV HQ
QLQJXQD]RQDDFWLYDGHILQLGDVHFRQVLGHUDQGHWLSR12+5()
3DUD KDFHU UHIHUHQFLD D XQ GHWHUPLQDGR PDSD GH LPiJHQHV VH XWLOL]D HO DWULEXWR 86(0$3 D OD 7$*
,0*!LQGLFDQGRHO1$0(GHOPDSDGHVHDGRFRPRYDORUGHODWULEXWR86(0$3$FRQWLQXDFLyQVHH[SRQH
XQHMHPSOR

<HTML><BODY>

<IMG SRC="concha.gif" USEMAP="#FOTO" ALT="Baha de San
Sebastin"> <MAP NAME="FOTO">
<AREA SHAPE="RECT" COORDS=20,25,155,83 HREF="historia.html" ALT="Historia">

<AREA SHAPE="CIRCLE" COORDS=60,150,100,150 HREF="plano.html" ALT="Planos">
<AREA SHAPE="POLY" COORDS=106,100,126,170,254,170,254,49,222,100
HREF="fotos.html"
ALT="Fotos">
<AREA SHAPE="POLY" COORDS=169,26,169,93,267,26 NOHREF

ALT="Idioma"> </MAP>
</BODY></HTML>

3DUDTXHIXQFLRQHHVWHFyGLJRVHKDFUHDGRHOJUiILFRconcha.gifLQFOX\HQGRHOGLEXMRGHORVFRQWRUQRV
GHODVIXWXUDV]RQDVDFWLYDV6HKDQREWHQLGRODVFRRUGHQDGDVGHODV]RQDVDFWLYDV\VHKDQHVFULWRHQHO
DWULEXWR &225'6 WDO \ FRPR VH KD H[SOLFDGR 6H KDQ FUHDGR WDPELpQ ORV DUFKLYRV plano.html
historia.html \ fotos.htmlDORVTXHVHDFFHGHUiWUDVFOLFDUVREUHHVDViUHDV
(QHVWHHMHPSORVHVXSRQHTXHODRSFLyQ
GHOLGLRPDQRHVWiD~QSUHSDUDGD3RUHOOR
OD7$*$5($QRKDFHUHIHUHQFLDDQLQJ~Q
DUFKLYRROLQN6HKDHPSOHDGRHODWULEXWR
12+5()SDUDLQGLFDUH[SUHVDPHQWHTXHQRVH
DFFHGDDQLQJ~Q85/DOFOLFDUHQHVWD]RQD
'HHVWHPRGRFXDQGRHVWp\DSUHSDUDGRHO
DUFKLYRidiomas.htmlQRKDEUiPiVTXH
FDPELDUHVWDSDUWHGHFyGLJR)LQDOPHQWH
SRGUiGHFLUVHTXHODLPDJHQVHQVLEOH
IXQFLRQDVLDOGHVSOD]DUHOUDWyQVLQFOLFDU
VREUHXQiUHDDFWLYDDSDUHFHHQODEDUUDGH
HVWDGRODGLUHFFLyQDODTXHVHDFFHGHUiVLVH
FOLFDVREUHHOOD2EYLDPHQWHHVWR~OWLPRQR
VHFXPSOHSDUDODViUHDVGHILQLGDVFRQ
12+5()

)LJXUD
(GLWRUHV\FRQYHUVRUHV+70/
&RQXQVLPSOHHGLWRUGHWH[WRFRPRNotepadVHSXHGHQFUHDUORVILFKHURV+70/PiVVRILVWLFDGRV6LQ
HPEDUJRKD\ TXHVHxDODUTXH ODWDUHDVHVLPSOLILFDPXFKRVLVH GLVSRQHGHXQEXHQ HGLWRURFRQYHUVRU
HVSHFLDOPHQWHSUHSDUDGRSDUDSURGXFLUHVWHWLSRGHILFKHURV
/RV HGLWRUHV SHUPLWHQ LQWURGXFLU GH PRGR DXWRPiWLFR R VHPLDXWRPiWLFR ODV 7$*V GH +70/ D PHGLGD
TXHVHYDWHFOHDQGRHOWH[WR/RVKD\GHGRVWLSRVHGLWRUHVDXWRPiWLFRV:<6,:<*:KDW<RX6HH,V:KDW
<RX *HW HQ ORV TXH DO LQWURGXFLU HO WH[WR VH PXHVWUD WDO FRPR VH YHUi HQ HO EURZVHU \ HGLWRUHV
VHPLDXWRPiWLFRV PiV VHQFLOORV TXH VLPSOHPHQWH SURSRUFLRQDQ D\XGD SDUD LU LQWURGXFLHQGR ORV 7$*V GH
RUGLQDULRHVWRVHGLWRUHVSHUPLWHQOODPDUDOEURZVHUSUHIHULGRSXOVDQGRXQVLPSOHERWyQSDUDFRPSUREDU
FyPRVHYHHOILFKHURTXHVHHVWiFUHDQGR6RQHGLWRUHVVHPLDXWRPiWLFRVCMED\HotDog\DXWRPiWLFRV
ORVHGLWRUHVNetscape Navigator Gold\FrontPage HTML Editor.
/RV FRQYHUVRUHV VRQ SURJUDPDV TXH FRQYLHUWHQ ORV IRUPDWRV SURSLRV GH XQD DSOLFDFLyQ SRU HMHPSOR
Word Excel \ Powerpoint D IRUPDWR +70/ (V SRVLEOH TXH HQ OD FRQYHUVLyQ VH SLHUGDQ R FDPELHQ
DOJXQDV FDUDFWHUtVWLFDV GH IRUPDWR SHUR HVR QR UHVWD XWLOLGDG D ORV FRQYHUVRUHV &DGD YH] PiV ORV
FRQYHUVRUHVVRQSURJUDPDVLQWHJUDGRVHVGHFLUHVODSURSLDDSOLFDFLyQRULJLQDOODTXHWLHQHODSRVLELOLGDG
GHFUHDUILFKHURV*.htmlInternet Assistant for WordExcel\PowerpointVRQFRQYHUVRUHVLQWHJUDGRVHQ
ORVSURJUDPDVGHMicrosoft Office

Manual. Introducción A HTML

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Manual. Introducción A HTML

Transféré par

Droits d'auteur :

Formats disponibles

([LVWHQWDPELpQ7$*Vsimples VLQ7$*GHFLHUUH TXHQRWLHQHQXQWH[WRFRQWHQLGRDOTXHVHDSOLFDQ

7DJ 35(!35(! GH preformatted &RPR\DVHKDPHQFLRQDGRHOEURZVHULJQRUDUiGHRUGLQDULR

7DJ%/2&.4827(!%/2&.4827(! GHblock quote (VWD7$*GHIRUPDWHRGHSiUUDIRVHVPX\

<CENTER> Texto afectado por el centrado </CENTER>

7DJ +!+! GH heading (VXQDWDJGREOHTXHWRPDQHFHVDULDPHQWHXQDUJXPHQWRXQQ~PHUR

7DJV %,*!%,*! \ 60$//!60$//!/DV7$*V%,*!\60$//!KDFHQDOWH[WRPiVJUDQGH\

7DJ8/!8/! GHunordered list FRPLHQ]RGHXQDOLVWDQRRUGHQDGD

7DJ/,! GHline QXHYRHOHPHQWRGHODOLVWD

7DJ2/!2/! GHordered list FRPLHQ]RGHXQDOLVWDRUGHQDGD

7DJ/,! GHOLQH QXHYRHOHPHQWRGHODOLVWD

Definicin del trmino 1

7DJ'/!'/! GHdefinition list FRPLHQ]RGHODGHILQLFLyQGHODOLVWD

7DJ,0* GHimage (VXQFRPDQGRVLPSOHTXHVHXWLOL]DSDUDLQVHUWDUXQDLPDJHQHQHOGRFXPHQWR

:,'7+\ +(,*+7FRQWURODQHOWDPDxRGHODYHQWDQD TXH SXHGHHVSHFLILFDUVH XVDQGRXQYDORU

<A HREF="http://www.ceit.es/">WEB CEIT</A>

3XHGHKDEHUframesGHFRQWHQLGRILMRRHVWiWLFR SRUHMHPSORXQORJRGHXQDHPSUHVDXQDQXQFLR \

<HTML><HEAD><TITLE> Ejemplo de FRAMES</TITLE></HEAD>

&XDQGRVH XWLOL]DQ framesVH SXHGH HVSHFLILFDUGyQGHVH GHVHDTXHDSDUH]FDHO UHVXOWDGR FXDQGRVH

7$5*(7HQOD7$*$!$!<A HREF="URL" TARGET="nom_ventana">Texto</A>

<IMG SRC="concha.gif" USEMAP="#FOTO" ALT="Baha de San

Sebastin"> <MAP NAME="FOTO">

<AREA SHAPE="RECT" COORDS=20,25,155,83 HREF="historia.html" ALT="Historia">

<AREA SHAPE="POLY" COORDS=169,26,169,93,267,26 NOHREF

Vous aimerez peut-être aussi

([LVWHQWDPELpQ7$VsimplesVLQ7$GHFLHUUHTXHQRWLHQHQXQWH[WRFRQWHQLGRDOTXHVHDSOLFDQ

7DJ 35(!35(!GH preformatted&RPR\DVHKDPHQFLRQDGRHOEURZVHULJQRUDUiGHRUGLQDULR

7DJ%/2&.4827(!%/2&.4827(!GHblock quote(VWD7$*GHIRUPDWHRGHSiUUDIRVHVPX\

7DJ +!+!GH heading(VXQDWDJGREOHTXHWRPDQHFHVDULDPHQWHXQDUJXPHQWRXQQ~PHUR

7DJV %,!%,! \ 60$//!60$//!/DV7$V%,!\60$//!KDFHQDOWH[WRPiVJUDQGH\

7DJ8/!8/!GHunordered listFRPLHQ]RGHXQDOLVWDQRRUGHQDGD

7DJ/,!GHlineQXHYRHOHPHQWRGHODOLVWD

7DJ2/!2/!GHordered listFRPLHQ]RGHXQDOLVWDRUGHQDGD

7DJ/,!GHOLQHQXHYRHOHPHQWRGHODOLVWD

7DJ'/!'/!GHdefinition listFRPLHQ]RGHODGHILQLFLyQGHODOLVWD

7DJ,0*GHimage(VXQFRPDQGRVLPSOHTXHVHXWLOL]DSDUDLQVHUWDUXQDLPDJHQHQHOGRFXPHQWR

:,'7+\ +(,*+7FRQWURODQHOWDPDxRGHODYHQWDQD TXH SXHGHHVSHFLILFDUVH XVDQGRXQYDORU

3XHGHKDEHUframesGHFRQWHQLGRILMRRHVWiWLFRSRUHMHPSORXQORJRGHXQDHPSUHVDXQDQXQFLR\

7$5(7HQOD7$$!$!<A HREF="URL" TARGET="nom_ventana">Texto</A>