Hoy vamos hablar de HTML, el lenguaje con el que se “programan” las páginas web (porque técnicamente no es un lenguaje de programación), os voy a contar lo que a mi me gustaría que me enseñaran si tuviera que encargarme de modificar una página web sin tener ningún conocimiento de HTML, pero antes, demos paso al patrocinador!!!!:

WebEmpresa, hosting especializado en WordPress.

Es el hosting que uso y recomiendo desde hace tiempo

En pampua.es/webempresa te dejo los 13 motivos que tienes contratarlo; échale un vistazo!

Además te doy un cupón del 20% de descuento. Entra ahora mismo en pampua.es/webempresa y guárdate tu cupón.

¿Que es el HTML?

El HTML (Hyper Text Markup Language) es el lenguaje con el que se escriben las páginas web. Los archivos con el código HTML se almacenan en el servidor y los navegadores se encargan de interpretar el código HTML, y de mostrar a los usuarios las páginas web resultantes del código interpretado.

HTML5

Hoy en día el estándar que se utiliza es HTML5. El HTML empezó en 1991 y ha ido evolucionando y adaptándose, añadiendo nuevas funcionalidades que nos hacen el trabajo más fácil. Toda página web hecha con Html, por complicada que parezca, se divide en dos partes bien diferentes a las que llamaremos Cabecera (head) y Cuerpo (body). Además, todas las páginas web empiezan con la palabra mágica (o etiqueta)  y terminan con la etiqueta .

Las etiquetas

Como acabáis de ver, HTML es un lenguaje de etiquetas

La mayoría de las etiquetas hay que abrirlas y cerrarlas. Se cierran con la / antes del nombre de la etiqueta. Hoy no voy a hablaros de todas las etiquetas que existen, sino únicamente de las que pienso que vais a necesitar para hacer pequeños cambios en una página que ya esté hecha (en WordPress por ejemplo)

Para escribir un párrafo, lo haremos dentro de la zona visible (el body) encerrando lo que queremos escribir entre los símbolos 

 y 

 que son las etiquetas para escribir párrafos.

Si encerramos un texto entre  y  éste aparecerá en negrita. El tag  representa a la propiedad “bold” que significa negrita.

Si ponemos un texto entre  y  éste aparecerá en cursiva. El tag  representa a la propiedad italic, cursiva.

Y si encerramos un texto entre las etiquetas  y  éste aparecerá subrayados.

Para crear un titular basta con escribir su texto y encerrarlo en este caso entre las etiquetas  y . Para mejorar el posicionamiento sólo debería haber un h1 en cada pagina.

Existen otras etiquetas de títulos en Html5, h2, h3, h4, h5 y h6, aunque no creo que pasemos del h2 o h3 normalmente para ir creando subtítulos.

Las imágenes son un elemento más en las páginas web y hay que añadirlas en el Html de las páginas, salvo algunas excepciones, como es el caso de las imágenes de fondo que sí que irán en el CSS.

El código HTML5 correcto para insertar una imagen en una página web es este:

alt="Texto Alternativo">

Esta etiqueta es algo especial, pues así como las etiquetas de párrafo y de títulos (y las otras que hemos visto) necesitan obligatoriamente de su correspondiente etiqueta de cierre, la etiqueta de imagen no tiene etiqueta de cierre.

Otra cosa a tener en cuenta es que el servidor ha de encontrar la imagen, por lo que es muy recomendable poner nombres a las imágenes en minúsculas, sin espacios, tildes ni caracteres especiales.

Las dimensiones de la imagen vienen definidas por width y height (ancho y alto) y debería ser exactamente las mismas que las que tenga la imagen. Por lo que es importante preparar la imagen al tamaño que la vamos a necesitar antes de subi...