ejemplos con tablas

Tablas dentro de una celda








Aca puede poner un parrafo
Aca otro parrafo

Esta celda contiene una tabla:


A
B


C
D





Esta celda contiene una lista

applesbananas
pineapples


Hola




Archivo CSS
table, th, td
{
border-collapse:collapse;
border:1px solid black;
}
th, td
{
padding:5px;
}
Col group










ISBN
Titulo
Precio3476896
Mi primer HTML
$53


5869207
Mi primer CSS
$49




Archivo CSS
table,th,td
{
border:1px solid black;
}

Elementos thead,tbody y tfoot




thead {color:green;}tbody {color:blue;}
tfoot {color:red;}
table,th,td
{
border:1px solid black;
}






Mes
Ahorros




total
$180




Enero
$100


Febrero
$80







Listas
Listasdesordenadas



Lista Unordered:

Cafe
Te
Leche



Listas ordenadas



Lista ordenada:

Cafe
Te
Leche



Diferentes tipos de listas ordenadas



Numeros:

Manzanas
BananasLimones
Naranjas

Letras:

Manzanas
Bananas
Limones
Naranjas

Lowercase letters list:

Manzanas
Bananas
Limones
Naranjas

Numeros Romanos:

Manzanas
Bananas
Limones
NaranjasNumeros romanos en minuscula:

Manzanas
Bananas
Limones
Naranjas




Diferentes tipos de listas desordenadas




Nota:El atributo type de la etiqueta ul ya no es soportada en html 4 yhtml 5
Por lo tanto utilizaremos el atributo style de CSS/p>

Disc bullets :

Manzanas
Bananas
Limones
Naranjas

Circle bullets :

Manzanas
Bananas
Limones
Naranjas

Square bullets :Manzanas
Bananas
Limones
Naranjas



Listas anidadas



Listas indexadas:

Cafe
Te

Te Negro
Te Verde


Leche



Mas Listas anidadas



Lista anidada:

Cafe
Te

TeNegro
Te Verde

China
Africa




Leche





DIV
El elemento div puede ser utilizado como un contenedor para agrupar otros elementos de Html.



Texto fuera del DIV

Esta es...