HTML es el lenguaje estándar para crear páginas web. Define la estructura básica y el código para el contenido de una página como texto e imágenes. Se basa en la referenciación donde los elementos externos como imágenes se enlazan en lugar de incluirse directamente. Solo se necesita un editor de texto simple para crear páginas web en HTML.

1. TALLER HTML
QUE ES HTML:
Hace referenciaal lenguaje de marcado parala elaboraciónde páginasweb.Esunestándarque
sirve de referenciaparalaelaboraciónde páginaswebensusdiferentesversiones,defineuna
estructurabásicay un código(denominadocódigoHTML) para ladefiniciónde contenidode una
páginaweb,comotexto,imágenes,entre otros.Esunestándara cargo de la W3C, organización
dedicadaa laestandarizaciónde casi todaslastecnologíasligadasa laweb,sobre todoenlo
referente asuescriturae interpretación.
El lenguaje HTMLbasa su filosofíade desarrolloenlareferenciación.Paraañadirunelemento
externoala página(imagen,vídeo, script,entre otros.),estenose incrustadirectamenteenel
códigode la página,sinoque se hace unareferenciaala ubicaciónde dichoelementomediante
texto.De este modo,lapáginawebcontiene sólotextomientrasque recae enel navegadorweb
(interpretadordel código) latareade unirtodosloselementosyvisualizarlapáginafinal.Al serun
estándar,HTML busca serun lenguaje que permitaque cualquierpáginawebescritaenuna
determinadaversión,puedaserinterpretadade lamisma forma(estándar) porcualquier
navegadorwebactualizado.
Sinembargo,a lolargo de sus diferentesversiones,se hanincorporadoysuprimidodiversas
características,con el finde hacerlomás eficienteyfacilitarel desarrollode páginasweb
compatiblescondistintosnavegadoresyplataformas(PCde escritorio,portátiles, teléfonos
inteligentes,tabletas,etc.).Sinembargo,parainterpretarcorrectamente unanuevaversiónde
HTML, losdesarrolladoresde navegadoreswebdebenincorporarestoscambiosyel usuariodebe
sercapaz de usar la nuevaversióndel navegadorconloscambiosincorporados.
CARCTERISTICASDEL HTML:
Peroempecemosyaconloque nosinteresa.¿Cómose hace unapáginaWeb? Cuandolos
diseñadoresdelWWWse hicieronestapreguntadecidieronque se debíancumplir,entreotras,las
siguientescaracterísticas:
 El Webtenía que serdistribuido:Lainformaciónrepartidaenpáginasnomuygrandes
enlazadasentre sí.
 El Webtenía que serhipertextoydebíaserfácil navegarpor él.
 Tenía que sercompatible contodotipode ordenadores(PCs,Macintosh,estacionesde
trabajo...) ycon todotipode sistemasoperativos(Windows,MS-DOS,UNIX,MAC-OS,...).
 Debía serdinámico:el procesode cambiary actualizarla informacióndebíaserágil y
rápido.

