Anda di halaman 1dari 11

1.

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

Guardar un site completo:wgetyHTTrack


GuardandoarticuloscomoPDF

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&ltDIV&gtcentrado,porlo

cual,heredalaalineacin</p>

<hrwidth="50%"size="5">

</div>

<hr>

<blockquote>Prrafoscondiferentesalineaciones

</blockquote>

<p>Parrafofueradel&ltDIV&gtcentrado,porlocualtoma

laalineacinizquierdapordefecto</p>

<palign="right">Parrafoalineadoaladerecha</p>

<palign="center">Parrafocentrado</p>

<hr>

conestalnea

comprobamosqueelHTMLnorespetanilos

espaciosnilossaltosde

lnea

<pre>

Perosiincluimoslaetiqueta&ltPRE&gt

nosmuestraelTEXTOtalycomo

loescribimos

</pre>

<p>HTMLseparalaspalabrasdeltextoconunblanco,si

queremosaadirmsblancos,debemoshacerreferenciaala

entidadquelorepresenta(&ampnbsp)comoporejemplo:

&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp

&nbsp&nbsp&nbsp&nbspesto

</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

Anda mungkin juga menyukai