Introduccion A HTML5

INTRODUCCION A HTML 5
Web Estática
Perez Rafael Martin

6to 2da
E.E.S T N°4
Martinrafalperez2108@gmail.com
Actividades:
1) Comentar las diferencias entre html y html 5
2) ¿Qué función cumple la etiqueta meta?
3) ¿Qué nuevos sectores forman la estructura del cuerpo en HTML5?
Explicar la función que cumplen en una página.
4) ¿Qué es el copyright que no puede faltar en ningún diseño web?
5) Obtener la imagen de 3 paginas cualquieras y marcar los distintos
sectores
Ejemplo:
6) Modo de esquema muestra una posible organización que vos creas

conveniente para un diseño Web (NO HTML).
1) Entre HTML y HTML5 existen diferencias como la incorporación de la
etiqueta <meta> dentro de la cabecera, la cual nos sirve para
simplificar la forma en la que información en general aparecerá en la
pantalla. El atributo <Type> es eliminado ya que no necesitamos
especificar el tipo de estilo que insertamos, por lo que pasamos a
utilizar rel y href, rel es la relación de nuestro documento y el archivo
externo que coloquemos en href.
Otras de las etiquetas que cambian o se agregan en html5 son:
<mark> la cual resalta parte del texto la cual se hace relevante en
base a las acciones del usuario. <small> se utiliza para colocar letras
pequeñas como por ejemplo en impresiones legales, descargos etc.
<cite> el cual se vuelve mas especifico en html 5 y es utilizado para
encerrar el titulo de el trabajo, por ej.: libro, película, etc. <address>
nos sirve para presentar información de contacto relacionada al
<article> o el cuerpo completo. <time> el cual nos permite declarar la
fecha y hora.
2) La etiqueta meta es utilizada para la definición del tipo de caracteres

que vamos a utilizar, dicha declaración de información es sobre el
documento en general, la etiqueta se sitúa dentro del <head> del
codigo y no es visible para los usuarios, ya que es utilizada por los
motores de búsqueda para realizar una vista previa de la información
que contiene nuestro codigo.
3) En un diseño clásico de html la organización de los elementos en

nuestra página web se podrían ver de esta forma:
Pero actualmente con Html 5 es más común ver la siguiente
organización de las paginas web:
Sus partes:
<header> </header>: No debe ser confundido con <head> ya que
header cumple la función de darnos información de introducción,
como títulos, subtítulos, logos etc. En cambio, head proporciona
información del documento en general
<nav> </nav>: Es la barra de navegación esta se puede encontrar

separada del header como se ve en la anterior imagen, o bien puede
ir dentro de este, aunque es recomendable su uso por separado.
<section> </section>: Contiene la información principal de la pagina y

puede ser barra lateral, podemos verla en diferentes formatos, como
por ejemplo el dividida en bloques, o en columnas.
<aside> </aside>: Es la clásica barra lateral que encontramos de un

lado de la parte de la información principal, puede ser del lado
izquierdo o derecho, contiene datos no tan relevantes que los que
encontramos en section, es decir no es el principal interés del lector,
pero es una ayuda a los elementos principales de la información que
contenga la página.
<footer> </footer>: es aquella sección final conocida como

“institucional” la cual nos da información final (de pie) del documento,
usada comúnmente para información del autor, de contacto y
derechos de autor.
Otros elementos que podemos encontrar dentro del cuerpo son:

<article> el cual es lo más común y nos sirve para identificar cada
parte de la información mostrada de forma de jerarquía.
<hgroup> el cual es utilizado para cuando tenemos varias etiquetas
H en la misma cabecera.
<figure> es utilizado para ser más específicos en la declaración de
un documento. <figure> es utilizada para identificarla.
4) El copyright son aquellos derechos que tenemos como autores, en

este caso de la página web creada, estos se basan en reglas
jurídicas que nos proporciona los derechos de pertenencia en cuanto
a la pagina que creamos, esto con el fin de que nadie pueda robar,
copiar o utilizar elementos característicos de esta sin nuestra
autorización, ya que estaría cometiendo un delito ante nuestros
derechos como autores.
6)
5)
h nav
e
a
d
er
aside
section
header nav
section section
nav
footer

Introduccion A HTML5

Cargado por

Información del documento

Descripción original:

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Introduccion A HTML5

Cargado por

Copyright:

Formatos disponibles

INTRODUCCION A HTML 5

Perez Rafael Martin

6) Modo de esquema muestra una posible organización que vos creas

2) La etiqueta meta es utilizada para la definición del tipo de caracteres

3) En un diseño clásico de html la organización de los elementos en

<nav> </nav>: Es la barra de navegación esta se puede encontrar

<section> </section>: Contiene la información principal de la pagina y

<aside> </aside>: Es la clásica barra lateral que encontramos de un

<footer> </footer>: es aquella sección final conocida como

Otros elementos que podemos encontrar dentro del cuerpo son:

4) El copyright son aquellos derechos que tenemos como autores, en

También podría gustarte