Want to create interactive content? It’s easy in Genially!

Get started free

MAQUETACION WEB{

YASSMIN BADILLO

Created on April 26, 2021

Start designing with a free template

Discover more than 1500 professional designs like these:

Tarot Presentation

Vaporwave presentation

Women's Presentation

Geniaflix Presentation

Shadow Presentation

Newspaper Presentation

Memories Presentation

Explore all templates

Transcript

Profesora: Estephanie Yasmin Badillo Sánchez

Maquetación web: tABLAS, DIVS, CLASES Y MENÚS

EMPEZAR

Sección

Maquetación Web

Es el proceso mediante el cual se construyen páginas web, definiendo el contenido y aspecto de los documentos

<table> T A B L A

  • Las tablas organizan información en filas y columnas.
  • Se utilizan para presentar información estadística o especificaciones técnicas o comparaciones

Elementos

  • <table>: Este elemento define una tabla.
  • <tr>: Este elemento define una fila de celdas.
  • <td>: Este elemento define una celda
  • <th>: Este elemento define una celda para la cabecera de la tabla

<div> DIVISIÓN

<div> solo especifica una división en el cuerpo, como una celda en una tabla, pero se utiliza con el propósito de aplicar algunos estilos a nuestro documento. Trabaja en conjunto con los atributos style y class

Elementos

• <main>: Este elemento define una división que contiene el contenido que representa el tema central de la página. • <nav>: Este elemento define una división que contiene ayuda para la navegación, como el menú principal de la página o bloques de enlaces necesarios para navegar en el sitio web. •<section>: Este elemento define una sección. Se usa frecuentemente para separar contenido temático, o para generar columnas o bloques que ayudan a organizar el contenido principal.

Elementos

• <aside>: Este elemento define una división que contiene información relacionada con el contenido principal pero que no es parte del mismo, como referencias a artículos o enlaces que apuntan a publicaciones anteriores. • <header>: Este elemento define la cabecera del cuerpo o de secciones dentro del cuerpo. • <footer>: Este elemento define el pie del cuerpo o de secciones dentro del cuerpo.

<main> <section> <aside>

<main>, <section>, y <aside>, se han diseñado para organizar el contenido principal del documento. <main> abarca el contenido principal del <body> de un documento.

<footer>

Representa el final (o pie) de nuestro documento y se usa comúnmente para compartir información general acerca del autor del sitio o la compañía detrás del proyecto, como derechos de autor, términos y condiciones, etc.

¡Gracias!