TallerHTML.html

<!DOCTYPE html>
<html>
<head>
    <meta charset='utf-8'>
    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
    <title> Page Title </title>
    <meta name='viewport' content width='device-width, initial-scale=1'>
    <link rel='stylesheet' type='text/css' media='screen' href='main.css'>
</head>
<body>
    <h1 style="color:rgb(212, 0, 225)" style ="background-color:lightblue;" > Guitarras </h1>
    <div class="container-fluid">   
         <div class="row">
            <div class="col-lg" style="background-color:lightblue;">
                <br/>
                <img src="Elementos/Captura.PNG" width="700" height="300"/>
                <br/>
            </div>
        </div>
        <div class="row">
            <div class="col" style="background-color:rgb(212, 0, 255);">
                <br/>
                <p>"La guitarra, también conocida como guitarra clásica o guitarra española,
                1​ es un instrumento musical de la familia de los cordófonos, es decir los 
                instrumentos que producen su sonido al hacer vibrar las cuerdas. Es un instrumento
                 musical de cuerda pulsada, compuesto de una caja de resonancia, un mástil sobre el 
                 que va adosado el diapasón o trastero —generalmente con un agujero acústico en el 
                 centro de la tapa (boca)— y seis cuerdas. Sobre el diapasón van incrustados los 
                 trastes, que permiten dividir el continuo de sonidos en las 12 notas del sistema 
                 tonal, haciendo posible la interpretación de las mismas con mayor facilidad." (Wikipedia)
                </p>
                <a href= "https://es.wikipedia.org/wiki/Guitarra"> Guitarra Wikipedia</a>
                <br/>
            </div>
            <div class="col" style="background-color:lightblue;">
                <h2> Elementos de la guitarra</h2>
                <ol>
                    <li>Cuerdas </li>
                    <li>Diapasón </li>
                    <li>Trastes </li>
                    <li>Mango </li>
                    <li>Clavijas </li>
                </ol>
                <br/>
            </div>
        </div>
        <div class="row" style="background-color:rgb(212, 0, 255);">
            <h2>
                    Diligencie su información para recibir actualizaciones
            </h2>
            <form>
                <div>
                    <label for="Nombre"> Nombre </label>
                    <br/>
                    <input type="text" id="Nombre">
                </div>
                <div>
                    <label for="Correo"> Correo </label>
                    <br/>
                    <input type="email" id="Correo">
                </div>
            </form>
        </div>
    </div>
</body>
</html>