Ejemplo practico
0 recomendaciones117 vistas
El documento proporciona instrucciones para insertar videos de YouTube en una página web mediante hipervínculos y marcos embed. Explica cómo crear una tabla HTML con dos columnas y tres filas, y reemplazar los números de las celdas por hipervínculos a videos de YouTube y su código de inserción correspondiente.
Ejemplo practico
- 1. EJEMPLO PRÁCTICO DE VER VIDEOS EN WEB. Si partimos de un archivo básico en HTML, con nuestro color de fondo y texto de un color determinado Ahora al mismo ejemplo le vamos a crear una tabla( dentro de body) con estas características: WIDRH=80% ALIGN="CENTER" BORDER=20 y de 3 filas y 2 columnas. Titulo EJEMPLO <html> <head> <meta charset="utf-8"> <title> EJEMPLO DE REPRODUCIR VÍDEOS </title> </head> <body text="blue" bgcolor="#EBDCA7"> <TABLE WIDRH=80% ALIGN="CENTER" BORDER=20> <CAPTION><H1><U>EJEMPLO</u></h1></CAPTION> <TR> <TH > 1 </TH> <TH> 2 </TH> </TR> <TR> <TH > 3</TH> <TH> 4</TH> </TR> <TR> <TH > 5</TH> <TH> 6</TH> </TR> </TABLE> </body> </html>
- 2. Ahora vamos a introducir en los cuadros indicados los siguientes parámetros: 1. Sustituimos el 1 por la Palabra PASODOBLE , para que al pinchar en la palabra nos abra la página en Youtube donde esta el pasodoble de Ayamonte. Quitaremos el 1 y pondremos esta linea. <a href=” https://www.youtube.com/watch?v=bK-6pYWVtsc”> PASODOBLE </a> 2. Sustituimos el 2 por el código de inserción del vídeo Quitaremos el 2 y pondremos esta linea. <iframe width="560" height="315" src="https://www.youtube.com/embed/bK- 6pYWVtsc" frameborder="0" allow="accelerometer; autoplay; encrypted- media; gyroscope; picture-in-picture" allowfullscreen></iframe> El código quedaría así: <html> <head> <meta charset="utf-8"> <title> EJEMPLO DE REPRODUCIR VÍDEOS </title> </head> <body text="blue" bgcolor="#EBDCA7"> <TABLE WIDRH=80% ALIGN="CENTER" BORDER=20> <CAPTION><H1><U>EJEMPLO</u></h1></CAPTION> <TR> <TH > <a href=” https://www.youtube.com/watch?v=bK-6pYWVtsc”> PASODOBLE </a> </TH> <TH> <iframe width="560" height="315" src="https://www.youtube.com/embed/bK- 6pYWVtsc" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </TH> </TR> <TR> <TH > 3</TH> <TH> 4</TH> </TR> <TR> <TH > 5</TH> <TH> 6</TH> </TR> </TABLE> </body> </html> Quedaría de la siguiente forma:
- 3. 3. Sustituimos el 3 por la Palabra RESISTIRÉ, para que al pinchar en la palabra nos abra la página en Youtube donde esta el video Resistiré 2020 - Video Oficial Quitaremos el 3 y pondremos esta linea. <a href=” https://www.youtube.com/watch?v=hl3B4Ql8RtQ”> RESISTIRÉ </a> 4. Sustituimos el 4 por el código de inserción del vídeo Quitaremos el 4 y pondremos esta linea. <iframe width="560" height="315" src="https://www.youtube.com/embed/hl3B4Ql8RtQ" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in- picture" allowfullscreen></iframe> El código quedaría así: <html> <head> <meta charset="utf-8"> <title> EJEMPLO DE REPRODUCIR VÍDEOS </title> </head> <body text="blue" bgcolor="#EBDCA7"> <TABLE WIDRH=80% ALIGN="CENTER" BORDER=20> <CAPTION><H1><U>EJEMPLO</u></h1></CAPTION> <TR> <TH > <a href=” https://www.youtube.com/watch?v=bK-6pYWVtsc”> PASODOBLE </a> </TH> <TH> <iframe width="560" height="315" src="https://www.youtube.com/embed/bK- 6pYWVtsc" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </TH> </TR> <TR> <TH > <a href=” https://www.youtube.com/watch?v=hl3B4Ql8RtQ”> RESISTIRÉ </a> </TH>
- 4. <TH> <iframe width="560" height="315" src="https://www.youtube.com/embed/hl3B4Ql8RtQ" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </TH> </TR> <TR> <TH > 5</TH> <TH> 6</TH> </TR> </TABLE> </body> </html> Quedaría de la siguiente forma: Os dejo la tercera fila para que practiqueis con alguna canción o video que os guste. IMPORTANTE: PARA ESTE EJEMPLO NO ES NECESARIO ENVIAR NADA. El próximo viernes día 17 os enviaré la actividad número 17 para que desarrollareis