• Cuarzo.dev
  • Posts
  • ¿Qué es HTML? (+Ejemplos prácticos básicos)

¿Qué es HTML? (+Ejemplos prácticos básicos)

Aprende sobre la estructura básica de los documentos HTML. Descubre cómo crear cabeceras, párrafos, enlaces, imágenes, botones y listas en HTML, y cómo utilizar atributos para proporcionar información adicional sobre los elementos HTML

Documentos HTML

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>.

Cabeceras HTML

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>

Párrafos HTML

Los párrafos HTML se definen con la etiqueta <p>

<p>Esto es un párrafo.</p>
<p>Esto es otro párrafo.</p>

Enlaces HTML

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>

Imágenes HTML

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://s3-us-west-2.amazonaws.com/s.cdpn.io/3947459/kikopalomares.jpg" alt="kikopalomares.com" width="300">

Botones HTML

Los botones HTML se definen con la etiqueta <button>

<button>Haz click aquí</button>

Listas HTML

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>


Suscríbete para seguir leyendo...

Este contenido es gratuito, pero debes estar suscrito a Cuarzo.dev para continuar leyendo.

Already a subscriber?Sign In.Not now

Join the conversation

or to participate.