HTML: Lenguaje documental para definir páginas web

HTML es el acrónimo de "Hyper Text Media Language", un lenguaje documental utilizado para definir páginas web que son visualizadas por un navegador web. No es un lenguaje de programación, pero permite combinar textos, sonidos e imágenes a nuestro gusto. Además, permite la introducción de referencias a otras páginas mediante enlaces hipertexto. El HTML puede contener elementos de otros lenguajes como CSS o JavaScript.

Identificación de Etiquetas y Atributos: Los elementos del lenguaje HTML tienen atributos y contenidos. Un elemento tiene una etiqueta de inicio y una etiqueta de cierre. Los atributos del elemento están contenidos en la etiqueta de inicio y el contenido está ubicado entre las dos etiquetas. El HTML no es sensible a mayúsculas o minúsculas.

Estándar: minúsculas. La mayoría de los atributos de un elemento son pares nombre-valor, separados por un signo igual "=", escritos en la etiqueta de comienzo de un elemento, después del nombre de éste. Utilizaremos "para ir unificando".

<br>: salto de línea, <nombre-de-elemento atributo="valor"> Contenido </nombre-de-elemento>,<!--Comentario-->, Html: delimita y engloba toda la página web formado por cabecera y cuerpo. <br>: salto de línea, <nombre-de-elemento atributo="valor"> Contenido </nombre-de-elemento>,<!--Comentario-->, Html: delimita y engloba toda la página web formado por cabecera y cuerpo, body: cuerpo, html: inicio del documento, lang: idioma, dir: sentido del texto, head: información administrativa, title: título, base, base href=: raíz del sitio web, un elemento que no se visualiza es el meta, que tiene como objetivo especificar información sobre el documento o la web (meta name="nombre" content="valor"),(meta name="keywords") son palabras clave, (meta name= "description") es la descripción, (meta name="author") es el autor, (meta name="copyright") para proteger los derechos, (meta name="distribution") se indica el destino, tilde: á, ñ: ñ, h1-6: 6 tipos de tamaño de título, p: párrafo, hr: línea de separación entre párrafos, b: negrita, i: cursiva, align="center, right, left": alinear, Font face="fuente" size"tamaño": fuente, Font color="hexadecimal o nombre del color en inglés": color, ul: listas con viñetas, dentro se usa li, type="forma": tipo de viñeta, ol: lista numerada y ordenada, dentro se usa li, dl: definir listas, dt: definir los términos de la lista, dd: indicar las definiciones, a href="destino" Texto /a: se vincula a otra página del sitio, un punto dentro de la misma página, un punto dentro de otra página, otra página web, una dirección de correo electrónico, un fichero para descargar, a name="x /a: marcador, a href="#X" Texto /a: hipervínculo, target="_self, _top, _blank": misma ventana (partida), misma ventana (entera), nueva ventana, href="mailto:[email protected][email protected]" Texto /a: Correo electrónico, a href="archivo.xxx" Texto /a: vínculo para descargar archivo, body link (no visitado)="FF0000"vlink (ya visitado)="F10034"alink (activo)="003456": color del vínculo visitado, img src="archivo.xxx": la imagen tiene que estar en la misma carpeta que la página, alt="texto": información de la imagen, title="título": mensaje cuando se pasa el ratón por encima, border="x": borde negro, width="x": anchura, height="x": altura, align="top, middle, bottom": alinea la imagen con el texto, bgcolor="color": color de fondo, background="imagen.xxx": imagen de fondo, table: tabla, caption: título, tr: fila, td: celda, thead: cabecera de la tabla, th: define una celda de tipo cabecera en la tabla, tbody: contenido, tfoot: pie, border="x": borde, align="tipo": alinear, cellspacing="x": espacio entre celdas, cellpadding: espacio entre borde y contenido, width="x ó x%": ancho, height="x ó x%": altura, valign="tipo": alineación del contenido, bgcolor="color": color de fondo, bordercolor="color": color del borde, colspan y rowspan: combinar celdas, colgroup: agrupa columnas, col: estilo para las columnas, span="nº de columnas", style="código": estilo.