Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
NOMBRE DE LA MATERIA:
DISEÑO WEB
GRADO: 7º
PRACTICA 5
<!DOCTYPE html>
<! -- Todo: a?adir la etiqueta lang -->
<html>
<head>
<meta charset="UTF-8">
<title>Ejemplo con etiquetas basicas</title>
<style type="text/css">
body {
backgroud: #CCC;
color: #FFA;
font-family: verdana, arial, sans-serif;
font-size: 5em;
}
</style>
</head>
</html>
PRACTICA 6
<!DOCTYPE html>
<! -- Todo: añadir la etiqueta lang -->
<html>
<head>
<meta charset="UTF-8">
<title>Ejemplo con etiquetas basicas</title>
</head>
<body>
<h1>Etiquetas HTML</h1>
<p>
Este ejemplo muestra como combinar algunas de lasetiquetas mas basicas
de HTML5. <br>
Recuerda que <strong> es importante entender la diferencias entre ellas
</strong>.
</p>
<h2>Etiqueta ul+li</h2>
<p>
Si listamos personas nominadas a los Oscars dado que el orden no altera el
significado, debemos usar <em>ul</em>
</p>
<ul>
<li>David Verdaguer</li>
<li>Jesus Castro</li>
<li>Israel Elejalde</li>
<li>Dani Rovira</li>
</ul>
<h2>Etiqueta ol+li</h2>
<p>
En el caso de que estemos listando elementos donde elorden es importante,como
por ejemplo la clasificacion de un mundial de futbol, debemos usar <em>ol</em>.
</p>
<ol>
<li>España</li>
<li>Paises Bajos</li>
<li>Alemania</li>
<li>Uruguay</li>
</ol>
</body>
</html>
PRACTICA 7
<!DOCTYPE html >
<html>
<head>
<title>Mi primera pagina con estilo</title>
<style type="text/css">
body{
fond-family: Georgia, "Times New Roman",
Times, serif;
color: purple;
background-color: #d8da3d }
h1{
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif}
</style>
</head>
<!-- Menu de navegacion del sitio -->
<ul class="navbar">
<li><a href="indice.html">Pagina principal</a>
<li><a href="meditaciones.html">Meditacionea</a>
<li><a href="ciudad.html">Mi ciudad</a>
<li><a href="enlaces.html">Enlaces</a>
</ul>
<!-- Contenido prinicipal -->
<h1> Mi primera pagina con estilo </h1>
<body>
<!-- Menú de navegación del sitio -->
<ul class="navbar">
<li><a href="indice.html">Página principal</a>
<li><a href="meditaciones.html">Meditaciones</a>
<li><a href="ciudad.html">Mi ciudad</a>
<li><a href="enlaces.html">Enlaces</a>
</ul>
}
PRACTICA 13
<!DOCTYPE html>
<html lang="es">
<head>
<title>Codigos JavaScript </title>
</head>
<body>
<script type="text/javaScript">
function sumar(uno,dos)
{
var total;
total=parseInt(uno.value)+parseInt(dos.value);
alert ("El valor es"+total);
}
</script>
<form name="prueba">
uno<input type="text" name="uno">
dos<input type="text" name="dos">
<input type="button" name="total" value="total" onclick="sumar(uno,dos)">
</form>
</body>
</html>