Daniel Muñoz

All generations.

css from descriptionFri, 31 Mar 2023

Genera código para que la página tenga margen, el primer párrafo tenga bordes, su alineación sea en la parte izquierda y el texto se encuentre ubicado en la parte derecha, para el segundo párrafo bordes, alineación en el centro y texto en la parte de abajo, para la lista no numerada bordes, alineación en la parte derecha y texto en la mitad

body { margin: 10px; padding: 10px; } p { border: 1px solid black; } p:first-of-type { text-align: left; text-align-last: right; } p:last-of-type { text-align: center; text-align-last: bottom; } ul { border: 1px solid black; text-align: right; text-align-last: center; }

Crear la siguiente página en lenguaje html, la página tiene que tener título, 2 párrafos (cada párrafo tiene que tener un id), lista no numerada, imagen y tabla de datos

<html> <head> <title>Pagina con: titulo, 2 parrafos, lista no numerada, imagen y tabla de datos</title> </head> <body> <h1>Bienvenido!!</h1> <p id="parrafo1">Hola, bienvenido a mi pagina web</p> <p id="parrafo2">Este es un ejercicio</p> <h2>Lista no numerada</h2> <ul> <li>Hola</li> <li>Como estas</li> </ul> <h2>Imagen</h2> <img src="http://www.laverdad.es/murcia/imagenes/2015/04/22/noticias/1429663230_974562_1429663528_sumario_grande.jpg"> <h2>Tabla de datos</h2> <table> <thead>

css from descriptionFri, 31 Mar 2023

Editar el siguiente código html para que el primer párrafo tenga bordes, su alineación sea en la parte izquierda y el texto se encuentre ubicado en la parte derecha, para el segundo párrafo bordes, alineación en el centro y texto en la parte de abajo, para la lista no numerada bordes, alineación en la parte derecha y texto en la mitad Codigo: <html> <head> <title>Pagina con: titulo, 2 parrafos, lista no numerada, imagen y tabla de datos</title> </head> <body> <h1>Bienvenido!!</h1> <p id="parrafo1">Hola, bienvenido a mi pagina web</p> <p id="parrafo2">Este es un ejercicio</p> <h2>Lista no numerada</h2> <ul> <li>Hola</li> <li>Como estas</li> </ul>

#parrafo1 { border: 1px solid black; text-align: center; float:left; } #parrafo2 { border: 1px solid black; text-align: right; float:right; } ul { border: 1px solid black; float: right; }

css from descriptionThu, 30 Mar 2023

Ingresar bordes a la siguiente tabla html <table> <thead> <tr> <th>Hora</th> <th>Lunes</th> <th>Martes</th> <th>Miercoles</th> <th>Jueves</th> <th>Viernes</th> </tr> </thead> <tbody> <tr> <td>7:00AM-7:45AM</td> <td>Reunion General</td> <td>Física</td> <td>Filosfia</td> <td>Edu. Física</td> <td>Español</td> </tr> </thead> <tbody> <tr> <td>7:55AM-8:50AM</td> <td>Química</td> <td>Física</td> <td>Filosfia</td> <td>Edu. Física</td> <td>Español</td> </tr> </thead> <tbody> <tr> <td>8:50AM-9:45AM</td> <td>Química</td> <td>Religión</td> <td>Etica</td> <td>Español</td> <td>Física</td> </tr> </thead> <tbody> <tr> <td>10:15AM-11:10AM</td> <td>Ciencias Politicas</td> <td>Ingles</td> <td>Química</td> <td>Español</td> <td>Física</td> </tr> </thead> <tbody> <tr> <td>11:10AM-12:05PM</td> <td>Matemáticas</td> <td>Ingles</td> <td>Ciencias Politicas</td> <td>Química</td> <td>Matemáticas</td> </tr> </thead> <tbody> <tr> <td>12:05PM-1:00PM</td> <td>Matemáticas</td> <td>Plan Lector</td> <td>Ingles</td> <td>Química</td> <td>Matemáticas</td> </tr>

