Post on 15-Mar-2020
HTML
INTRODUCCIÓN
• La casi infinita información que
se encuentra en la WWW debe
estar ordenada de alguna forma para que
la misma puede ser hallda.
• La unidad básica donde está almacenada
esta información son las páginas Web.
• Estas páginas se caracterizan por
contener texto, imágenes, animaciones...
e incluso sonido y video.
• Las páginas web son Hipertexto (o
Hipermedia).
• Esto quiere decir que las páginas
no son elementos aislados, sino
que están unidas a otras mediante
los links o enlaces hipertexto
PÁGINAS Y SITIOS
• Página web: documento electrónico adaptado
para ser leído desde la World Wide Web y
puede mostrarse en un navegador web como
Firefox o Google Chrome.
– Está construido con un lenguaje llamado HTML.
• Sitio Web: Es un conjunto de páginas web
relacionadas entre sí. Además contiene todos
los contenidos multimedia que se muestran en
las páginas.
– Se encuentra alojado en un servidor y tiene una
localización determinada en la WWW del tipo:
www.misitio.com.uy
HTML
• HiperText Markup Language
– Lenguaje Hipertexto de Marcas".
• Es el lenguaje con el que se elaboran las páginas
web, y todos los programas navegadores leen para
presentar información de la World Wide Web
(WWW).
• Se basa en el uso de etiquetas, consistentes en un
texto ASCII encerrado dentro de un par de
paréntesis angulares(<..>). El texto incluido dentro
de los paréntesis nos dará una explicación de la
utilidad de la etiqueta.
¿Qué se necesita para crear
una página web?
• El lenguage HTML es solo texto, por lo tanto
cualquier editor de texto como el Block de Notas o
el Gedit son idóneos para crear una página web.
• Los Browsers son los encargados de interpretar el
código HTML y mostrarlo al usuario.
• Existen programas específicos editores HTML con
herramientas que permiten una mayor
organización y productividad a la hora de elaborar
una página.
– DreamWeaber es uno de estos editores.
Estructura documento HTML
<HTML> Indica el inicio del documento
<HEAD> Indica el inicio de la cabecera
<TITLE> Título del documento </TITLE>
</HEAD> Final de la cabecera
<BODY> Cuerpo del documento
Instrucciones HTML
</BODY> Final del cuerpo del
documento
</HTML> Final del documento
Sintaxis elemento HTML
<strong class=“estilo1”>Texto a mostrar </strong>
Sin atributos:
<strong>Texto a mostrar </strong>
Etiqueta de
inicio
Texto que se
mostrará
Etiqueta de
cierre
Con atributos:
Nombre atributo Valor atributo
Primera página HTML
• En un nuevo archivo de Block de
Notas, copiar el sigueinte código:
Primera página HTML
• Guardar con el nombre ‘pagina’
y agregar la extensión .html
Primera página HTML
• Ejecutar el archivo guardado.
<TITLE>
<BODY>