Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Trabajo Web
Trabajo 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>