Skip to content

Latest commit

 

History

History
90 lines (55 loc) · 2.6 KB

1.2_Ejemplos_basicos.md

File metadata and controls

90 lines (55 loc) · 2.6 KB

⏴ Volver al índice

Ejemplos básicos en HTML

Ver la clase en vídeo


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>

Ejemplo 1

Archivo del ejemplo

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>

Ejemplo 2

Archivo del ejemplo

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>

Ejemplo 3

Archivo del ejemplo

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://kikopalomares.com/kikopalomares.jpg" alt="Foto de Kiko" width="300">

Ejemplo 4

Archivo del ejemplo

Botones HTML

Los botones HTML se definen con la etiqueta <button>

<button>Haz click aquí</button>

Ejemplo 5

Archivo del ejemplo

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>

Ejemplo 6

Archivo del ejemplo


Powered by Kiko Palomares