css from descriptionFri, 31 Mar 2023
Codigo para ubicar un parrafo en la mitad
p {
position: absolute;
top: 40%;
left: 45%;
}
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;
}
generate html from descriptionFri, 31 Mar 2023
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>
generate html from descriptionFri, 14 Apr 2023
Párrafo con imagen de fondo
<p style="background-image: url(ejemplo.jpg); background-repeat: no-repeat; background-position: right;"> Ejemplo de párrafo con imagen de fondo </p>
css from descriptionFri, 14 Apr 2023
Centrar imagen
.container {
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
}
generate html from descriptionFri, 31 Mar 2023
Tabla de 2X4
<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
</tr>
</table>
generate html from descriptionThu, 13 Apr 2023
Crear una lista de formularios que contenga la casilla: imail
<form action="#" method="post">
<div class="form-group">
<label for="email">Email address:</label>
<input type="email" class="form-control" id="email">
</div>
</form>
css from descriptionFri, 31 Mar 2023
Codigo para centrar una imagen
.container {
display: flex;
justify-content: center;
align-items: center;
}
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;
}
generate html from descriptionThu, 13 Apr 2023
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
Codigo para marco de imagen redondo
.circle {
width: 100px;
height: 100px;
border-radius: 50%;
}
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;
}
css from descriptionThu, 13 Apr 2023
Al siguiente código html centrar el texto, darle bordes y color <h1> Servício Online de Matricula IE Don Bosco </h1>
h1 {
text-align: center;
border: 2px solid black;
color: red;
}
css from descriptionFri, 31 Mar 2023
Código para centrar titulo
.page-header {
text-align: center;
}
css from descriptionFri, 31 Mar 2023
Codigo para ubicar una lista no numerada en la izquierda
ul {
padding: 0;
list-style-type: none;
}
generate html from descriptionThu, 13 Apr 2023
Crear una lista de formularios que contenga la casilla: email
<form class="navbar-form">
<div class="form-group">
<input type="text" class="form-control" placeholder="Email">
</div>
</form>
generate html from descriptionThu, 13 Apr 2023
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>
generate html from descriptionMon, 24 Apr 2023
Agregar imagen
<img src ="http://lorempixel.com/400/200/sports/">
generate html from descriptionFri, 24 Mar 2023
Crear la siguiente página en lenguaje html título, párrafo de deporte, lista no ordenada, lista numerada
<html>
<head>
<title>
titulo
</title>
</head>
<body>
<h1>titulo</h1>
<p>parrafo</p>
<ul>
<li>titulo</li>
<li>titulo</li>
<li>titulo</li>
</ul>
<ol>
<li>titulo</li>
<li>titulo</li>
<li>titulo</li>
</ol>
</body>
</html>
generate html from descriptionFri, 14 Apr 2023
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
Código para poner un parrafo en la mitad de la pagina
p {
width: 60%;
margin: 0 auto;
}
generate html from descriptionFri, 05 May 2023
Añade un comentario sobre el elemento p con este texto: TODO: Add link to cat photos
<p>enlace a una foto de un gato</p>
<!-- TODO: Add link to cat photos -->
css from descriptionFri, 31 Mar 2023
Modificar el codigo html para que la imagen sea redonda y mas pequeña
.container {
width: 100px;
height: 100px;
border-radius: 50%
}
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)
generate html from descriptionMon, 24 Apr 2023
Agregar imagen que ya este almacenada en el computador
<img src="https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png">
generate html from descriptionFri, 05 May 2023
Antes de la casilla de entrada de texto (text input), añade un radio button con la opción: Indoor
<input type="radio" name="indoor-outdoor"> Indoor
generate html from descriptionFri, 14 Apr 2023
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
Código para ajustar párrafo a la izquierda de la página que el recuadro solo llegue hasta la mitad y que el texto esté alineado a la derecha
.container {
width: 50%;
}
p {
text-align: right;
}
css from descriptionFri, 14 Apr 2023
Generar bordes y cuadricula a una tabla
table {
border-collapse: collapse;
border: 1px solid black;
}
td, th {
border: 1px solid black;
}
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>
generate html from descriptionFri, 14 Apr 2023
Tabla
1. table 1
2. table 2
3. table 3
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;
}
css from descriptionFri, 31 Mar 2023
Comando para centrar un cuadro de texto
.container {
display: flex;
justify-content: center;
align-items: center;
width: 100px;
height: 100px;
}
css from descriptionFri, 31 Mar 2023
Código para centrar h1
h1 {
margin: 0 auto;
width: 50%;
}
generate html from descriptionThu, 13 Apr 2023
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;
}
generate html from descriptionFri, 14 Apr 2023
Tabla horario de clase con 5 casillas horizontales y 7 verticales
<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
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, 13 Apr 2023
al siguiete codigo html centrar el texto, darle bordes y color <h1> Servício Online de Matricula IE Don Bosco </h1>
h1 {
text-align: center;
border: 2px solid;
border-color: #191919;
color: #191919;
}
css from descriptionFri, 31 Mar 2023
Código para ajustar h1 a la mitad
h1 {
width: 50%;
}
generate html from descriptionFri, 05 May 2023
Añade el texto link to cat pictures al elemento anchor. Esto se convertirá en el texto del enlace.
<a href="http://placekitten.com">link to cat pictures</a>
css from descriptionFri, 31 Mar 2023
Codigo para imagen redonda
.container-redonda {
width: 200px;
height: 200px;
background-image: url('http://placekitten.com/200/200');
border-radius: 50%;
}
generate html from descriptionFri, 31 Mar 2023
4 links para abrir paginas
<a href="https://www.youtube.com/">Youtube</a>
<a href="https://www.google.com/">Google</a>
<a href="https://www.facebook.com/">Facebook</a>
<a href="https://www.instagram.com/">Instagram</a>
generate html from descriptionFri, 14 Apr 2023
Imagen detrás de parrafo
<img src="img.jpg" style="position: absolute; top: 0; left: 0; opacity: 0.2;"/>
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;
}
css from descriptionFri, 31 Mar 2023
Código para centrar h1 usando margin left y margin raight
.title {
margin-left: auto;
margin-right: auto;
}
generate html from descriptionThu, 30 Mar 2023
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