MODULO 2: ESTRUCTURA HTML5/CSS3 PARA MULTIPANTALLA Y OBJETOS MULTIMEDIA

Entrega P2P obligatoria

Crear una página web personal simulada, que incluya al menos:

  1. Uso de colores para texto y fondo, incluyendo al menos colores degradados en alguna de sus cajas.
  2. Inclusión de tipografías externas de Google Fonts, Adobe Edge Web Fonts o un servicio similar on line.
  3. Distintos encabezados.
  4. Uso de caracteres especiales
  5. Incluir, imágenes de tipo bitmap y vectorial.
  6. Incluir algún vídeo.
  7. Incluir bordes redondeados en alguna de sus cajas.

Definiendo secciones en HTML5

Todo el contenido incluido dentro del elemento <body> es parte de una sección. Las secciones en HTML5 pueden ser anidadas. Además de la sección principal, definida por el elemento <body>, los límites de la sección son definidos explícita o implícitamente. La secciones definidas explícitamente son el contenido definido en las etiquetas <body>, <section>, <article>, <aside>, <footer>, <header>, y <nav>. Nota: Cada sección puede tener su propia jerarquía de cabeceras. Por lo tanto, incluso una sección anidada puede tener un elemento <h1>. Consulte también Definiendo cabeceras en HTML5.

Ejemplo:

<section>
     <h1>Forest elephants</h1>
<section>
     <h1>Introduction</h1>
     <p>In this section, we discuss the lesser known forest elephants.
</section>
 <section>
    <h1>Habitat</h1>
    <p>Forest elephants do not live in trees but among them.
 </section>
 <aside>
    <p>advertising block
    </aside>
</section>
<footer>
     <p>(c) 2010 The Example company
</footer>
css3 html5