Está en la página 1de 8

SISTEMAS WEB

LABORATORIO HTML

1.- EJERCICIO

CODIGO
<head>
<style type="text/css">
body {background-color:#FFC0CB}
h2 {background-color:#FF0000}
h3 {background-color:transparent}
p {background-color:#FFA500}
</style>
</head>
<body>
bienvenidos al site web
<h2>ALUMNO : TURPO CHAVEZ ABEL</h2>
<h3>CURSO: SISTEMAS WEB</h3>
<p>TURNO : TARDE</p>
</body>
</html>



SISTEMAS WEB
LABORATORIO HTML

2.- EJERCICIO


<head>

<style type = "text/css">
body {background-image:url('fondo1.jpg' )}
</style>

</head>

<body>

</body>
</html>








SISTEMAS WEB
LABORATORIO HTML
3.- EJERCICIO



<head>

<style type = "text/css">
body
{
background-image:url('fondo2.jpg');
background-repeat:repeat
}
</style>

</head>

<body>

</body>
</html>




SISTEMAS WEB
LABORATORIO HTML

4.- EJERCICIO


<head>

<style type = "text/css">
body {
background-image: url(fondo3.gif);
background -repeat: no-repeat;
background-attachment:fixed

}
</style>
</head>
<body>
<p> texto y mas texto . texto y mas texto </p>
<p> texto y mas texto . texto y mas texto </p>
<p> texto y mas texto . texto y mas texto </p>
<p> texto y mas texto . texto y mas texto </p>
<p> texto y mas texto . texto y mas texto </p>
<p> texto y mas texto . texto y mas texto </p>
</body>
</html
SISTEMAS WEB
LABORATORIO HTML

5.- EJERCICIO

<head>

<style type = "text/css">

h3{text-transform:capitalize}
h4{text-transform:uppercase}
p {text-transform:lowercase}


</style>

</head>

<body>
<h3> convierte la primera letra de cada palabra en mayuscula </h3>
<h4> convierte todas las letras en mayuscula </h4>

<p> CONVIERTE TODAS LAS LETRAS EN MINUISCULA</p>
</body>
</html>

SISTEMAS WEB
LABORATORIO HTML
6.- EJERCICIO


<head>

<style type = "text/css">

p{color:red}
h3{color:rgb(128,0,128)}
h4 {color:#0000ff}


</style>

</head>

<body>
<p> color definido por nombre </p>
<h3> Color definidoen sistema </h3>
<h4> color definido en el sistema hexadecimal</h4>
</body>
</html>


SISTEMAS WEB
LABORATORIO HTML

7.- EJERCICIO Y TRABAJO

<head>

<style type = "text/css">
h3{text-transform:capitalize}
body {background-color:ORANGE}
table plegado
{
border-collapse:collapse

}


</style>

</head>

<body>
<h1 align="center"> MIS DATOS PERSONALES </h1>

<PRE>

<center>
SISTEMAS WEB
LABORATORIO HTML
<table align="center" class="plegado"border="0" width="10%" CELLSPACING="0">
<tr align="center" valign="middle">
<td style= "border:double blue"> <b> NOMBRES Y APELLIDOS </b> </td>
<td style= "border:double blue"> Abel Roberto Turpo chavez </td>

</tr>
<tr style = "border:medium dashed black">
<td style= "border:double blue"> <b> CURSO </b> </td>
<td style= "border:double blue"> Sistemas web </td>
</tr>
<tr style = "border:medium dashed black">
<td style= "border:double blue"> <b> FACULTAD </b> </td>
<td style= "border:double blue"> Ingenieria de Sistemas </td>
</tr>
<tr style = "border:medium dashed black">
<td style= "border:double blue"> <b> LUGAR DE NACIMIENTO </b> </td>
<td style= "border:double blue"> lima-Peru </td>
</tr>
</table>
<PRE>
<PRE>
<table align="center" class="plegado"border="0" width="10%" CELLSPACING="0">
<tr align="center" valign="middle">
<td style= "border:double blue"> <b> <img src='fondo4.jpg'url/fondo2.jpg" align=top /><b>
Bueno soy una proactiva que le gusta aprender mucho,
me gusta la musica clasica y ranchera , mi cantante
favorito es vicente fernandez ......en mis ratos libre
me gusta leer obras y libros relacionados a la economia,
como por ejemplo libros de Adan smith , etc
</b> </td>
</tr>
</center>
</PRE>

</body>
</html>

También podría gustarte