Todos los documentos HTML deben comenzar con una declaración de tipo de documento: <!DOCTYPE html>
. El documento HTML en sí comienza con <html>
y termina con </html>
.
La parte visible del documento HTML está entre <body>
y </body>
.
Las cabeceras o encabezados HTML se definen con las etiquetas <h1>
a <h6>
.
<h1>
define el encabezado más importante. <h6>
define el menos importante
<h1>Encabezado 1</h1>
<h2>Encabezado 2</h2>
<h3>Encabezado 3</h3>
Los párrafos HTML se definen con la etiqueta <p>
<p>Esto es un párrafo.</p>
<p>Esto es otro párrafo.</p>
Los enlaces HTML se definen con la etiqueta <a>
.
El destino del enlace se especifica en el atributo href.
Los atributos se utilizan para proporcionar información adicional sobre elementos HTML.
<a href="https://kikopalomares.com">Esto es un enlace</a>
Las imágenes HTML se definen con la etiqueta <img>
.
El archivo fuente (src), el texto alternativo (alt), el ancho (width) y el alto (height) se proporcionan como atributos.
<img src="https://kikopalomares.com/kikopalomares.jpg" alt="Foto de Kiko" width="300">
Los botones HTML se definen con la etiqueta <button>
<button>Haz click aquí</button>
Las listas HTML se definen con la etiqueta <ul>
(lista desordenada / con puntos) o <ol>
(lista ordenada / numerada), seguidas de etiquetas <li>
(elementos de la lista)
<ul>
<li>Youtube</li>
<li>Instagram</li>
<li>Facebook</li>
</ul>
<ol>
<li>Youtube</li>
<li>Instagram</li>
<li>Facebook</li>
</ol>