viernes, 25 de enero de 2013

SALUDO


"Nunca consideres el estudio como una obligación, sino como una oportunidad para penetrar en el bello y maravilloso mundo del saber"
"En los momentos de crisis, sólo la imaginación es más importante que el conocimiento"
Albert Einstein:
Reciban un afectuoso saludo de bienvenida a este medio.
Es grato para mi este enlace comunicacional innnovador para compartir y apoyar el proceso formativo que nos compromete cada día a seguir la ruta con destino al éxito, por y para una educación pertinente a nuestro contexto regional.

ENLACES DE INTERES

PÁGINA QUE TIENE EJEMPLOS DE APLICACIÓN DE CÓDIGO HTML

http://www.cyberhades.com/2012/03/24/html-examples-ejemplos-de-codigo-html/


PÁGINA QUE TIENE EJEMPLOS DE JUEGOS CON DIGO HTML

http://es.games68.com/games-for-website-list.php



jueves, 24 de enero de 2013

EJEMPLO HTML

CÓDIGO HTML PARA INSERTAR IMÁGENES QUE TENGA MOVIMIENTO  TIPO MARQUESINA

<marquee direction="rigth" scrollamount="1"; text-align: center; width:150px;height:150px;border:2px solid #cccccc;padding:3px" onmouseover="this.scrollAmount='0'"onmouseout="this.scrollAmount='1'"><a href="PRIMER ENLACE" title="texto"><img src="http://www.gifmania.ec/libros/libros_azules/spinning_blue_lg_wht.gif" alt="" /></a><br /></marquee>


La palabra "rigth" indica la dirección en la que se tiene que mover la imagen, en este caso se desplaza a la izquierda; la misma puede ser reemplazada por la palabra "up" que indica desplazamienot hacia arriba, "down" hacia abajo, ó "left" a la derecha.


CODIGO PARA INSERTAR UNA IMAGEN DESDE UN ENLACE DIFERENTE

INSERTA UNA IMAGEN DE UN ENLACE DIFERENTE:
W3Schools.com

<!DOCTYPE html>
<html>
<body>
<p>INSERTA UNA IMAGEN DE UN ENLACE DIFERENTE:</p>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH3jg6M51SAeqUh-aHF-6r0VjBN-qvRR2r9BJqZaqHNazq6aWgCAPhN8ojAzEilPyBGszCXsQ_a6ljoZH0oqJcbhSUu8Ozn77DnAZ24bB4xMIqScgf3-gJbs23WYAwFr-Q_T-qRnZd5Xw/s1600/014+-+the+simpsons,+homero+-+wallpapers-+hd-+poster.jpg" alt="W3Schools.com" width="200" height="200">
</body>
</html> 



CÓDIGO PARA INSERTAR UN BOTÓN

<!DOCTYPE html>
<html>
<body>

<form action="">
<input type="button" value="HOLA">
</form>
</body>
</html> 


CÓDIGO PARA CREAR CHECKBOXES 

YO TENGO UNA BICICLETA
YO TENGO UN CARRO
<!DOCTYPE html>
<html>
<body>
<form action="">
<input type="checkbox" name="vehicle" value="Bike">YO TENGO UNA BICICLETA<br>
<input type="checkbox" name="vehicle" value="Car">YO TENGO UN CARRO
</form>
</body>
</html>


CÓDIGO PARA CREAR RADIO BUTTONS


MASCULINO
FEMENINO
<!DOCTYPE html>
<html>
<body>
<form action="">
<input type="radio" name="sex" value="male">MASCULINO<br>
<input type="radio" name="sex" value="female">FEMENINO
</form>
</body>
</html>