Você está na página 1de 3

FICHA DE TRABAJO N° 01

Desarrollemos las siguientes actividades:

PRACTICA A

<!DOCTYPE html>
<html lang="es-ES">
<head>
<meta charset="utf-8">
<title>Ejemplo de texto en negrita</title>
</head>
<body>
<p>En este párrafo, <b>estas palabras se deben mostrar en negrita</b>, en un navegador web.</p>
</body>
</html>

PRACTICA B

<!DOCTYPE html>
<html lang="es-ES">
<head>
<meta charset="utf-8">
<title>Ejemplo de texto en cursiva</title>
</head>
<body>
<p>En este párrafo, <i>estas palabras se deben mostrar en cursiva</i>, en un navegador
web.</p>
</body>
</html>

PRACTICA C

<!DOCTYPE html>
<html lang="es-ES">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>El Ártico ha perdido el 14% de su hielo marino perenne en un solo año</title>
</head>

<body>

<h1>El Ártico ha perdido el 14% de su hielo marino perenne en un solo año</h1>

1
<p><strong>WASHINGTON.-</strong> El hielo perenne del Ártico se redujo en un 14% durante
el último año, al perder <strong>720.000 kilómetros cuadrados</strong>, una superficie
superior a la Península Ibérica, según datos de la <acronym title="National Aeronautics and
Space Administration">NASA</acronym>.</p>

<p>Según el <acronym title="Laboratorio de Propulsión a Chorro">JPL</acronym>, la pérdida


del hielo perenne, que debiera mantenerse durante todo el verano, fue todavía mayor y se
acercó a un 50% en el momento en que ese hielo se desplazaba desde el Ártico oriental hacia
el oeste.</p>

<p><strong>Son Nghiem</strong>, investigador del <acronym title="Laboratorio de


Propulsión a Chorro">JPL</acronym> ha declarado que:</p>

<blockquote><em>"Los cambios registrados en esos años en el hielo ártico son rápidos y


espectaculares. De mantenerse la situación, ésta tendrá un impacto profundo en el ambiente,
así como en el transporte marino y el comercio."</em></blockquote>

</body>

</html>

-----------------------------------------------------------------INTEGRANDO EL LENGUAJE CSS--------------------------------------

PRACTICA D

<!DOCTYPE html>
<html lang="es-ES">
<head>
<meta charset="utf-8">
<title>Ejercicio - Cuatro párrafos con estilos</title>
<style>
body {
background:aqua;
}
p{
color:blue;
font-family:verdana;
text-align:center;
}
.alineacion-derecha {
font-size:20px;
text-align:right;
}
2
.fondo-silver {
background:silver;
}
.rojo {
color:red;
}
</style>
</head>
<body>
<p>Texto <span class="rojo">centrado</span>.</p>
<p class="fondo-silver">Texto centrado sobre fondo de color plata.</p>
<p class="alineacion-derecha">Texto <span class="rojo">alineado</span> a la derecha.</p>
<p class="fondo-silver">Otro texto centrado sobre fondo de color plata.</p>
</body>
</html>

PRACTICA E

<html>
<head>
<title>colores</title>
</head>
<body style="color: rgb(0, 0, 0); background-color: rgb(122, 122, 122);">
<p style="color: black; font-weight: bold; font-size: xx-large;">#000000 negro</p>
<p style="color: white; font-weight: bold; font-size: xx-large;">#FFFFFF blanco</p>
<p style="color: red; font-weight: bold; font-size: xx-large;">#FF0000 rojo</p>
<p style="color: lime; font-weight: bold; font-size: xx-large;">#00FF00 verde</p>
<p style="color: blue; font-weight: bold; font-size: xx-large;">#0000FF azul</p>
<p style="color: yellow; font-weight: bold; font-size: xx-large;">#FFFF00 amarillo</p>
<p style="color: fuchsia; font-weight: bold; font-size: xx-large;">#FF00FF
morado,mezcla de rojo y azul</p>
</body>
</html>

Você também pode gostar