franklin huasacca: QUINTA CLASE

jueves, 26 de septiembre de 2019

QUINTA CLASE

EN EL MENU

<a href="cuerpo.html" target ="derecha"><span style="background-color: #46CC2C">musica 1</span></a>

PARA LA MUSICA

<audio src="musicas/f.mp3" controls="controls" type="audio/mpeg" preload="preload"> </audio>rap

CODIGO DE VIDEO

<h3> Video Libre 04</h3>
<p> <video src="videos/05.mp4" width="50%" height="190" controls>
Tu navegador no implementa el elemento <code>video</code>.</video>
<br>
CODIGO PARA BOTON

EL ENLACE

<head>
<link rel="stylesheet" href="css/sin_linea.css">
<link rel="stylesheet" href="css/boton.css">
</head>

PARA EL BOTON

SOLO PONER CLASS="BOTON"

ejemplo

<a href="video.html" target ="derecha"class="boton">videos</a>

CODIGO CSS

.boton {

padding: 4px 70px;

background: rgb(19, 143, 247);

border: 1px solid #1161B0;

color: #fff

}PARA BOTON

SIN LINEA

a:link { text-decoration: none; }

CODIGO DE IMAGEN EN MOVIMIENTO

<!DOCTYPE HTML>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>Untitled</title>
</head>
<script>
var imagenes=new Array(
'imagenes/g.jfif',
'imagenes/m.jpg',
'imagenes/r.jfif',
)
function rotarImagenes()
{
var index=Math.floor((Math.random()*imagenes.length));
document.getElementById("imagen").src=imagenes[index];
}
onload=function()
{
rotarImagenes();
setInterval(rotarImagenes,1000);
}

</script>
<body bgcolor="#CC352A">
<center>
<div style="border:1px solid black;" >
<img src="" id="imagen" width="50%" height="430">
</center>
</body>

</html>

CODIGO EN HTML EN JAVASCRIPT PARA MOVIMIENTO DE IMAGEN

var imagenes=new Array(
'imagenes/g.jfif',
'imagenes/m.jpg',
'imagenes/r.jfif',
)
function rotarImagenes()
{
var index=Math.floor((Math.random()*imagenes.length));
document.getElementById("imagen").src=imagenes[index];
}
onload=function()
{
rotarImagenes();
setInterval(rotarImagenes,1000);
}

PARA ENLAZAR JAVASCRIPT

<script src=" el lugar"> </script>