table,td { border: 2px solid red; padding: 10px; }

Crear una lista de formularios que contenga las casillas: Texto alfanumérico libre(texto corto), texto para búsquedas, número de teléfono, dirección url, clave, campo oculto, texto alfanumérico libre (texto largo), número o cantidad numérico, rango numérico, fecha, hora, fecha y hora local, mes, semana, casilla de verificación, botón radio, lista (cerrada), lista (abierta), campo de entrada de datos de selección de color y adjuntar archivo

<form> <input type="text" name="" id="" value="" placeholder="Texto alfanumérico libre(texto corto)"> <input type="search" name="" id="" value="" placeholder="texto para búsquedas"> <input type="tel" name="" id="" value="" placeholder="número de teléfono"> <input type="url" name="" id="" value="" placeholder="dirección url"> <input type="password" name="" id="" value="" placeholder="clave"> <input type="hidden" name="" id="" value="" placeholder="campo oculto"> <input type="text" name="" id="" value="" placeholder="texto alfanumérico libre (texto largo)"> <input type="number" name="" id="" value="" placeholder="número o cantidad numérico"> <input type="range" name="" id="" value="" placeholder="rango numérico"> <input type="date" name="" id="" value=""

css from descriptionFri, 31 Mar 2023

Generar marcos y pilares a la siguiente tabla <tr> <td> <a href="https://www.youtube.com/">Youtube</a> </td> <td> <a href="https://www.google.com/">Google</a> </td> <td> <a href="https://www.facebook.com/">Facebook</a> </td> <td> <a href="https://www.instagram.com/">Instagram</a> </td> </tr>

<table border='1' cellspacing='0' cellpadding='0'> <tr> <td> <a href="https://www.youtube.com/">Youtube</a> </td> <td> <a href="https://www.google.com/">Google</a> </td> <td> <a href="https://www.facebook.com/">Facebook</a> </td> <td> <a href="https://www.instagram.com/">Instagram</a> </td> </tr> </table>

css from descriptionFri, 31 Mar 2023

Generar marcos y pilares a la siguiente tabla <tr> <td> <a href="https://www.youtube.com/">Youtube</a> </td> <td> <a href="https://www.google.com/">Google</a> </td> <td> <a href="https://www.facebook.com/">Facebook</a> </td> <td> <a href="https://www.instagram.com/">Instagram</a> </td> </tr>

