Tema 4 Lenguaje HTML Parte 1
Características generales Hipertexto e Hipermedia HTML: HyperText Markup Language Es un lenguaje de marcas utilizado para el desarrollo de páginas web. Documentos HTML: fichero de texto ASCII Los navegadores interpretan este lenguaje. (Lenguaje interpretado) Ha sido establecido como estándar de diseño web por el W3C (WWW Consortium). A beginners Guide to HTML (accesible en formato PDF a través del WWW) Buscar en www.uam.es en el apartado de Internet (multitud de Manuales y Guías) HTML avanzado. Bruce Morris, McGraw-Hill, Microsoft Press. Publicar con HTML en Internet. B. Heslop, Ed. Paraninfo. Define la estructura y contenido que debe tener una web. No define el estilo visual que tendrá para eso se usará CSS. Ha sido establecido como estándar de diseño web por el W3C. Los navegadores deben saber interpretar este lenguaje de manera correcta (no siempre IE) Sobre HTML se desarrollan tecnologías para facilitar a los usuarios el diseño de una web.
Evolución de HTML El lenguaje HTML, desarrollado por Tim Berners, comienza a utilizarse a partir de 1990. El estándar HTML 2.0 es adoptado para desarrollar las paginas web. El W3C (WWW Consortium) publica el estándar HTML 3.0 y luego el estándar 3.2 En 1997 nace HTML4 publicado por el W3C como estándar de diseño web adoptado por las principales compañías. Con HTML 2 las etiquetas solo eran validas si se usaba un navegador. Html 3 era muy diferente al anterior por lo que luego surge html 3.2 Dado el incremento de incompatibilidades entre navegadores surge html4
Evolución de HTML En 1999 nace XHTML 1.0 que extiende HTML4. En 2001 se publica la nueva versión de XHTML, la 1.1 En 2002 se prepara un borrador para una nueva versión de XHTML En 2008 nace HTML5 como el sucesor de HTML4 y XHTML 1.1 Xhtml es una variante con las mismas etiquetas de html y algunas restricciones de sintaxis para ser compatible con xml HTML 4.0 era suficiente para cubrir todas las necesidades web surgidas hasta el momento. La web evolucionó rápidamente insertando diferentes contenidos a ofrecer en cada página. HTML 4.0 no cubre esas necesidades por lo que se crearon diversas tecnologías que suplieran este vacío: Flash Player Silverlight Se tiende a un trabajo distribuido por lo que se exigen herramientas tipo "escritorio" en versión web.
Edición de páginas HTML Editores de propósito general Editores asociados al navegador: Netscape Composer MS Front Page Editores específicos HoTMetaL Procesadores de Texto
Las etiquetas El formato general a seguir: <etiqueta>contenido</etiqueta> La inclusión de comentarios que no se ven: <!--Comentario --> Las etiquetas que nunca deben faltar: <HTML></HTML> <HEAD></HEAD> <BODY></BODY> La sección head. Contiene metainformación de la página Establecemos título y palabras clave para los buscadores Incluimos hojas de estilo (CSS) a utilizar en la página Podemos introducir código javascript a usar en nuestra página. La sección BODY Alberga el "contenido" real de la página. Establece cómo se visualizan los elementos. Hace uso de los scripts y hojas de estilo definidos en la sección HEAD. En este punto tenemos a nuestra disposición de todos los tags disponibles para maquetar nuestra página. Referencia: Elementos HTML
Estructura base de un documento HTML <!DOCTYPE html> <html lang="es"> <head> <title>Título</title> <!– Encabezado de la web. Aquí incluiremos metainformación y cargaremos componentes y estilos utilizados en la web--> </head> <body> <!– Cuerpo de la web. Aquí escribiremos el contenido--> ….. </body> </html>
Formateo elemental de textos Encabezamientos <H1></H1> <H2></H2> .... <H6></H6> Saltos de línea <BR> Definición de párrafo <P></P>
Formateo elemental de textos Formato de párrafos: blockquote <BLOCKQUOTE></BLOCKQUOTE> Centrado <CENTER></CENTER> Negrita y Cursiva <B></B> <I></I>