Escolar Documentos
Profissional Documentos
Cultura Documentos
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>
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>
</body>
</html>
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>