SlideShare ist ein Scribd-Unternehmen logo
1 von 8
#TAREA9PROGRAMACIONWEB2024A
HUGO ASCARI GUTIERREZ PADILLA - 215331313
ALTA_TABLA_ACTORES
ESTE CÓDIGO PHP Y HTML ESTÁ DISEÑADO PARA
CREAR UN FORMULARIO QUE PERMITA REGISTRAR UN
NUEVO ACTOR EN UNA BASE DE DATOS DE PELÍCULAS.
AQUÍ ESTÁ UNA EXPLICACIÓN DE LOS PUNTOS MÁS
IMPORTANTES:
CONEXIÓN A LA BASE DE DATOS: EL CÓDIGO
COMIENZA CON LA INCLUSIÓN DEL ARCHIVO
CONEXION1.PHP, QUE PROBABLEMENTE CONTIENE LA
LÓGICA DE CONEXIÓN A LA BASE DE DATOS.
CONSULTA SQL: SE PREPARA UNA CONSULTA SQL PARA
SELECCIONAR EL ID_PELICULA Y EL TITULO_PELICULA DE
LA TABLA PELICULA.
EJECUCIÓN DE LA CONSULTA: LA CONSULTA SE
EJECUTA CON $CONN->QUERY($SQL) Y LOS
RESULTADOS SE ALMACENAN EN $STMT.
ALMACENAMIENTO DE RESULTADOS: LOS RESULTADOS
DE LA CONSULTA SE ALMACENAN EN LA VARIABLE
$ROWS UTILIZANDO EL MÉTODO FETCHALL(). ESTOS
RESULTADOS SE USARÁN MÁS ADELANTE PARA POBLAR
UN MENÚ DESPLEGABLE EN EL FORMULARIO HTML.
HTML DEL FORMULARIO: SE PRESENTA UN
FORMULARIO HTML QUE RECOPILA INFORMACIÓN
SOBRE UN NUEVO ACTOR. INCLUYE CAMPOS PARA
SELECCIONAR UNA PELÍCULA, INTRODUCIR EL NÚMERO
DE ACTOR, EL NOMBRE, EL SALARIO, EL AÑO DE
NACIMIENTO, EL PAÍS DE ORIGEN Y EL SEXO DEL ACTOR.
VALIDACIÓN DEL FORMULARIO CON JAVASCRIPT:
SE PROPORCIONA UNA FUNCIÓN
VALIDAFORMULARIO() EN JAVASCRIPT PARA
VALIDAR LOS CAMPOS DEL FORMULARIO ANTES DE
ENVIARLO. ESTA FUNCIÓN SE INVOCA CUANDO SE
ENVÍA EL FORMULARIO (ONSUBMIT="RETURN
VALIDAFORMULARIO()"). REALIZA DIVERSAS
COMPROBACIONES, COMO ASEGURARSE DE QUE
SE HAYA SELECCIONADO UNA PELÍCULA, QUE NO
HAYA CAMPOS VACÍOS Y QUE SE HAYA
SELECCIONADO UN PAÍS Y UN SEXO.
BUCLE PHP EN EL MENÚ DESPLEGABLE: DENTRO
DEL MENÚ DESPLEGABLE PARA SELECCIONAR UNA
PELÍCULA (<SELECT NAME="COMBO_PELICULA"
ID="COMBO_PELICULA">), SE UTILIZA UN BUCLE
FOREACH PARA RECORRER LOS RESULTADOS DE LA
CONSULTA SQL ALMACENADOS EN $ROWS. CADA
PELÍCULA SE AGREGA COMO UNA OPCIÓN EN EL
MENÚ DESPLEGABLE.
ENVÍO DEL FORMULARIO: CUANDO SE ENVÍA EL
FORMULARIO, LOS DATOS SE ENVIARÁN AL
ARCHIVO GRABAR_ACTORES.PHP MEDIANTE EL
MÉTODO POST.
GRABAR_ACTORES
RECUPERACIÓN DE DATOS DEL FORMULARIO: EL
CÓDIGO PHP RECUPERA LOS DATOS ENVIADOS
DESDE UN FORMULARIO HTML UTILIZANDO EL
MÉTODO POST. LOS DATOS RECUPERADOS
INCLUYEN EL ID DE LA PELÍCULA, EL TÍTULO DE LA
PELÍCULA, LA DESCRIPCIÓN, EL AÑO DE
LANZAMIENTO, EL GÉNERO Y EL DIRECTOR.
PRESENTACIÓN DE DETALLES: DESPUÉS DE
RECUPERAR LOS DATOS, EL CÓDIGO PHP LOS
MUESTRA EN EL FORMATO ADECUADO UTILIZANDO
ETIQUETAS HTML <P> PARA CADA DETALLE DE LA
PELÍCULA.
HIPERVÍNCULO PARA REGISTRAR OTRA PELÍCULA:
AL FINAL DE LOS DETALLES DE LA PELÍCULA, HAY
UN HIPERVÍNCULO QUE LLEVA A UNA PÁGINA
LLAMADA "ALTA_TABLA1_HUGO.PHP", QUE
PRESUMIBLEMENTE ES UNA PÁGINA DONDE SE
PUEDE REGISTRAR OTRA PELÍCULA.
ESTILOS CSS: HAY ESTILOS CSS INCLUIDOS EN EL
<HEAD> DEL DOCUMENTO PARA DAR FORMATO AL
CONTENIDO, COMO EL COLOR DE FONDO, LOS
MÁRGENES, EL TAMAÑO DE LA FUENTE, ETC.
DATOS_GENERALES
CONEXIÓN A LA BASE DE DATOS: SE REQUIERE EL
ARCHIVO CONEXION1.PHP PARA ESTABLECER LA
CONEXIÓN CON LA BASE DE DATOS.
CONSULTA SQL: SE REALIZA UNA CONSULTA PARA
SELECCIONAR TODOS LOS DATOS DE LA TABLA DE
ACTORES (SELECT * FROM ACTORES).
EJECUCIÓN DE LA CONSULTA Y RECUPERACIÓN DE
RESULTADOS: LA CONSULTA SE EJECUTA UTILIZANDO
LA CONEXIÓN A LA BASE DE DATOS Y LOS RESULTADOS
SE ALMACENAN EN LA VARIABLE $ROWS MEDIANTE EL
MÉTODO FETCHALL().
HTML PARA LA PRESENTACIÓN DEL INFORME: SE
UTILIZA HTML PARA ESTRUCTURAR EL INFORME. SE
PRESENTA UNA TABLA CON ENCABEZADOS QUE
DESCRIBEN CADA COLUMNA DE DATOS, COMO EL
NÚMERO DE ACTOR, NOMBRE, SALARIO, AÑO DE
NACIMIENTO, PAÍS DE ORIGEN Y SEXO.
BUCLE PHP PARA MOSTRAR LOS DATOS: SE UTILIZA UN
BUCLE FOREACH DE PHP PARA RECORRER LOS
RESULTADOS DE LA CONSULTA ALMACENADOS EN
$ROWS. DENTRO DEL BUCLE, CADA FILA DE DATOS SE
MUESTRA EN UNA FILA DE LA TABLA HTML, CON LOS
VALORES DE CADA COLUMNA OBTENIDOS DE LA
VARIABLE $ROW.
ESTILOS CSS: SE INCLUYEN ESTILOS CSS EN EL <HEAD>
DEL DOCUMENTO PARA DAR FORMATO AL CONTENIDO,
COMO EL COLOR DE FONDO, LOS MÁRGENES, EL
TAMAÑO DE LA FUENTE, ETC.

Weitere ähnliche Inhalte

Ähnlich wie #Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx

Ähnlich wie #Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx (20)

Laboratorio 3 Andres Moreno
Laboratorio 3 Andres MorenoLaboratorio 3 Andres Moreno
Laboratorio 3 Andres Moreno
 
Cuarta 1
Cuarta 1Cuarta 1
Cuarta 1
 
Archivos secuenciales indexados
Archivos secuenciales indexadosArchivos secuenciales indexados
Archivos secuenciales indexados
 
Reporte de registros desde MySQL hacia PHP (con PDO)
Reporte de registros desde MySQL hacia PHP (con PDO)Reporte de registros desde MySQL hacia PHP (con PDO)
Reporte de registros desde MySQL hacia PHP (con PDO)
 
ubiPHP
ubiPHPubiPHP
ubiPHP
 
Practica web de la sesión 7_Escalante_Cruz.pptx
Practica web de la sesión 7_Escalante_Cruz.pptxPractica web de la sesión 7_Escalante_Cruz.pptx
Practica web de la sesión 7_Escalante_Cruz.pptx
 
Proveedor act1 uni2_daw_6a
Proveedor act1 uni2_daw_6aProveedor act1 uni2_daw_6a
Proveedor act1 uni2_daw_6a
 
Cuarta 1
Cuarta 1Cuarta 1
Cuarta 1
 
php-mysql
php-mysqlphp-mysql
php-mysql
 
5
55
5
 
Comandos vb
Comandos vbComandos vb
Comandos vb
 
10 Guía_Fundamentos de Base de Datos.docx
10 Guía_Fundamentos de Base de Datos.docx10 Guía_Fundamentos de Base de Datos.docx
10 Guía_Fundamentos de Base de Datos.docx
 
Arenas Camacho-Practica web sesión 7.pptx
Arenas Camacho-Practica web sesión 7.pptxArenas Camacho-Practica web sesión 7.pptx
Arenas Camacho-Practica web sesión 7.pptx
 
Capítulo 26 (Conceptos de Arquictetura de los Sistemas de Bases de Datos)
Capítulo 26 (Conceptos de Arquictetura de los Sistemas de Bases de Datos)Capítulo 26 (Conceptos de Arquictetura de los Sistemas de Bases de Datos)
Capítulo 26 (Conceptos de Arquictetura de los Sistemas de Bases de Datos)
 
Presentación sql
Presentación sqlPresentación sql
Presentación sql
 
ADO NET.ppt
ADO NET.pptADO NET.ppt
ADO NET.ppt
 
Consultas multiples
Consultas multiplesConsultas multiples
Consultas multiples
 
Practica web de la sesión 7_Escalante_Cruz.pptx
Practica web de la sesión 7_Escalante_Cruz.pptxPractica web de la sesión 7_Escalante_Cruz.pptx
Practica web de la sesión 7_Escalante_Cruz.pptx
 
284
284284
284
 
Comandos SQL
Comandos SQLComandos SQL
Comandos SQL
 

Kürzlich hochgeladen

pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITMaricarmen Sánchez Ruiz
 
Presentación de elementos de afilado con esmeril
Presentación de elementos de afilado con esmerilPresentación de elementos de afilado con esmeril
Presentación de elementos de afilado con esmerilJuanGallardo438714
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxAlan779941
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estossgonzalezp1
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxMiguelAtencio10
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfJulian Lamprea
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricKeyla Dolores Méndez
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfAnnimoUno1
 
presentacion de PowerPoint de la fuente de poder.pptx
presentacion de PowerPoint de la fuente de poder.pptxpresentacion de PowerPoint de la fuente de poder.pptx
presentacion de PowerPoint de la fuente de poder.pptxlosdiosesmanzaneros
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxLolaBunny11
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíassuserf18419
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanamcerpam
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveFagnerLisboa3
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan JosephBRAYANJOSEPHPEREZGOM
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfvladimiroflores1
 

Kürzlich hochgeladen (15)

pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
Presentación de elementos de afilado con esmeril
Presentación de elementos de afilado con esmerilPresentación de elementos de afilado con esmeril
Presentación de elementos de afilado con esmeril
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdf
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
 
presentacion de PowerPoint de la fuente de poder.pptx
presentacion de PowerPoint de la fuente de poder.pptxpresentacion de PowerPoint de la fuente de poder.pptx
presentacion de PowerPoint de la fuente de poder.pptx
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptx
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
 

#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx

  • 3. ESTE CÓDIGO PHP Y HTML ESTÁ DISEÑADO PARA CREAR UN FORMULARIO QUE PERMITA REGISTRAR UN NUEVO ACTOR EN UNA BASE DE DATOS DE PELÍCULAS. AQUÍ ESTÁ UNA EXPLICACIÓN DE LOS PUNTOS MÁS IMPORTANTES: CONEXIÓN A LA BASE DE DATOS: EL CÓDIGO COMIENZA CON LA INCLUSIÓN DEL ARCHIVO CONEXION1.PHP, QUE PROBABLEMENTE CONTIENE LA LÓGICA DE CONEXIÓN A LA BASE DE DATOS. CONSULTA SQL: SE PREPARA UNA CONSULTA SQL PARA SELECCIONAR EL ID_PELICULA Y EL TITULO_PELICULA DE LA TABLA PELICULA. EJECUCIÓN DE LA CONSULTA: LA CONSULTA SE EJECUTA CON $CONN->QUERY($SQL) Y LOS RESULTADOS SE ALMACENAN EN $STMT. ALMACENAMIENTO DE RESULTADOS: LOS RESULTADOS DE LA CONSULTA SE ALMACENAN EN LA VARIABLE $ROWS UTILIZANDO EL MÉTODO FETCHALL(). ESTOS RESULTADOS SE USARÁN MÁS ADELANTE PARA POBLAR UN MENÚ DESPLEGABLE EN EL FORMULARIO HTML. HTML DEL FORMULARIO: SE PRESENTA UN FORMULARIO HTML QUE RECOPILA INFORMACIÓN SOBRE UN NUEVO ACTOR. INCLUYE CAMPOS PARA SELECCIONAR UNA PELÍCULA, INTRODUCIR EL NÚMERO DE ACTOR, EL NOMBRE, EL SALARIO, EL AÑO DE NACIMIENTO, EL PAÍS DE ORIGEN Y EL SEXO DEL ACTOR.
  • 4. VALIDACIÓN DEL FORMULARIO CON JAVASCRIPT: SE PROPORCIONA UNA FUNCIÓN VALIDAFORMULARIO() EN JAVASCRIPT PARA VALIDAR LOS CAMPOS DEL FORMULARIO ANTES DE ENVIARLO. ESTA FUNCIÓN SE INVOCA CUANDO SE ENVÍA EL FORMULARIO (ONSUBMIT="RETURN VALIDAFORMULARIO()"). REALIZA DIVERSAS COMPROBACIONES, COMO ASEGURARSE DE QUE SE HAYA SELECCIONADO UNA PELÍCULA, QUE NO HAYA CAMPOS VACÍOS Y QUE SE HAYA SELECCIONADO UN PAÍS Y UN SEXO. BUCLE PHP EN EL MENÚ DESPLEGABLE: DENTRO DEL MENÚ DESPLEGABLE PARA SELECCIONAR UNA PELÍCULA (<SELECT NAME="COMBO_PELICULA" ID="COMBO_PELICULA">), SE UTILIZA UN BUCLE FOREACH PARA RECORRER LOS RESULTADOS DE LA CONSULTA SQL ALMACENADOS EN $ROWS. CADA PELÍCULA SE AGREGA COMO UNA OPCIÓN EN EL MENÚ DESPLEGABLE. ENVÍO DEL FORMULARIO: CUANDO SE ENVÍA EL FORMULARIO, LOS DATOS SE ENVIARÁN AL ARCHIVO GRABAR_ACTORES.PHP MEDIANTE EL MÉTODO POST.
  • 6. RECUPERACIÓN DE DATOS DEL FORMULARIO: EL CÓDIGO PHP RECUPERA LOS DATOS ENVIADOS DESDE UN FORMULARIO HTML UTILIZANDO EL MÉTODO POST. LOS DATOS RECUPERADOS INCLUYEN EL ID DE LA PELÍCULA, EL TÍTULO DE LA PELÍCULA, LA DESCRIPCIÓN, EL AÑO DE LANZAMIENTO, EL GÉNERO Y EL DIRECTOR. PRESENTACIÓN DE DETALLES: DESPUÉS DE RECUPERAR LOS DATOS, EL CÓDIGO PHP LOS MUESTRA EN EL FORMATO ADECUADO UTILIZANDO ETIQUETAS HTML <P> PARA CADA DETALLE DE LA PELÍCULA. HIPERVÍNCULO PARA REGISTRAR OTRA PELÍCULA: AL FINAL DE LOS DETALLES DE LA PELÍCULA, HAY UN HIPERVÍNCULO QUE LLEVA A UNA PÁGINA LLAMADA "ALTA_TABLA1_HUGO.PHP", QUE PRESUMIBLEMENTE ES UNA PÁGINA DONDE SE PUEDE REGISTRAR OTRA PELÍCULA. ESTILOS CSS: HAY ESTILOS CSS INCLUIDOS EN EL <HEAD> DEL DOCUMENTO PARA DAR FORMATO AL CONTENIDO, COMO EL COLOR DE FONDO, LOS MÁRGENES, EL TAMAÑO DE LA FUENTE, ETC.
  • 8. CONEXIÓN A LA BASE DE DATOS: SE REQUIERE EL ARCHIVO CONEXION1.PHP PARA ESTABLECER LA CONEXIÓN CON LA BASE DE DATOS. CONSULTA SQL: SE REALIZA UNA CONSULTA PARA SELECCIONAR TODOS LOS DATOS DE LA TABLA DE ACTORES (SELECT * FROM ACTORES). EJECUCIÓN DE LA CONSULTA Y RECUPERACIÓN DE RESULTADOS: LA CONSULTA SE EJECUTA UTILIZANDO LA CONEXIÓN A LA BASE DE DATOS Y LOS RESULTADOS SE ALMACENAN EN LA VARIABLE $ROWS MEDIANTE EL MÉTODO FETCHALL(). HTML PARA LA PRESENTACIÓN DEL INFORME: SE UTILIZA HTML PARA ESTRUCTURAR EL INFORME. SE PRESENTA UNA TABLA CON ENCABEZADOS QUE DESCRIBEN CADA COLUMNA DE DATOS, COMO EL NÚMERO DE ACTOR, NOMBRE, SALARIO, AÑO DE NACIMIENTO, PAÍS DE ORIGEN Y SEXO. BUCLE PHP PARA MOSTRAR LOS DATOS: SE UTILIZA UN BUCLE FOREACH DE PHP PARA RECORRER LOS RESULTADOS DE LA CONSULTA ALMACENADOS EN $ROWS. DENTRO DEL BUCLE, CADA FILA DE DATOS SE MUESTRA EN UNA FILA DE LA TABLA HTML, CON LOS VALORES DE CADA COLUMNA OBTENIDOS DE LA VARIABLE $ROW. ESTILOS CSS: SE INCLUYEN ESTILOS CSS EN EL <HEAD> DEL DOCUMENTO PARA DAR FORMATO AL CONTENIDO, COMO EL COLOR DE FONDO, LOS MÁRGENES, EL TAMAÑO DE LA FUENTE, ETC.