Etiquetas básicas
<HTML>: indica el comienzo del documento HTML.
<HEAD>: indica que empieza la cabecera de la página. En ella se suele poner el título (<title> de la web, una descripción y otras informaciones relacionadas con el contenido de la página.
<BODY>: es el cuerpo de la página, donde va lo que se ve en el navegador al cargar una web. En el body van los textos, las imágenes y todos los contenidos de la web.
<H1>, <H2>, etc.: son los títulos o encabezados. Se utilizan para establecer determinados textos de la página como titulares, suelen tener un tamaño de fuente mayor para diferenciarlos del resto del texto. Son importantes en el posicionamiento en buscadores.
<a href="url">texto</a>: define los enlaces.
<TABLE>: es una tabla, y dentro de esta tenemos filas <TR> y celdas <TD>.
<P>: el texto dentro de esta etiqueta forma un párrafo.
<IMG>: imágenes.
<BR />: salto de línea.
<UL>: los textos dentro de esta etiqueta se estructuran en listas. Mediante el uso de <LI> definimos cada guión dentro de la lista, y usando <OL> en lugar de <UL> tendremos listas ordenadas.
<B> y <STRONG>: se utilizan para resaltar el texto.
<U>: texto subrayado.
<I>: texto en cursiva.
Atributos
<body text=?>: Establece el color del texto, usando nombres o valores hex
<body link=?>: Establece el color de los enlaces, usando nombres o valores hex
<body vlink=?>: Establece el color de los enlaces, usando nombres o valores hex
<body alink=?>: Establece el color de los enlaces con un clic
(los valores hex de los colores podéis consultarlos en varias webs, como por ejemplo en: https://htmlcolorcodes.com/es/).
Etiquetas de texto
<pre> </ pre>: Crea texto preformateado
<h1> </ h1>: Crea un título grande
<h6> </ h6>: Crea un título pequeño
<b> </ b>: Crea texto en negrita
<i> </ i>: Crea texto en cursiva
<tt> </ tt>: Crea, o máquina de escribir estilo de texto-teletipo
<cite> </ cite>: Crea una cita, por lo general en cursiva
<em> </ em>: Hace hincapié en la palabra (con cursiva o negrita)
<strong> </ strong>: Hace hincapié en la palabra (con cursiva o negrita)
Enlaces
<a href="URL"> </ a>: Crea un hipervínculo
<a href="mailto:EMAIL"> </ a>: Crea un enlace de correo
<a name="NAME"> </ a>: Crea una ubicación de destino dentro de un documento
<a name="NAME"> </ a>: Enlaces a ese lugar de destino en otra parte del documento
Formato
</p>: Crea un nuevo párrafo
<p align=?>: Alinea un párrafo a la izquierda, derecha o al centro
<br />: Inserta un salto de línea
<ol> </ ol>: Crea una lista numerada
<li> </ li>: Precede a cada elemento de la lista, y añade un número
<ul> </ ul>: Crea una lista con viñetas
Elementos gráficos
<img src="name">: Agrega una imagen
<img src="name" align=?>: Alinea una imagen: izquierda, derecha, centro;, superior, medio fondo
<img src="name" border=?>: Ajusta tamaño del borde alrededor de una imagen
<hr />: Inserta una regla horizontal
<hr size=?>: Establece el tamaño (altura) de la regla
<hr width=?>: Establece la anchura de la regla, en porcentaje o valor absoluto
Tablas
<table> </ table>: Crea una tabla
<tr> </ tr>: marcha cada fila en una tabla
<td> </ td>: Pone en marcha cada celda de una fila
<th> </ th>: Pone en marcha la cabecera de la tabla (una celda normal, con negrita, texto centrado)
Atributos de tablas
<table border=#>: Establece el ancho de borde alrededor de celdas de la tabla
<table cellspacing=#>: Ajusta la cantidad de espacio entre las celdas de la tabla
<table cellpadding=#>: Ajusta la cantidad de espacio entre el borde de una celda y su contenido
<td colspan=#>: Establece el número de columnas de una celda debe abarcar
<td rowspan=#>: Establece el número de filas de una célula debe abarcar (por defecto = 1)
