Sunteți pe pagina 1din 3

MANEJO DE APLICACIN POR MEDIOS DIGITALES

CDIGOS HTML PARA APLICAR EN BLOCK DE NOTAS


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.

S-ar putea să vă placă și