Html

HTML, acrónimo en inglés de HyperText Markup Language, hace referencia al lenguaje de marcado utilizado en la creación de páginas web. Este estándar que sirve de referencia del software que interactúa con la elaboración de páginas web en sus diferentes versiones

Las etiquetas HTML5 funcionan como parte de un código que cumple con una función sencilla. Dicha función se basa en ayudar a los navegadores a entender el contenido que contiene cada una de las etiquetas utilizadas.

Además, es importante resaltar que cada etiqueta posee distintos atributos que determinan cómofunciona cada una. Todas inician con el símbolo “<” y terminan con el símbolo contrario, “>”. Entredichos símbolos debe ir el nombre correspondiente a la etiqueta para que el navegador lo pueda asimilar como es debido.

También es importante conocer que las etiquetas HTML5 se componen por una versión de aperturay una de cierre. Sin embargo, hay etiquetas que no llevan la versión de cierre como las que se usanpara cargar imágenes. Las etiquetas de cierre utilizan el símbolo “/” antes del nombre de la etiqueta.

Todas las etiquetas HTML5 y sus funciones

Con una gran cantidad de etiquetas HTML5 disponibles hoy en día, es posible englobarlas de unamanera más sencilla. Por lo que hemos creado una lista de todas las etiquetas HTML5 que son máscomunes y la función que poseen. De manera que puedas utilizarla según sea necesario.

CONSOLA https://codepen.io/DavidMorenoCode/pen/pMOOEm

Etiquetas Html.pdf

Ejercicios Propuestos

Ejercicio 1 Complemente los espacios en blanco para que el programa básico de HTML funcione.(HTML, HEAD, TITLE, BODY)

< >

< >Elementos básicos HTML</title>

< >

Somos Normalistas

< >

Ejercicio 2 Identifique la estructura de una etiqueta HTML

Ejercicio 3 Diseñe programa en HTML, con ayuda del procesador de texto para la siguiente figura.

Ejercicio 4 Diseñe programa en HTML, con ayuda del procesador de texto para la siguiente figura.

Los archivos están localizados dentro de una sub carpeta llamada cc002

Y cada enlace esta bajo los archivos

El Gato bandido Gato.html

Simón el bobito Simon.mp4

La pobre viejecita Pobre.htm

Mirringa y Mirronga Miau.mp3

Fuño y Furaño https://n9.cl/1pudt

Ejercicio 5 Diseñe programa en HTML, con ayuda del procesador de texto para la siguiente figura.

Ejercicio 6 Diseñe programa en HTML, con ayuda del procesador de texto para la siguiente figura.

Aplica borde 20
En cada celda aplica los colores que se muestran en la imagen

Ejercicio 7 Diseñe programa en HTML, con ayuda del procesador de texto para la siguiente figura.

· Aplica borde 5

En cada celda aplica los colores que se muestran

en la imagen

· Cada texto con colores asi:

Celda ROJA y Texto en BLANCO

Celda VERDE y Texto en BLUE

Celda AZUL y Texto en

Celda AMARILLO y Texto SIN COLOR

Ejercicio 8 Diseñe programa en HTML, con ayuda del procesador de texto para la siguiente figura.

Ejercicio 9 Diseñe programa en HTML, con ayuda del procesador de texto para la siguiente figura.

Para aplivcar nombre y enlaces de archivos.

name= frmSuperior pagina1.html 80%

name= frmIzquierda pagina2.html 25%

name=frmCuerpo pagina3.html 25%

name=pie pagina4.html 20%

Ejercicio 10 Diseñe programa en HTML, con ayuda del procesador de texto para la siguiente figura.

Para aplivcar nombre y enlaces de archivos.

name= frmSuperior pagina1.html 34%

name= frmIzquierda pagina2.html 25%

name=frmCuerpo pagina3.html 75%

name=pie pagina4.html 34%