.tabla { width: 450px; height: 350px; border: 1px solid #000; border-collapse: collapse; } .table td { width: 100px; height: 50px; border: 1px solid #000; } .table a { text-decoration: none; color: #000; }

css from descriptionFri, 31 Mar 2023

Editar el siguiente código html para que el primer párrafo tenga bordes, su alineación sea en la parte izquierda y el texto se encuentre ubicado en la parte derecha, para el segundo párrafo bordes, alineación en el centro y texto en la parte de abajo, para la lista no numerada bordes, alineación en la parte derecha y texto en la mitad Codigo: <html> <head> <title>Pagina con: titulo, 2 parrafos, lista no numerada, imagen y tabla de datos</title> </head> <body> <h1>Bienvenido!!</h1> <p id="parrafo1">Hola, bienvenido a mi pagina web</p> <p id="parrafo2">Este es un ejercicio</p> <h2>Lista no numerada</h2> <ul> <li>Hola</li> <li>Como estas</li> </ul>

.container { width: 100px; height: 100px; }

Crear una lista de formularios que contenga las casillas: fecha y hora local, mes, semana, casilla de verificación, botón radio, lista (cerrada), lista (abierta), campo de entrada de datos de selección de color y adjuntar archivo

<form action="" method="post"> <input type="date" placeholder="fecha y hora local"> <input type="month" placeholder="mes"> <input type="week" placeholder="semana"> <input type="checkbox" placeholder="casilla de verificación"> <input type="radio" placeholder="botón radio"> <input type="select" placeholder="lista (cerrada)"> <input type="select" multiple placeholder="lista (abierta)"> <input type="color" placeholder="campo de entrada de datos de selección de color"> <input type="file" placeholder="adjuntar archivo"> </form>

Tabla de 7 lines

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> td{ border-bottom: 2px solid black; } </style> </head> <body> <table> <tr> <td>1</td> <td>A</td> </tr> <tr> <td>2</td> <td>B</td> </tr> <tr> <td>3</td> <td>C</td> </tr> <tr> <td>4</td> <td>D</td> </tr> <tr> <

css from descriptionFri, 31 Mar 2023

Editar el siguiente código html para que el primer párrafo tenga bordes, su alineación sea en la parte izquierda y el texto se encuentre ubicado en la parte derecha, para el segundo párrafo bordes, alineación en el centro y texto en la parte de abajo, para la lista no numerada bordes, alineación en la parte derecha y texto en la mitad Codigo: <html> <head> <title>Pagina con: titulo, 2 parrafos, lista no numerada, imagen y tabla de datos</title> </head> <body> <h1>Bienvenido!!</h1> <p id="parrafo1">Hola, bienvenido a mi pagina web</p> <p id="parrafo2">Este es un ejercicio</p> <h2>Lista no numerada</h2> <ul> <li>Hola</li> <li>Como estas</li> </ul>

#parrafo1{ border:2px; text-align:left; text-align:right; } #parrafo2{ border:2px; text-align:center; text-align:bottom; }

css from descriptionFri, 31 Mar 2023

Editar el siguiente código html para que el primer párrafo tenga bordes, su alineación sea en la parte izquierda y el texto se encuentre ubicado en la parte derecha, para el segundo párrafo bordes, alineación en el centro y texto en la parte de abajo, para la lista no numerada bordes, alineación en la parte derecha y texto en la mitad, la imagen en el centro y que este de forma circular Codigo: <html> <head> <title>Pagina con: titulo, 2 parrafos, lista no numerada, imagen y tabla de datos</title> </head> <body> <h1>Bienvenido!!</h1> <p id="parrafo1">Hola, bienvenido a mi pagina web</p> <p id="parrafo2">Este es un ejercicio</p> <h2>Lista no numerada</h2> <ul> <li>Hola</li> <li>Como estas</li> </ul> <h2>Imagen</h2> <img src="http://www.laverdad.es/murcia/imagenes/2015/04/22/noticias/1429663230_974562_1429663528_sumario_grande.jpg"> <h2>Tabla de datos</h2> <table> <thead>

` ## Reference * [CSS Selectors](http://www.w3schools.com/cssref/css_selectors.asp) * [CSS Properties](http://www.w3schools.com/cssref/default.asp)

Generar un horario de clases

<table> <thead> <tr> <th>Horas</th> <th>Lunes</th> <th>Martes</th> <th>Miercoles</th> <th>Jueves</th> <th>Viernes</th> </tr> </thead> <tbody> <tr> <td>8:30 - 9:20</td> <td></td> <td>Programacion I</td> <td></td> <td>Programacion II</td> <td></td> </tr> <tr> <td>9:20 - 10:10</td> <td></td> <td>Programacion I</td> <td></td> <td>Programacion II</td> <td></td> </tr> <tr> <td>10:10 - 11:

css from descriptionFri, 31 Mar 2023

Editar el siguiente código html para que el primer párrafo tenga bordes, su alineación sea en la parte izquierda y el texto se encuentre ubicado en la parte derecha, para el segundo párrafo bordes, alineación en el centro y texto en la parte de abajo, para la lista no numerada bordes, alineación en la parte derecha y texto en la mitad, la imagen en el centro y que este de forma circular Codigo: <html> <head> <title>Pagina con: titulo, 2 parrafos, lista no numerada, imagen y tabla de datos</title> </head> <body> <h1>Bienvenido!!</h1> <p id="parrafo1">Hola, bienvenido a mi pagina web</p> <p id="parrafo2">Este es un ejercicio</p> <h2>Lista no numerada</h2> <ul> <li>Hola</li> <li>Como estas</li> </ul> <h2>Imagen</h2> <img src="http://www.laverdad.es/murcia/imagenes/2015/04/22/noticias/1429663230_974562_1429663528_sumario_grande.jpg"> <h2>Tabla de datos</h2> <table> <thead>

<tr> <th>HolA</th> <th>Como</th> <th>Estas</th> </tr>

css from descriptionFri, 24 Mar 2023

Código para modificar los colores, bordes y alineación del siguiente código html <!DOCTYPE html> <html> <head> <title> Trabajo sistemas </title> </head> <body> <h1>Futbol</h1> <p>Los últimos 3 ganadores de la Copa del Mundo de la FIFA </p> <ul> <li>Argentina</li> <li>Francia</li> <li>Alemania</li> </ul> <p>Los últimos 3 ganadores del balon de oro </p> <ol> <li>Karim Benzema</li> <li>Lionel Messi</li> <li>Lionel Messi</li> </ol> </body> </html>

body { background-color: #00FFFF; } h1 { color: #FF1493; text-align: center; } p { color: #4B0082; text-align: center; } li { color: #FF00FF; border-style: solid; border-width: 5px; text-align: center; } ol { color: #FF0000; }

Crear una lista de formularios que contenga las casillas: Texto alfanumérico libre(texto corto), texto para búsquedas, número de teléfono, dirección url, clave, campo oculto, texto alfanumérico libre (texto largo), número o cantidad numérico, rango numérico, fecha, hora, fecha y hora local, mes, semana, casilla de verificación, botón radio, lista (cerrada), lista (abierta), campo de entrada de datos de selección de color y adjuntar archivo

<label for="text">Texto alfanumérico libre(texto corto)</label> <input type="text" id="text" name="text"> <label for="search">texto para búsquedas</label> <input type="search" id="search" name="search"> <label for="tel">número de teléfono</label> <input type="tel" id="tel" name="tel"> <label for="url">dirección url</label> <input type="url" id="url" name="url"> <label for="password">clave</label> <input type="password" id="password" name="password"> <label for="hidden">campo oculto</label> <input type="hidden" id="hidden" name="hidden"> <label for="textarea">texto alfanumérico libre (texto largo)</label> <textarea id="textarea" name="textarea"></textarea> <label for="

css from descriptionThu, 13 Apr 2023

crea un formulario de matricula de colegio, en el cual se encuentren los siguientes datos: nombre, edad, nombre de acudiente, pais, ciudad

<form action="/action_page.php" class="form-group"> <label for="fname">Nombre:</label> <input type="text" id="fname" name="nombre" placeholder="Escriba su nombre"> <label for="lname">Edad:</label> <input type="number" id="lname" name="lastname" placeholder="Escriba su edad"> <label for="fname">Nombre de Acudiente:</label> <input type="text" id="fname" name="nombre" placeholder="Escriba su nombre"> <label for="lname">Pais:</label> <input type="text" id="lname" name="lastname" placeholder="Escriba su Pais"> <label for="lname">Ciudad:</label> <input type="text" id="lname" name="lastname" placeholder="Escriba su ciudad"> <input type="

css from descriptionFri, 31 Mar 2023

Generar marcos y pilares a la siguiente tabla <tr> <td> <a href="https://www.youtube.com/">Youtube</a> </td> <td> <a href="https://www.google.com/">Google</a> </td> <td> <a href="https://www.facebook.com/">Facebook</a> </td> <td> <a href="https://www.instagram.com/">Instagram</a> </td> </tr>

table { border-collapse: collapse; width: 100%; } th, td { text-align: left; padding: 8px; } tr:nth-child(even){background-color: #f2f2f2} th { background-color: #4CAF50; color: white; }

css from descriptionThu, 30 Mar 2023

Ingresar bordes y columnas a la siguiente tabla html <table> <thead> <tr> <th>Hora</th> <th>Lunes</th> <th>Martes</th> <th>Miercoles</th> <th>Jueves</th> <th>Viernes</th> </tr> </thead> <tbody> <tr> <td>7:00AM-7:45AM</td> <td>Reunion General</td> <td>Física</td> <td>Filosfia</td> <td>Edu. Física</td> <td>Español</td> </tr> </thead> <tbody> <tr> <td>7:55AM-8:50AM</td> <td>Química</td> <td>Física</td> <td>Filosfia</td> <td>Edu. Física</td> <td>Español</td> </tr> </thead> <tbody> <tr> <td>8:50AM-9:45AM</td> <td>Química</td> <td>Religión</td> <td>Etica</td> <td>Español</td> <td>Física</td> </tr> </thead> <tbody> <tr> <td>10:15AM-11:10AM</td> <td>Ciencias Politicas</td> <td>Ingles</td> <td>Química</td> <td>Español</td> <td>Física</td> </tr> </thead> <tbody> <tr> <td>11:10AM-12:05PM</td> <td>Matemáticas</td> <td>Ingles</td> <td>Ciencias Politicas</td> <td>Química</td> <td>Matemáticas</td> </tr> </thead> <tbody> <tr> <td>12:05PM-1:00PM</td> <td>Matemáticas</td> <td>Plan Lector</td> <td>Ingles</td> <td>Química</td> <td>Matemáticas</td> </tr>

table { margin-top: 20px; border-collapse: collapse; border: 1px solid #000; text-align: center; } td, th { border: 1px solid #000; } td { padding: 10px; } th { padding: 15px; }

css from descriptionThu, 30 Mar 2023

Ingresar bordes a la siguiente tabla html <table> <thead> <tr> <th>Hora</th> <th>Lunes</th> <th>Martes</th> <th>Miercoles</th> <th>Jueves</th> <th>Viernes</th> </tr> </thead> <tbody> <tr> <td>7:00AM-7:45AM</td> <td>Reunion General</td> <td>Física</td> <td>Filosfia</td> <td>Edu. Física</td> <td>Español</td> </tr> </thead> <tbody> <tr> <td>7:55AM-8:50AM</td> <td>Química</td> <td>Física</td> <td>Filosfia</td> <td>Edu. Física</td> <td>Español</td> </tr> </thead> <tbody> <tr> <td>8:50AM-9:45AM</td> <td>Química</td> <td>Religión</td> <td>Etica</td> <td>Español</td> <td>Física</td> </tr> </thead> <tbody> <tr> <td>10:15AM-11:10AM</td> <td>Ciencias Politicas</td> <td>Ingles</td> <td>Química</td> <td>Español</td> <td>Física</td> </tr> </thead> <tbody> <tr> <td>11:10AM-12:05PM</td> <td>Matemáticas</td> <td>Ingles</td> <td>Ciencias Politicas</td> <td>Química</td> <td>Matemáticas</td> </tr> </thead> <tbody> <tr> <td>12:05PM-1:00PM</td> <td>Matemáticas</td> <td>Plan Lector</td> <td>Ingles</td> <td>Química</td> <td>Matemáticas</td> </tr>

table { border-collapse: collapse; width: 100%; } th, td { text-align: left; padding: 8px; } tr:nth-child(even){background-color: #f2f2f2} th { background-color: #4CAF50; color: white; }

Crear la siguiente página en lenguaje html para construir un horario de clases de lunes a viernes y que contenga 6 horas

<table border="1px" width="100px"> <thead> <tr> <th>Hora</th> <th>Lunes</th> <th>Martes</th> <th>Miercoles</th> <th>Jueves</th> <th>Viernes</th> </tr> </thead> <tbody> <tr> <td>08:00-09:00</td> <td>Matematicas</td> <td>Historia</td> <td>Geografia</td> <td>Comunicación</td> <td>Ingles</td> </tr> <tr> <td>09:00-10:00</td> <td>Matematicas</td> <td>Historia</td> <td>Geografia</td> <td>Comunic

Questions about programming?Chat with your personal AI assistant