HTML (HYPER TEXT MARKUP LENGUAGE)
Es un leguaje de marcado de texto, lo cual nos indica que no es un
lenguaje de programación como Java, PHP, C. HTML es el lenguaje
para escribir páginas web. Las marcas, conocidas como etiquetas,
describen la forma en la que se estructura el contenido de una página
web.
Uno de problemas que han acompañado al HTML es la diversidad de
navegadores presentes en el mercado los cuales no son capaces de
interpretar un mismo código de una manera unificada. Esto obliga al
webmáster a, una vez creada su página, comprobar que esta puede
ser leída satisfactoriamente por todos los navegadores, o al menos,
los más utilizados. Además del navegador necesario para ver los
resultados de nuestro trabajo, necesitamos evidentemente otra
herramienta capaz de crear la página en si. Un archivo HTML (una
página) no es más que un texto. Es por ello que para programar en
HTML necesitamos un editor de textos. Es recomendable usar el Bloc
de notas que viene con windows, u otro editor de textos sencillo. Hay
que tener cuidado con algunos editores más complejos como Wordpad
o Microsoft Word, pues colocan su propio código especial al guardar
las páginas y HTML es únicamente texto plano, con lo que podremos
tener problemas.
Las etiquetas describen diferentes elementos de la página, por
ejemplo, la etiqueta <p> se utiliza para delimitar párrafos de texto y la
etiqueta <img> para definir imágenes. El encargado de interpretar
estas etiquetas es un programa llamado navegador (browser), por
ejemplo, el navegador Chrome de Google o el Firefox de Mozilla. Los
archivos que contienen el código HTML tienen la extensión .htm
o .html, y son archivos de texto plano (sin formato)
Etiquetas
Las etiquetas (marcas) delimitan cada uno de los elementos que
componen un documento HTML.
La etiqueta de apertura está delimitada por el signo < "menor que", a
continuación el propio nombre de la etiqueta (en este caso p), y
opcionalmente, un atributo (en este caso class="fondo"), finalmente el
signo > "mayor que".
La etiqueta de cierre está delimitada por el signo < "menor que", a
continuación la barra inclinada /, el propio nombre de la etiqueta (en
este caso p), y finalmente el signo > "mayor que".
Algunas etiquetas no tienen contenido, y se cierran sobre sí mismas,
no tienen etiqueta de cierre, se llaman etiquetas vacías, como la
etiqueta <br>. En estas etiquetas opcionalmente se puede colocar una
barra justo antes del signo >, por ejemplo: <br />. La etiqueta <br>
produce un salto de línea.
<html>
<head>
<title>Mi primera página</title>
</head>
<body>
<p>Esto es una prueba</p>
</body>
</html>
La etiqueta <head> contiene información sobre la página. Por ejemplo
contiene etiquetas que pueden decir de qué trata la página, el título
que debe de mostrar en la barra del navegador, o código javascript y
estilos, que pueden estar en el propio encabezado o como enlaces a
otros archivos. Normalmente, lo que contiene esta etiqueta no se
muestra en el navegador, es una etiqueta que contiene declaraciones
sobre la página pero no contenido propiamente dicho como texto o
imágenes.
Todo el texto de la página estará dentro del <body>, el texto dentro del
<body> debe estar, principalmente, dentro de párrafos. En HTML, los
párrafos se identifican con la etiqueta <p></p>. Dentro de los párrafos
colocaremos texto e imágenes, y algunas etiquetas que nos permitan
dar formato al texto. Dentro de un párrafo no debe haber otros
párrafos anidados.
A su vez, dentro del <body>, disponemos de encabezados que nos
permiten organizar los títulos o rótulos del texto. Los encabezados van
desde el <h1></h1> de mayor tamaño, al <h6></h6>, el más pequeño.
Por ejemplo, utilizaríamos un <h1> para poner el rótulo principal de la
página, <h2> para los títulos de los apartados, <h3> para los
apartados de segundo nivel, etc. El propio texto de cada apartado iría
fuera del encabezado contenido en párrafos <p></p> u otras etiquetas.
Otras formas de agrupar el contenido dentro de la página web es con
las etiquetas <div> y <span>. La etiqueta <div> se utiliza a nivel de
bloque y la etiqueta <span> a nivel de línea o palabras. Estas
etiquetas son básicamente contenedores genéricos de contenido. El
contenido se escribe entre las etiquetas de apertura y de
cierre <div> contenido </div>, el criterio para agrupar contenido no
está definido estrictamente, por lo tanto podemos utilizarlas para lo
que queramos, por ejemplo para dar estilo al contenido.
Atributos. Hasta la aparición de la versión HTML 5, existía el atributo
align para alinear el contenido del párrafo, con los valores rigth, center,
left.
Ejemplo: <p align="right">Contenido alineado a la derecha</p>
A partir de HTML 5, se debe alinear el contenido desde la hoja de
estilo con el atributo text-align y los
valores rigth, center, left, justify, initial, inherit.
