Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Dos

    Cargado por

    Not Limits (NotLimits)
    10 vistas3 páginas
    El documento establece el idioma HTML5 y CSS para dar formato a una tabla y elementos. Luego conecta a una base de datos MySQL llamada "prueba1", ejecuta una consulta SQL para seleccionar datos de la tabla "usuario" y los muestra en la tabla. Finalmente incluye enlaces e imágenes.

    Descripción original:

    Título original

    dos

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    TXT, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento
    El documento establece el idioma HTML5 y CSS para dar formato a una tabla y elementos. Luego conecta a una base de datos MySQL llamada "prueba1", ejecuta una consulta SQL para seleccionar datos de la tabla "usuario" y los muestra en la tabla. Finalmente incluye enlaces e imágenes.

    Copyright:

    © All Rights Reserved
    Descargue como TXT, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    10 vistas3 páginas

    Dos

    Cargado por

    Not Limits (NotLimits)
    El documento establece el idioma HTML5 y CSS para dar formato a una tabla y elementos. Luego conecta a una base de datos MySQL llamada "prueba1", ejecuta una consulta SQL para seleccionar datos de la tabla "usuario" y los muestra en la tabla. Finalmente incluye enlaces e imágenes.

    Copyright:

    © All Rights Reserved
    Descargue como TXT, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 3

    <!

    DOCTYPE html>
    <!-- con esta etiqueta estamos estableciendo que
    nuestro docuemento estará trabajando en HTML5-->
    <html lang="en">
    <!-- lang establece el idioma que se estará utilizando
    -->
    <style type="text/css">
    table{
    border: 1px solid #000;
    width: 100%;
    }
    th,td {
    width:25%;
    text-align:left;
    vertical-align: center;
    border: 1px solid #000;
    }
    *{margin:0; padding:0; font-family:Verdana;}

    .bloque1{
    border: 5px solid;
    width:260px;
    margin: 100px, 10px;
    background-color:violet;
    transition-property:color, transform;
    transition-duration: 6s, 4s;
    transition-timing-function: ease;
    transition-delay:2s, 0s;
    }
    .bloque1:hover{color:violet; transform: rotate(360deg);}
    /* Rotación */
    .rotate{

    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;

    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;

    overflow:hidden;

    /* Transformación al pasar el ratón por encima */


    .rotate:hover
    {

    transform: scale(1.2, 1.2) rotate(20deg);


    -ms-transform: scale(1.2, 1.2) rotate(20deg);
    -webkit-transform:scale(1.2, 1.2) rotate(20deg);
    -o-transform: scale(1.2, 1.2) rotate(20deg);

    }
    </style>
    <?php
    /*127.0.0.1*/
    /*msqli_conect('localhost','usuario', 'password', 'basedatos');*/
    $conexion1= mysqli_connect('localhost', 'root', '', 'prueba1');
    if(!$conexion1)
    {
    die('Existe un error en la conexion'.mysqli_connect_error());
    }
    else
    {
    echo 'salio bien el proceso';
    }

    ?>
    <head>
    <meta charset="UTF-8"> <!-- para especificar los caracteres que
    vamos a utilizar, aqui reconoce las tildes, las ñ y otros caracteres
    especiales-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ejercicio Base de Datos</title>

    </head>
    <?php
    $query2="Select * from usuario";
    echo "<b> <center> Salida de la base de datos</center></b><br>";
    ?>
    <marque> <!-- hace que los objetos se desplacen horizontalmente
    por la pagina-->
    <table class="tabla 1">
    <thead>
    <tr>
    <th>id</th>
    <th>nombre</th>
    <th>app</th>
    <th>apm</th>
    <th>telefono</th>
    <tr>
    <thead>
    <?php
    if($resultado=$conexion1->query($query2)){
    while($row =$resultado->fetch_array())
    {

    echo '<tr>
    <td>'.$row['id'].'</td>
    <td>'.$row['nombre'].'</td>
    <td>'.$row['app'].'</td>
    <td>'.$row['apm'].'</td>
    <td>'.$row['telefono'].'</td>
    </tr>';
    }
    $resultado->free_result();
    $conexion1->close();
    }
    else
    {
    echo 'no se hizo la consulta';
    }
    ?>
    </table>
    <div style="border-style:none; border-width:0; blackround-color:black;">
    <a href="www.google.com"&gt;
    <div class=bloque1 style="border: radius 40px;">
    <img src="https://ejemplocodigo.com/wp-content/uploads/2014/09/hommer.gif"&gt;
    </div>
    </a>
    </div>
    </marque>

    <img scr="engrane.png">
    <body>
    </body>
    </html>

    También podría gustarte