Mis apuntes de desarrollo web </>

Secciones de contenido

<Header>: encabezado de la pagina

  • Menu de navegación
  • Logo
  • Redes sociales
  • Inicio
  • Novelas
  • Peliculas
  • Contacto

<Main>: contenido principal

Harry Potter <h1>

Sinopsis <h2>

Harry Potter es una serie de novelas fantásticas escrita por la autora británica J. K. Rowling, en la que se describen las aventuras del joven aprendiz de magia y hechicería Harry Potter y sus amigos Hermione Granger y Ron Weasley, durante los años que pasan en el Colegio Hogwarts de Magia y Hechicería. El argumento se centra en la lucha entre Harry Potter y el malvado mago lord Voldemort, quien asesinó a los padres de Harry en su afán de conquistar el mundo mágico.

Novelas <h2>

Harry Potter y la Piedra Filosofal <h3>

Harry Potter y la piedra filosofal (Harry Potter and the Philosopher's Stone) es el primer libro de la serie, fue publicado en Reino Unido el 26 de junio de 1997 y en español en marzo de 1999. Se trata de uno de los libros más vendidos de la historia, las estimaciones de sus ventas mundiales superan los 110 millones de copias. En la primavera de 2007, una primera edición firmada por Rowling fue subastada en Londres por 27 876 libras esterlinas.

Personajes <h4>

Harry Potter, Ron Weasley & Hermione Granger

<Footer>: Pie de pagina

Section, Article & Aside:

<Section>:

Es un contenedor genérico que agrupa contenido que está relacionado. Cuando creamos bloques cuyo contenido es parte de un bloque total usaremos section.

<Article>:

Es un contenedor que representa contenido independiente, es decir, podemos leer ese fragmento en cualquier otro sitio y tendría sentido por sí mismo.

<Aside>:

se utiliza para representar contenido indirectamente relacionado pero que no forma parte del contenido principal.

<Address>:

Se utiliza para aportar información de contacto para el article más cercano o para todo el body.

Anidamiento:

Un section puede contener articles, por ejemplo, si tenemos varios artículos que hablan sobre noticias, deben ir dentro de un section, ya que es contenido relacionado entre sí, y los article serían cada una de las noticias porque podríamos leer cada una sin haber leido el resto, y seguiría teniendo sentido.

El article es definido como un componente de la página de contenido independiente, esto implica que esta etiqueta pueda tener un header y un footer propios.

También existe el caso en el que un article contenga varias secciones, el artículo independiente podría ser navegadores y este contener dentro secciones como navegadores más utilizados en 2020

Ejemplo 1:

NOTICIAS INTERNACIONALES

Noticias Del Día

Noticia 1

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Iure exercitationem saepe animi unde perspiciatis accusantium totam repudiandae aut, delectus aspernatur nisi sequi velit temporibus accusamus quasi? Vitae enim quaerat in!

La noticia 1 ocurrió en Madrid

Noticia 2

Lorem ipsum dolor sit amet consectetur adipisicing elit. Nostrum eaque nihil possimus cum excepturi, id dolorum, vero perferendis magni deleniti unde, a laudantium. Sequi consequuntur corrupti id aspernatur eligendi eos?

Noticia 3

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dolorem nostrum ad libero ut harum saepe alias ratione quasi. Vitae autem aut cupiditate, voluptatem exercitationem ipsa quod vel iste animi placeat?

Footer: Pie de pagina

Ejemplo 2:

NAVEGADORES

Navegadores más utilizados en 2020

Chrome

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officiis facilis dolor amet iure aspernatur molestias dolore, dolorum reiciendis quisquam corporis nesciunt consequuntur nam tempore tenetur? Soluta aliquid inventore consequatur ratione?

Creado por Google

Firefox

Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, quo quam deserunt aliquid consectetur qui ex, quia vero iusto dolorem odit, est a architecto dolor asperiores modi! Qui, minus sunt!