Aprendiendo HTML. Esto es un título de tipo 1.

Párrafo

Mi primer párrafo


Esta etiqueta, br, crea un break, un salto. Es una etiqueta única no tiene etiqueta de cierre.

Voy a usar la entidad nbsp, que inserta espacios en blanco

    Probando blancos

Probando blancos. Estos no funcionan.

Metiendo blancos

Pruebo párrafo en dos líneas

Pruebo párrafo
en dos líneas

Listas

Las listas tienen etiquetas de inicio y fin de lista y, etiquetas de elementos de lista (list item)

Listas ordenadas o numeradas

La etiqueta de listas ordenadas ol. La etiqueta de elementos es li.

En la etiqueta de lista no se puede meter texto solo etiquetas li.

Ejemplo:

  1. Perro
  2. Gato
  3. Hamster

Usando clase para modificarla:

  1. Perro
  2. Gato
  3. Hamster

Listas no ordenadas o de viñetas

La etiqueta de listas ordenadas es ul (unordered list). La etiqueta de elementos es li.

Ejemplo:

Tablas

Las tablas tienen etiquetas de tabla (table), fila (tr), celda (td) y título (th).

Sólo puede haber contenido en las td o th.

Ejemplo de tabla con 4 columnas y 6 filas:

Columna A Columna B Columna C Columna D
1A 1B 1C 1D
2A 2B 2C 2D
3A 3B 3C 3D
4A 4B 4C 4D
5A 5B 5C 5D
6A 6B 6C 6D

Ejemplo de tabla con unión de celdas:

Título de la tabla
Columna A Columna B Columna C Columna D
1A 1B 1C 1D
2A 2B 2C 2D
3A 3B 3C 3D
4A 4B 4C 4D
5A 5B 5C 5D
6A 6B 6C 6D

Hiperenlaces

Los hiperenlaces pueden ser:

Imágenes

Insercción de una imagen en una página web:

Imagen de un panda rojo