Powered By Blogger

domingo, 28 de noviembre de 2010

Como poner otras cosas en html

Anteriormente ya habiamos hablado de creacion de paginas en html
en el siguiente post les mostrare un pqueño codigo que muestra de que manera se pueden poner imagenes en un html y mas cosas  bueno aqui les dejare el codigo como siempre y una muestra de como se veria en el navegador disfrutenlo:

CODIGO:
Bueno en este codigo utilize un pequeño codigo anterior del un html nomas que
lo modifique un poco aqui les muestro:


<html>
<head>
<title>Pagina web</title>
</head>
 //Bueno lo que son los estilos tambien se pueden poner en un css por el momento los mostrare todo junto
<style>
//este estilo es una divicion llamada uno con instrucciones de bordes, ubicacion, tamaño y fondo de color
div.uno{
border: 1px solid #000000;
float: left;
width: 48%;
height: 100%;
background: blue;
}
// Aqui es otro estilo con las mismas caracteristcas que el primero con la diferencia de que le cambie el color para que se viera distinto
div.dos{
border: 1px solid #000000;
float: left;
width: 48%;
height: 100%;
background: yellow;
}





</style>
<body>
// aqui se ase llamar al div uno o mas bien el estilo
<div class="uno">
Parte 1
<H1>PAGINA DE EJMPLO</H1>

<P> <IMG SRC= "./AVION1.png "ALIGN= "MIDDLE " ALT= "MI AVION ">Listos para despegar.

<P>Hola mi nombre es Alejandro estoy en la facultad de ingenieria mecanica y elctrica espero
que les guste esta pagina de ejmplo<BR>
&#161
</div>

//aqui se ase llamar al estilo dos
<div class="dos">


<P>HOla

<H3>LISTA<H3>



<HR>

<UL>

<LI> LISTA

<LI> COSAS

</UL>

click para jugar <A HREF= "http://aveldano.byethost10.com/espacio.swf">juegito</A>.
</div>
</body>
</html>
Quedaria de la siguiente manera:

No hay comentarios:

Publicar un comentario