Entradas

Mostrando las entradas de abril, 2023

PRACTICA 6. SISTEMA SOLAR

Imagen
 CÓDIGO HTML  CÓDIGO CSS SISTEMA SOLAR DESDE NAVEGADOR

PRACTICA 5. HORARIO DE CLASES

Imagen
 CÓDIGO HTML  CÓDIGO CSS HORARIO DE CLASES EN NAVEGADOR

SEMANTICA HTML5

Imagen
 Etiquetas semánticas que introduce HTML: <section></section>: se utiliza para representar una sección "general" dentro de un documento. Puede contener subsecciones y si lo acompañamos de h1-h6 podemos estructurar mejor toda la página creando jerarquías del contenido. <article></article>: representa un componente de una página que consiste en una composición autónoma en un documento o sitio web con la intención de que pueda ser reutilizado y repetido. Cuando los elementos de <article> son anidados, los elementos interiores representan los artículos que en principio son relacionados con el contenido del artículo externo.  <aside></aside>: representa una sección de la página que abarca un contenido relacionado con el contenido que lo rodea. Este elemento puede utilizarse para efectos tipográficos, barras laterales, elementos publicitarios, para grupos de elementos de la navegación. <header></header>: representa un grupo de a

TABLAS HTML5

Imagen
Una tabla normal se entiende que es un conjunto de datos, presentados en forma de filas y columnas. En HTML las tablas tienen muchas posibilidades, han sido utilizadas como elemento de maquetación de páginas complejas. Ejemplo de tabla tipica. Permiten unir varias celdas para formar tablas con una disposición irregular, lo que permite realizar acabados muy complejos en las páginas. Incluso se puede colocar una tabla dentro de una celda lo que proporciona más libertad en la maquetación de páginas. Actualmente no es recomendable utilizarlas de esta forma ya que las mejoras que proporciona CSS en el uso de capas, olvidan las tablas como recurso de maquetación. El uso actual de las tablas es más semántico: indicar una disposición en celdas las cuales se marcan también de forma semántica (celdas de cabecera, celdas normales, filas, columnas, pie de tabla, titulo de tabla, etc). CREACIÓN DE TABLAS SIMPLES. En HTML cada tabla se asocia a un elemento table, dentro de este se indican

MODELADO DE SITIOS WEB CON HTML + CSS

Imagen
  CSS BÁSICO Es el código que usas para dar estilo a tu página web. ¿Qué es CSS, realmente? (Cascading Style Sheets) Es un lenguaje de hojas en estilo, permite aplicar estilos de manera selectiva a documentos en documentos HTML.           Anatomía de una regla CSS La estructura completa es llamada regla predeterminada.  - Selector: El elemento HTML en el que comienza la regla. Esta selecciona el elemento a dar estilo. - Declaración: Una sola regla como color: red; especifica a cuál de las propiedades del elemento quieres dar estilo. - Propiedades: Maneras en las cuales puedes dar estilo a un elemento HTML. . En CSS, seleccionas qué propiedad quieres afectar en tu regla. - Valor de la propiedad: A la derecha de la propiedad (:), tienes el valor de la propiedad, para elegir una de las muchas posibles apariencias para una propiedad determinada. Nota las otras partes importantes de la sintaxis: * Cada una de las reglas (aparte del selector) deben estar encapsuladas entre llaves ({}