Está en la página 1de 8

Actividad 3

De acuerdo al código html y css, escriba la función que cumple cada línea de código
IMAGENES
<meta charset="imagenes-ADSI">
Indica de forma expresa la codificación de caracteres utilizada

<link rel="stylesheet" type="text/css" href="css/imagen.css">


Su función es enlazar archivos CSS con HTML

<div>
Con este código se establecen cajas

<img src ="imagenes/logo.jpg">


Sirve para insertar una imagen seleccionada.

div {
/*background: #ccc;
width: 800px;*/
}
En el archivo CSS se selecciona el código DIV para que aplique casilla caja en CSS.

width: 400px;
Muestra la longitud en que se va a mostrar la página.

height: auto;
margin: auto;
display: block;
Indica la ubicación en que se encuentra el dato seleccionado.

border-radius: 20px;
Rellena el borde del marco.

box-shadow: 5px 5px 0px #ccc;


coloca sombra a la caja

padding: 15px;
establece espacio entre el marco y el dato

border: 1px solid #000;


Coloca al borde un color seleccionado
LISTAS
Con este código de la imagen se coloca la estructura de un Menú

<ul>
Se crean listas desordenadas

<li>
Se crean los ítems de una lista

.menu li {
display: inline-block;

Menú aparece de forma horizontal

display: inline-block;
color:#fff;
Cambia el color y espacio etre las etras del borde.

.menu li a: hover {
background: red;
color: yellow;}
Cambia la presentación momentánea del menú cuando se coloca el cursor encima.
Listas ordenadas

TABLAS
<tr>
Define filas de cada tabla
<td>
Define columnas de cada tabla

table {
border: 2px solid #000;
border-collapse: collapse;
width: 500px
Se le asigna tamaño y borde a las casillas de una tabla.

table td {
border: 2px solid #000;
padding: 20px;}
Coloca borde y espacio a cada elemento de la tabla

table tr:hover {
background: #ccc;}
Cambia el color de la sección de la fila al pasar el cursor por encima.

table td: hover {


background: red;
color: #fff;
Cambia el color de la columna y letras al momento de seleccionar una casilla.