Ejercicio audio, video e imagen con HTML

Crea un nuevo documento HTML con las siguientes caracteristicas:

Dentro de la seccion, incluir 3 articulos (articles), segun lo siguiente:

    1. Titulo H2 indicando Video

        Incluyendo un video de Youtube 

    2. Titulo H2 indicando Imagen

        Incluyendo una imagen referenciada por URL

    3. Titulo H2 indicando Audio

        Busca audio en internet y enlazalo desde su etiqueta correspondiente

04 Imagenes

 Para insertar imágenes en nuestro documento web usaremos la etiqueta “img”, pasándole con “src” la ruta al archivo imagen que queremos mostrar, indicando en la propiedad “alt” un texto alternativo por si falla la carga de la imagen.

El ancho y alto podemos incluirlo también antes de cerrar la etiqueta “img”, aunque normalmente se incluye en un archivo externo CSS que es el que dara el formato visual a nuestra web, separando asi el contenido HTML de la visualización que daremos con CSS.

Un ejemplo de código HTML para agregarla a nuestro documento podría ser asi:

<img src="img/jose.jpg" alt="Imagen de Jose" title="Imagen" widht="80px" height="80px"/>

05. Juego tres en raya, imagen tiro jugador

Insertamos codigo para dibujar imagen dependiendo del jugador que actua.
Como se ve en el video hay que tener cuidado al poner la ruta a la carpeta donde estan las imagenes.

El archivo tablero.js queda de la siguiente forma:

function IniciarTablero(){
    for(i=0;i<2;i++){
        for(j=0;j<2;j++){
            tablero [i][j]=0;
        }
    }
}
function PintarCelda(x,y,color,jugador){
    //selecciona celda
    celda=document.getElementById("c"+x+y);
    //ponemos color
    celda.style.background=color;
    if(jugador==1){
        celda.innerHTML="<img src='img/cruz.png'></img>";
    }else {
        celda.innerHTML="<img src='img/circulo.png'></img>";
    }
}

El archivo ejecutar.js queda asi:

var Total_segs;
var Total_mins;
var cronometro;
//tablero
var tablero=new Array(3);
//jugador
var jugador=1;
var gana=0;
var fin=false;
function SeleccionaCelda(x,y){
    if(jugador==1){
    tablero[x][y]=1; //podra ser 2 por otro jugador
    //pintamos la celda
    PintarCelda(x,y,"blue",jugador);   
    comprobar(x,y,jugador);
    jugador=2;
    } else {
    tablero[x][y]=2; //podra ser 2 por otro jugador
    //pintamos la celda
    PintarCelda(x,y,"pink",jugador);
    comprobar(x,y,jugador);
    jugador=1;   
    }
    if(!fin){
        alert("Turno del jugador "+jugador);
    }
}
function RevisarCelda(x,y){
    if(tablero[x][y]==1 || tablero[x][y]==2){
        alert("Casilla ocupada");
    } else if(fin){
        alert("Se acabo la partida");
    } else {
    SeleccionaCelda(x,y);
    }
}
function ejecutar(){
    //array tablero
    for(i=0;i<3;i++){
        tablero[i]=new Array(3);
    }
    LimpiaReloj();
    IniciaReloj();
    //pulsar casilla al azar
    x=Math.round(Math.random()*2);
    y=Math.round(Math.random()*2);
    SeleccionaCelda(x,y);  
}
ejecutar();

Espero sea util, gracias.