¿Qué conocimientos previos debes

poseer?
• Para estudiar HTML no se requiere de conocimientos previos
en programación.
Es muy simple de aprender ya que no es un lenguaje de
programación sino que es un lenguaje de marcas.

Sobre los archivos HTML

• Los archivos HTML deben tener una extensión htm o html (ej.
misitio.htm o misitio.html).
• Para crear un archivo HTML solo hace falta un editor de texto.
• Un archivo HTML está compuesto por etiquetas.
• Las etiquetas le dicen al navegador(Ej: Internet Explorer, Firefox,
Google Chrome, Opera, Safary, etc.) como mostrar la página
Web.
 Las etiquetas
• Las etiquetas(en inglés: tags) son marcas insertadas en un
documento HTML para proporcionar información sobre una
unidad o contenido.

Reglas básicas
• Las etiquetas están encerradas entre los signos "<" y ">".
• Generalmente vienen en pares <p> y <⁄p>.
• La primera es de apertura y la segunda de cierre.
• El texto que se encuentra entre dos etiquetas es
el contenido del elemento.
• Las etiquetas no son sensibles a las mayúsculas y minúsculas,
o sea <b> es lo mismo que<B>.
 WORLD WIDE WEB
• El servicio World Wide Web (La Telaraña Mundial), también
conocido como WWW o simplemente Web, es un Sistema de
Información distribuido por Internet basado en la tecnología
hipertexto/hipermedia, que proporciona una interface común a
los distintos formatos de datos (texto, gráficos, vídeo, audio,
etc.) y a los servicios de Internet existentes (FTP, news,
telnet,...). Todo esto hace que el servicio Web sea el servicio
más utilizado en Internet.
Navegador
• Para utilizar el servicio Web se necesita una aplicación cliente
capaz de entender o interpretar información HTML, a este tipo
de aplicaciones se le conoce como browsers o navegadores
o visualizadores o hojeadores. Mediante el browser el
usuario puede acceder a los documentos HTML y moverse de
un documento a otro a través de sus vínculos o enlaces, este
hecho de moverse con el browser por las páginas WWW a
través de sus enlaces se le conoce como Navegar por Internet.
 URL`s
• El browser sabe cómo acceder a cada recurso de Internet, sabe
cómo acceder a un servidor de FTP anónimo, a un servidor de
News, ..., y por supuesto cómo conectarse a los servidores Web.
El mecanismo que utiliza el browser para acceder a un recurso
en cualquier lugar de Internet es el URL (Uniform Resource
Locator, Localizador de Recursos Uniforme), comúnmente
llamado dirección Internet.
• Los URLs combinan el protocolo a utilizar para obtener el
recurso: http (es el del Web), ftp, telnet, ...; junto con el nombre
del host servidor, y el path completo del recurso (directorios y
nombre de archivo). Los URLs constituyen en realidad los
enlaces que permiten movernos de una pagina a otra, es decir
Navegar por Internet, y que las podemos identificar dentro de
una página WWW porque estas incluidos comúnmente como
Texto en color subrayado, también puede ir incluidos dentro de
una imagen, etc.
Internet y como se transmite la
información
• Se explicara qué ocurre cuando se escribe
una dirección web en el navegador (el
programa que se usa para ver páginas web),
desde que se teclea la dirección hasta que
se visualiza la página solicitada en el
monitor. Por ejemplo, cuando se escribe la
dirección
http://www.uesocc.edu.sv
 Sobre lo anterior
Primero se escribe la dirección o URL del sitio Web en el
navegador utilizado. A continuación y sin que sea perceptible
por el usuario, el navegador solicita la pagina web al servidor
que alberga el sitio (Eje. elsalvador.com). Acto seguido, el
servidor envía de vuelta los datos a el ordenador a través de
Internet. Finalmente, el navegador interpretará los datos,
mostrando el resultado en la pantalla del ordenador.
Navegadores
mas usados.
Muchas veces
dependerá de
estos la
visualización
de una pagina
web y también
influye la
resolución que
se este
utilizando.
 Que es y para que sirve
HTML?
• HTML es el lenguaje que se emplea para el desarrollo de
páginas de internet. Está compuesto por una serie de
etiquetas que el navegador interpreta y da forma en la
pantalla. HTML dispone de etiquetas para imágenes,
hipervínculos que le permiten al usuario dirigirse a otras
páginas, saltos de línea, listas, tablas, etc.
• Se podría decir que HTML sirve para crear páginas web,
darles estructura y contenido.
• Un ejemplo sencillo de código HTML podría ser:
• Dicho ejemplo está formado por 3 etiquetas HTML. Como se
puede observar cada una de las etiquetas debe acabar con
su homóloga de cierre. En este caso la etiqueta <html>
debe cerrarse con </html>, la etiqueta <body> con
</body> y la etiqueta <p> con </p>.
• Hay muchas más etiquetas que se verán más adelante pero
debe quedar claro que por cada etiqueta que se abra, se
deberá incluir la correspondiente etiqueta de cierre. Así se
c o n s e g u irá u n c ó d i g o H T M L b i e n f o rm a d o y q u e l o s
navegadores puedan interpretar sin ambigüedad.
• Este sencillo ejemplo mostraría por pantalla lo siguiente.
Algo de historia sobre el lenguaje mas
importante de Internet
• HTML nació públicamente en un documento
l l a m a d o H T M L Ta g s ( E t i q u e t a s H T M L ) ,
publicado por primera vez en Internet por Tim
Berners-Lee en 1991. En esta publicación se
describen 22 etiquetas que mostraban un
diseño inicial y relativamente simple de HTML.
Varios de estos elementos se conservan en la
actualidad. Otros se han dejado de usar, y
muchos otros se han ido añadiendo con el
paso de los años. De esta manera, se puede
decir que han existido distintas versiones de
HTML a lo largo de la historia de internet. En
esta oportunidad se trabajara con el HTML
más actual, que es el utilizado por los
navegadores y páginas web de hoy en día.
Pero entonces HTML es un lenguaje de
programación?
• E n p r i n c i p i o s e d i r á q u e n o , a u n q u e d e f o rm a
coloquial muchas veces se oigan referencias a HTML
como si fuera un lenguaje de programación. HTML es
un lenguaje de etiquetas. Estas etiquetas (tag) HTML
comunican al navegador cual es la información a
mostrar por pantalla, además del formato de dicha
información. Es por ello que de una forma muy
estricta, no puede definirse como un lenguaje de
programación en todo el sentido de la palabra, sino
como un sistema de etiquetas. A continuación el
contraste.

Pa r a e l l o s e v e r a e l s i g u i e n t e e j e m p l o d e
comparación utilizando para ello un algoritmo en el
lenguaje JAVA y a la vez se vera como lo resuelve
el HTML
 Versiones de HTML
• El HTML fue desarrollado originalmente por Tim Bernes-Lee
pero debido al rápido crecimiento de la web, surgió la
n e c e s i d a d d e c re a r u n e s t á n d a r p a r a q u e t a n t o l o s
programadores como los navegadores pudieran basarse en
unas mismas normas para escribir HTML. Cada versión de
HTML establece unas normas respecto a cuáles son las
etiquetas válidas y cómo se deben escribir.
• Los estándares HTML son el HTML 2.0, el HTML 3.2, el HTML
4.0 y el HTML 4.01.. Algunas personas creen que el HTML
ya no tiene futuro porque ya existe el XHTML que es una
forma más avanzada del HTML, pero navegadores tales
como (Internet Explorer) por el momento no lo soporta y es
por esto que otros piensan que el futuro está en el HTML 5.
• El XHTML es un nuevo lenguaje que conviene estudiar
después de tener claros los conocimientos básicos de HTML,
por lo que en este curso no vamos a trabajar con él.
 Y que se necesita para
escribir código HTML y crear
paginas web?

• Los requisitos principales y fundamentales, para escribir

código HTML y crear páginas web, son básicamente dos:
saber HTML (lo cual de alguna manera implica conocer las
viñetas y su función y practicarlas) y un editor de texto (se
utilizara el Notepad, aunque se pueden usar otros editores o
programas como el Notepad++). Hay muchos profesionales
que crean sus páginas en Dreamweaver, usando Flash u
otros programas o tecnologías.
• Esta forma de crear páginas web tiene a favor la fácil
creación de éstas pero, si se quiere hacer páginas web de
calidad y tener un control total sobre el código generado, lo
primero y fundamental es saber HTML.
 Elementos adicionales:
• Se necesita una computadora y un navegador?
 Si
• Se necesita conexión a Internet para crearla?
 No
• Y entonces para que estén accesibles a todos?
 Posteriori subirlas a un servidor remoto
• Se puede hacerla directamente en un servidor?
 Si, pero es preferible iniciar localmente