Practica 7

 




























<html> <!--define la estructura de una página web-->

  <head> <!--contiene información sobre la página web que no se muestra en el navegador-->

        <title><!--La etiqueta <title> define el título de una página web-->

      Prectica No.7

</title>

</head>

    <body> <!--contiene todo el contenido visible de una página web-->

    <h1>Practica No. 7<br>EJEMPLO DE TABLAS CON IMAGENES</h1><!--define el título principal de una página web-->

<b>programado por: </b> Karol Uriel Lopez Reyna<br>

<h2>CONSULTA LOS GANADORES DE LA BECA BENITO JUAREZ</h2>

        <table border="1"><!--La etiqueta <table> crea una tabla en una página web-->

        <tr> <!--La etiqueta <tr> define una fila en una tabla HTML-->

         <th>NOMBRE</th> <!--La etiqueta <th> define una celda de encabezado en una tabla HTML-->

         <th>APELLIDO PATERNO</th>

         <th>APELLIDO MATERNO</th>

         <th>CIUDAD</th>

         <th>FOTO</th>

        </tr>

        <tr> <!--contiene todo el contenido visible de una página web-->

<td>JOSE</td> <!--La etiqueta <td> define una celda dentro de una tabla HTML-->

         <td>PEREZ</td>

         <td>MARTINEZ</td>

         <td>JOJUTLA</td>

<td><img src="gatofort.jpg" width="100" alt="Foto de Jose"></td> <!--La etiqueta img inserta una imagen en una página web-->

        </tr>

        <tr>

<td>LAURA</td>

         <td>PINEDA</td>

         <td>JIMENEZ</td>

         <td>JOJUTLA</td>

<td><img src="guardiana.jpg" width="100" alt="Foto de Laura"></td>

        </tr>

<tr>

<td>SHEILA</td>

         <td>RAMIREZ</td>

         <td>ALVAREZ</td>

         <td>TEHUIXTLA</td>

<td><img src="eleggxd.jpg" width="100" alt="Foto de Sheila"></td>

        </tr>

<tr>

<td>MARCO ANTONIO</td>

         <td>RIVERA</td>

         <td>SOLIS</td>

         <td>ZACATEPEC</td>

<td><img src="webiwabocover.jpg" width="100" alt="Foto de Marco"></td>

        </tr>

<tr>

<td>JORGE</td>

         <td>JUAREZ</td>

         <td>JIMENEZ</td>

         <td>ZACATEPEC</td>

<td><img src="pankeis.jpg" width="100" alt="Foto de Jorge"></td>

        </tr>

  </body>

</html>

Comentarios

Publicar un comentario

Entradas populares de este blog

Investigacion de Hipervinculos y Lista de ordenadas y desorndenadas

Investigación de Hipervinculos y Lista de ordenadas y desorndenadas. Hipervínculos: Los hipervínculos son elementos interactivos en documentos electrónicos que permiten enlazar o vincular una parte específica del documento con otra ubicación, ya sea dentro del mismo documento o en otro archivo, página web, imagen, video u otro tipo de recurso digital. Estos enlaces son comúnmente utilizados en navegadores web, documentos electrónicos, presentaciones, correos electrónicos y otras formas de contenido digital. La función principal de los hipervínculos es facilitar la navegación y la referencia cruzada entre información relacionada. Al hacer clic en un hipervínculo, el usuario es llevado automáticamente a la ubicación vinculada, proporcionando acceso rápido y directo a recursos adicionales o información relevante. Los hipervínculos son esenciales para la estructura de la World Wide Web (WWW) y son una característica fundamental en la mayoría de las aplicaciones y plataformas digitales. Exi...
Leer más

Practica Iframe

Imagen
<html> <!--define la estructura de una página web-->     <head> <!--contiene información sobre la página web que no se muestra en el navegador-->         <title><!--La etiqueta <title> define el título de una página web-->       Iframe </title> </head>     <body> <!--contiene todo el contenido visible de una página web-->     <h1>Ejemplos de recuadros web (IFrame)</h1><!--define el título principal de una página web--> <iframe src="https://es.wikipedia.org/wiki/Iframe" title="Iframe ejemplo" width="600" height="300" frameborder="0"></iframe> <iframe width="560" height="315" src="https://www.youtube.com/embed/X8NmwFlzFnc?si=rCYn37irQjEE4KAt" title="YouTube video player"  frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-i...
Leer más

Etiquetas html

Para trabajar con tablas en HTML, se utilizan varias etiquetas específicas que permiten definir la estructura y contenido de la tabla. Aquí tienes las principales etiquetas que se utilizan para crear tablas en HTML: 1. `<table>`: Define una tabla en HTML. 2. `<tr>`: Define una fila en la tabla. 3. `<th>`: Define una celda de encabezado en la tabla. Se utiliza para las celdas que contienen encabezados de columna o fila. 4. `<td>`: Define una celda de datos en la tabla. Se utiliza para las celdas que contienen datos. 5. `<thead>`: Define el grupo de encabezado de la tabla. Se utiliza para agrupar las filas que contienen encabezados de columna. 6. `<tbody>`: Define el cuerpo de la tabla. Se utiliza para agrupar las filas que contienen datos de la tabla. 7. `<tfoot>`: Define el pie de la tabla. Se utiliza para agrupar las filas que contienen resúmenes o totales de datos. Un ejemplo básico de cómo se pueden utilizar estas etiquetas para crear una ta...
Leer más