Introducción a HTMLHTML (HyperText Mark-Up Language) es lo que se conoce como "lenguaje de marcado", cuya función es preparar documentos escritos aplicando etiquetas de formato. Las etiquetas indican cómo se presenta el documento y cómo se vincula a otros documentos.
HTML se usa también para la lectura de documentos en Internet desde diferentes equipos gracias al protocolo HTTP, que permite a los usuarios acceder, de forma remota, a documentos almacenados en una dirección específica de la red, denominada dirección URL.
La World Wide Web (WWW), o simplemente la Web, es la red mundial formada por todos los documentos {llamados "páginas Web"} conectados entre sí por hipervínculos.
A menudo, las páginas web se organizan alrededor de una página principal que actúa como eje central para buscar otras páginas con hipervínculos. Este grupo de páginas Web unidas por hipervínculos y centradas alrededor de una página principal se llama sitio Web.
La Web es un amplio archivo dinámico compuesto de una gran variedad de sitios Web y que permite el acceso a páginas Web que contienen texto formateado, imágenes, sonidos, videos, etc.
El concepto de la Web
La Web está compuesta por páginas Web almacenadas en servidores Web, equipos que están constantemente conectados a Internet y que proveen las páginas que los usuarios solicitan. Cada página Web y, en general, cualquier fuente en línea (como imágenes, videos, música y animaciones) se asocia con una dirección única llamada URL.
El elemento clave para navegar a través de páginas Web es el navegador, un programa que envía solicitudes a los servidores Web, procesa los datos resultantes y muestra la información como se requiere, en base a las instrucciones de la página HTML.
Los navegadores más usados en Internet son:
Mozilla Firefox,
Microsoft Internet Explorer,
Netscape Navigator,
Safari.
HTML es un estándar
Es importante comprender que el lenguaje HTML es un estándar, compuesto por recomendaciones publicadas por un consorcio internacional: el World Wide Web Consortium (W3C).
Las especificaciones oficiales de HTML describen las "instrucciones" del lenguaje, pero no cómo seguirlas, es decir, cómo las interpretan los programas informáticos. Esto permite visualizar páginas Web independientemente del sistema operativo o la arquitectura del equipo del usuario.
Sin embargo, aunque las especificaciones son muy detalladas, hay cierto margen para la interpretación por parte del navegador y esta es la razón por la cual la misma página puede aparecer de modo diferente en un navegador u otro.
Es más, algunos editores de software agregan instrucciones HTML exclusivas que no se hallan en las especificaciones de W3C. Por este motivo, las páginas Web que contienen dichas instrucciones pueden ser vistas en un navegador, y ser completa o parcialmente ilegibles en otros. Por esto, las páginas Web deben seguir las recomendaciones de W3C, de forma que lleguen al público más amplio posible.
Versiones de HTML
HTML fue diseñado por Tim Berners-Lee, quien trabajaba entonces como investigador de CERN, en 1989. Anunció oficialmente la creación de la Web en Usenet en agosto de 1991. Sin embargo, no fue hasta 1993 que HTML se consideró suficientemente avanzado para ser llamado lenguaje (HTML fue simbólicamente bautizado HTML 1.0). El navegador Web usado adoptó el nombre de NCSA Mosaïc.
RFC 1866, de noviembre de 1995, representó la primera versión oficial de HTML, denominada HTML 2.0.
Luego de la breve aparición de HTML 3.0, que nunca se lanzó oficialmente, HTML 3.2 se convirtió en el estándar oficial el 14 de enero del 1997. Los cambios más significativos de HTML 3.2 fueron la estandarización de las tablas, así como muchos aspectos relacionados con la presentación de las páginas Web.
El 18 de diciembre de 1997 se lanzó HTML 4.0. Las versión 4.0 de HTML fue importante para la estandarización de las hojas de estilo y los marcos. La versión HTML 4.01, que apareció el 24 de diciembre de 1999, introdujo modificaciones menores en HTML 4.0.
¿Qué es una página web?
Pues eso de entrada podemos preguntarnos qué es una página web. Habrían dos respuestas: para el internauta y para el diseñador.
Para el internauta una página WEB es una pantalla en su monitor que le muestra la información que va buscando y enlaces a otros sitios relacionados.
Para el diseñador una página WEB es un documento construído para mostrar información en la pantalla de un monitor, que contiene además de la información una serie de instrucciones para indicar como se ha de mostrar esa información. Estas instrucciones se escriben siguiendo un lenguaje llamado HTML
Como ves el diseñador define la página web como algo más completo y técnico que el simple internauta. La página web se concreta en un documento con un nombre terminado con la extensión .htm o .html.
Una serie de páginas web interconectas e interrelacionadas de alguna forma (el mismo tema, el mismo objetivo...) forman un sitio web, que habitualmente está almacenado en un servidor.
arriba
Requisitos
Para seguir el curso los requisitos son mínimos: un ordenador, un navegador y un editor de texto simple es suficiente. Pero te recomendaría, además, instalar un servidor de internet en tu ordenador. No te asustes, no es nada del otro mundo. Tanto si usas Windows como si te mueves en el mundo Linux te recomiendo el servidor Apache (si piensas trabajar con PHP te recomiendo la versión 1.xx, la 2 sigue siendo desaconsejable), es muy simple de instalar y de configurar. Con este servidor corriendo en tu equipo tendrás un sitio llamado localhost al que podrás acceder como si se tratara de un servidor de internet: http://localhost/, pero solo es visible en tu ordenador.
En cuanto al editor de páginas web utiliza un editor tipo texto, o uno gráfico, pero trabajano en modo texto. Recuerda que la idea es conocer el lenguaje HTML, y los editores gráficos esconden el código. Míra estas herramientas que te pueden ser útiles, recuerda que de gratis también hay cosas buenas.
En cuanto al navegador lo mejor es tener uno de cada, de esa manera podrás comprobar que todo lo que hagas funciona en ambos modelos, aunque hoy por hoy el rey es el Explorer de Microsoft.
Lista de tags HTML
Tag Descripción corta
<!-- --> Inserta comentarios ocultos
<!DOCTYPE> Establece el tipo de documento
<a> Inserta vínculos o marcadores
<abbr> Explica abreviaciones
<acronym> Explica acrónimos
<address> Provee información de contacto
<applet> Inserta un applet (scripts)
<area> Define sectores para mapas de imagen
<b> Texto en negrita
<base> URI base para resolver URIs relativas
<basefont> Tamaño de la fuente predeterminado
<bdo> Suprime el algoritmo bidireccional
<big> Texto en tamaño "grande".
<blockquote> Citar párrafos
<body> Contiene los elementos a mostrar
<br> Fuerza un quiebre de línea
<button> Crea un botón
<caption> Establece un título para una tabla
<center> Centra su contenido
<cite> Inserta una cita o referencia
<code> Representa texto de computadora
<col> Da atributos a columnas en una tabla
<colgroup> Agrupa columnas en una tabla
<dd> Define descripciones en una lista
<del> Indica texto eliminado
<dfn> Asigna una definición a un término
<dir> Inserta una lista de directorios (árbol)
<div> Define un bloque de contenido
<dl> Define una lista
<dt> Inserta un término en una lista
<em> Indica énfasis
<fieldset> Agrupa controles en un formulario
<font> Establece el estilo de fuente
<form> Inserta un formulario
<frame> Inserta un marco
<frameset> Inserta un grupo de frames
<h1> Encabezado de nivel 1
<h2> Encabezado de nivel 2
<h3> Encabezado de nivel 3
<h4> Encabezado de nivel 4
<h5> Encabezado de nivel 5
<h6> Encabezado de nivel 6
<head> Define el bloque de encabezado
<hr> Dibuja una línea o regla horizontal
<html> Contiene al documento
<i> Muestra texto en itálica
<iframe> Inserta un marco dentro del documento
<img> Inserta una imagen
<input> Muestra controles de entrada
<ins> Indica texto insertado
<isindex> Entrada de línea simple
<kbd> Indica texto a ingresarse por el usuario
<label> Establece una etiqueta para un control
<legend> Asigna un título a un "fieldset"
<li> Define un artículo en una lista
<link> Ofrece informacón relacional
<map> Define un mapa de imagen
<menu> Lista menú
<meta> Da información sobre el documento
<noframes> Contenido alternativo para marcos
<noscript> Contenido alternativo para scripts
<object> Ejecuta aplicaciones externas
<ol> Inserta una lista ordenada
<optgroup> Agrupa opciones en un control select
<option> Define una opción en un control select
<p> Define un párrafo
<param> Da un parámetro para un objeto
<pre> Bloque de texto preformateado
<q> Inserta una cita en una línea
<s> Muestra texto tachado
<samp> Representa texto de programas
<script> Contiene scripts
<select> Crea un control select
<small> Muestra texto en letra "pequeña"
<span> Asigna atributos al texto en líneas
<strike> Muestra texto tachado
<strong> Indica énfasis fuerte
<style> Define atributos visuales (hojas estilo)
<sub> Define texto en sub-índice
<sup> Define texto en super-índice
<table> Inserta una tabla
<tbody> Define un cuerpo en una tabla
<td> Celda regular de una tabla
<textarea> Entrada de texto de líneas múltiples
<tfoot> Define un pie en una tabla
<th> Celda de encabezado de una tabla
<thead> Define un encabezado de tabla
<title> Define el título del documento
<tr> Inserta una fila en una tabla
<tt> Muestra texto en "teletype"
<u> Muestra texto subrayado
<ul> Inserta una lista sin orden
<var> Indica una instancia de una variable
alomejor no se ve esteticamente bien, pero la estetica y yo no nos llevamos bien xD es mi aporte... espero les sirva
HTML se usa también para la lectura de documentos en Internet desde diferentes equipos gracias al protocolo HTTP, que permite a los usuarios acceder, de forma remota, a documentos almacenados en una dirección específica de la red, denominada dirección URL.
La World Wide Web (WWW), o simplemente la Web, es la red mundial formada por todos los documentos {llamados "páginas Web"} conectados entre sí por hipervínculos.
A menudo, las páginas web se organizan alrededor de una página principal que actúa como eje central para buscar otras páginas con hipervínculos. Este grupo de páginas Web unidas por hipervínculos y centradas alrededor de una página principal se llama sitio Web.
La Web es un amplio archivo dinámico compuesto de una gran variedad de sitios Web y que permite el acceso a páginas Web que contienen texto formateado, imágenes, sonidos, videos, etc.
El concepto de la Web
La Web está compuesta por páginas Web almacenadas en servidores Web, equipos que están constantemente conectados a Internet y que proveen las páginas que los usuarios solicitan. Cada página Web y, en general, cualquier fuente en línea (como imágenes, videos, música y animaciones) se asocia con una dirección única llamada URL.
El elemento clave para navegar a través de páginas Web es el navegador, un programa que envía solicitudes a los servidores Web, procesa los datos resultantes y muestra la información como se requiere, en base a las instrucciones de la página HTML.
Los navegadores más usados en Internet son:
Mozilla Firefox,
Microsoft Internet Explorer,
Netscape Navigator,
Safari.
HTML es un estándar
Es importante comprender que el lenguaje HTML es un estándar, compuesto por recomendaciones publicadas por un consorcio internacional: el World Wide Web Consortium (W3C).
Las especificaciones oficiales de HTML describen las "instrucciones" del lenguaje, pero no cómo seguirlas, es decir, cómo las interpretan los programas informáticos. Esto permite visualizar páginas Web independientemente del sistema operativo o la arquitectura del equipo del usuario.
Sin embargo, aunque las especificaciones son muy detalladas, hay cierto margen para la interpretación por parte del navegador y esta es la razón por la cual la misma página puede aparecer de modo diferente en un navegador u otro.
Es más, algunos editores de software agregan instrucciones HTML exclusivas que no se hallan en las especificaciones de W3C. Por este motivo, las páginas Web que contienen dichas instrucciones pueden ser vistas en un navegador, y ser completa o parcialmente ilegibles en otros. Por esto, las páginas Web deben seguir las recomendaciones de W3C, de forma que lleguen al público más amplio posible.
Versiones de HTML
HTML fue diseñado por Tim Berners-Lee, quien trabajaba entonces como investigador de CERN, en 1989. Anunció oficialmente la creación de la Web en Usenet en agosto de 1991. Sin embargo, no fue hasta 1993 que HTML se consideró suficientemente avanzado para ser llamado lenguaje (HTML fue simbólicamente bautizado HTML 1.0). El navegador Web usado adoptó el nombre de NCSA Mosaïc.
RFC 1866, de noviembre de 1995, representó la primera versión oficial de HTML, denominada HTML 2.0.
Luego de la breve aparición de HTML 3.0, que nunca se lanzó oficialmente, HTML 3.2 se convirtió en el estándar oficial el 14 de enero del 1997. Los cambios más significativos de HTML 3.2 fueron la estandarización de las tablas, así como muchos aspectos relacionados con la presentación de las páginas Web.
El 18 de diciembre de 1997 se lanzó HTML 4.0. Las versión 4.0 de HTML fue importante para la estandarización de las hojas de estilo y los marcos. La versión HTML 4.01, que apareció el 24 de diciembre de 1999, introdujo modificaciones menores en HTML 4.0.
¿Qué es una página web?
Pues eso de entrada podemos preguntarnos qué es una página web. Habrían dos respuestas: para el internauta y para el diseñador.
Para el internauta una página WEB es una pantalla en su monitor que le muestra la información que va buscando y enlaces a otros sitios relacionados.
Para el diseñador una página WEB es un documento construído para mostrar información en la pantalla de un monitor, que contiene además de la información una serie de instrucciones para indicar como se ha de mostrar esa información. Estas instrucciones se escriben siguiendo un lenguaje llamado HTML
Como ves el diseñador define la página web como algo más completo y técnico que el simple internauta. La página web se concreta en un documento con un nombre terminado con la extensión .htm o .html.
Una serie de páginas web interconectas e interrelacionadas de alguna forma (el mismo tema, el mismo objetivo...) forman un sitio web, que habitualmente está almacenado en un servidor.
arriba
Requisitos
Para seguir el curso los requisitos son mínimos: un ordenador, un navegador y un editor de texto simple es suficiente. Pero te recomendaría, además, instalar un servidor de internet en tu ordenador. No te asustes, no es nada del otro mundo. Tanto si usas Windows como si te mueves en el mundo Linux te recomiendo el servidor Apache (si piensas trabajar con PHP te recomiendo la versión 1.xx, la 2 sigue siendo desaconsejable), es muy simple de instalar y de configurar. Con este servidor corriendo en tu equipo tendrás un sitio llamado localhost al que podrás acceder como si se tratara de un servidor de internet: http://localhost/, pero solo es visible en tu ordenador.
En cuanto al editor de páginas web utiliza un editor tipo texto, o uno gráfico, pero trabajano en modo texto. Recuerda que la idea es conocer el lenguaje HTML, y los editores gráficos esconden el código. Míra estas herramientas que te pueden ser útiles, recuerda que de gratis también hay cosas buenas.
En cuanto al navegador lo mejor es tener uno de cada, de esa manera podrás comprobar que todo lo que hagas funciona en ambos modelos, aunque hoy por hoy el rey es el Explorer de Microsoft.
Lista de tags HTML
Tag Descripción corta
<!-- --> Inserta comentarios ocultos
<!DOCTYPE> Establece el tipo de documento
<a> Inserta vínculos o marcadores
<abbr> Explica abreviaciones
<acronym> Explica acrónimos
<address> Provee información de contacto
<applet> Inserta un applet (scripts)
<area> Define sectores para mapas de imagen
<b> Texto en negrita
<base> URI base para resolver URIs relativas
<basefont> Tamaño de la fuente predeterminado
<bdo> Suprime el algoritmo bidireccional
<big> Texto en tamaño "grande".
<blockquote> Citar párrafos
<body> Contiene los elementos a mostrar
<br> Fuerza un quiebre de línea
<button> Crea un botón
<caption> Establece un título para una tabla
<center> Centra su contenido
<cite> Inserta una cita o referencia
<code> Representa texto de computadora
<col> Da atributos a columnas en una tabla
<colgroup> Agrupa columnas en una tabla
<dd> Define descripciones en una lista
<del> Indica texto eliminado
<dfn> Asigna una definición a un término
<dir> Inserta una lista de directorios (árbol)
<div> Define un bloque de contenido
<dl> Define una lista
<dt> Inserta un término en una lista
<em> Indica énfasis
<fieldset> Agrupa controles en un formulario
<font> Establece el estilo de fuente
<form> Inserta un formulario
<frame> Inserta un marco
<frameset> Inserta un grupo de frames
<h1> Encabezado de nivel 1
<h2> Encabezado de nivel 2
<h3> Encabezado de nivel 3
<h4> Encabezado de nivel 4
<h5> Encabezado de nivel 5
<h6> Encabezado de nivel 6
<head> Define el bloque de encabezado
<hr> Dibuja una línea o regla horizontal
<html> Contiene al documento
<i> Muestra texto en itálica
<iframe> Inserta un marco dentro del documento
<img> Inserta una imagen
<input> Muestra controles de entrada
<ins> Indica texto insertado
<isindex> Entrada de línea simple
<kbd> Indica texto a ingresarse por el usuario
<label> Establece una etiqueta para un control
<legend> Asigna un título a un "fieldset"
<li> Define un artículo en una lista
<link> Ofrece informacón relacional
<map> Define un mapa de imagen
<menu> Lista menú
<meta> Da información sobre el documento
<noframes> Contenido alternativo para marcos
<noscript> Contenido alternativo para scripts
<object> Ejecuta aplicaciones externas
<ol> Inserta una lista ordenada
<optgroup> Agrupa opciones en un control select
<option> Define una opción en un control select
<p> Define un párrafo
<param> Da un parámetro para un objeto
<pre> Bloque de texto preformateado
<q> Inserta una cita en una línea
<s> Muestra texto tachado
<samp> Representa texto de programas
<script> Contiene scripts
<select> Crea un control select
<small> Muestra texto en letra "pequeña"
<span> Asigna atributos al texto en líneas
<strike> Muestra texto tachado
<strong> Indica énfasis fuerte
<style> Define atributos visuales (hojas estilo)
<sub> Define texto en sub-índice
<sup> Define texto en super-índice
<table> Inserta una tabla
<tbody> Define un cuerpo en una tabla
<td> Celda regular de una tabla
<textarea> Entrada de texto de líneas múltiples
<tfoot> Define un pie en una tabla
<th> Celda de encabezado de una tabla
<thead> Define un encabezado de tabla
<title> Define el título del documento
<tr> Inserta una fila en una tabla
<tt> Muestra texto en "teletype"
<u> Muestra texto subrayado
<ul> Inserta una lista sin orden
<var> Indica una instancia de una variable
alomejor no se ve esteticamente bien, pero la estetica y yo no nos llevamos bien xD es mi aporte... espero les sirva