Extensiones propias del HTML como <blink> y <marquee>, etiquetas introducidas durante la guerra de navegadores web.
ilustración 1: breve imagen con representación en grande de html |
HTML es un lenguaje muy sencillo que permite describir hipertextos, es decir, texto presentado de forma estructurada y agradable con enlaces (hypelinks) que conduce a otros documentos o fuentes de información relacionadas.
algo de historia
algo de historia
HTML nació públicamente en un
documento llamado HTML Tags (Etiquetas HTML), 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,
podemos hablar de que han existido distintas versiones de HTML a lo largo de la
historia de Internet. Nosotros vamos a trabajar con el HTML estándar actual,
que es el utilizado por los navegadores y páginas web de hoy en día. Sin
embargo, no vamos a prestarle atención a las versiones y especificidades de
cada versión, ya que el objetivo de este curso es aprender los
fundamentos de HTML y
entender cómo funciona, no conocer la sintaxis o especificidades de una versión
concreta. ¿Por qué no le damos importancia a la versión? Porque una persona que
cuenta con los fundamentos y comprensión básica sobre el lenguaje es capaz de
adaptarse a las características particulares de una versión sin problema. En
cambio, centrarse en los detalles de una versión sin conocer los fundamentos
hará que no tengamos capacidad para comprender lo que hacemos ni para adaptarnos
a los continuos cambios que tienen lugar en el ámbito de los desarrollos web.
características:
- un documento HTML comienza con la etiqueta <html> y termina con </html>
- fundamento de la World Wide web
- el lenguaje HTML basa su filosofía de desarrollo en la referencia. para añadir un elemento externo a la pagina (imágenes, vídeo, gif, script, etc)
- hace referencia al lenguaje de mercado para la elaboración de paginas web
EJEMPLO DEL CÓDIGO HTML.
<HTML>
<HEAD>
<TITLE>Un Titulo para el Browser de turno </TITLE>
</HEAD>
<BODY>
<!-- Aqui va todo lo chachi -->
<H1>Otro título, esta vez más largo. </H1>
<P> <IMG SRC= "./felix.gif "ALIGN= "MIDDLE " ALT= "EL Gato Felix ">Hoola.
<P>Esto es un parrafo con informacion
super importante. Notese que las lineas salen pegadas aun dejando
espacios, saltos de linea, etc. <BR> ¡ Si pongo esto
si <STRONG>cambia </STRONG> de linea!
<P>Otro parrafo, esto ya es un poco rollo.
<H3>Pongamos un subtítulo<H3>
<P>Por cierto, ¿ que paso con las <A HREF= "#pepe ">anclas</A>?
<HR>
<UL>
<LI> Esto es una lista no ordenada.
<LI> Las listas quedan mejor si tienen varios elementos.
</UL>
Me voy al <A HREF= "http://www.iac.es/home.html ">IAC</A>.
<P>Vamos a crear un <EM>ancla </EM>, o lo que es lo mismo, un <A NAME="pepe">anchor.</A>
EJEMPLO DEL CÓDIGO HTML.
<HTML>
<HEAD>
<TITLE>Un Titulo para el Browser de turno </TITLE>
</HEAD>
<BODY>
<!-- Aqui va todo lo chachi -->
<H1>Otro título, esta vez más largo. </H1>
<P> <IMG SRC= "./felix.gif "ALIGN= "MIDDLE " ALT= "EL Gato Felix ">Hoola.
<P>Esto es un parrafo con informacion
super importante. Notese que las lineas salen pegadas aun dejando
espacios, saltos de linea, etc. <BR> ¡ Si pongo esto
si <STRONG>cambia </STRONG> de linea!
<P>Otro parrafo, esto ya es un poco rollo.
<H3>Pongamos un subtítulo<H3>
<P>Por cierto, ¿ que paso con las <A HREF= "#pepe ">anclas</A>?
<HR>
<UL>
<LI> Esto es una lista no ordenada.
<LI> Las listas quedan mejor si tienen varios elementos.
</UL>
Me voy al <A HREF= "http://www.iac.es/home.html ">IAC</A>.
<P>Vamos a crear un <EM>ancla </EM>, o lo que es lo mismo, un <A NAME="pepe">anchor.</A>
No hay comentarios:
Publicar un comentario