TODO EN TECNOLOGÍA
HTML
• Historia • ¿Qué es? • Códigos
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.
• ¿QUÉ ES? 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. Un ejemplo sencillo de código HTML podría ser:
CÓDIGOS HTML. HTML: define el inicio del documento HTML, le indica al navegador que lo que viene a continuación debe ser interpretado como código HTML. <html> </html>
HEAD: define la cabecera del documento HTML; esta cabecera suele contener información sobre el documento que no se muestra directamente al usuario como, por ejemplo, el título de la ventana del navegador. <head> </head> TITLE: define el título de la página. Por lo general, el título aparece en la barra de título encima de la ventana. <title> </title>
TABLE: define una tabla. <table> </table> TR: fila de una tabla. <tr> </tr> TD: celda de una tabla. <td> </td>
<a>: hipervínculo o enlace, dentro o fuera del sitio web. <img>: imagen. Requiere del atributo src, que indica la ruta en la que se encuentra la imagen. <div>: división de página <li><ol><ul>: etiquetas para listas. <b>: texto en negrita. <i>: texto en cursiva. <s>: texto tachado. <u>: antes texto subrayado.
LINK: para vincular el sitio a hojas de estilo o iconos. <link> </link>
BODY: define el contenido principal o cuerpo del documento. Esta es la parte del documento html que se muestra en el navegador; dentro de esta etiqueta pueden definirse propiedades comunes a toda la pĂĄgina, como color de fondo y mĂĄrgenes. Dentro del cuerpo body es posible encontrar numerosas etiquetas
H1 a H6: encabezados o tĂtulos del documento con diferente relevancia
BODY BGCOLOR (DEPRECATED) Atributo que fue muy usado en el pasado para especificar el color de fondo de la página. El color se define en base hexadecimal de la siguiente forma (#rrggbb) en el orden rojo, verde, azul (Red, Green, Blue). Es decir, cada color se define con el carácter # seguido de 6 letras ó números. Cada combinación de letras o números da lugar a distintos colores. También se puede usar el nombre en inglés de los colores predefinidos en los navegadores (red, blue, green, etc.). Sintaxis (deprecated): <body bgcolor=”#0000FF”> o <body bgcolor=”blue”>
Background Puede que no quieres que tu página tenga un color sólo de fondo, sino que quieras que tu página tenga una imagen. En ese caso deberás indicarlo con la etiqueta "background". La etiqueta quedaría de la siguiente manera: <body background="URL"> </body>