Mi Wiki-Web

"Ejercicios HTML5"

1. Ejercicio1->Descripción de la estructura de la página
   • "html": Indica el comienzo de la página
   • "head":Indica la cabecera, contiene información descriptiva del sitio
   • "body": Muestra todo los elementos visible lde la página
   • Ejemplo
2. Ejercicio2->En la parte del head se escribe el título a una página web
   • "title": permite darle un título a la web
   • Ejemplo
3. Ejercicio3->Crea secciones, accediendo al enlace.
   • "nav": define una sección de navegación en un documento web
   • "a href": hyper reference, indica el link de destino deseado
   • Etiquetas proporcionadas
4. Ejercicio4->Puedes elegir diferentes niveles de títulos y subtitulos
   • "h1..h6" Para escribir títulos, subtitulos en distintos niveles
   • "nav": define una sección de navegación en un documento web
   • "ul": crea lista desordenadas
   • "li": declara cada uno de los elementos de una lista
   • Tabulacion
5. Ejercicio5->Etiqueta utilizadas: br, hr, pre, p
   • "br": da un salto de linea
   • "hr": dibuja una línea
   • "pre": texto preformateado
   • "p": Apropiado para escribir un texto
   • Salto de líneas
6. Ejercicio6->Etiqueta utilizadas: div
   • "div": divide y separa el contenido en HTML
   • Salto de línea y parrafos
7. Ejercicio7->Listas ordenadas
   • "ol": Define una lista ordenadas
   • "li": declara cada uno de los elementos de una lista
   • Lista ordenadas
8. Ejercicio8->Listas desordenadas
   • "ul": Define una lista o viñetas desordenadas
   • Lista desordenada
9. Ejercicio9->Listas ordenadas y desordenadas
   • "ul": Define una lista o viñetas desordenadas
   • "ol": Define una lista ordenadas
   • "li": declara cada uno de los elementos de una lista
   • Lista extra
   • Horario de clases
10. Ejercicio10-> lista con enlaces
    • "a href": hyper reference, indica el link de destino deseado
    • Enlace
    • Lista con enlace
    • Lista con enlace Extra
11. Ejercicio11-> Elemento incrustado de imagen HTML con enlace
    • "img src": Coloca una imagen simple en una página web
    • img con enlace
    • img con enlace extra
    • Lista con enlace Extra
12. Ejercicio12-> Elementos multimedia
    • "figure": Para incluir elementos multimedia en una página, imágenes, videos, audio
    • "figcaption": representa un subtitulo o leyenda asociado al contenido del elemento figure
    • Figure img con enlace
13. Ejercicio13-> Negritas y cursivas
    • "strong": indica que el texto contenido es importante
    • "blockquote": Crea citas en bloque, dejando sangría
    • "em": el texto enfatizado se puede mostrar en cursiva o en negrita
    • "small": el texto contenido es más pequeño
    • Negritas y cursivas
14. Ejercicio14-> Audio y video
    • "audio": Se usa para inserta contenido de audio
    • "video":incrusta videos en un documento HTML
    • Audio
    • Audio y video
15. Ejercicio15-> Tablas
    • "table": representa datos en dos dimensiones
    • "tr": crea las filas de la tablas
    • "td": crea celdas de datos
    • Tabla horario clase
    • Tabla anidadas
    • Tabla Extra
    • Conbinación celdas
    • Tabla conbinada extra
16. Ejercicio16-> Iframe
    • "iframe": Visualiza un documento HTML u otra página web dentro de nuestra web
    • Enlace con Iframe
    • Iframe extra
    • Iframe página Web
    • Iframe pdf
    • Iframe video
    • Iframe video youtube