Corresponde a las sigles HyperText Markup Language, un lenguaje que se utiliza para la elaboración y diseño de páginas web. Es responsable del desarrollo y expansión de la World Wide Web.
El diseño de páginas web usando HTML se consigue ubicando cada elemento mediante texto, que el navegador tendrá luego que interpretar, creando la visualización de la página.
Al ser un estándar permite que sea posible visualizar páginas escritas en distintas versiones, aunque se recomienda actualizar el lenguaje de tu página web cada cierto tiempo, al tiempo que actualizas el navegador.
Características HTML
El lenguaje HTML se caracteriza por seguir una estructura basada en etiquetas, que se usan para marcar los distintos elementos que componen una página web. Por ejemplo, todo lo que escribamos entre las etiquetas <P> y </P> se visualizará como un párrafo en nuestra página.
Asímismo, a estas etiquetas se le pueden añadir atributos, que aportan cierta información al diseño y visualización del elemento marcado por esta. Estos atributos pueden determinar el color, tamaño, fuente...
ESTRUCTURA BÁSICA
<html> Se sitúa al principio del documento, sirve para que el navegador interprete que el lenguaje usado es HTML.
<head>
<title> Lo que escribes aquí se visualiza en la pestaña del navegador </title>
</head>
<body>
Lo que escribas aquí, con el formato que sea, es lo que aparecerá en tu web.
</body>
</html>
Como podemos observar, a cada etiqueta le corresponde la misma, con la barra / que indica el fin de esta misma. Para la correcta lectura de tu página web siempre que añadas una etiqueta, tienes que cerrarla también.
Una ventaja de html es que no distingue entre mayúsculas y minúsculas, siendo esta elección del programador, según lo que le resulte más cómodo.
FORMATO:
Para que el resultado final no sea un montón de texto sin gracia, se le puede añadir formato, con etiquetas de atributos.
<H1><H2>...<H6> Son atributos para indicar título, siendo h1 la más grande y h6 la más pequeña. Se cierran con la misma etiqueta con / delante - <h1></h1>
<B> Pondrá el texto en negrita </B>
<U> Indica subrayado </U>
<I> Sirve para la cursiva </I>
<font face ="nombre del tipo de letra"> Cambia la fuente </font>
Si queremos añadir size="x" o color="#xxxxxx", se colocarían estos atributos tras el tipo de letra, a continuación, antes del '>'.
<p> Entre estas etiquetas se colocan los párrafos </p>
<p align="center | right | left | justify"> Alinea el párrafo a la izquierda, derecha, centro, o lo justifica.
<center> El texto se centra </center>
<br> Hace salto de línea.
<hr> Inserta una línea horizontal que corta el documento.
<body backround="nombre archivo"> Inserta una imagen de fondo.
<body bgcolor="#xxxxxx"> Pone un color como fondo.
Y existen millones de posibilidades más... ¡Pero esto es todo por hoy!
