Conceptos basicos de HTML
¿Qué es un navegador?
Un navegador es un software utilizado para acceder a internet. Un
navegador te permite visitar páginas web y hacer actividades en ella,
como iniciar sesión, ver contenido multimedia, enlazar de un sitio a
otro, visitar una página desde otra,imprimir, y enviar y recibir
correo, entre muchas otras actividades.
Los nombres de los navegadores más comunes del mercado son:
- Microsoft Internet Explorer,
- Mozilla Firefox,
- Apple Computer's
- Safari
- Opera.
RESEÑA HISTORICA DE HTML
El código HTML fue creado por Tim Berners-Lee en 1989 hizo las primerasversiones fueron eran muy fáciles con el objetivo de que las personas que nopudiera usarlas la manejaran bien y los navegadores web manejaban inclusohasta con errores.El W3C ha definido como sucesor de HTML al lenguaje XHTML. XHTML cumplelas reglas de XML al lenguaje HTML, facilitando el mantenimiento yprocesamiento de los documentos.Otro importante es HTTP, ya que es íntimamente relacionado HTML. HTTPtambién conocido como link.Uno de los padres del HTML
es el Hipertexto es un instrumento donde seencuentran y cruzan diversos documentos. Normalmente funciona conhipervínculos, así se puede acceder a un documento que estérelacionado con el que se ha creado o consultado.
Los sistemas de "hipertexto" habían sido desarrollados años antes. En el ámbito de la informática, el "hipertexto"
permitía que los usuarios accedieran a la información relacionada con
los documentos electrónicos que estaban visualizando. De cierta manera,
los primitivos sistemas de "hipertexto" podrían asimilarse a los enlaces de las páginas web actuales.
Tras finalizar el desarrollo de su sistema de "hipertexto", Tim Berners-Lee lo presentó a una convocatoria organizada para desarrollar un sistema de "hipertexto" para Internet. Después de unir sus fuerzas con el ingeniero de sistemas Robert Cailliau, presentaron la propuesta ganadora llamada WorldWideWeb (W3).
El primer documento formal con la descripción de HTML se publicó en 1991 bajo el nombre HTML Tags (Etiquetas HTML) y todavía hoy puede ser consultado online a modo de reliquia informática.
La primera propuesta oficial para convertir HTML en un estándar se realizó en 1993 por parte del organismo IETF (Internet Engineering Task Force). Aunque se consiguieron avances significativos (en esta época se definieron las etiquetas para imágenes, tablas y formularios) ninguna de las dos propuestas de estándar, llamadas HTML y HTML+ consiguieron convertirse en estándar oficial.
En 1995, el organismo IETF organiza un grupo de trabajo de HTML y consigue publicar, el 22 de septiembre de ese mismo año, el estándar HTML 2.0. A pesar de su nombre, HTML 2.0 es el primer estándar oficial de HTML.
A partir de 1996, los estándares de HTML los publica otro organismo de estandarización llamado W3C (World Wide Web Consortium). La versión HTML 3.2 se publicó el 14 de Enero de 1997 y es la primera recomendación de HTML publicada por el W3C. Esta revisión incorpora los últimos avances de las páginas web desarrolladas hasta 1996, como applets de Java y texto que fluye alrededor de las imágenes.
HTML 4.0 se publicó el 24 de Abril de 1998 (siendo una versión corregida de la publicación original del 18 de Diciembre de 1997) y supone un gran salto desde las versiones anteriores. Entre sus novedades más destacadas se encuentran las hojas de estilos CSS, la posibilidad de incluir pequeños programas o scripts en las páginas web, mejora de la accesibilidad de las páginas diseñadas, tablas complejas y mejoras en los formularios.
La última especificación oficial de HTML se publicó el 24 de diciembre de 1999 y se denomina HTML 4.01. Se trata de una revisión y actualización de la versión HTML 4.0, por lo que no incluye novedades significativas.
Desde la publicación de HTML 4.01, la actividad de estandarización de HTML se detuvo y el W3C se centró en el desarrollo del estándar XHTML. Por este motivo, en el año 2004, las empresas Apple, Mozilla y Opera mostraron su preocupación por la falta de interés del W3C en HTML y decidieron organizarse en una nueva asociación llamada WHATWG (Web Hypertext Application Technology Working Group).
La actividad actual del WHATWG se centra en el futuro estándar HTML 5, cuyo primer borrador oficial se publicó el 22 de enero de 2008. Debido a la fuerza de las empresas que forman el grupo WHATWG y a la publicación de los borradores de HTML 5.0, en marzo de 2007 el W3C decidió retomar la actividad estandarizadora de HTML.
De forma paralela a su actividad con HTML, W3C ha continuado con la estandarización de XHTML, una versión avanzada de HTML y basada en XML. La primera versión de XHTML se denomina XHTML 1.0 y se publicó el 26 de Enero de 2000 (y posteriormente se revisó el 1 de Agosto de 2002).
XHTML 1.0 es una adaptación de HTML 4.01 al lenguaje XML, por lo que mantiene casi todas sus etiquetas y características, pero añade algunas restricciones y elementos propios de XML. La versión XHTML 1.1 ya ha sido publicada en forma de borrador y pretende modularizar XHTML. También ha sido publicado el borrador de XHTML 2.0, que supondrá un cambio muy importante respecto de las anteriores versiones de XHTML.
Tras finalizar el desarrollo de su sistema de "hipertexto", Tim Berners-Lee lo presentó a una convocatoria organizada para desarrollar un sistema de "hipertexto" para Internet. Después de unir sus fuerzas con el ingeniero de sistemas Robert Cailliau, presentaron la propuesta ganadora llamada WorldWideWeb (W3).
El primer documento formal con la descripción de HTML se publicó en 1991 bajo el nombre HTML Tags (Etiquetas HTML) y todavía hoy puede ser consultado online a modo de reliquia informática.
La primera propuesta oficial para convertir HTML en un estándar se realizó en 1993 por parte del organismo IETF (Internet Engineering Task Force). Aunque se consiguieron avances significativos (en esta época se definieron las etiquetas para imágenes, tablas y formularios) ninguna de las dos propuestas de estándar, llamadas HTML y HTML+ consiguieron convertirse en estándar oficial.
En 1995, el organismo IETF organiza un grupo de trabajo de HTML y consigue publicar, el 22 de septiembre de ese mismo año, el estándar HTML 2.0. A pesar de su nombre, HTML 2.0 es el primer estándar oficial de HTML.
A partir de 1996, los estándares de HTML los publica otro organismo de estandarización llamado W3C (World Wide Web Consortium). La versión HTML 3.2 se publicó el 14 de Enero de 1997 y es la primera recomendación de HTML publicada por el W3C. Esta revisión incorpora los últimos avances de las páginas web desarrolladas hasta 1996, como applets de Java y texto que fluye alrededor de las imágenes.
HTML 4.0 se publicó el 24 de Abril de 1998 (siendo una versión corregida de la publicación original del 18 de Diciembre de 1997) y supone un gran salto desde las versiones anteriores. Entre sus novedades más destacadas se encuentran las hojas de estilos CSS, la posibilidad de incluir pequeños programas o scripts en las páginas web, mejora de la accesibilidad de las páginas diseñadas, tablas complejas y mejoras en los formularios.
La última especificación oficial de HTML se publicó el 24 de diciembre de 1999 y se denomina HTML 4.01. Se trata de una revisión y actualización de la versión HTML 4.0, por lo que no incluye novedades significativas.
Desde la publicación de HTML 4.01, la actividad de estandarización de HTML se detuvo y el W3C se centró en el desarrollo del estándar XHTML. Por este motivo, en el año 2004, las empresas Apple, Mozilla y Opera mostraron su preocupación por la falta de interés del W3C en HTML y decidieron organizarse en una nueva asociación llamada WHATWG (Web Hypertext Application Technology Working Group).
La actividad actual del WHATWG se centra en el futuro estándar HTML 5, cuyo primer borrador oficial se publicó el 22 de enero de 2008. Debido a la fuerza de las empresas que forman el grupo WHATWG y a la publicación de los borradores de HTML 5.0, en marzo de 2007 el W3C decidió retomar la actividad estandarizadora de HTML.
De forma paralela a su actividad con HTML, W3C ha continuado con la estandarización de XHTML, una versión avanzada de HTML y basada en XML. La primera versión de XHTML se denomina XHTML 1.0 y se publicó el 26 de Enero de 2000 (y posteriormente se revisó el 1 de Agosto de 2002).
XHTML 1.0 es una adaptación de HTML 4.01 al lenguaje XML, por lo que mantiene casi todas sus etiquetas y características, pero añade algunas restricciones y elementos propios de XML. La versión XHTML 1.1 ya ha sido publicada en forma de borrador y pretende modularizar XHTML. También ha sido publicado el borrador de XHTML 2.0, que supondrá un cambio muy importante respecto de las anteriores versiones de XHTML.
¿QUE ES HTML?
“HTML es un lenguaje de programación que se utiliza para el desarrollo de páginas de Internet. Se trata de la siglas que
corresponden a HyperText Markup Language, es decir, Lenguaje de Marcas
de Hipertexto”. No obstante, este tipo de definiciones no nos dice mucho
porque la definición es técnica.
Características del lenguaje HTML
Pero empecemos ya con lo que nos interesa. ¿Cómo se hace una página Web? Cuando los diseñadores del WWW se hicieron esta pregunta decidieron que se debían cumplir, entre otras, las siguientes características:- El Web tenía que ser distribuido: La información repartida en páginas no muy grandes enlazadas entre sí.
- El Web tenía que ser hipertexto y debía ser fácil navegar por él.
- Tenía que ser compatible con todo tipo de ordenadores (PCs, Macintosh, estaciones de trabajo...) y con todo tipo de sistemas operativos (Windows, MS-DOS, UNIX, MAC-OS,...).
- Debía ser dinámico: el proceso de cambiar y actualizar la información debía ser ágil y rápido.
Este lenguaje será el encargado de convertir un inocente archivo de texto inicial en una página web con diferentes tipos y tamaños de letra, con imágenes impactantes, animaciones sorprendentes, formularios interactivos, etc.
ETIQUETA <HX> </HX>
Esta etiqueta conocida como
etiqueta de encabezado (heading), es utilizada para escribir títulos y
subtítulos, dado que puede mostrar texto en negrillas con seis tamaños
diferentes, dependiendo del valor que se asigne a X. Para poder ver la forma en
que trabaja, digite el siguiente texto:
<HTML>
<HEAD>
<TITLE> Mi Primera Página Web</TITLE>
</HEAD>
<BODY>
<h1> Este texto tiene el tamaño determinado por
la etiqueta H1 </h>
<h2> Este texto tiene el tamaño determinado por
la etiqueta H2 </h>
<h3> Este texto tiene el tamaño determinado por
la etiqueta H3 </h>
<h4> Este texto tiene el tamaño determinado por
la etiqueta H4 </h>
<h5> Este texto tiene el tamaño determinado por
la etiqueta H5 </h>
<h6> Este texto tiene el tamaño determinado por
la etiqueta H6 </h>
</BODY>
</HTML>
Después de haber guardado el archivo,
ábralo con el explorador y analice los resultados.
La etiqueta <HX> tiene otro atributo
que permite controlar la alineación. El texto puede ser alineado al centro (align="center"),
a la derecha (align="right"), a la izquierda por defecto o justificado (align="justify")
Escriba por ejemplo:
<HTML>
<HEAD>
<TITLE> Mi Primera Página Web</TITLE>
</HEAD>
<BODY>
<h1 align="center"> Este texto
tiene la etiqueta h1</h>
</BODY>
</HTML>
El resultado será Este texto alineado al centro de
la página. en forma similar, para obtener el mismo texto alineado a la
derecha, escriba la siguiente instrucción:
<h1 align="right"> Este texto
</h>
Cuando la sintaxis utilizada en una etiqueta no es la correcta, el navegador no
genera un error ni una advertencia. Simplemente, se obtendrán resultados
inesperados. Trate de escribir la siguiente línea en la que
intencionalmente se escribe un error y observe los resultados
<h1 aling="right"> Este texto no será alineado
a la derecha </h>
<h1 aling="centry"> Este texto no será centrado
</h>
ETIQUETA <FONT> </FONT>.
Esta etiqueta permite
controlar tres atributos del texto que se encuentra encerrado entre ellas:
Tamaño (SIZE), el color de letra (COLOR) y el tipo de letra (FACE).
A manera de ejemplo, puede verificarse que las siguientes líneas escritas dentro
del cuerpo de un documento HTML, mostrarán texto con cuatro tamaños de letra
diferentes:
<FONT SIZE="+1"> Este texto tiene tamaño +1</FONT>
<FONT SIZE="+2"> Este texto tiene tamaño +2</FONT>
<FONT SIZE="-1"> Este texto tiene tamaño -1</FONT>
<FONT SIZE="-2"> Este texto tiene tamaño -2</FONT>
La sintaxis completa de la etiqueta
<FONT> es la siguiente:
<FONT SIZE="X"
COLOR="color"
FACE="Nombre de la Fuente">
Texto que se desea mostrar</FONT>
Donde sucede lo siguiente:
| X | Corresponde al tamaño de la fuente que, como ya se vio en el ejercicio anterior, admite valores positivos y negativos. |
| color | Puede ser un valor hexadecimal o el nombre inglés de un color específico. Aunque teóricamente existen 16 millones de colores, existen 16 de ellos que conforman lo que llamaremos la paleta segura para garantizar que las páginas podrán ser vistas tal como han sido diseñadas en un monitor con baja resolución. La tabla que sigue muestra los código hexadecimales y los nombres de los 16 colores en mención. |
| Nombre de la Fuente | Es el atributo correspondiente a los tipos de letras disponibles en el sistema de computador utilizado y pueden ser Arial, Helvetica, Times New Roman, Broadway, Bodoni MT, Ms Sans Serif, etc |
Negrita HTML
Existen dos etiquetas que harán que nuestro texto se convierta en negrita. La utilización de cualquiera de ellas es indiferente. Puedes usar la que prefieras.La primera es la etiqueta <b> y la otra es la etiqueta <strong>. Aquí va un ejemplo:
Este palabra la vamos a poner en <b>negrita</b> y esta otra <strong>también</strong>
Este palabra la vamos a poner en negrita y esta otra también
Cursiva HTML
Para escribir un texto en cursiva debemos utilizar la etiqueta <i> (y por supuesto cerrarla con la etiqueta </i>).También podemos utilizar la etiqueta <em>. Como en el caso de la negrita, es indiferente el uso de una u otra. Aquí os dejo un ejemplo:
Esta palabra la vamos a poner en <i>cursiva</i> y esta otra <em>también</em>
Esta palabra la vamos a poner en cursiva y esta otra también
Subrayado HTML
Si queremos que la palabra o el texto quede subrayado, deberemos rodearlo con la etiqueta <u> y cerrarlo con su correspondiente etiqueta. O sea, </u>. Así subrayaríamos una frase importante:<u>Así subrayaríamos una frase importante</u>
Así subrayaríamos una frase importante 
Comentarios
Publicar un comentario