HTML
UNIDAD 2: FRAMES
ESTE ES EL CODIGO COMPLETO ARCHIVO POR ARCHIVO DEL SITIO WEB DEL VIDEO
CREE EL ARCHIVO ----- INDEX.HTML...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0">
<title>Album de fotos</title>
</head>
<frameset cols="15%,*">
<frameset rows="22%,*">
<frame src="logo.html" scrolling=no> </frame>
<frame src="enlaces.html"></frame>
</frameset>
<frameset rows="15%,*">
<frame src="encabezado.html" scrolling=no></frame>
<frameset cols="85%,*">
<frame src="inicio.html"> </frame>
<frame src="publicidad.html" scrolling=no> </frame>
</frameset>
</frameset>
</frameset>
</html>
CREE EL ARCHIVO..... LOGO.HTML...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0">
<title>Logotipo</title>
</head>
<body bgcolor="#ecdc77">
<center>
<img src="logo.jpg" width=135 height=125>
</center>
</body>
</html>
CREE EL ARCHIVO........ENLACES.HTML .......
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0">
<title>enlaces</title>
</head>
<body bgcolor="#ecdc77">
<center>
<br><br><br>
<table border=0>
<tr>
<td height=30><a href="fotos.html" target="xx">MIS FOTOS</a></td>
</tr>
<tr>
<td height=30><a href="audio.html" target="xx">MI MUSICA</a></td>
</tr>
<tr>
<td height=30><a href="videos.html" target="xx">MIS VIDEOS</a></td>
</tr>
<tr>
<td height=30><a href="inicio.html" target="xx">Ver Inicio</a></td>
</tr>
</table>
</center>
</body>
</html>
CREE EL ARCHIVO.......ENCABEZADO.HTML...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0">
<title>Logotipo</title>
</head>
<body bgcolor="#ecdc77">
<center>
<font face=IMPACT size=6 color=red>MI SITIO WEB</font>
<marquee>
<h2>DESARROLLADO PARA LA DIVERSION</h2>
</marquee>
</center>
</body>
</html>
CREE EL ARCHIVO......INICIO.HTML...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0">
<title>Logotipo</title>
</head>
<body bgcolor="#ecdc77">
<center>
<h1>BIENVENIDOS A MI SITIO WEB</h1>
<h2>Un espacio Multimedia diseñado tambien <br> para que aprendas mas sobre desarrollo Web</h2>
</center>
</body>
</html>
CREE EL ARCHIVO......PUBLICIDAD.HTML....
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0">
<title>enlaces</title>
</head>
<body bgcolor="#f5dd43">
<h2>PUBLICIDAD</h2>
<table border=0>
<tr>
<td><img src="pub1.jpg" width=160 height=100></td>
</tr>
<tr>
<td><img src="pub2.jpg" width=160 height=100></td>
</tr>
<tr>
<td><img src="pub3.jpg" width=160 height=100></td>
</tr>
<tr>
<td><img src="pub4.jpg" width=160 height=100></td>
</tr>
</table>
</body>
</html>
CREE EL ARCHIVO.....FOTOS.HTML...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0">
<title>FOTOS</title>
</head>
<body bgcolor="#f5dd43">
<center>
<h2>MI ALBUM FOTOGRAFICO</h2>
<table border=0>
<tr>
<td><img src="1.jpg" width=450 height=300></td> <td><img src="2.jpg" width=450 height=300></td>
</tr>
<tr>
<td><img src="3.jpg" width=450 height=300></td> <td><img src="4.jpg" width=450 height=300></td>
</tr>
<tr>
<td><img src="5.jpg" width=450 height=300></td> <td><img src="6.jpg" width=450 height=300></td>
</tr>
</table>
</center>
</body>
</html>
CREE EL ARCHIVO.....AUDIO.HTML..
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0">
<title>FOTOS</title>
</head>
<body bgcolor="#f5dd43">
<center>
<h2>MI CANCIONES FAVORITAS</h2>
<table border=0>
<tr>
<td><br><embed src="a1.mp3" width=290 height=50 autostart=false><br>Danielle Peck - Bad For Me</td>
<td><br><embed src="a2.mp3" width=290 height=50 autostart=false><br>keith urban - kiss a girl</td>
<td><br><embed src="a3.mp3" width=290 height=50 autostart=false><br>la suprema-escombro</td>
</tr>
<tr>
<td><br><embed src="a4.mp3" width=290 height=50 autostart=false><br>Mana - Lluvia al corazon</td>
<td><br><embed src="a6.mp3" width=290 height=50 autostart=false><br>zoe - todo el tiempo</td>
<td><br><embed src="a5.mp3" width=290 height=50 autostart=false><br>selena gomez - un año sin ver llover</td>
</tr>
</table>
</center>
</body>
</html>
CREE EL ARCHIVO.....VIDEOS.HTML......
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0">
<title>FOTOS</title>
</head>
<body bgcolor="#f5dd43">
<center>
<h2>MI MEJORES VIDEOS</h2>
<table border=0>
<tr>
<td><br><embed src="vid1.mp4" width=390 height=350 autostart=false><br>Bon Jovi - Always</td>
<td><br><embed src="vid2.mp4" width=390 height=350 autostart=false><br>jarabe de palo - dos dias en la vida</td>
</tr>
<tr>
<td><br><embed src="vid3.mp4" width=390 height=350 autostart=false><br>mana - como te deseo</td>
<td><br><embed src="vid4.mp4" width=390 height=350 autostart=false><br>La Ley - El Duelo</td>
</tr>
</table>
</center>
</body>
</html>