La finalidad de estas páginas no es la ser otro manual de HTML, simplemente pretendo completar lo visto en el curso HTML del Proyecto Mentor, en lo relacionado con las etiquetas y atributos ya que al realizarse el curso con un editor de HTML, su manejo fácil e intuitivo hacen que nos olvidemos del código.

Aunque has comprobado que sin conocerlo es posible realizar páginas Web atractivas para profundizar en cualquier aspecto relacionado con el desarrollo de páginas web necesitarás conocerlo con un poco más de profundidad que el expuesto en el curso.

El Lenguaje de Marcas de Hipertexto (HTML, HyperText Markup Language) es un lenguaje muy sencillo que nos permite crear documentos de texto, podemos incluir imágenes y sonidos, que contienen información que queremos publicar y además una serie de marcas que indican la estructura lógica del contenido (títulos, párrafos de texto normal, enumeraciones, definiciones, citas, etc) así como los diferentes formatos que se quieren dar (especificar los lugares del documento donde se debe poner cursiva, negrita, o un gráfico determinado) y dejar que luego la presentación final de dicha información se realice por medio de un programa especializado (como Internet Explorer, Firefox, Opera, Nestcape, etc.).

HTML posee 90 etiquetas: a, abbr, acronym, address, applet, area, b, base, basefont, bdo, big, blockquote, body, br, button, caption, center, cite, code, col, colgroup, dd, del, dfn, dir, div, dl, dt, em, fieldset, font, form, frame, frameset, h1, h2, h3, h4, h5, h6, head, hr, html, i, iframe, img, input, ins, isindex, kbd, label, legend, li, link, map, menu, meta, noframes, noscript, object, ol, optgroup, option, p, param, pre, q, s, samp, script, select, small, span, strike, strong, style, sub, sup, table, tbody, td, textarea, tfoot, th, thead, title, tr, tt, u, ul, var.

De todas las etiquetas disponibles, el W3C recomienda no utilizar las siguientes ya que han sido eliminadas de la definición estricta de HTML 4.01: applet, basefont, center, dir, font, isindex, menu, s, strike, u.

En el manual se explica el uso y los atributos que pueden contener de prácticamente todas ellas.

Las etiquetas HTML pueden incluir atributos, cada etiqueta puede poseer atributos propios, estos son comentados en las páginas correspondientes a las etiquetas. Si bien existen un grupo de atributos que son comunes a prácticamente todas las etiquetas. Para no tener que repetirlos, comentaremos aquí los denominados atributos básicos:

En el apartado ¿Qué es HTML? hemos dicho que un documento HTML incluye una serie de elementos que indicaban al navegador la estructura o el formato con el que debía de mostrar el documento.
Esos elementos están compuestas por una etiqueta de inicio como <p>, y una etiqueta final o de cierre igual a la de inicio pero incluyendo una barra inclinada </p>. El texto al que queramos aplicarle el formato o la estructura representado por la etiqueta deberá quedar encerrado entre ellas. Existen elementos en HTML que no necesitan la etiqueta de cierre bien porque no encierran contenido, por ejemplo la etiqueta <hr> que crea una línea horizontal o bien porque el navegador es capaz de detectar cual sería la posición de la etiqueta de cierre
Las etiquetas pueden incluir atributos cuya misión es modificar el comportamiento de la etiqueta. Por ejemplo, La etiqueta <p> indica la creación de un párrafo cuya alineación es izquierda, si queremos definir una alineación diferente a la predeterminada deberemos incluir un atributo que lo especifique, en este caso <p align="justify"> indicaría al navegador que la alineación de dicho párrafo debe de ser justificada.
Aunque no es obligatorio es recomendable escribir tanto etiquetas como atributos en minúsculas y encerrar el valor de los atributos entre comillas.

Los elementos HTML se suelen clasificar en dos grandes grupos: de bloque y en línea. Los elementos de bloque se caracterizan porque empiezan siempre en una nueva línea y ocupan todo el espacio hasta el margen derecho. Los elementos en línea no tienen porqué empezar en una nueva línea ni ocupar todo el espacio hasta el margen derecho.

Además los elementos de bloque pueden contener otros elementos en línea o de bloque, mientras que los elementos en línea no pueden contener otros elementos de bloque.

Los elementos en línea definidos por HTML son: a, abbr, acronym, b, basefont, bdo, big, br, cite, code, dfn, em, font, i, img, input, kbd, label, q, s, samp, select, small, span, strike, strong, sub, sup, textarea, tt, u, var.

Los elementos de bloque definidos por HTML son: address, blockquote, center, dd, dir, div, dl, dt, fieldset, form, frameset, h1, h2, h3, h4, h5, h6, hr, isindex, li, menu, noframes, nos-cript, ol, p, pre, table, ul. tbody, td, tfoot, th, thead, tr.

Todo documento HTML debería de seguir la misma estructura. Comenzar con la etiqueta <html> y terminar con </html>. el documento está dividido en dos secciones, la primera de ellas se denomina encabezado y se indica mediante las etiquetas <head> </head>, en su interior puede incluir información referente al documento, de éstas solamente vamos a citar el que hace referencia al título del documento, no confundir con el nombre del archivo,<title></title>. La segunda sección de un documento HTML recibe el nombre de cuerpo y se define mediante los elementos <body> </body>. Entre esas etiquetas escribiremos la información a mostrar y las marcas necesarias para crear la estructura del documetno y aplicarle un formato de presentación.
La estructura sería la siguiente: