¿Qué es HTML?
El lenguaje HTML, es un conjunto de instrucciones o códigos que se utilizan para crear páginas webs.
HTML se compone de una serie de comandos, que son interpretados por el navegador para navegar por Internet.
Será el navegador quien ejecute las órdenes contenidas en el código HTML, de forma que finalmente podamos ver el resultado.
Características generales
La forma general de los comandos de HTML es entre dos signos de menor y mayor (< , >)
HTML es simplemente texto, por eso, se puede editar con cualquier editor de texto sencillo, como el Block de Notas de Windows.
HTML no distingue entre mayúsculas y minúsculas en la especificación de marcas y sus atributos. Sin embargo, por legibilidad, es aconsejable codificar tanto marcas como atributos en mayúsculas.
Los navegadores no tienen en cuenta las tabulaciones, los saltos de línea, ni los espacios en blanco extra.
Para ello tendremos que utilizar comandos como:
- <P>, </P>: significa párrafo.
- <BR>: este lo usaremos como salto de línea.
Etiquetas y atributos
- Principio del documento, toda la codificación debe estar incluida entre estas etiquetas <HTML> y </HTML>
- La cabecera, se inicia mediante el comando <HEAD> y se termina con el comando </HEAD>
- El título, <TITLE> </TITLE> debe ser breve y descriptivo de su contenido, pues será lo que verán los demás cuando añadan nuestra página a su libro de direcciones favoritas.
- El cuerpo, <BODY> y </BODY> el contenido que se coloque en esta sección es el que veremos en pantalla.
Estas cuatro etiquetas son obligatorias para el funcionamiento del lenguaje HTML.
Otras etiquetas que podremos añadir siempre en el cuerpo, para así obtener una página web más bonita serán:
- Para el encabezamiento usaremos:
<h1><h2>....<h6>
</h1></h2>....</h6>
- Para el estilo del texto:
Negrita <b>, </b>
Cursiva <i>, </i>
Subrayado <u>, </u>
- Para la alieneación del texto:
Centro: <center>
Derecha: <right>
Izquierda: <left>
- Para el color del texto:
<font color="#RRVVAA">
</font>
-Para el tamaño del texto:
<font size="n">
</font>
- Para el tipo de fuente:
<font face="nombre de fuente">
</font>
- Para insertar una imagen:
<img src="nombreimagen.jpg">
- Para el ancho y alto de la imagen:
<img src="nombreimagen.jpg"; width:"n"; height:"n">
Si se quiere crear una lista
- Numerada usaremos el comando <ol> y para cada elemento pondremos antes el comando <li>
- No numerada usaremos el comando <ul>, y para cada elemento pondremos antes el comando <li>
Ejemplo
<HTML>
<HEAD>
<TITLE>Ejemplo de atributos </TITLE>
</HEAD>
<BODY BACKGROUND="Imágenes\Madrid.jpg">
<H1><I>Escribe lo que quieras</I></H1>
<FONT FACE="Times New Roman" color="black" size="5">
Este es un ejemplo para<U> hacernos una idea de lo que podemos escribir
</U><FONT FACE="Times New Roman" color="black" size="5">
<P><FONT FACE="Times New Roman" color="#04B45F" size="5">
Ya sea un usuario <B> principiante o avanzado</B>, seguro que esta sección le resultará muy interesante.
</FONT FACE="Times New Roman" color="#04B45F" size="5"></P>
<H1><I>Escribe lo que quieras</I></H1>
<FONT FACE="Times New Roman" color="black" size="5">
Este es un ejemplo para<U> hacernos una idea de lo que podemos escribir
</U><FONT FACE="Times New Roman" color="black" size="5">
<P><FONT FACE="Times New Roman" color="#04B45F" size="5">
Ya sea un usuario <B> principiante o avanzado</B>, seguro que esta sección le resultará muy interesante.
</FONT FACE="Times New Roman" color="#04B45F" size="5"></P>
</BODY>
</HTML>