Este documento proporciona consejos sobre buenas prácticas en la codificación HTML/CSS para mejorar el rendimiento. Incluye recomendaciones sobre el uso adecuado de tablas, listas y estilos CSS, así como evitar conflictos de estilos. Algunos consejos clave son: 1) evitar anidar tablas y usar CSS en su lugar para formato; 2) usar siempre los atributos width, height y table-layout para mejorar la renderización; 3) aplicar formato a través de clases CSS en lugar de HTML; 4) declarar pseudo
Este documento explica cómo crear y manejar tablas en Microsoft Word. Describe cómo insertar tablas predefinidas o crear tablas dibujando filas y columnas. También explica cómo referirse a celdas individuales, usar funciones como SUMAR en celdas, y anidar tablas dentro de otras tablas. El objetivo es mostrar las capacidades básicas de Word para organizar y analizar datos en tablas.
Este documento proporciona instrucciones para la preparación de artículos para revistas y conferencias del IEEE, incluyendo la estructura del documento, formato, citas, unidades, figuras, tablas y referencias. Se recomienda usar Microsoft Word y seguir el formato provisto en el archivo plantilla TRANS-JOUR.DOC para asegurar el formato correcto. El documento también provee detalles sobre la presentación final del artículo y archivos electrónicos requeridos para su publicación.
Este documento describe las funciones y herramientas básicas de Microsoft Word. Incluye secciones sobre formatos de texto, configuración de páginas, revisión ortográfica, creación de listas, encabezados y pies de página, integración de gráficos, notas al pie, tablas de contenido y combinación e impresión de correspondencia. El equipo responsable del documento incluye 6 miembros que analizan el procesador de texto Word y sus diversas utilidades.
Este documento proporciona instrucciones sobre cómo crear y formatear tablas en Microsoft Word. Explica cómo insertar una nueva tabla vacía, agregar o eliminar filas y columnas, combinar o dividir celdas, y convertir texto en una tabla. También cubre cómo aplicar formatos predeterminados, ocultar líneas divisorias, ordenar el contenido de una tabla, y establecer el ancho de las columnas. El objetivo es enseñar los conceptos y herramientas básicas para el manejo de tablas en Word.
Este documento explica cómo crear esquemas en Microsoft Word. Define conceptos clave como niveles de esquema y estilos de título, y describe dos estrategias para crear esquemas: antes o después de redactar el texto. Explica cómo asignar niveles de esquema utilizando estilos de título predefinidos, estilos personalizados o directamente en la pestaña Esquema.
Este documento proporciona una introducción a Microsoft Word, incluyendo las partes de la pantalla, formas de visualizar documentos, guardar y abrir archivos, elementos de la cinta de opciones, formato de fuente, tablas, encabezados y pies de página, configurar páginas y bordes de página. El documento contiene instrucciones paso a paso para utilizar estas funciones básicas de Word.
Este documento proporciona una introducción a Microsoft Excel, incluyendo una descripción de las partes de la interfaz, los diferentes tipos de datos, cómo formatar celdas, copiar y pegar datos, ordenar datos y configurar la página antes de imprimir. También incluye instrucciones paso a paso para realizar tareas comunes como cambiar el nombre de una hoja, arrastrar datos para completar series y ocultar u mostrar líneas de cuadrícula.
Este documento explica cómo crear y manejar tablas en Microsoft Word. Describe cómo insertar tablas predefinidas o crear tablas dibujando filas y columnas. También explica cómo referirse a celdas individuales, usar funciones como SUMAR en celdas, y anidar tablas dentro de otras tablas. El objetivo es mostrar las capacidades básicas de Word para organizar y analizar datos en tablas.
Este documento proporciona instrucciones para la preparación de artículos para revistas y conferencias del IEEE, incluyendo la estructura del documento, formato, citas, unidades, figuras, tablas y referencias. Se recomienda usar Microsoft Word y seguir el formato provisto en el archivo plantilla TRANS-JOUR.DOC para asegurar el formato correcto. El documento también provee detalles sobre la presentación final del artículo y archivos electrónicos requeridos para su publicación.
Este documento describe las funciones y herramientas básicas de Microsoft Word. Incluye secciones sobre formatos de texto, configuración de páginas, revisión ortográfica, creación de listas, encabezados y pies de página, integración de gráficos, notas al pie, tablas de contenido y combinación e impresión de correspondencia. El equipo responsable del documento incluye 6 miembros que analizan el procesador de texto Word y sus diversas utilidades.
Este documento proporciona instrucciones sobre cómo crear y formatear tablas en Microsoft Word. Explica cómo insertar una nueva tabla vacía, agregar o eliminar filas y columnas, combinar o dividir celdas, y convertir texto en una tabla. También cubre cómo aplicar formatos predeterminados, ocultar líneas divisorias, ordenar el contenido de una tabla, y establecer el ancho de las columnas. El objetivo es enseñar los conceptos y herramientas básicas para el manejo de tablas en Word.
Este documento explica cómo crear esquemas en Microsoft Word. Define conceptos clave como niveles de esquema y estilos de título, y describe dos estrategias para crear esquemas: antes o después de redactar el texto. Explica cómo asignar niveles de esquema utilizando estilos de título predefinidos, estilos personalizados o directamente en la pestaña Esquema.
Este documento proporciona una introducción a Microsoft Word, incluyendo las partes de la pantalla, formas de visualizar documentos, guardar y abrir archivos, elementos de la cinta de opciones, formato de fuente, tablas, encabezados y pies de página, configurar páginas y bordes de página. El documento contiene instrucciones paso a paso para utilizar estas funciones básicas de Word.
Este documento proporciona una introducción a Microsoft Excel, incluyendo una descripción de las partes de la interfaz, los diferentes tipos de datos, cómo formatar celdas, copiar y pegar datos, ordenar datos y configurar la página antes de imprimir. También incluye instrucciones paso a paso para realizar tareas comunes como cambiar el nombre de una hoja, arrastrar datos para completar series y ocultar u mostrar líneas de cuadrícula.
Este documento proporciona instrucciones sobre cómo elaborar y dar formato a documentos en Microsoft Word. Explica cómo utilizar plantillas para crear diferentes tipos de documentos y cómo realizar cambios de formato como la selección de texto, fuentes, alineación, sangrías e inserción de imágenes y tablas. También cubre la creación de secciones, tablas de contenido y páginas de notas para presentaciones.
Este documento proporciona una guía sobre las funciones básicas de formato en Microsoft Word. Explica cómo guardar y abrir documentos, aplicar formato de página, párrafo y fuente, insertar tablas, imágenes y ecuaciones, y crear secciones, encabezados, pies de página y tablas de contenido. También cubre la creación y modificación de estilos, sangrías, alineaciones y tabulaciones.
Este documento describe Dreamweaver, una herramienta para diseñar sitios web. Explica qué es Dreamweaver, sus objetivos, metodología, seguimiento y evaluación. También cubre temas como el área de trabajo, creación de sitios, hojas de estilo, imágenes y marquesinas.
El documento presenta información sobre cómo agregar bordes, sombreado y rellenos gráficos en Microsoft Word y Excel. Explica cómo aplicar bordes a páginas, texto, tablas, objetos gráficos e imágenes en Word, y cómo agregar sombreado y rellenos a celdas en Excel. También proporciona instrucciones detalladas sobre cómo realizar estas tareas.
Este documento proporciona instrucciones paso a paso para aplicar bordes, sombreados y arte a párrafos, texto y páginas en Microsoft Word 2007. Explica cómo insertar diferentes estilos de bordes y sombreados en párrafos individuales y cómo eliminarlos. También muestra cómo agregar bordes de página, incluidos bordes con arte, a secciones o páginas individuales de un documento. El objetivo es enseñar a los estudiantes a formatar texto con estas herramientas de diseño.
Este documento proporciona una guía sobre las funciones básicas de formato en Microsoft Word. Explica cómo configurar el formato de página, aplicar estilos, insertar y formatear tablas, notas al pie, imágenes y ecuaciones. También cubre la creación de secciones, tablas de contenido y la integración con Microsoft Excel.
Este documento proporciona una guía sobre las funciones básicas de formato en Microsoft Word. Explica cómo configurar el formato de página, aplicar estilos, insertar y formatear tablas, notas al pie, imágenes y ecuaciones. También cubre la creación de secciones, tablas de contenido y la integración con Microsoft Excel.
Este documento proporciona instrucciones sobre cómo usar varias funciones de Microsoft Word, incluyendo cómo ver múltiples documentos a la vez, organizar texto, agregar formatos de texto, tablas, imágenes, plantillas, diseñar páginas web e imprimir documentos.
Este documento proporciona instrucciones sobre el uso de procesadores de texto. Explica cómo crear un nuevo documento, escribir texto, aplicar formato de fuente y párrafo, insertar imágenes, tablas, encabezados y pies de página, y crear una tabla de contenido. También cubre la inserción de WordArt, el manejo de secciones y la marcación de elementos para incluirlos en una tabla de contenido.
Este documento proporciona instrucciones sobre cómo crear y formatear tablas en Microsoft Word. Explica cómo insertar una tabla vacía o convertir texto en una tabla, con opciones para definir el número de filas y columnas. También cubre cómo aplicar formatos predefinidos, combinar celdas, ordenar el contenido de una tabla y modificar propiedades como el ancho de columnas.
El documento proporciona instrucciones para crear tablas en HTML. Explica cómo usar las etiquetas <TABLE>, <TR>, <TH> y <TD> para definir tablas, filas, encabezados y celdas. También cubre los atributos como BORDER, WIDTH, CAPTION y COLSPAN para controlar el formato de las tablas. El lector aprenderá a crear tablas básicas y combinar celdas usando estos elementos y atributos HTML.
Este manual describe las funciones de los botones de inicio, inserción, diseño de página, referencias, correspondencia y revisión en Word. Proporciona instrucciones sobre cómo usar las herramientas de formato, estilo, tablas, imágenes, encabezados y pies de página. También explica cómo revisar documentos, comparar versiones y proteger documentos. Finalmente, cubre las opciones de vista como zoom, diseño de impresión y organización de ventanas.
Este documento presenta información sobre procesadores de texto. Explica los objetivos y competencias a desarrollar en el submódulo 2 relacionados con la gestión de información mediante el uso de procesadores de texto. También incluye una tabla con las competencias profesionales y disciplinares básicas sugeridas para desarrollar las competencias profesionales.
Uso del dreamweaver para insertar: Texto, Imagen, Tablaan_vj96
Este documento describe los procedimientos para insertar texto, tablas e imágenes en Dreamweaver. Para insertar texto, se escribe el texto y se aplica formato usando opciones como alinear, fuente, color y tamaño. Para insertar una tabla, se indica el número de filas y columnas y se centra usando la alineación. Para insertar una imagen, se selecciona del lugar donde está guardada y se inserta en la página.
El documento describe las diferentes herramientas y funciones disponibles en la interfaz de usuario de Microsoft Word. Incluye una descripción de la cinta de opciones, la barra de herramientas, las pestañas y grupos de herramientas, y las funciones de edición, formato, inserción, diseño y revisión de documentos.
Los formularios son pantallas para presentar y editar información de una base de datos. Pueden ser dependientes, enlazados a una tabla o consulta para mostrar y modificar datos, o independientes como paneles de control o cuadros de diálogo sin enlace a datos. Los formularios contienen controles como cajas de texto, listas y botones y propiedades que controlan su apariencia y comportamiento.
Configuración de Word para trabajos de grado - PDFUlises Rebolledo
Configurar un documento de Word con algunos de los requisitos para la presentación de trabajos de grado según las normas Icontec NTC1486 (sexta actualización) y NTC5613 vigentes a la fecha.
Este documento explica cómo configurar los márgenes, encabezados y pies de página en Microsoft Word. Detalla las opciones disponibles en el menú Configurar página para establecer los márgenes superior, inferior, izquierdo y derecho. También cubre cómo insertar números de página y cómo crear y modificar encabezados y pies de página que aparecerán automáticamente en cada página del documento.
El documento explica los conceptos básicos de CMSMS, un sistema de gestión de contenidos. Describe los tipos de usuarios, plantillas, páginas y pasos para crear un sitio web con CMSMS, incluyendo la planificación, creación de plantillas, creación de páginas y visualización de páginas.
Este documento presenta un manual sobre hojas de estilo en cascada (CSS). Explica que CSS permite separar la presentación de un documento HTML de su contenido, superando las limitaciones de maquetación de HTML. Describe las ventajas de CSS como permitir definir estilos a nivel de página, sección, etiqueta o parte de una página. También cubre aspectos como navegadores compatibles y diferentes formas de aplicar estilos como a través de etiquetas <style>, <div> o <span>.
Este documento presenta una introducción al lenguaje de hojas de estilo en cascada (CSS), describiendo sus características y ventajas principales, así como diferentes formas de aplicar estilos a documentos HTML usando CSS. Se explica que CSS permite definir y aplicar formato de texto a nivel de página, sección, etiqueta o fragmento, y que los estilos se heredan jerárquicamente. También cubre temas como la compatibilidad de navegadores y la importancia de las reglas de estilo.
El documento introduce las hojas de estilos en cascada (CSS), describiendo sus características y ventajas, como permitir definir el formato de una página de manera separada del contenido. Explica que CSS permite definir estilos para una etiqueta, sección o página entera y aplicarlos de manera uniforme. También cubre cómo vincular una hoja de estilos externa para aplicar formatos a todo un sitio web de forma cohesionada.
Este documento proporciona instrucciones sobre cómo elaborar y dar formato a documentos en Microsoft Word. Explica cómo utilizar plantillas para crear diferentes tipos de documentos y cómo realizar cambios de formato como la selección de texto, fuentes, alineación, sangrías e inserción de imágenes y tablas. También cubre la creación de secciones, tablas de contenido y páginas de notas para presentaciones.
Este documento proporciona una guía sobre las funciones básicas de formato en Microsoft Word. Explica cómo guardar y abrir documentos, aplicar formato de página, párrafo y fuente, insertar tablas, imágenes y ecuaciones, y crear secciones, encabezados, pies de página y tablas de contenido. También cubre la creación y modificación de estilos, sangrías, alineaciones y tabulaciones.
Este documento describe Dreamweaver, una herramienta para diseñar sitios web. Explica qué es Dreamweaver, sus objetivos, metodología, seguimiento y evaluación. También cubre temas como el área de trabajo, creación de sitios, hojas de estilo, imágenes y marquesinas.
El documento presenta información sobre cómo agregar bordes, sombreado y rellenos gráficos en Microsoft Word y Excel. Explica cómo aplicar bordes a páginas, texto, tablas, objetos gráficos e imágenes en Word, y cómo agregar sombreado y rellenos a celdas en Excel. También proporciona instrucciones detalladas sobre cómo realizar estas tareas.
Este documento proporciona instrucciones paso a paso para aplicar bordes, sombreados y arte a párrafos, texto y páginas en Microsoft Word 2007. Explica cómo insertar diferentes estilos de bordes y sombreados en párrafos individuales y cómo eliminarlos. También muestra cómo agregar bordes de página, incluidos bordes con arte, a secciones o páginas individuales de un documento. El objetivo es enseñar a los estudiantes a formatar texto con estas herramientas de diseño.
Este documento proporciona una guía sobre las funciones básicas de formato en Microsoft Word. Explica cómo configurar el formato de página, aplicar estilos, insertar y formatear tablas, notas al pie, imágenes y ecuaciones. También cubre la creación de secciones, tablas de contenido y la integración con Microsoft Excel.
Este documento proporciona una guía sobre las funciones básicas de formato en Microsoft Word. Explica cómo configurar el formato de página, aplicar estilos, insertar y formatear tablas, notas al pie, imágenes y ecuaciones. También cubre la creación de secciones, tablas de contenido y la integración con Microsoft Excel.
Este documento proporciona instrucciones sobre cómo usar varias funciones de Microsoft Word, incluyendo cómo ver múltiples documentos a la vez, organizar texto, agregar formatos de texto, tablas, imágenes, plantillas, diseñar páginas web e imprimir documentos.
Este documento proporciona instrucciones sobre el uso de procesadores de texto. Explica cómo crear un nuevo documento, escribir texto, aplicar formato de fuente y párrafo, insertar imágenes, tablas, encabezados y pies de página, y crear una tabla de contenido. También cubre la inserción de WordArt, el manejo de secciones y la marcación de elementos para incluirlos en una tabla de contenido.
Este documento proporciona instrucciones sobre cómo crear y formatear tablas en Microsoft Word. Explica cómo insertar una tabla vacía o convertir texto en una tabla, con opciones para definir el número de filas y columnas. También cubre cómo aplicar formatos predefinidos, combinar celdas, ordenar el contenido de una tabla y modificar propiedades como el ancho de columnas.
El documento proporciona instrucciones para crear tablas en HTML. Explica cómo usar las etiquetas <TABLE>, <TR>, <TH> y <TD> para definir tablas, filas, encabezados y celdas. También cubre los atributos como BORDER, WIDTH, CAPTION y COLSPAN para controlar el formato de las tablas. El lector aprenderá a crear tablas básicas y combinar celdas usando estos elementos y atributos HTML.
Este manual describe las funciones de los botones de inicio, inserción, diseño de página, referencias, correspondencia y revisión en Word. Proporciona instrucciones sobre cómo usar las herramientas de formato, estilo, tablas, imágenes, encabezados y pies de página. También explica cómo revisar documentos, comparar versiones y proteger documentos. Finalmente, cubre las opciones de vista como zoom, diseño de impresión y organización de ventanas.
Este documento presenta información sobre procesadores de texto. Explica los objetivos y competencias a desarrollar en el submódulo 2 relacionados con la gestión de información mediante el uso de procesadores de texto. También incluye una tabla con las competencias profesionales y disciplinares básicas sugeridas para desarrollar las competencias profesionales.
Uso del dreamweaver para insertar: Texto, Imagen, Tablaan_vj96
Este documento describe los procedimientos para insertar texto, tablas e imágenes en Dreamweaver. Para insertar texto, se escribe el texto y se aplica formato usando opciones como alinear, fuente, color y tamaño. Para insertar una tabla, se indica el número de filas y columnas y se centra usando la alineación. Para insertar una imagen, se selecciona del lugar donde está guardada y se inserta en la página.
El documento describe las diferentes herramientas y funciones disponibles en la interfaz de usuario de Microsoft Word. Incluye una descripción de la cinta de opciones, la barra de herramientas, las pestañas y grupos de herramientas, y las funciones de edición, formato, inserción, diseño y revisión de documentos.
Los formularios son pantallas para presentar y editar información de una base de datos. Pueden ser dependientes, enlazados a una tabla o consulta para mostrar y modificar datos, o independientes como paneles de control o cuadros de diálogo sin enlace a datos. Los formularios contienen controles como cajas de texto, listas y botones y propiedades que controlan su apariencia y comportamiento.
Configuración de Word para trabajos de grado - PDFUlises Rebolledo
Configurar un documento de Word con algunos de los requisitos para la presentación de trabajos de grado según las normas Icontec NTC1486 (sexta actualización) y NTC5613 vigentes a la fecha.
Este documento explica cómo configurar los márgenes, encabezados y pies de página en Microsoft Word. Detalla las opciones disponibles en el menú Configurar página para establecer los márgenes superior, inferior, izquierdo y derecho. También cubre cómo insertar números de página y cómo crear y modificar encabezados y pies de página que aparecerán automáticamente en cada página del documento.
El documento explica los conceptos básicos de CMSMS, un sistema de gestión de contenidos. Describe los tipos de usuarios, plantillas, páginas y pasos para crear un sitio web con CMSMS, incluyendo la planificación, creación de plantillas, creación de páginas y visualización de páginas.
Este documento presenta un manual sobre hojas de estilo en cascada (CSS). Explica que CSS permite separar la presentación de un documento HTML de su contenido, superando las limitaciones de maquetación de HTML. Describe las ventajas de CSS como permitir definir estilos a nivel de página, sección, etiqueta o parte de una página. También cubre aspectos como navegadores compatibles y diferentes formas de aplicar estilos como a través de etiquetas <style>, <div> o <span>.
Este documento presenta una introducción al lenguaje de hojas de estilo en cascada (CSS), describiendo sus características y ventajas principales, así como diferentes formas de aplicar estilos a documentos HTML usando CSS. Se explica que CSS permite definir y aplicar formato de texto a nivel de página, sección, etiqueta o fragmento, y que los estilos se heredan jerárquicamente. También cubre temas como la compatibilidad de navegadores y la importancia de las reglas de estilo.
El documento introduce las hojas de estilos en cascada (CSS), describiendo sus características y ventajas, como permitir definir el formato de una página de manera separada del contenido. Explica que CSS permite definir estilos para una etiqueta, sección o página entera y aplicarlos de manera uniforme. También cubre cómo vincular una hoja de estilos externa para aplicar formatos a todo un sitio web de forma cohesionada.
El documento introduce las hojas de estilo en cascada (CSS) y sus ventajas sobre el uso de HTML para dar formato. CSS permite definir estilos que se pueden aplicar a una página web entera, un documento, una sección o una etiqueta individual. Esto da más control y precisión sobre la presentación en comparación con el uso de tablas y otras técnicas en HTML.
Este documento presenta una introducción al curso de HTML. Explica que HTML se usa para crear páginas web y que el curso enseñará a construir páginas válidas para cualquier navegador. También incluye la primera página web de ejemplo del curso, que contiene un título en H1 centrado y un párrafo. El documento proporciona una breve explicación de las etiquetas HTML usadas en la primera página como <HTML>, <HEAD>, <TITLE>, <BODY>, <H1> y <P>.
Este documento describe las hojas de estilo en cascada (CSS), incluyendo sus características, ventajas y cómo definir estilos para partes de una página, un sitio web completo o etiquetas individuales. También explica conceptos como posicionamiento de capas, atributos de estilo y trucos avanzados para CSS.
Este documento describe las hojas de estilo en cascada (CSS), incluyendo sus características, ventajas y cómo definir estilos para partes de una página, un sitio web completo o etiquetas individuales. También explica conceptos como posicionamiento de capas, atributos de estilo y trucos avanzados para mejorar la presentación de contenido web.
1) El documento introduce las hojas de estilos en cascada (CSS) como una forma de separar la presentación de un documento HTML de su contenido. 2) CSS permite definir estilos que se pueden aplicar a una parte de la página, a toda la página, o a un sitio web completo. 3) Existen diferentes formas de definir estilos CSS, incluyendo el uso de etiquetas internas <style>, enlaces externos <link>, o la importación de archivos CSS externos con @import.
1) El documento introduce las hojas de estilo en cascada (CSS) como una forma de aplicar formato y diseño a los documentos HTML de manera separada del contenido. 2) CSS permite definir estilos a nivel de página web, documento, sección, o etiqueta individual. 3) El documento explica diferentes usos básicos y avanzados de CSS como aplicar estilos a SPANs, DIVs, y a toda una página o sitio web.
El documento explica el uso de marcos en HTML para dividir una página web en secciones fijas y móviles. Los marcos permiten mantener partes como el logotipo y menú de navegación fijos, mientras otras secciones pueden cambiar. Se definen marcos usando las etiquetas <frameset> y cada marco contiene su propio documento HTML. Las etiquetas <noframes> muestran contenido alternativo para navegadores sin soporte para marcos.
Este documento proporciona una introducción general a los conceptos básicos del lenguaje HTML. Explica que HTML es el lenguaje de etiquetas utilizado para crear páginas web y describe su estructura y elementos básicos como etiquetas, atributos, encabezados, párrafos, listas, tablas e imágenes. También introduce conceptos como elementos de bloque y línea, y explica cómo personalizar el estilo visual de una página web utilizando hojas de estilo en cascada (CSS).
Este documento describe los conceptos básicos de HTML y CSS. Explica que HTML es un lenguaje de marcado utilizado para crear páginas web, mientras que CSS es un lenguaje de diseño que define la presentación de páginas HTML. Luego detalla elementos clave de HTML como etiquetas, atributos, estructura básica de páginas, y componentes como listas, tablas e imágenes. Finalmente, cubre selectores y propiedades básicas de CSS para modificar colores, tipografía, tamaños, bordes y
DEBER HOJA DE ESTILO (CSS) blog blogger blogspotLISSYCE
Este documento introduce los conceptos básicos de CSS (Cascading Style Sheets) o hojas de estilo en cascada. Explica que CSS permite aplicar formato a los documentos HTML de manera más precisa que el propio HTML. También describe algunas de las características y ventajas de CSS como definir distancias entre líneas, aplicar sangrías a párrafos, posicionar elementos con precisión y definir visibilidad y estilos de texto. Además, resume los diferentes usos de CSS como definir estilos para una etiqueta, parte o toda una pá
Presentación Introducción al lenguaje HTMLandreajose13
Este documento resume los conceptos básicos de HTML y CSS. Explica que HTML se utiliza para desarrollar páginas web y consiste en etiquetas que definen la estructura del contenido. CSS se usa para dar estilo y formato a las páginas, y permite separar la presentación del contenido. Describe elementos básicos como párrafos, encabezados, listas, tablas e imágenes, así como sus atributos y etiquetas asociadas. También explica conceptos de CSS como selectores, propiedades de color, fuente
El documento describe el lenguaje HTML y las limitaciones para aplicar formato a los documentos. Se introducen las Hojas de Estilo en Cascada (CSS) como una solución para aplicar formato y estilo de manera separada del contenido. CSS permite definir estilos para partes específicas de una página, etiquetas individuales, secciones completas de una página o un sitio web entero. Se explican los diferentes usos y sintaxis básica de CSS.
Este documento describe el lenguaje CSS y sus usos. CSS permite aplicar formato y estilo a documentos HTML de manera separada del contenido. CSS puede usarse para definir estilos para partes específicas de una página, etiquetas individuales, secciones completas de una página o un sitio web entero. El documento explica atributos CSS comunes como color, tamaño de fuente y alineación de texto, y cómo usar clases CSS para aplicar estilos de manera reutilizable.
Este documento describe los elementos básicos del lenguaje HTML, incluyendo etiquetas, estructura de páginas web, formatos de texto como párrafos, listas y separadores, y componentes como encabezados y cuerpos. Explica cómo HTML utiliza etiquetas para dar formato y estructura al contenido web.
Similar a Buenas prácticas en la codificación html (20)
El documento presenta cálculos de energía potencial gravitacional (Epg) y energía elástica potencial (Epe) para diferentes objetos. También incluye información sobre experimentos de Faraday, centrales hidroeléctricas en el Perú, diagramas de centrales térmicas y eólicas.
Este documento presenta tres ejemplos de circuitos con diodos. El primer ejemplo resuelve un circuito con dos diodos y determina la función de transferencia de la corriente a través de una resistencia en función del voltaje de entrada. El segundo ejemplo calcula la corriente máxima, la forma de onda de tensión y el voltaje efectivo en una carga para un circuito con un solo diodo. El tercer ejemplo pide hallar varias cantidades como la corriente máxima, corriente continua, tensión inversa y potencia para un circuito
El documento describe el coltán, una mezcla de minerales que contiene tantalio y niobio. El tantalio se utiliza en muchos dispositivos electrónicos y es escaso. Su extracción en la República Democrática del Congo ha causado conflictos y abusos de derechos humanos, como el uso de trabajo infantil y la violencia del Ejército de Resistencia del Señor para controlar las minas de coltán.
La Unión Europea ha acordado un embargo petrolero contra Rusia en respuesta a la invasión de Ucrania. El embargo prohibirá la mayoría de las importaciones de petróleo ruso a la UE y se implementará de manera gradual durante los próximos seis meses. Esta medida busca aumentar la presión económica sobre Rusia y privarla de ingresos para financiar su guerra en Ucrania.
Las turbinas eólicas utilizan la energía del viento para generar electricidad. Funcionan capturando la energía cinética del viento a través de aspas giratorias montadas en un eje horizontal, que hacen girar un generador eléctrico. Estas turbinas se instalan comúnmente en parques eólicos tanto terrestres como marinos para aprovechar los recursos eólicos a gran escala.
Corrección del factor de potencia en sistemas trifásicosLux Deray
El documento explica conceptos relacionados con el factor de potencia en circuitos de corriente alterna. Define las componentes activa e inductiva de la corriente y cómo estas pueden estar desfasadas. También describe las causas de un bajo factor de potencia, como las cargas inductivas, y las consecuencias como mayores pérdidas. Finalmente, explica diferentes métodos para corregir el factor de potencia, incluyendo el uso de compensadores, condensadores y conexiones distribuidas o centralizadas.
Este documento contiene una lista de 6 ítems de postes de concreto armado con sus respectivas descripciones, unidades y precios unitarios. También incluye especificaciones técnicas sobre los requerimientos del concreto y el refuerzo metálico para la construcción de postes, así como la forma de designarlos indicando su altura total, carga de trabajo y diámetros en la punta y base.
1. Buenas prácticas en la codificación HTML/CSS (El código HTML/CSS afecta al
rendimiento).
Temas relacionados: Tablas y CSS's | Óptimizar para Buscadores | PageRank en
Google | Éxito en Google
Contenido:
1. Introducción: resolución de conflictos por el navegador
2. Consejos en la codificación de Tablas
o 2.1 Anidamiento
o 2.2 Aspectos gráficos mediante tablas
o 2.3 Estructurar contenidos
o 2.4 El atributo WIDTH
o 2.5 El atributo HEIGHT
o 2.6 El atributo TABLE-LAYOUT
o 2.7 Formato HTML de Tablas, Filas y Celdas
o 2.8 HTML de Tablas bien formado
o 2.9 El atributo WHITE-SPACE
3. Consejos en la codificación de Listas
o 3.1 Especificación de marcadores (bullets)
o 3.2 HTML de Listas bien formado
4. Estilos y CSS's
o 4.1 Estilos "inline"
o 4.2 Formas de aplicar formato
5. Pseudo Clases para Links
o 5.1 Especificación de las pseudo-clases de hiperenlace en el órden correcto
6. Conflictos de estilos
o 6.1 Especificidad
o 6.2 Nomenclatura de reglas
1. Introducción: resolución de conflictos por el navegador:
Quizá una de las razones que ha colaborado a que haya millones de sitios en Internet
es la facilidad y rapidez con que cualquiera sin demasiada formación técnica aprende
HTML. Al menos los rudimentos más básicos para formatear páginas.
2. La segunda razón es la capacidad que tienen los browsers para interpretar HTML
incorrectamente escrito, al menos con algunos tipos de incorrecciones. De todos los
browsers actuales es, desde luego, Intenet Explorer el que mejor inetrpreta HTML-
mal formado.
Y esta capacidad de los navegadores de renderizar correctamente una página
burdamente escrita se basa en la lógica que tienen implementada para la resolución
de conflictos.
Por poner un ejemplo muy básico, se debería escribir un párrafo de texto entre los
tags <p> y </p>. Sin embargo, si el autor de la página abre un párrafo con <p> y
se le olvida cerrarlo, y abre el siguiente párrafo con un nuevo <p> que tampoco
cierra, el navegador interpretará que empieza nuevo párrafo, dará por supuesto el
cierre del primero, el del segundop y así sucesivamente.
La consecuencia negativa inducida de esta "buena virtud" es que esto ha contribuído
mucho al escaso cuidado con que los autores de páginas trabajan y a los escasos
conocimientos con los que se embarcan en la aventura.
Y las malas noticias son que esto no es gratis. Porque el navegador enmplea tiempo
(a veces muy apreciable si la página es extensa) en terminar de "pintar" un página
incorrectamente escrita, es decir, en resolver los conflictos por incorrecciones de
sintáxis.
Si, por ejemplo, escribimos una lista y no incluímos el tag de cierre de lista, </ul> el
navegador probablemente recorrerá todo el HTML de la página buscando el cierre
antes de tomar la decisión de dónde acaba la lista. Y si en la página hay más listas,
unas cerradas y otras no, el tema puede complicarse.
La conclusión es que vale la pena aprender HTML a fondo y aplicarse en escribirlo
sintácticamente correcto.
2. Consejos en la codificación de Tablas:
El elemento de código conflictivo por excelencia (al márgen del peso de las
imágenes, HTML Dinámico, carga y ejecución de JavaScript o Applets) son las Tablas.
Habida cuenta que es la forma absolutamente generalizada que tienen los
programadores de estructurar y situar contenidos y datos en la página, el tag y sus
atributos y relacionados se encuentan con gran profusión en cualquier aplicación.
Con frecuencia, para lo que menos se usan es para tabular datos en el sentido más
tradicional.
1. 2.1 Anidamiento: Está muy generalizado el que se suele incurrir en un
anidamiento de tablas excesivo lo que conlleva, por un lado el aumento del
peso de la página, por otro su longitud en caracteres (e indirectamente la
dificultad de mantenimiento), y, sobre todo, que para empezar a renderizar
la tabla padre el browser ha de haber completado la tabla hija, y para
completar la hija debe haber completado la de 3º nivel… y así
sucesivamente.
Al respecto de su uso y abuso, conviene hacer las siguientes
consideraciones:
Evitar en lo posible el anidamiento de tablas, al menos, reducir el
número de niveles lo más posible.
2. 2.2 Aspectos gráficos mediante tablas: Se utilizan tablas dentro de
tablas para conseguir efectos gráficos: bordes-dobles, rellenos, distancias a
márgenes... Esto es un error mayúsculo e implica que se desconocen las
3. enormes posibilidades que ofrecen las CSS, utilizando en su defecto código
oneroso:
Implementar todas las características gráficas de las tablas:
Relleno (padding) de tabla y de celdas
Distancias a bordes (margin)
Bordes de tablas y de celdas
Fondos de tabla, filas y celdas...
En concreto, mediante los atributos border-collapse y border-
spacing del modelo de tablas con bordes separados se pueden
conseguir efectos visuales muy interesantes.
3. 2.3 Estructurar contenidos: Se utilizan tablas dentro de tablas para incluir
secciones de una tabla (como por ejemplo una botonera, un grupo de
enlaces, un submenu…).
Utilizar los encabezados /pies de
tabla <caption> con "align=top" y "align=bottom" (o el
atributo "caption-side: top,bottom" en la clase correspondiente), e
incluir elementos de formato contenedores ( <span>) que no sean
celdas.
Utilizar tantos encabezados/pies de tabla como sean precisos para
especificar zonas adicionales de las mismas, siempre que esto ayude
a evitar tablas adicionales al respecto.
4. 2.4 El atributo WIDTH: Es muy recomendable utilizar "width" en tablas y
celdas:
Utilizar siempre "width" en tablas y celdas en valor absoluto o relativo
según proceda, y siempre entre comillas dobles "width= 20%":
Hay que aportar al browser la información necesaria para que
prediga dónde terminará físicamente la tabla: agiliza mucho
la renderización.
De no existir esta información el browser tiene que recalcular
el ancho y alto de filas, columnas y celdas en función del
contenido de estas, y esto puede requerir, además, realizarlo
en varias pasadas, lo que penaliza mucho la renderización.
5. 2.5 El atributo HEIGHT: Utilizar el atributo "height" dentro del código HTML
para especificar la altura de una celda es uno de los desaciertos más típicos
en que caen los desarroladores de páginas, entre otras razones, porque es
aceptado por Internet Explorer, pero no es un estándar-HTML.
La altura de filas o celdas debe especificarse mediante los
atributos "heigth" o "line-heigth" de las clases de estilo que les dan
formato.
4. De ser preciso especificarlo en el HTML debe hacerse a nivel de fila,
en el "<tr>": aplicará a todas las celdas, reducirá el código y facilitará
la renderización de la tabla.
6. 2.6 El atributo TABLE-LAYOUT: Utilizar siempre que sea posible el
atributo "table-layout: fixed" (algoritmo de composición fija)
Este atributo se especifica en la clase de estilo definida para la tabla.
En este caso, el browser pinta la estructura de la tabla utilizando sólo
la información de anchos y altos de filas y celdas, ignorando
totalmente los contenidos de estas.
La renderización será mucho más rápida que si utiliza un algoritmo
de composición automática, en cuyo caso tiene que analizar los
contenidos de las celdas, y en función de estos, ir recalculando las
dimensiones de filas, columnas y celdas para, a continuación,
pintarlas, lo que en ocasiones suele requerir varias pasadas hasta
obtener la disposición final de la tabla.
7. 2.7 Formato HTML de Tablas, Filas y Celdas: No utilizar (salvo que sea
imprescindible) elementos de formato codificado directamente en HTML en
tabla, filas o celdas.
Todo, incluyendo alturas, colores de fondo, bordes, paddings,
margenes y características de fuentes... debe ir en clases de estilo
asociadas a tabla, filas o celdas.
Simplifica el código en extensión y legibilidad, y ayuda mucho
a estructurarlo y mantenerlo.
Simplifica la renderización porque el browser tendrá que
"recordar" sólo algunas clases de estilo para pintar una
estructura compleja y no tendrá que leer+asignar estilo
contínuamente a cada una de las celdas y sus contenidos.
Facilita mucho la modificación del diseño y su reutilización.
8. 2.8 HTML de Tablas bien formado: Evitar tener algún tag de la
tabla "<tr>", "<td>", "<th>", "<caption>" sin cerrar.
Aunque IE sea capaz de renderizar la estructura de una tabla
correctamente estando la sintáxis de la misma incompleta, en
muchos de los casos, supone un tiempo adicional de recorrido de la
estructura para llegar a pintar la tabla. Esto es especialmente grave
en tablas anidadas.
9. 2.9 El atributo WHITE-SPACE: A nivel celda, especificar si es posible en la
clase de estilo como se tratarán los espacios en blanco:
white-space:
normal
pre
nowrap
5. 3. Consejos en la codificación de Listas:
1. 3.1 Especificación de marcadores (bullets): No utilizar especificación de
marcadores en los tags <>:
Cualquier especificación de formato, incluído el tipo de marcador,
debería ir en una única clase de estilo específica el tipo de lista no-
oredenada (<ul>) u ordenada (<ol>).
Simplifica el código en extensión y legibilidad, y ayuda mucho
a estructurarlo.
Simplifica la renderización porque el browser tendrá que
"recordar" sólo 1 clase de estilo para pintar una lista entera y
no tendrá que leer + asignar estilo a cada elemento de la
lista.
Facilita mucho la modificación de la apariencia de la lista y su
reutilización.
2. 3.2 HTML de Listas bien formado: Asegurarse siempre de que todos los
elementos de la lista tienen el tag de cierre y no hay coflictos en el orden de
cierre con otros tags relacionados (<p>, <font>...):
Si no se cierra un tag <> el browser deberá recorrerse la lista entera
para poder reconstruirla. Esto es especialmente crítico en listas
anidadas (en las que además habrá que vigilar el cierre y órden de
los tags o </ul> y </ol>) ya que parsear y reconstruir toda la
estructura de elementos puede ser costoso en tiempo y de resultados
inciertos si el HTML no está correctamente formado.
4. Estilos y CSS's :
1. 4.1 Estilos "inline": Evitar en lo posible el uso de estilos "inline" por
elemento:
Si la página es grande (tiene muchos objetos) aumentan
apreciablermente el peso de la misma al implicar mucho código
adicional.
El tiempo de renderización es bastante mayor, sobre todo para el
caso de muchos elementos con los mismos estilos (por ejemplo en
celdas de tablas). Evidentemente el browser tarda menos en leer un
estilo de una CSS e ir aplicándolo a todas las celdas que lo precisen
que en ir celda por celda leyendo los atributos de su estilo "inline" y
hacer el render de todas ellas.
2. 4.2 Formas de aplicar formato: Evitar en lo posible la convivencia de
distintos tipos de "styling":
Del desarrollo llegan a encontrarse en un mismo elemento:
Estilo aplicado mediante reglas de una CSS asociada a la
página HTML
Estilo CSS "inline"
Estilo importado de una CSS externa
6. Estilo HTML
Aumenta la cantidad de código utilizada para aplicar estilo.
Aumenta el tiempo requerido para renderizar el elemento.
Aporta complejidad para seguir el código, previsualizar el estilo
aplicado y lo hace no reutilizable.
5. Pseudo Clases para Links:
Con alguna frecuencia no funciona la especificación "Hoover" de un hiperenlace. Esto
es porque el browser entra en conflicto debido a la manera en que se han definido
las pseudo-clases de formato de dicho hiperenlace (espera estén definidas en un
orden concreto y las pseudo-clases no lo siguen).
1. 5.1 Especificación de las pseudo-clases de hiperenlace en el órden
correcto en la CSS: Declarar siempre las pseudo-clases del hiperenlace en
la CSS en el siguiente orden:
a {}
a:link {}
a:visited {}
a:hover {}
a:active {}
6. Conflictos de estilos:
Tanto para el caso de trabajar con única CSS, como trabajando con varias CSS's en
cascada, puede darse el caso de que varias reglas apliquen sobre un mismo
elemento. En el siguiente ejemplo:
<style type="text/css">
.ParrafoEj1 { color: blue;font-family: arial }
.ListaEj1 { color: red;font-family: tahoma }
</style
<p class="ParrafoEj1"> A continuación viene una lista:
7. <ul class="ListaEj1">
<li> Elemento-1</li>
<li> Elemento-2</li>
<li> Elemento-3</li>
</ul>
</p>
Vemos que para la cadena de texto "Elemento-1" aplicarían tanto la
regla ParrafoEj1 al ser un texto incluído en un párrafo formateado por esa clase de
estilo, como la regla ListaEj1, en cuanto que es un elemento de una lista
formateada por esa regla. Y los atributos de ambas reglas se contradicen: el texto
deberá ir en "arial, azul" o en "tahoma, rojo"?
1. 6.1 Especificidad: El mecanismo de que disponen las CSS's para resolver
este tipo de conflictos se llamaEspecificidad.
Algunos selectores son más específicos que otros. Por ejemplo, los
selectores-ID son más específicos que los selectores de clase. Y estos son
más específicos que los selectores de elementos HTML.
La especificidad se determina según el siguiente órden de priooridad:
11 Los selectores-ID son los selectores más específicos.
11 Los selectores de clase son más específicos que los selectores de
elementos HTML.
11 Los selectores contextuales y los selectores que impliquen a más de
un selector de elemento HTML son más específicos que los selectores
de elemento único.
11 Para dos selectores de múltiples elementos, es más específico el que
afecte a más elementos.
11 Cuando dos reglas tengan la misma especificidad, prevalecerá la que
aparezca en último lugar dentro de la cascada.
Por ejemplo, si dos reglas entran en conflicto y tienen igual
especificidad y ambas están en la misma hoja de estilo, prevalecerá
(tendrá mayor especificidad) la que aparezca en último lugar dentro
de dicha hoja de estilo.
Sin embargo, si dos reglas entran en conflicto y tienen igual
especificidad, una de ellas está en una hoja de estilo, y la otra está
en una hoja de estilo importada, prevalecerá la regla que esté
definida en la hoja de estilo importada, que será por tanto, la que
tenga mayor especificidad.
2. 6.2 Nomenclatura de reglas: La forma en que se asignen nombres a las
distintas reglas de una hoja de estilos no pede ser aleatoria.
De hecho hay una forma de nombrar clases de la CSS que es frecuente
encontrar y que, en varias versiones de browsers suele traer conflictos de
resolución impredecible.
Veamos el siguiente ejemplo en el que definimos reglas para formatear los
distintos elementos de la cabecera de nuestra página:
8. 11 .Header { … }
11 .HeaderTitle { … }
11 .HeaderTitle2 { … }
11 .HeaderTitle2Italic { … }
En este caso el desarrollador ha seguido una metodolología ordenada de
nombrar las clases que precisaba para formatear las cabeceras de sus
páginas
.Header define el fondo, bordes, rellenos, etc. del área de cebecera.
.HeaderTitle define el tipo, color y peso de letra del título.
.HeaderTitle2 define el tipo, color y peso de letra del subtítulo.
.HeaderTitle2Italic define el tipo, color y peso de letra del subtítulo
usado como "abstract", es decir, como flash explicativo del contenido
del página.
Pues bien: con esta nomenclatura de reglas aparentemente nemotécnica y
"usable", las posibilidades de conflicto para el navegador, según versiones,
son muy altas.
Efectivamente: cuando el navegador encuentra la llamada a la primera
clase, .Header, para formatear el área sobre la que se escribirá el título, la
encontrará en la CSS, encuentra el principio y el final de la cadena de texto
que constituye el nombre, y, en principio, no habrá problemas.
Sin embargo, cuando a continuación encuentra la llamada a la
clase, .HeaderTitle para formatear el texto del título, empieza a buscar en
la CSS y efectivamente encuentra .HeaderTitle, pero al seguir leyendo
encuentra.HeaderTitle2 y puede "tener dudas" de si el 2 forma parte del
nombre de la clase o es otra cosa, y lo mismo con .HeaderTitle2Italic.
El orígen del problema es que hay nombres de clase completos que forman
parte del(os) nombre(s) de otra(s) clase(s) en la CSS, con lo que en el
primer caso, con la clase, .Header existen las mismas posibilidades de
conflicto.
Por lo tanto, en la metodología de etiquetado de las reglas de las
CSS's, nunca el nombre de una clase deberá formar parte de otra
clase de ninguna de las CSS's, locales o importadas, con las que
estemos trabajando.