Entradas

Mostrando las entradas de abril, 2023

Práctica 6: Sistema Solar

Imagen
 Pasos para realizar la práctica 6: Sistema Solar Prender tu equipo de cómputo En el explorador de archivos crear una CARPETA  llamada "sistema solar" Abrir la aplicación Visual Studio Code Arrastrar y copiar la carpeta ya antes hecha hacia la ventana de Visual Studio Code Seleccionar la opción CARPETA  Introducir el código HTML5  Desarrollar e introducir todo el código necesario y GUARDAR Abrir la opción ESTILOS y guardar ese archivo como "style.css" Dar con etiquetas el estilo necesario y listo GUARDAR 

Práctica 5: Horario de Clases

Imagen
Pasos para elaborar la práctica 5: Horario de clases Prender tu equipo de cómputo En el explorador de archivos crear una CARPETA  llamada "horario de clases" Abrir la aplicación Visual Studio Code Arrastrar y copiar la carpeta ya antes hecha hacia la ventana de Visual Studio Code Seleccionar la opción CARPETA  Introducir el código HTML5  Desarrollar e introducir todo el código necesario y GUARDAR Abrir la opción ESTILOS y guardar ese archivo como "style.css" Dar con etiquetas el estilo necesario y listo GUARDAR

Semántica HTML5

 La semántica en el HTML y HTML5 se refiere al significado o información extra que otorgan los elementos o etiquetas del lenguaje, información que define o describe el contenido, función o sección que contienen. Esta información es lo que permite que un documento se pueda rastrear de mejor manera. Ayuda a que el contenido se muestre de manera consistente en diferentes aplicaciones y contextos, además de ser fundamental para otorgar accesibilidad y funcionalidad con tecnología de asistencia como lectores de contenido. El tipo de etiquetas que componen la web semántica nos sirven que para cualquier mecanismo automático (un navegador, un motor de búsqueda...) que lea un sitio web sepa con exactitud que partes de su contenido corresponden a cada una de las partes típicas de un sitio Observando esas etiquetas semánticas estructurales, cualquier sistema podrá procesar la página y saber cómo está estructurada. Algunas etiquetas que introduce HTML5: <section ></section>: Repres...

Tablas HTML5

 Las tablas son uno de los elementos fundamentales de HTML para mejorar la puesta visual de las páginas web. Antes de que aparecieran las capacidades de CSS para realizar maquetaciones avanzadas en las páginas web, las tablas eran la única forma de crear documentos HTML con disposiciones complejas. El uso actual de las tablas es más semántico: indicar una disposición en celdas las cuales se marcan de forma semántica (celdas de cabecera, celdas normales, filas, columnas, pie de tabla, título de tabla, etc). En HTML cada tabla está asociada a un elemento table , dentro de este elemento se indican las filas mediante el elemento tr y dentro de cada fila se indican las celdas mediante elementos td . En HTML5 las etiquetas table y tr no tienen atributos, aunque hay atributos, como por ejemplo el atributo border, que reconocen los navegadores por estar presentes en versiones anteriores de HTML. Es, como siempre, el lenguaje CSS el que determina la apariencia y formato de la tabla.

Modelado de sitios web con HTML+CSS

 CSS (CASCADING STYLE SHITS) u Hojas de Estilo en Cascada es un lenguaje de hojas de estilo, es decir, te permite aplicar estilos de manera selectiva a elementos en documentos HTML. Ejemplo para volver todos los elementos de párrafo en una página HTML y volverlos color rojo, deberás escribir este CSS:  p {                   color: red ;                  } La estructura completa es llamada regla predeterminada, los nombres de las partes individuales son: Selector: El elemento HTML en el que comienza la regla. Selecciona los elementos a dar estilo Declaración: Una sola regla como color: red;especifica a cual de las propiedades del elemento quieres dar estilo. Propiedades: Maneras en las cuales puedes dar estilo a un elemento HTML. Valor de la propiedad: Es para elegir una de las muchas posibles apariencias para una propiedad determinada.