HTML es el lenguaje con el que se definen las páginas web. Básicamente se trata de un conjunto de etiquetas que sirven para definir el texto y otros elementos que compondrán una página web y que luego son interpretados por nuestro navegador para darle forma al sitio, colores y algunos asombrosos diseños.
El HTML se creó en un principio con objetivos de divulgar información con texto y algunas que otra imagen. Nunca se pensó que podría ser llegado a usarse para crear área de ocio y consulta con carácter multimedia (lo que es actualmente la web), de modo que, el HTML se creó sin dar respuesta a todos los posibles usos que se le iba a dar y a todos los tipos de gente que lo utilizarían en un futuro. Sin embargo, aún con esa deficiente planificación sin visión de futuro, se han ido incorporando modificaciones con el tiempo que son denominados “estándares HTML”. Ya se han acordado muchos estándares. El HTML 4.01 es el último estándar a febrero de 2001. Actualización a mayo de 2005, en estos momentos estamos a pocos pasos de que se presente la nueva versión 5 de HTML, de la que ya se tiene un borrador casi definitivo, y se pueden observar muchos ejemplos en línea, claro que igualmente con las últimas versiones de tu navegador preferido(Google Chrome, Opera, Mozilla Firefox, Apple Safari).
El HTML es un lenguaje de marcación de elementos para la creación de documentos hipertexto, muy fácil de aprender, lo que permite que cualquier persona con las herramientas adecuadas, aunque no haya programado en la vida, pueda enfrentarse a la tarea de crear una web. HTML es fácil y pronto podremos dominar el lenguaje. luego de un tiempo se conseguirán los resultados profesionales gracias a las capacidades para el diseño y nuestro lado artístico, así como a la incorporación de otros lenguajes para definir el formato con el que se tienen que presentar las webs, como CSS o JavaScript para incorporar cierta dinámica a nuestro sitio.
Una vez conocemos el concepto de HTML adelantaremos algunas cosas más… Este lenguaje se escribe en un documento de texto, por lo que necesitamos un editor de textos para escribir una página web. Así, el archivo donde está contenido el código HTML es un archivo de texto, con una diferencia, que tiene una extensión
.html o
.htm (es indiferente cuál utilizar). De modo que cuando escribamos nuestro fuente HTML lo haremos con un editor de textos, el más sencillo posible es el “bloc de notas” y guardaremos nuestros trabajos con extensión
.html, por ejemplo
mipagina.html
El lenguaje consta de etiquetas que tienen esta forma <b> o <p>. Cada etiqueta significa una cosa, por ejemplo “<b>” significa que se escriba en negrita (bold en inglés) o “<p>” significa un párrafo, “<a>” es un enlace, etc. Casi todas las etiquetas tienen su correspondiente etiqueta de cierre, lo que indica que a partir de ese punto no debe de afectar la etiqueta. Por ejemplo </b> se utiliza para indicar que se deje de escribir en negrita. Así que el HTML no es más que una serie de etiquetas que se utilizan para definir el contenido del documento y algún estilo básico. Ejemplo. “<b>Esto está en negrita</b>” lo que se vería así:
Esto está en negrita.
Hay una etiqueta inicial para una página, que es <html> y posee su etiqueta de cierre </html> que puede omitirse ya que no debería haber nada fuera de ella y se sobreentiende que cubre todo el documento.
Dentro de esta etiqueta hay otras dos que sirven para ordenar nuestro documento de texto, que son <head></head> y <body></body>… dentro de la primera, <head>, se coloca todo lo referente al encabezado del documento, que podría ser el título de la página <title>Mi titulo</title> o etiquetas de estilos CSS o JavaScript (de lo que hablaremos en posteriores entradas) como <style></style> y <script></script> respectivamente, o la inclusión de archivos individuales con definiciones css o código JavaScript que son <link /> y <script></script>, nótese que la etiqueta
link no posee etiqueta de cierre, por lo cual se le tiene que añadir una fleca “
/” al final de la etiqueta para llevar ordenado nuestro código.
Dentro de la segunda etiqueta, <body>, se tiene que escribir todo lo que el usuario percibirá y observará en la página web, que sería como su traducción literal, el “cuerpo” de la página, en ella van escritos toda la información que se quiere mostrar, de la forma en que la queremos dar a conocer, para lo cual, podemos simplemente escribir texto, y agregarle etiquetas de negritas, de “formatos predefinidos de título” como las etiquetas <h1></h1>, <h2></h2> y así sucesivamente hasta llegar hasta la <h5></h5>… estas etiquetas le dan un tamaño distintivo al texto que esté dentro de ellas, así <h1>Título 1</h1> hasta el <h5></h5>se verán de este tamaño:
