Desde sus primeras versiones, HTML incluyó el soporte para crear tablas de datos en las páginas web. Además de ser sencillo, el modelo definido por HTML es muy flexible y bastante completo. Las tablas en HTML utilizan los mismos conceptos de filas, columnas, cabeceras y títulos que los que se utilizan en cualquier otro entorno …
Las listas ordenadas son casi idénticas a las listas no ordenadas, salvo que en este caso los elementos relacionados se muestran siguiendo un orden determinado. Cuando se crea por ejemplo una lista con las instrucciones de un producto, es importante el orden en el que se realiza cada paso. Cuando se muestra un índice o …
Las listas no ordenadas son las más sencillas y las que más se utilizan. Una lista no ordenada es un conjunto de elementos relacionados entre sí pero para los que no se indica un orden o secuencia determinados. La etiqueta <ul> encierra todos los elementos de la lista y la etiqueta <li> cada uno de sus elementos. Etiqueta <ul> …
Las imágenes son uno de los elementos más importantes de las páginas web. De hecho, prácticamente todas las páginas web contienen alguna imagen y la mayoría incluyen decenas de imágenes. Dentro de las imágenes que se pueden incluir en una página HTML se deben distinguir dos tipos: las imágenes de contenido y las imágenes de adorno. …
Incluir enlaces básicos mediante la etiqueta <a> es muy sencillo. Sin embargo, la definición completa de <a> es muy compleja, ya que dispone de varios atributos específicos importantes. A continuación se muestra la definición completa de <a>: Etiqueta <a> Atributos comunes básicos, internacionalización, eventos y foco Atributos propios name = «texto» – Permite nombrar al enlace para que se pueda acceder desde otros enlaceshref = …
La etiqueta <address> es una de las etiquetas más desconocidas de HTML, por lo que uso no está muy extendido. La etiqueta <address> se utiliza para proporcionar información de contacto. Etiqueta <address> Atributos comunes básicos, internacionalización y eventos Atributos propios – Tipo de elemento Bloque Descripción Define la información de contacto de un documento El siguiente ejemplo sencillo muestra directamente el nombre, …
Iniciarse en el mundo de la programación web es una decisión que cada vez más personas toman, entonces, te felicito por haber llegado hasta acá en el curso. Pero, debo decirte, que a partir de acá, las cosas se comenzarán a complicar un poco, porque empezaremos a introducir dos conceptos nuevos, las etiquetas y los …
El Page Speed es la velocidad de carga de una página web, y es muy importante por dos motivos igualmente relevantes, la experiencia del usuario, y los motores de búsqueda. Y cómo conocemos, son muchos los factores relevantes para el posicionamiento, y la velocidad de carga del sitio, es claramente uno de ellos. En este …
Page Speed: Velocidad de carga de una web es importante para el posicionamiento SEO Leer más »
Bueno, para entender un poco más sobre HMTL, es interesante ver cómo nace el HTML, donde, y cuando. Pues, el poner las cosas en perspectiva y contexto, ayudan mucho a la comprensión del tema. Entonces, podríamos decir que la historia completa del HTML es tan interesante como larga. Por este motivo, a continuación intentaré resumir …
Una de las partes más importantes de la metainformación de la página son los metadatos, que permiten incluir cualquier información relevante sobre la propia página. La especificación oficial de HTML no define la lista de metadatos que se pueden incluir, por lo que las páginas tienen libertad absoluta para definir los metadatos que consideren adecuados. …
Antes de empezar a crear enlaces para formar URLs en HTML, es necesario comprender y dominar el propio concepto de URL. El acrónimo URL (del inglés Uniform Resource Locator) hace referencia al identificador único de cada recurso disponible en Internet. Las URL son esenciales para crear los enlaces, pero también se utilizan en otros elementos HTML …
Ahora toca hacer ejercicios de listas, pero también mezclando algunas cosillas que vimos en las unidades anteriores. Ejercicio número 1 Veamos la respuesta: <!DOCTYPE html> <html lang=»es»> <head> <meta charset=»UTF-8″> <meta http-equiv=»X-UA-Compatible» content=»IE=edge»> <meta name=»viewport» content=»width=device-width, initial-scale=1.0″> <title>Ejercicio número 1 de listas</title> </head> <body> <h1>Menú del Sitio web</h1> <ul> <li>Nuevos cursos (próximamente)</li> <li> <strong>Posteos</strong> <ul> …
