Tablas.
3.-¿Cómo crear una Tabla en html?
| 1. Hola, soy tu primera celda. | 2. Soy tu segunda celda. | 3. Soy tu tercera celda. | 4. Soy tu cuarta celda. | 5. Segunda fila, primera celda. | 6. Segunda fila, segunda celda. | 7. Segunda fila, tercera celda. | 8. Segunda fila, cuarta celda. |
| 1. Hola, soy tu primera celda. | 2. Soy tu segunda celda. | 3. Soy tu tercera celda. | 4. Soy tu cuarta celda. |
| 5. Segunda fila, primera celda. | 6. Segunda fila, segunda celda. | 7. Segunda fila, tercera celda. | 8. Segunda fila, cuarta celda. |
3.2.-Ejercicio propuesto: Tablas simples.
| uno | dos | tres | cuatro |
| cinco | seis | siete | ocho |
| Uno | Dos | Tres |
| Cuatro | Cinco | Seis |
| Siete | Ocho | Nueve |
4.-Tablas con imágenes
Julius Caesar. |
Ethelfelda. |
Attila. |
Rise of Kingdoms. |
Crunchyroll |
Hunter X Hunter. |
4.1.-Ejercicio propuesto: Imágenes de prueba.
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
5.0 Añadiendo encabezados con elementos "th".
| Dog name | Breed | Age | Eating Habits |
|---|---|---|---|
| Knocky | Jack Russell | 12 | Eats everyone's leftovers |
| Poppy | Poodle | 9 | Nibbles at food |
| Buddy | Street dog | 10 | Hearty eater |
| Bailey | Cocker Spaniel | 5 | Will eat till he explodes |
5.1.-Ejercicio propuesto: Paseador de perros.
| Dog Name | Owner | Phone Number | Breed | Age | Eating Habits | Picture |
|---|---|---|---|---|---|---|
| Inon | Natalia Rubio | 123 456 879 | Natalia Rubio | 3 | Todo lo que pilla, tambien las patas de las sillas y mesas. |
|
| Tommy | Javier Limorte | 987 654 321 | Perrera | 10 | Arrasa con todo, y si te despistas ya no tienes comida |
|
| Pio | José Ángel García | 456 789 123 | Posocov Maxim | 6 | Come todo lo que pilla, pero lo preferido las gallinas del corral. |
|
| Thor | Sergio Garbeu. | 321 456 987 | Perrera | 5 | Come de todo, y sigue una dieta. |
|
| Terry | Juan Martínez | 159 842 367 | Perro callejero | 7 | Come de todo |
|
| Titan | Andrea Moreno | 987 654 321 | Andrew Coll | 3 | Lleva una dieta equilibrada |
|
Añadir un título a tu tabla con caption
6.1.- Ejercicio propuesto: Tabla sencilla con título y encabezados
| Nombre | Apellido |
|---|---|
| José Ángel | García Martínez |
| Natalia | Rubio Saura |
| Daniela | Ortuño Pérez |
| Emilio Ángel | Prieto Ucles |
| Alina | Volkova Cherinkova |
6.2.-Ejercicio propuesto: Lista de países
| País | Capital | Población | Idioma | Imagen |
|---|---|---|---|---|
| España | Madrid | 3.339.931 | Español |
|
| Noruega | Oslo | 5.488.984 | Noruego |
|
| Finlandia | Helsinki | 5.549.184 | Finés o Finlandés |
|
| Rusia | Moscú | 142.856.536 | Ruso |
|
| Japón | Tokio | 124.545.000 | Japonés |
|
| Corea del Sur | Seúl | 51.465.985 | Coreano |
|
| China | Pekín | 1.414.782.000 | Chino |
|
| India | Nueva Delhi | 1.396.559.000 | Hindi |
|
| Turquía | Ankara | 85.580.000 | Turco |
|
| Estados Unidos | Washington D.C | 334.687.000 | Inglés |
|
7.-Ampliar las filas y las columnas
| Name | ID | Member Since | Balance |
|---|---|---|---|
| Margaret Nguyen | 427311 | 0.00 | |
| Edvard Galinski | 533175 | 37.00 | |
| Hoshi Nakamura | 601942 | 15.00 |
| Name | ID | Membership Dates | Balance | |
|---|---|---|---|---|
| Joined | Canceled | |||
| Margaret Nguyen | 427311 | n/a | 0.00 | |
| Edvard Galinski | 533175 | 37.00 | ||
| Hoshi Nakamura | 601942 | n/a | 15.00 | |
7.1.-Ejercicio propuesto: Tu horario
| Hora | Lunes | Martes | Miércoles | Jueves | Viernes |
|---|---|---|---|---|---|
| 07:55h-08:50h | Programación Rubio, Maria Consuelo (I101) |
Programación Rubio, Maria Consuelo (I101) |
Programación Rubio, Maria Consuelo (I101) |
Sistemas Informáticos Fuster, Jose Manuel (I101) |
Programación Rubio, Maria Consuelo (I101) |
| 08:50h-09:45h | Programación Rubio, Maria Consuelo (I101) |
Programación Rubio, Maria Consuelo (I101) |
Programación Rubio, Maria Consuelo (I101) |
Sistemas Informáticos Fuster, Jose Manuel (I101) |
Programación Rubio, Maria Consuelo (I101) |
| 09:45h-10:40h | Lenguaje de Marcas y sistemas de gestión de información Ruiz, Fernando (I101) |
Sistemas Informáticos Fuster, Jose Manuel (I101) |
Sistemas Informáticos Fuster, Jose Manuel (I101) |
Entornos de Desarrollo Checa, Virginia (I101) |
Base de Datos Cabanes, Jose Ignacio (I101) |
| 10:40h-11:00h | |||||
| 11:00h-11:55h | Lenguaje de Marcas y sistemas de gestión de información Ruiz, Fernando (I101) |
Sistemas Informáticos Fuster, Jose Manuel (I101) |
Lenguaje de Marcas y sistemas de gestión de información Ruiz, Fernando (I101) |
Entornos de Desarrollo Checa, Virginia (I101) |
Base de Datos Cabanes, Jose Ignacio (I101) |
| 11:55h-12:50h | Entornos de Desarrollo Checa, Virginia (I101) |
Base de Datos Cabanes, Jose Ignacio (I101) |
Base de Datos Cabanes, Jose Ignacio (I101) |
Inglés Técnico Diaz, Pablo (I101) |
Inglés Técnico Diaz, Pablo (I101) |
| 12:50h-13:10h | Base de Datos Cabanes, Jose Ignacio (I101) |
||||
| 13:10h-14:05h | Entornos de Desarrollo Checa, Virginia (I101) |
Entornos de Desarrollo Checa, Virginia (I101) |
Formación y orentación laboral Caceres, Paula Maria (I101) |
Entornos de Desarrollo Checa, Virginia (I101) |
|
| 14:05h-15:00h | Formación y orentación laboral Caceres, Paula Maria (I101) |
Formación y orentación laboral Caceres, Paula Maria (I101) |
8.0.-Estructurar la tabla con thead, tbody and tfoot
| The table header | |
|---|---|
| First cell in the table body | Second cell in the table body |
8.1.-Los elementos thead + tbody
| Name | ID | Membership Dates | Balance | |
|---|---|---|---|---|
| Joined | Canceled | |||
| Margaret Nguyen | 427311 | n/a | 0.00 | |
| Edvard Galinski | 533175 | 37.00 | ||
| Hoshi Nakamura | 601942 | n/a | 15.00 | |
8.1.1.-Ejercicio propuesto: Miembros de un club
| Nombre | ID | Fecha de Membresia | Saldo | Correo electrónico | Imágen | |
|---|---|---|---|---|---|---|
| Fecha de Inscripción | Fecha de Cancelación | |||||
| Margaret Denmark | 427311 | 3.500 Millones | MargaretDenmark@gmail.com |
|
||
| Edward Galinski | 533175 | 10,3 Millones | EdwarGali13@gmail.com |
|
||
| Takumi Nakamura | 601942 | n/a | 7,3 Millones | TakumiNakamura@gmail.com |
|
|
| Eichiro Oda | 601942 | n/a | 209,83 Millones | EiichiroOdaa@gmail.com |
|
|
| Scarlett Johansson | 221184 | n/a | 165,83 Millones | ScarlettJohansson@gmail.com |
|
|
| Hasbulla Magomedovich Magomedov | 070702 | n/a | 200,8 Millones | HasbullaMagomedovich@gmail.com |
|
|
| Conor Anthony McGregor | 080802 | n/a | 235,13 Millones | McGregor@gmail.com |
|
|
| Jun'ichi Suwabe | 290372 | n/a | 5,13 Millones | JunichiSuwabe@gmail.com |
|
|
8.2.-Los elementos cabeza + tcuerpo + tpie
| Purchase | Location | Date | Evaluation | Cost (€) |
|---|---|---|---|---|
| Haircut | Hairdresser | 12/20 | Great idea | 30 |
| Lasagna | Restaurant | 12/20 | Regrets | 18 |
| Shoes | Shoeshop | 13/20 | Big regrets | 65 |
| Toothpaste | Supermarket | 13/20 | Good | 5 |
| SUM | 118 | |||
8.2.1.-Ejercicio propuesto: Cómo gastar tu dinero
| COMPRA | UBICACIÓN | FECHA | EVALUACIÓN | COSTE (€) |
|---|---|---|---|---|
| Corte de Pelo | Barbería Peluquería EL SANZ | Buena Idea | 10 € | |
| Hamburguesa | Bully Burguer | Muy Buena Idea | 51,50 € | |
| Llanta OZ Superturismo GT | Selecus Wheels | Buenísima Idea | 1203,16 € | |
| Comida | Mercadona | Gran Idea | 56,89€ | |
| TOTAL GASTADO (€) | 1.321,55 € | |||
8.2.2.-Ejercicio propuesto: Títulos
Añade títulos a las tablas que has creado anteriormente y que aún no tienen ningún título. No olvides volver a validar tu código en Validador de HTML
8.2.3.-Ejercicio propuesto: Estructura de tabla
Añade secciones de encabezado, pie y cuerpo a todas las tablas que hayas creado en ejercicios anteriores y aún no tengan esas secciones. No olvides volver a validar tu código.