Aprendiendo HTML. Esto es un titulo de tipo 1.

Parrafo

Mi primer parrafo


Esta etiqueta, br ,crea un brake, un salto. Es una etiqueta unica que 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 parrafo en dos lineas

Pruebo parrafo
en dos lineas

Listas

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

Listas ordenas o numeradas

La etiqueta de listas ordenadas es ol (ordered list). la etiqueta de elementos es li.

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

Ejemplo:

  1. Perro
  2. Gato
  3. Hamster

Usando clase para modificarla

  1. Perro
  2. Gato
  3. Hamster

Listas no ordenas o de viñetas

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

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

Ejemplo:

Usando clase para modificarla

Tablas

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

Solo puede haber contenido en las td y las 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

Inserción de una imágen en una página web:

Imagen de un panda rojo en una rama de arbol