Primeros pasos en HTML

En la entrada hablo sobre el tema elegido. En mi caso hablamos de HTML.

Para confeccionar páginas web se utilizan dos lenguajes, HTML y CSS. HTML es un lenguaje de marcas en el que vamos indicando qué es cada elemento, por ejemplo un encabezado, un párrafo, una lista, negrita, cursiva, tablas, imágenes, enlaces, etc. CSS se usa para decidir el aspecto de los distintos elementos.

En Blogger no tenemos que preocuparnos demasiado ya que el editor va añadiendo automáticamente las etiquetas HTML a nuestros textos.

Hay veces que lo que nos ofrece Blogger no es suficiente, por lo que es bueno saber algo sobre HTML, por ejemplo, lo necesitaremos si queremos hacer una tabla, si quiero insertar un separador horizontal, insertar un vídeo que no sea de YouTube, etc.

Normalmente las etiquetas HTML se escriben por pares que indican el inicio y el fin de algo, por ejemplo <p> es la etiqueta que indica el comienzo de un párrafo y </p> indica el fin de párrafo. Si queremos poner en negrita unas palabras, ponemos la etiqueta <b> al comiento y </b> al final. 

Algunas etiquetas no tienen inicio y fin, por ejemplo <br> (salto de línea) o <img> (imagen).

Para ver el código HTML de vuestra entrada pulsad sobre el primer icono del editor para alternar entre la 'vista de redacción' y la 'vista en HTML'.  Blogger "apelotona" todo el código, de forma que es algo farragoso seguirlo.

Haced la entrada de la semana y al final de la misma anotad las etiquetas que se han utilizado. La entrada debe incluir una lista doble

Provincias de Andalucía y ciudades más importantes:

• Almería
• Cádiz
• Cádiz.
• Algeciras.
• Puerto Real.
• Puerto de Santa María.
  
• Córdoba.
• Córdoba
• Lucena
• Montilla
  
• Granada.
• Granada.
• Motril.
• Guadix.
• Baza.
  
• Huelva.
• Jaén.
• Málaga.
• Málaga.
• Ronda.
• Marballa.
• Fuengirola.
  
• Sevilla.
• Sevillla.
• Écija.
• Dos Hermanas.
• Alcalá de Guadaira.
  

al final de la entrada digo qué etiquetas html hemos usado:

HTML usado en esta entrada:

• <b> para negrita.
• <u> para subrayado.
• <h3> para subtítulos.
• <p> párrafo.
• <ul> una lista sin números.
• <li> cada elemento de una lista.
• <img> para fotos.
• <a> para enlaces.
  
• <br> para saltos de línea.