MATERIA
DEWE
EVIDENCIAS
HTML
ALUMNO(A):
ARELLANO RODRIGUEZ
HUMBERTO DAVID
GRUPO: 602
DOCENTE:
DALIA MEJIA VILLEGAS
PRACTICA 17
<html>
<style type="text/css">
h2{background:red}
</style>
</head>
<body>
<h2>el fondo del titulo es rojo</h2>
</body>
<head>
<style type:"text/css">
body{background-color:orange}
</style>
</head>
<body>
<p>El fondo de la pagina es naranja</p>
</body>
<html>
<style tupe="tex/css">
body{background-image:url("[Link]")}
h2{color:white}
</style>
</head>
<body>
<h2>ejemplo de una imagen de fondo</h2>
</body>
<head>
<style type:"text/css">
body{
background-image:url("imagenes/[Link]");
background-repeat:repeat;
}
</style>
</head>
<body>
<h4>Repeticion de una imagen </h4>
</body>
<head>
<style type:"text/css">
body{
background-image:url("imagenes/[Link]");
background-repeat:repeat-x;
}
</style>
</head>
<body>
<h4>Repeticion de una imagen </h4>
</body>
<head>
<style type:"text/css">
body{
background-image:url("imagenes/[Link]");
background-repeat:repeat-y;
}
</style>
</head>
<body>
<h4>Repeticion de una imagen </h4>
</body>
<head>
<style type:"text/css">
body{
background-image:url("imagenes/[Link]");
background-repeat:no-repeat;
}
</style>
</head>
<body>
<h4>Repeticion de una imagen </h4>
</body>
<head>
<style type:"text/css">
body{
background-image:url("imagenes/[Link]");
background-repeat:no-repeat;
background-position: botton;
}
</style>
</head>
<body>
<h4> botton</h4>
</body>
<head>
<style type:"text/css">
body{
background-image:url("imagenes/[Link]");
background-repeat:no-repeat;
background-position: 60px 100px;
}
</style>
</head>
<body>
<h4>imagen en coordenadas x=60px y=100px</h4>
</body>
<head>
<style type:"text/css">
body{
background-image:url("imagenes/[Link]");
background-repeat:no-repeat;
background-position: coodinadas x-y;
}
</style>
</head>
<body>
<h4>imagen en coordenadas x=60px y=100px</h4>
</body>
<head>
<style type:"text/css">
body{
background-image:url("imagenes/[Link]");
background-repeat:no-repeat;
background-position: left;
}
</style>
</head>
<body>
<h4> left </h4>
</body>
<head>
<style type:"text/css">
body{
background-image:url("imagenes/[Link]");
background-repeat:no-repeat;
background-position: center;
}
</style>
</head>
<body>
<h4> center</h4>
</body>
<head>
<style type:"text/css">
body{
background-image:url("imagenes/[Link]");
background-repeat:no-repeat;
background-position: right;
}
</style>
</head>
<body>
<h4> right</h4>
</body>
<head>
<style type:"text/css">
body{
background-image:url("imagenes/[Link]");
background-repeat:no-repeat;
background-position: top;
}
</style>
</head>
<body>
<h4> top</h4>
</body>
Glosario
<html>Limitan el documento e indica que se encuentra escrito en este lenguaje.
<head>Especifica el prlogo del resto del archivo. Son pocas las tags que van dentro de
ella, destacando la del titulo <TITLE> que ser utilizado por los marcadores del navegador e
identificar el contenido de la pgina
<P>
Prrafos. En principio, sin entrar en detalles de alineacin u otras caractersticas,
digamos que se definen por las tags <P>.....<P>
<hr>elemento slo en trminos de presentacin, el elemento se ha dado el propsito
especfico de semntica
<center>
<h1>
<#>
etiquetado para centrar un conjunto ya sea texto o imagen
etiquetado predeterminado para dar formato a un texto
etiquetado predeterminado para dar vnculo con una parte de nuestra pagina
BORDER="". Indica el tamao del borde en pxels, en este caso 4. Si no
se indica nada carece de borde .
WIDTH="" o WIDTH="50%". Es el ancho de la tabla, puede
especificarse en valor absoluto (5 pxels) o como un porcentaje (50% del
ancho disponible)
CELLSPACING="". Es el espacio entre las celdas, por defecto es 2
CELLPADDING="". Es el espacio entre el contenido de las
celdas y el borde de las mismas, por defecto es 1 ALIGN=" left",
"right", "center". Alinea la tabla a la izquierda , derecha o en el
centro.
