Programador web HTML

OBJETIVOS HTML es el lenguaje más básico para la creación de páginas web. Es usado para definir la estructura y el contenido en forma de texto y complementar el texto de páginas web con imágenes, tablas y formularios. HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<, >). Este curso permite aprender los fundamentos para la creación de páginas web usando HTML.

1 Introducción a HTML 1.1.        Introducción: internet y cómo se transmite la información. 1.2.        ¿Qué es y para qué sirve HTML?              1.3.        ¿Es HTML un lenguaje de programación? 1.4.        ¿Cuáles son las versiones de HTML? 1.5.        ¿Qué necesito para escribir código HTML y crear páginas web?           

Introducción: internet y cómo se transmite la información. Primero escribimos la dirección o URL del sitio web en nuestro navegador. A continuación y sin que nosotros nos demos cuenta, nuestro navegador solicita la página web al servidor que alberga el sitio aprenderaprogramar.com. Acto seguido, el servidor envía de vuelta los datos a nuestro ordenador a través de Internet. Finalmente, nuestro navegador interpretará los datos, mostrando el resultado en la pantalla de nuestro ordenador.

En el gráfico anterior podemos ver cómo desde el cliente (nuestro ordenador en casa) se envía una petición al servidor y cómo éste devuelve una respuesta con los datos. Cuando decimos http nos referimos a un protocolo de transmisión de datos: esto simplemente son una serie de reglas que usan los ordenadores para comunicarse entre sí a través de internet. Sobre este protocolo no nos hace falta comentar nada más, no vamos a estudiarlo porque no nos resulta necesario para el objetivo del curso. A partir de aquí, el navegador que estemos utilizando interpretará esos datos y los mostrará en la pantalla. Es por ello, que podemos obtener visualizaciones distintas para cada navegador, porque son éstos los que interpretan los datos obtenidos que son siempre los mismos para una misma petición de página web. Por ejemplo, podemos usar como navegador Internet Explorer ó Firefox, y según usemos uno u otro obtener resultados distintos porque cada navegador interpreta la información de una manera distinta. Podemos decir, por explicarlo de forma sencilla, que el navegador es aquello que transforma los datos obtenidos para que una persona pueda visualizarlos en su monitor.

NAVEGADORES MÁS USADOS MOZILLA FIREFOX INTERNET EXPLORER GOOGLE CHROME SAFARI EXPLORER

¿QUÉ ES Y PARA QUÉ 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 nos permiten dirigirnos a otras páginas, saltos de línea, listas, tablas, etc.  Podríamos decir que HTML sirve para crear páginas web, darles estructura y contenido.

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.

¿ES HTML UN LENGUAJE DE PROGRAMACIÓN? En principio diremos que HTML no es un lenguaje de programación, aunque de forma coloquial muchas veces se oigan referencias a HTML como si lo fuera. HTML es un lenguaje de etiquetas. Estas etiquetas (tag) HTML comunican al navegador cuál es la información a mostrar por pantalla, además del formato de dicha información.

¿CUÁLES SON LAS VERSIONES DE HTML? El HTML fue desarrollado originalmente por Tim Bernes-Lee pero debido al rápido crecimiento de la web, surgió la necesidad de crear un estándar para que tanto los 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 oficiales HTML son el HTML 2.0, el HTML 3.2, el HTML 4.0, el HTML 4.01 y el HTML 5. El HTLM 5 es la última especificación oficial y se espera que continúe evolucionando a lo largo de los próximos años. El XHTML, una forma más avanzada del HTML que se suponía iba a sustituir a éste, podemos considerar que ha quedado integrado dentro del HTML 5.

HTML 2. 0:En 1995 se publica el estándar HTML 2 HTML 2.0:En 1995 se publica el estándar HTML 2.0. A pesar de su nombre, HTML 2.0 es el primer estándar oficial de HTML, es decir, el HTML 1.0 no existió como estándar. HTML 2.0 no soportaba tablas.Se simplificaba al máximo la estructura del documento para agilizar su edición, donde la declaración explícita de los elementos body, html y head es opcional. HTML 3.2 La versión HTML 3.2 se publicó en 1997 y es la primera recomendación de HTML publicada por el W3C (Consorcio internacional). Esta revisión incorporó 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.01 La última especificación oficial de HTML se publicó en diciembre de 1999 y se denomina HTML 4.01. Desde la publicación de HTML 4.01, 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) que comenzó el desarrollo del HTML 5, cuyo primer borrador oficial se publicó en 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, dentro del cual decidió integrar el XHTML.

HTML 5, HTML 5.1, HTML 5.2 El consorcio internacional W3C, después de una evolución de varios años, liberó el HTML 5 como estándar oficial a finales de octubre de 2014. HTML 5 incorpora nuevos elementos no contemplados en HTML 4.01. Hay diversos cambios respecto a HTML 4.01. Hay nuevas etiquetas, se introduce la posibilidad de introducir audio y video de forma directa en la web sin necesidad de plugins o complementos en los navegadores, y otras novedades. El W3C irá lanzando progresivamente nuevas evoluciones del HTML 5. Hasta hace poco la versión de HTML más utilizada ha venido siendo la 4.01, que es admitida por todos los navegadores. Esta versión fue definida por la W3C (Comité Internacional que define los estándares web) hace varios años. Actualmente ya está utilizándose la nueva versión de HTML, denominada HTML 5, aunque esta no es soportada por navegadores antiguos. HTML 5 se ha ido introduciendo progresivamente en los desarrollos web pero aún quedan muchos años en que existirá una “convivencia” con navegadores y webs que usan HTML 4.01.

¿CÓMO ESCRIBIR CÓDIGO HTML Y CREAR PÁGINAS WEB? Los requisitos principales y fundamentales, para escribir código HTML y crear páginas web, son básicamente dos: saber HTML (esto lo conseguirás siguiendo este curso) y un editor de texto (nosotros utilizaremos el Notepad, aunque se pueden usar otros editores o programas). Hay muchos profesionales que crean sus páginas en Dreamweaver, usando Flash u otros programas o tecnologías. Para crear páginas web obviamente necesitas un ordenador y un navegador (Explorer, Firefox, Chrome o similar) instalado. ¿Necesitamos conexión a internet para crear páginas web? La respuesta es que no: podemos crear nuestras páginas en nuestro propio ordenador y a posterior y subirlas a un servidor remoto para que estén accesibles en internet desde cualquier parte del mundo. En este curso vamos a trabajar inicialmente en local (es decir, en nuestro propio ordenador sin necesidad de conexión a internet), y más adelante veremos cómo subir una web a un servidor. También podríamos generar una página web directamente sobre un servidor, pero por motivos de didáctica y sencillez consideramos preferible empezar trabajando en local. Una vez tengas conocimientos más avanzados, podrás hacerlo como te resulte más cómodo.