Академический Документы
Профессиональный Документы
Культура Документы
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("estrella.jpg")}
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/fondo.jpg");
background-repeat:repeat;
}
</style>
</head>
<body>
<h4>Repeticion de una imagen </h4>
</body>
<head>
<style type:"text/css">
body{
background-image:url("imagenes/fondo.jpg");
background-repeat:repeat-x;
}
</style>
</head>
<body>
<h4>Repeticion de una imagen </h4>
</body>
<head>
<style type:"text/css">
body{
background-image:url("imagenes/fondo.jpg");
background-repeat:repeat-y;
}
</style>
</head>
<body>
<h4>Repeticion de una imagen </h4>
</body>
<head>
<style type:"text/css">
body{
background-image:url("imagenes/fondo.jpg");
background-repeat:no-repeat;
}
</style>
</head>
<body>
<h4>Repeticion de una imagen </h4>
</body>
<head>
<style type:"text/css">
body{
background-image:url("imagenes/fondo.jpg");
background-repeat:no-repeat;
background-position: botton;
}
</style>
</head>
<body>
<h4> botton</h4>
</body>
<head>
<style type:"text/css">
body{
background-image:url("imagenes/fondo.jpg");
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/fondo.jpg");
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/fondo.jpg");
background-repeat:no-repeat;
background-position: left;
}
</style>
</head>
<body>
<h4> left </h4>
</body>
<head>
<style type:"text/css">
body{
background-image:url("imagenes/fondo.jpg");
background-repeat:no-repeat;
background-position: center;
}
</style>
</head>
<body>
<h4> center</h4>
</body>
<head>
<style type:"text/css">
body{
background-image:url("imagenes/fondo.jpg");
background-repeat:no-repeat;
background-position: right;
}
</style>
</head>
<body>
<h4> right</h4>
</body>
<head>
<style type:"text/css">
body{
background-image:url("imagenes/fondo.jpg");
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>
<center>
<h1>
<#>
etiquetado predeterminado para dar vnculo con una parte de nuestra pagina