Docente: Lic. Angel Rafael Garca Ramrez Despus de abrir el block, escribe lo siguiente <html> <head> <title> Aqu va el ttulo que puedes ver arriba </title> </head> <body> Aqu va lo que vez adentro de la pgina </body> <html> Lo que est entre estos signos: <> se llama etiqueta Cuando la etiqueta tiene este signo antes "/" quiere decir que se cierra. Color de fondo y de fuente El color de fondo se define as: <body bgcolor="color"> El color puede ir de dos formas: en ingls (ej: "blue" "red" etc) o en hexdecimal que puedes encontrar en pginas web (http://html-color-codes.info/codigos-de-coloreshexadecimales/) (ej: "#FE2E2E" ""#0101DF;" etc) El color del texto se define as: <body text ="color"> El texto puede ir de dos formas: en ingls (ej: "blue" "red" etc) o en hexdecimal que puedes encontrar en pginas web (http://html-color-codes.info/codigos-de-coloreshexadecimales/) (ej: "#FE2E2E" ""#0101DF;" etc) Personalizar el texto escrito Para cambiar el color y el tamao de un texto y la letra en especial: <font color="blue" size="4" face="Comic Sans MS, Arial, MS Sans Serif"> Hola </font> < ------ Importante Color es igual que arriba y size es un numero entero del 1 al 7
Para la letra en el sentido de negrita, etc...:
<b>negrita</b> <i>cursiva</i> <u>subrayado</u> <s>tachado</s> Para el tamao de la letra en bsico, se escribe as: <h1>Muy grande</h1> <h2>Grande</h2> <h3>Mediano Grande</h3> <h4>Mediano</h4> <h5>Mediano Chico</h5> <h6>Chico</h6> Por ltimo, para hacer que el texto se note realmente, existen las marquesinas (es cuando el texto se mueve por una banda): <marquee bgcolor="blue" behavior="alternate" direction="right"> <font color="red" size="5">Aqui estar el texto </font> </marquee> Bgcolor es color de fondo. Behavior es como se mueve, puede ser alternate de un lado a otro rebotando, scroll de un lado a otro, continuamente, slidede un lado a otro, pero una sola vez. Direction es hacia adonde se mover el texto, puede ser down de arriba a abajo, up de abajo a arriba, left de derecha a izquierda o left de izquierda a derecha. Hiperenlances Hiperenlaces es cuando pones una frase que te lleva a una pgina haciendo clic en ella: <a href="http://www.google.com"><font color="red" size="5">Aqu va el texto que aparecer en la pgina</font><a/> Eso te llevaria a http://www.google.com Fotos Para poder poner fotos es un poco ms complicado pero es bsico de todas formas. Antes, en el lugar en el que tienes el bloc de notas guardado tienes que tener tambin una foto y saber el nombre por ejemplo: lafoto.jpg <img src="lafoto.jpg" alt="A qui escribes lo que se ver cuando pases el mouse por encima de la foto">
Insertar Video Este es el cdigo: <video src="nombredelarchivo.extension"></video>
Dimensiones del video
En un video podemos indicar su anchura y altura mediante los valores width y height. De hecho es recomendable hacerlo, para que el navegador sepa de antemano el espacio que debe destinar al vdeo. Por tanto, este ejemplo es ms adecuado que el anterior: <video src="video/fireworks_reducido.webm" width="300" height="208"></video> Ms parmetros Hay otros parmetros que resultan tiles para la reproduccin del vdeo: controls: si queremos que se muestren los controles que permiten pararlo, reproducirlo, etc. Basta con insertar ese trmino, sin ms valores. autoplay: al indicar este valor, el vdeo se reproducir en cuanto est listo. preload: hace que el vdeo se empiece a cargar en cuanto se accede a la pgina. Por el contrario, indicando preload="none", no se cargar hasta que el usuario haga clic en el vdeo para su reproduccin. Esta segunda opcin es muy til, si el vdeo no es el recurso fundamental de la pgina y vamos a tener personas que no estn interesadas en verlo, ya que nos ahorrar mucho ancho de banda. loop: indicndolo conseguiremos que el vdeo se reproduzca cclicamente. Si no indicamos nada, al terminar su reproduccin se detendr. muted: el vdeo no tendr sonido al comenzar. Con todo esto podramos definir lo que haran estos ejemplos: <video src="video/fireworks_reducido.webm" width="300" height="208" autoplay controls></video> Se carga el vdeo y se reproduce inmediatamente, mostrando los controles. <video src="video/fireworks_reducido.webm" width="300" height="208" preload controls></video> Se muestran los controles, el vdeo se precarga, pero no se reproduce hasta que el usuario pulsa el botn de reproduccin. <video src="video/fireworks_reducido.webm" width="300" height="208" preload="none" controls></video> Igual que el anterior, pero no se precarga hasta que el usuario hace clic.