Sei sulla pagina 1di 1

2EstructurainternadeunapginaHTML.

LasinstruccionesHTMLestnencerradasentreloscaracteres:<y>.

MuchoselementosHTMLrequierenunamarcadecomienzoyotradefinalizacin.Todoaquelloqueestfueradelasmarcasdellenguajeseimprimeenlapantalla
(dentrodelnavegador).

LaestructurabsicadeunapginaHTMLes:

<html>
<head>
</head>
<body>
Cuerpodelapgina.
</body>
</html>

UnapginaHTMLesunarchivoquegeneralmentetienecomoextensinloscaractereshtml.Porejemplopodemosllamaranuestraprimerpginaconelnombre:
pagina1.html

Duranteestecursononecesitarutilizarotraherramientamsqueestesitio.Veremosquecontamosconunaventanadondetipearlapginayenotraverlos
resultadosquegeneraelnavegador.Nosignificaquenopuedahacerseunacopiadelosejerciciosquedesarrollayalmacenarlosensucomputadora.

EstossonloselementosbsicosquetodapginaHTMLdebellevar.

Siobservamostodapginacomienzaconlamarca:<html>yfinalizaconlamarca:</html>

Losfinesdemarcastienenelmismonombrequeelcomienzodemarca,mselcaracter/

UnapginaHTMLtienedosseccionesmuybiendefinidasquesonlacabecera:

<head>
</head>

Yelcuerpodelapgina:

<body>
Cuerpodelapgina.
</body>

Todoeltextoquedispongamosdentrodel<body>aparecedentrodelnavegadortalcuallohayamosescrito.

Todaslaspginastienecomomnimoestaestructura:cabeceraycuerpo.

OtracosaimportanteesqueellenguajeHTMLnoessensibleamaysculasyminsculas,esdecirpodemosescribirlocomomsnosguste,ademsnorequiere
quedispongamoscadamarcaenunalnea(podramosinclusiveescribirtodalapginaenunasolalnea!cosaquenoconvieneyaquesomosnosotrosquienes
tendremosquemodificarlaenalgnmomento).

Ahorapuedeiralaseccindeproblemaresueltoyverelejemploejecutndoseenelnavegador.Podrverlapantalladivididaentrespartes:primeroseenunciael
problema,lasegundaparteeseleditordondetipeamoslasolucinalproblema(enestecasoyaestresueltoporloqueapareceautomticamente)ylaltima
seccindelapantallamuestralapginaejecutndoseenelnavegador.

Porltimodeberresolverunproblema,esdecirconfeccionarunapginaHTML.RecomiendotipearlasmarcasHTMLparaaprenderlasdememoria.Noes
convenientecopiarypegar.Cuandorecuerdetodaslasmarcas,podrcopiarypegartrozosdepginasHTMLparaagilizareldesarrollo.

Finalizar

Potrebbero piacerti anche