El único vídeo sobre maquetación en HTML que necesitas ver. Optimiza tu tiempo y ve directo al grano. Una guía completa de la A a la Z que cubre prácticamente todas las opciones de maquetación, sin rodeos ni contenido de paja. 🎲🎲
⌚ Capítulos
…
El único vídeo sobre maquetación en HTML que necesitas ver. Optimiza tu tiempo y ve directo al grano. Una guía completa de la A a la Z que cubre prácticamente todas las opciones de maquetación, sin rodeos ni contenido de paja. 🎲🎲
⌚ Capítulos
00:00 - Introducción y presentación del cuarto tutorial del editor
00:50 - Referencias técnicas externas: uso de W3Schools para HTML y CSS
02:55 - Aplicación de estilos CSS en línea mediante el atributo style
04:00 - Estudio de la propiedad "border" y sus valores (píxeles, estilo, color)
05:21 - Creación del archivo de plantilla base (Template) en el artículo
06:09 - Estructura semántica de bloques de segunda capa (header, section y footer)
07:28 - Configuración de columnas mediante divisiones (etiquetas div)
09:44 - Importancia de "section" para heredar sangrías y márgenes configurados
11:42 - Visualización en el editor de la rejilla (de una a cuatro columnas)
12:41 - Anatomía del pie de página (footer), secciones automáticas y foliado
14:34 - Tipografía y jerarquía de encabezados (h1 a h6) en el manual
14:57 - Empleo del texto de notas pequeñas mediante la etiqueta "small"
15:26 - Diferencia técnica fundamental entre elementos de bloque e inline
17:30 - Crítica al uso innecesario de clases CSS emuladas en etiquetas "span"
22:23 - Ajuste del tamaño de fuentes en cascada para mantener simetría visual
27:46 - Uso del formato "small-caps" (versalitas) para estilizar títulos
38:58 - Envoltorio de textos literarios empleando la etiqueta de párrafo (p)
41:12 - Solución de disonancias estéticas de alineación mediante text-align
43:49 - Inserción de notas aclaratorias y su tipografía en cursiva
46:28 - Uso del bloque de citas (blockquote) para ejemplos de reglas
50:51 - Uso de la consola del inspector de elementos de Chrome para depuración
53:39 - Cálculo del alto de línea estándar (line-height) según el tamaño de fuente
56:21 - Implementación y diseño de la letra capitular iluminada al inicio
01:05:58 - Petición a la IA (Gemini Flash) para corregir el line-height de la capitular
01:08:22 - Creación de hipervínculos internos (anclas HTML "a" con atributo href)
01:12:00 - Generación automática del índice de contenidos usando hojas con ID único
01:18:34 - Renderizado y control del cebreado de tablas (th) mediante opacidad
01:20:45 - Modificación de la tabla de daños: casillas de "herida" e "incapacitado"
01:22:17 - Búsqueda e inserción de símbolos y caracteres avanzados Unicode UTF-8
01:29:36 - Inclusión de estados de equipo: casillas para armadura "dañada" o "rota"
01:32:03 - Explicación de los tipos de listas: desordenadas (ul) y ordenadas (ol)
01:33:32 - Criterio estético: uso de casillas cuadradas (multiopción) y redondas
01:34:57 - Maquetación de una tabla completa de nombres para tiradas de azar (d10)
01:39:52 - Error en el editor: pérdida total de la plantilla por actualización errónea
01:41:55 - Creación de sublistas anidadas en HTML para indexar subconceptos
01:44:32 - Mandato a la IA para aplicar una regex de autocorrección de etiquetas abiertas
01:49:40 - Asignación de clases nativas predefinidas (checkbox y radio)
01:52:16 - Personalización de viñetas gráficas mediante símbolos de Dingbats
02:01:02 - Repaso de estilos inline tipográficos (b, i, u, s, strong y em)
02:02:24 - Atributo HR (hr) para delimitar bloques y su naturaleza de etiqueta vacía
02:05:09 - Uso de la etiqueta de resaltado fluorescente (mark)
02:15:37 - Empleo de texto superíndice (sup) y subíndice (sub) en anotaciones
02:20:16 - Disparidad en tablas: descarte de las etiquetas thead y tbody en favor de tfoot
02:23:43 - Integración de imágenes (img) y gestión de la ruta física en el servidor
02:26:24 - Clases de posicionamiento absoluto y máscaras de degradado fundido (gradient-s)
02:43:12 - Ajuste fino de la transparencia visual mediante la propiedad de opacidad
02:44:46 - Conclusiones, ventajas del rol de Chamán, descarga en PDF y despedida
Lobo Blanco
