jueves, 14 de abril de 2016

PARCIAL 2

Códigos de HTML

Paso 1: Imprimir texto(nombre)

<html>
<head>
<title> Todo sobre el futbol </title>
</head>


Paso 2: Color de fondo(imagen)
<html>
<head>

<bgcolor="cream" text="black">

 <body background="http://www.starmedia.com/imagenes/2014/03/nou-camp-remodelacion-estadio-barcelona-600x422.jpg">

</html>
</head>


Paso 3: Colocar imagen
<html>
<head>

<img src="http://www.todoenfutbol.net/bmz_cache/c/c72484ec73eda8f150919778ce6cd63f.image.550x550.jpg">

height="200px" widht="300px"

</html>
</head>

Paso 4: Edicion de texto
<html>
<head>

<center><h2><font color="red" face="impact">Reglas Actuales</h1></center></font>
<h2><center>Terreno de juego</center></h2>
<h4><p></p></h4>

</html>
</head>

Paso 5: Insertar imagen
<html>
<head>

<left><img src="http://media2.fcbarcelona.com/media/asset_publics/resources/000/140/450/size_640x360/pic_Panorama_sin_t_tulo1BB2.v1421236050.jpg"</left>
<right><img src="http://www.ecestaticos.com/image/clipping/738ef0b8c9da398ab6d94b52724ad253/imagen-sin-titulo.jpg"</right>

</html>
</head>

Paso 6:Edicion de imagen
<html>
<head>

<left><img src="http://media2.fcbarcelona.com/media/asset_publics/resources/000/140/450/size_640x360/pic_Panorama_sin_t_tulo1BB2.v1421236050.jpg" width="500" height="300"></left>
<right><img src="http://www.ecestaticos.com/image/clipping/738ef0b8c9da398ab6d94b52724ad253/imagen-sin-titulo.jpg" width="500" height="300"></right>

</html>
</head>

Paso 7: Insertar sonido
<html>
<head>

<center><EMBED SRC="Mi top 10 canciones del Fifa 14!!!!.mp3" AUTOSTART="true" LOOP=infinite Volume="80" WIDTH="200" HEIGHT="80"></center>

</html>
</head>

Paso 8:Insertar video
<html>
<head>

<center><iframe width="560" height="315" src="https://www.youtube.com/embed/lIvp6BJaiIE" frameborder="0" allowfullscreen></iframe></center>

</html>
</head>

Paso 9: Insertar hipertexto
<html>
<head>

<center><h2><font color="red" face="impact">Reglas Actuales</h1></center></font>
<h1><center><font color="white">Terreno de juego</center></h1>
<h2><p></p></h2>

</html>
</head>

Paso 10: Insertar tabla
<html>
<head>

</td>
</tr>
<tr>
<td colspan"2"><center><h2>Equipo</h2></center></td>
<td colspan"2"><center><h2>PJ</h2></center>
<td colspan"2"><center><h2>G</h2></center>
<td colspan"2"><center><h2>E</h2></center>
<td colspan"2"><center><h2>P</h2></center>
<td colspan"2"><center><h2>GF</h2></center>
<td colspan"2"><center><h2>GC</h2></center>
<td colspan"2"><center><h2>DG</h2></center></td>
<td colspan"2"><center><h2>PTS</h2></center></td>
</tr>
<tr>

</html>
</head>

Paso 11: Edición de tabla
<html>
<head>

<center><table border="1" width="70%" bgcolor="#01A9DB"></center>
</tr>
<tr>
<td colspan"2">
</tr>
<tr>
<td colspan"2">

</html>
</head>

Paso 12: Insertar menus
<html>
<head>

<style type="text/css">

#menu {
padding:5px;
}

#menu li {
display:inline;
}
#menu li a {
font-family:Arial;
font-size:20px;
text-decoration:none;

</html>
</head>

Paso 13: Tipos y edicion de menus
<html>
<head>

float:left;
padding:10px;
backgroud-color; #6E6E6E
color: #ffffff

}

#menu li a:hover {
background-color: #000000
padding-bottom: 4px
}

</html>
</head>

Paso 14: Marquesinas
<html>
<head>

<marquee><center><h1><font color="red" face="impact">Todo lo que hay que saber sobre el Futbol.</h1></center></font></marquee>

</html>
</head>

Paso 15: Adornos y Diseños
<html>>
<head>

<meta name="description" content="Esta es mi primera pagina creada en HTML">
<meta name="keyword" content="mi primera pagina sobre el futbol, mi pagina en html, creacion de paginas">

</html>
</head>

</body>
</html>
Publicado por en
Etiquetas:

No hay comentarios:

Publicar un comentario

Suscribirse a: Enviar comentarios (Atom)