Cómo crear una pagina web 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">
</head>
</html>
Paso 3: Colocar imagen
<html>
<head>
<imgsrc="http://www.todoenfutbol.net/bmz_cache/c/c72484ec73eda8f150919778ce6cd63f.image.550x550.jpg">
height="200px" widht="300px"
</head>
</html>
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>
</head>
</html>
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>
</head>
</html>
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>
</head>
</html>
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>
</head>
</html>
Paso 8:Insertar video
<html>
<head>
<center><iframe width="560" height="315" src="https://www.youtube.com/embed/lIvp6BJaiIE" frameborder="0" allowfullscreen></iframe></center>
</head></html>
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>
</head>
</html>
Paso 10: Insertar tabla</html>
<html>
<head>
</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>
</head>
</html>
</html>
<html>
<head>
<center><table border="1" width="70%" bgcolor="#01A9DB"></center>
</tr>
<tr>
<td colspan"2">
</tr>
<tr>
<td colspan"2">
</head>
</html>
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;
</head>
</html>
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
}
</head>
</html>
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>
</head>
</html>
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>
No hay comentarios:
Publicar un comentario