InvestigaquNavegadoresestndisponiblesentuPC,familiarzateconcadaunodeellos
yescribesunombreacontinuacin:
Navegador1:____InternetExplorer____
Navegador2:____MocillaFirefox____
Navegador3:____GoogleChrome___
Navegador4:____Opera____
2.Desdetunavegadoraccedealapginahttp://roble.pntic.mec.es/jtal0007/xmlfp/,analiza
losdiferenteselementosquelacomponenyrespondealassiguientespreguntas:
Tienelapginaenlacesolinks?
_si_
Enumeradiferentesmanerasdereconoceraunlinkoenlace:
siestendiferentecoloraltextonormalycuandopinchamosnosllevaaotrapgina
PosicionaelMousesobreunenlaceydi,sinhacerclicsobreelmismo,culesladireccina
laqueapunta:
__http://docencia.taboadaleon.es/lenguajesdemarcas.html_
__ Creative Commons Reconocimiento-NoComercial-CompartirIgual 3.0 Espaa
License.
PulsaelbotndelMouseenelenlacequehaselegidoyaccedealanuevapgina.Regresa,
pulsandoeliconoquedireccionaalapginaanterior.
Nota:Nocierreslaventanadelnavegador
3.SealaenelsiguientecdigolasetiquetasdelaestructurabsicadeunapginaHTML.
<!DOCTYPEhtml>
<html>
<head>
<metahttpequiv="ContentType"content="text/htmlcharset=iso88591"/>
<title>IntroduccinaHTML</title>+
</head>
<body>
Estaesmiprimerapgina,aunquetodavaesmuysencilla.ComoellenguajeHTMLno
esdifcil,prontoestarencondicionesdehacercosasmsinteresantes.
</body>
</html>
4.AbrelaherramientaNotePad++.Transcribeelcdigodelejercicioanterior.Guardael
archivoconelnombreActividad1.html.
5.Menciona,culessonlasdiferentesformasdeguardarunapginaWeb,yqueseguarda
encadacaso:
GuardarlosarchivosHTML
6.Visualizalapginacreadaenelej.4:
Hazactivalaventanadelnavegador
CargalapginaActividad1.html:MenArchivo\Abrir
7.ModificaelcdigoActividad1.htmldemaneratalqueelcuerpodelcdigoquedeas:
<body>
Estaesmiprimerapgina,aunquetodavaesmuysencilla.Comoel
lenguajeHTMLnoesdifcil,prontoestarencondicionesdehacer
cosasmsinteresantes.
<p>Estaetiquetapermitegenerarunprrafonuevo.</p>
<p>Estaetiquetapermitegenerarunsegundoprrafo.</p>
</body>
Grabaloscambiosconelnombreactividad7.htmlyvisualizalapginamodificadaenel
navegador.
Observaladiferenciaentreeltextosinetiquetasyeltextoconlaetiqueta<p></p>al
presentarseenelnavegador.
8.Insertecomoltimoprrafoelsiguientetexto:
LosHTMLsonarchivosdetextoquepuedensereditadoslibrementeconelBlocdeNotas
deWindows,aunqueparahacerlodeestamaneraesnecesarioconocerlaestructuradel
lenguaje.
9.Modificaelttulodelapginawebactividad7.html.ElnuevottuloserCursodeHTML.
10.Grabaloscambiosrealizados.Visualizalapginayelcdigohtml(Men:Ver\Cdigo
fuenteoctrl+U)endistintosnavegadores.
Nota:Recuerdeactualizarlaversindelapgina.
11.Crea,enunarchivonuevo,laestructuranecesariadeunapginaweb.Escribeel
siguientetextodentrodelasetiquetascorrespondientes:
Ttulo:Prctica1deHTML
Primerprrafo:BienvenidosaMipginaWeb
Segundoytercerprrafo:Escribirunabrevepresentacindetupersona.
Grabaelarchivoconelnombremi_presentacin.htmlyvisualizalapgina.
12.Enelprocesadordetextoteclearelsiguientecdigo
<!DOCTYPEhtml>
<html>
<head>
<title>HTMLbsico</title>
</head>
<bodybgcolor="#AADCA9">
<h2align="center">Ejemplodeetiquetasparapresentartexto</h2>
<hr>
<divalign="center">
<h1>Encabezadodenivel1</h1>
<h2>Encabezadodenivel2</h2>
<h3>Encabezadodenivel3</h3>
<h4>Encabezadodenivel4</h4>
<h5>Encabezadodenivel5</h5>
<h6>Encabezadodenivel6</h6>
<p>Parrafodentrodel<DIV>centrado,porlo
cual,heredalaalineacin</p>
<hrwidth="50%"size="5">
</div>
<hr>
<blockquote>Prrafoscondiferentesalineaciones
</blockquote>
<p>Parrafofueradel<DIV>centrado,porlocualtoma
laalineacinizquierdapordefecto</p>
<palign="right">Parrafoalineadoaladerecha</p>
<palign="center">Parrafocentrado</p>
<hr>
conestalnea
comprobamosqueelHTMLnorespetanilos
espaciosnilossaltosde
lnea
<pre>
Perosiincluimoslaetiqueta<PRE>
nosmuestraelTEXTOtalycomo
loescribimos
</pre>
<p>HTMLseparalaspalabrasdeltextoconunblanco,si
queremosaadirmsblancos,debemoshacerreferenciaala
entidadquelorepresenta(&nbsp)comoporejemplo:
          
    esto
</p>
<p>Paracualquierconsultadirigirsea
<address>departamentodeInformtica</address>
</p>
</body>
</html>
GuardarelarchivocomoActividad12.htmlenformatotextoyvisualizaloconelNavegador
ETIQUETAS
FUNCIN
<!
Comentario
<h1>
Tamaodeletra
<body>
cuerpodeldocumento
<bodybgcolor>
colordelcuerpodeldocumento
</head>
encabezamientodeldocumento
<hr>
Etiquetaquesirveparasepararparrafoscon
unalnea
<meta>
informacincontenidaen<head>
<html>
principioyfindeldocumento
<blockquote>
Daformatoconsangraaltexto
<pre>
visualizaeltextoensuformatooriginal
<p>
retornodelneaconunespacio:
<address>
formatoparadireccindelautor
<palign="right">
alineacindeltextohacialaderecha
<palign="center">
centrareltexto
<div>
seutilizaparadefinirunaseccindentrode
undocumento
<tittle>
ttulodeldocumento