2. Estas característicasson lasque marcaron el diseñode todosloselementosdel WWWincluidala
programaciónde páginasWeb.Comorespuestaatodos estosrequisitosse creoel lenguaje HTML
(HiperTextMarkupLanguage),cuyassiglassignifican"lenguaje hipertextode marcas".
Este lenguaje seráel encargadode convertiruninocente archivode textoinicial enunapágina
webcon diferentestiposytamañosde letra,conimágenesimpactantes,animaciones
sorprendentes,formulariosinteractivos,etc.
QUE SE NECESITA PARA CREAR UNA PAGINA WEB:
Una de lascaracterísticas de este lenguaje másimportantesparael programadoresque no es
necesarioningúnprogramaespecialparacrear unapáginaWeb.Gracias a ellose haconseguido
que se puedancrear páginascon cualquierordenadorysistemaoperativo.El códigoHTML, como
hemosadelantadoenel párrafoanterior,noesmásque textoy por tantolo úniconecesariopara
escribirloesuneditorde textocomoel que acompañana todoslossistemasoperativos: editen
MS-DOS,blockde notasenWindows,vienUNIX,etc.Porsupuestoestosnosonlosúnicoseditores
de textoque puedenserusados,sinocualquierotro.Tambiénse puede usarprocesadoresde
texto,que soneditoresconcapacidadesañadidas,compopuedenser Microsoft
Word o WordPerfectperohayque tenercuidadoporque en ocasioneshacentraducciones
automáticasdel códigoHTML que no siempre sondeseadas.Enestosdosúltimoscasos,también
hay que tenerencuentaque deberemosguardarel archivoenmodotexto.
Un editorde texto simple,comoel block de notas de Windows, estodo lo necesariopara crear
una página Web
Una vez hemosescritoel códigodeberemosguardarel archivo(conformatode texto) conla
extensión .HTML(o .htmen MS-DOS,Windows3.1 o cualquierotrosistemaque sóloacepte tres
letrasenla extensión.Lossiguientessonnombresválidosde archivosque contengancódigo
HTML: index.html,index.htm,principal.html,PRINCIPAL.htm,etc...

3. NOTA:Si el editoro procesadorde textosusadopara crear la páginaobligaausar la
extensión .txtal guardarel archivoen modotexto,deberemosguardarloconestaextensión,por
ejemplocomo index.txt,yposteriormente cambiarel nombre del archivodesde fueradel
programa a index.htmloindex.htm.Paraellousaremosel comando rename enMS-DOS;en
Windows3.1 loharemosmediante el administradorde archivosyenWindows95 con el
explorador.Enotrosentornos,comoLinux,esmásraro que se de estasituación.
ATENCIÓN:El WorldWide Web esun sistemaque diferencialasmayúsculasde lasminúsculas.Es
un errorcomún llamara un archivo index.html yluegoreferirse aél como Index.html.Aunque en
nuestroordenadorpuede funcionaral publicarloseguramente nolohará.Por estarazón esuna
norma general usarsiempre minúsculasparalosnombresde losarchivosHTML.
Últimamente hanaparecidonuevasalternativasque facilitanlaprogramaciónde páginasWeb.
Son loseditoresHTML.Podemosdividirestoseditoresendosgrupos:
 Asistentes:ayudanacrear el códigoHTML e incluyenplantillasde código prefabricadas,
por ejemplo HotDog(Win), HomeSite(Win),HTMLEditor(Mac), Quanta(Linux,KDE)
o Bluefish,(Linux,GNOME).
 Conversores:sonprogramasconotra funciónque lade laprogramaciónWebperoque
permitenconvertiraHTML. Son ejemplosde conversores MicrosoftWord,Quark
XPressyPageMaker.
 EditoresWYSIWYG (WhatYou See Is What You Get,loque veses loque obtienes):estos
editorespermitencrearpáginaswebsinescribircódigoHTMLcomo si se tratase de un
programa de dibujoporordenador.Algunosejemplosde este tipode editores
son MacromediaDreamweaver, HotMetal oMicrosoftFrontPage.
Estructura básicadel HTML:
index.html
<HTML> Indica el inicio del documento.
<HEAD> Define el inicio de la cabecera.
<TITLE> Inicia el título del documento.
</TITLE> Fin del título del documento.
</HEAD> Define el fin de la cabecera.
<BODY> Inicio del cuerpo del documento.
</BODY> Fin del cuerpo del documento.
</HMTL> Indica el fin del documento.

4. La primeraparte de una páginaHTML esel identificadordel lenguaje de programación.Enesta
secciónse le indicaa losexploradores(InternetExplorer,Netscape Navigator,etc.) qué tipode
informaciónvana leer.
Para el caso del HTML, el identificadoreslaetiqueta <HTML>…</HTML>. Éstas debenserla
primeray últimaetiquetasrespectivamente,que aparecenenel documento.
Dentrode estasdos etiquetasidentificadorasse distinguendosseccionesprincipales:
La cabecera (<HEAD>...</HEAD>)
El cuerpo (<BODY>...</BODY>)