Hoy hablamos de cómo está construída una página web en su código, hablaremos de qué es HTML. David nos va a contar en qué consiste el HTML y en qué se diferencia del HTML5, entre otras cosas.



Pero antes, vamos a ver algunas noticias:



La semana pasada se iniciaron las charlas sobre WooCommerce, y comenzamos con Diego Nieto, que nos habló sobre cómo optimizar las fichas de producto.En la Meetup Málaga David dará una charla sobre su plugin para Visual Studio Code: +150 snippets, que tiene más de 4.300 instalaciones en el momento de escribir este artículo. Si queréis descargarlo, podéis hacerlo desde el marketplace de Visual Studio.El podcast que os recomendamos escuchar es el de El Arroyo Dev.



Y ahora, ya sí, nos metemos en el tema del día.



Fundamentos de la Web: Qué es HTML



En concreto, vamos a ver qué es HTML5, que es el standard que se usa hoy día. David nos contará la diferencia entre los dos tipos de lenguajes que hay para construir webs:



Lenguaje de clienteLenguaje de servidor



HTML es un lenguaje del lado del cliente, por lo que es interpretado por el navegador, mientras que los lenguajes de servidor como PHP son interpretados del lado del servidor.



Algunas características del lenguaje HTML son:



HTML sirve para definir la estructura del contenido.Utiliza un sistema de etiquetas.HTML fue inventado por Tim Berners-Lee en 1990HTML5 se consolidó más o menos en 2014, y se caracteriza por la semántica, conexión, rendimiento y soporte multimedia.




  Título principal 
  Subtítulo interesante
  Primer párrafo 
   
  Segundo párrafo con un hipervínculo




La mayoría de las etiquetas abren y cierran con Las etiquetas HTML que debes conocer son:Composición base:, indica al navegador que va a leer HTML5., indica el comienzo de la raíz del documento Metadatos del documento. Título. Con esta etiqueta le indicamos a los buscadores qué contenido pueden rastrear o cuál no.Head - Glosario | MDN. Se trata de la cabecera que vemos en la pestaña de nuestro navegador.. Con estas etiquetas cargamos contenidos tan importantes como el favicon, el pequeño icono que vemos en la parte superior de la pestaña del navegador., aquí es donde de verdad empieza la parte de la página web que vemos en el navegador., permite delimitar contenido en una especie de caja.




  
      
  
  
    
  




¿Cuáles son las secciones de un documento HTML5?



Todas las páginas web tienen varias secciones claramente diferenciadas, gracias a las nuevas etiquetas que se introdujeron para este cometido.



Cabecera de un documento o artículo Navegación de elementos Pie de página Barra lateral Contenido principal del body Composición autocontenida en un documento Sección genérica



¿Cómo añadimos contenido en HTML?



Para añadir contenido en HTML utilizaremos las siguientes etiquetas, tanto si se trata de texto como de contenido multimedia.



Si se trata de contenido multimedia, utilizaremos las siguientes etiquetas:Para contenido de texto utilizaremos las siguientes:, , , , href class relinput: type



Por último, es muy importante tener en cuenta comprender qué es HTML, que este lenguaje solamente sirve para añadir y estructurar el contenido. Para darle estilos utilizaremos CSS, y para añadirle un comportamiento usaremos Javascript.



Fuentes