__
viernes, 13 de enero de 2012
jueves, 12 de enero de 2012
martes, 3 de enero de 2012
INSERTAR IMÁGENES (muestra o fondo)
Para inserta imágenes en una página web utilizamos la instrucción <img>. La instrucción img. tiene los siguientes parámetros:
_SRC: indica el nombre de la imagen que se va a mostrar, se deve colocar su exención (*.jpg; *.gif; etc.). Preferentemente se debe guardar en la misma ruta donde se ha guardado, de lo contrario se ha de escribir la ruta completa.
_ALT: muestra un texto cualquiera en caso no se muestre la imagen.
_SRC: indica el nombre de la imagen que se va a mostrar, se deve colocar su exención (*.jpg; *.gif; etc.). Preferentemente se debe guardar en la misma ruta donde se ha guardado, de lo contrario se ha de escribir la ruta completa.
_ALT: muestra un texto cualquiera en caso no se muestre la imagen.
_HEIGHT: permite asignar una altura a la imagen.
_WIDTH: permite asignar una anchura a la imagen.
_Para alinear la imagen se utiliza <p aling="valor">, valor=izquierda, derecha, justificar o centrado (en inglés)
Ejemplo:
<p aling="center">
<img src="imagen.jpg" alt="imagen no encontrada" aling="middle" height="30%" width="40%">
PERO SI NO SE RECONOCE LA IMAGEN
AHORA PARA INSERTAR UNA IMAGEN DE FONDO
Para insertar una imagen de fondo se utiliza el parámetro "background", y este parámetro se utilizará dentro de la instrucción "body"
Ejemplo:
<body background="imagen2.jpg">
<p aling="center">
<img src="imagen.jpg" alt="imagen no encontrada" aling="middle" height="30%" width="40%">
LISTAS POR VIÑETAS Y CON SANGRÍA
LISTAS POR VIÑETAS
Para estos tipos de listas utilizamos la instrucción <ul></ul> y para indicar sus elementos la instrucció <li>. La instrucción <ul></ul> contiene el siguiente atributo:
_TYPE: indica el tipo o forma de elemento que antecede y puede ser: disco(disk), círculo(circle), cuadrado(square).
Para estos tipos de listas utilizamos la instrucción <ul></ul> y para indicar sus elementos la instrucció <li>. La instrucción <ul></ul> contiene el siguiente atributo:
_TYPE: indica el tipo o forma de elemento que antecede y puede ser: disco(disk), círculo(circle), cuadrado(square).
Ejemplo:
Lista de discos
<ul type="disk">
<li>NOMBRE
<li>APELLIDO
<li>GRADO
</ul>
LISTAS POR DEFINICIÓN
Las listas por definición muestran los elementos tipo diccionario, es decir muestra un término y su definición.
Utilizamos para este tipo de lista <dl></dl>.
Para indicar el elemento que va como término utilizamos la instrucción <dt> y para indicar la definición o respuesta utilizamos la instrucción <dd>.
Ejemplo:
<dl>
<dt>INSÍPIDO:
<dd>sin sabor
<dt>NOMBRE DEL ALUMNO:
<dd>Mario Bross
</dl>
LISTAS
Para crear las listas utilizamos la instrucción <ol></ol> y para enumerar cada uno de sus elementos se utiliza la instrucción <li>.
La instrucción <ol></ol> puede contener los siguientes parámetros:
_START: indica que número, letra será el primero; si no se coloca se entiende que será "1" , "a" o "A".
_TYPE: el tipo de enumeración que aparecerá, si no se indica se entiende que aparecerá una lista enumerada numéricamente, los tipos de listas posibles son:
La instrucción <ol></ol> puede contener los siguientes parámetros:
_START: indica que número, letra será el primero; si no se coloca se entiende que será "1" , "a" o "A".
_TYPE: el tipo de enumeración que aparecerá, si no se indica se entiende que aparecerá una lista enumerada numéricamente, los tipos de listas posibles son:
- "1" listas numéricas
- "A" listas de letras mayúsculas
- "a" listas con letras minúsculas
- "I" listas con números romanos en mayúsculas
- "i" listas de números romanos en minúsculas
Ejemplos:
Lista de mayúsculas que inician con la letra "D"
<ol start="D" tipe="A">
<li>NOMBRE
<li>APELIDO
<li>GRADO
</ol>
MARQUESINA (texto en movimiento)
<MARQUEE></MARQUEE>: esta instrucción crea una marquesina con un texto en su interior que se desplaza.
Sus parámetros son los siguientes:
_ALIGN: indica si el texto del interior de la marquesina se alineará en la zona alta(top), en la zona baja(bottom) o en el centro(middle).
_BGCOLOR: indica el color de fondo de la marquesina.
_DIRECTION: indica a que lugar se desplazará el texto, a la izquierda (left) o derecha (right), arriba (up), abajo (down).
_HEIGHT: indica la altura de la marquesina, el cual se indica en %.
_WIDTH: indica la anchura de la marquesina, en %.
_LOOP: indica el número de veces en que aparecerá el texto en la marquesina, si se desea que aparezca de forma indefinida se utilizará "infinity".
_SCROLLDELAY: indica la velocidad con la que se desplazará el texto.
_BEHAVIOR: este atributo lo podemos utilizar de las siguientes maneras:
behavior="scroll" esto hace que el texto se mueva, hace que el texto se mueva a un lado y salga por el otro, por lo que no es necesario colocar ya que es el predeterminado
behavior="slide" con él se logrará que el texto se detenga al final de la marquesina.
behavior="alternate" el contenido se moverá de un lado a otro dentro de la marquesina, como si rebotase.
Ejemplo:
<marquee align="top" bgcolor="green" height="30%" width="20%" loop="infinity" scrolldelay="7">EJEMPLO DE MARQUESINA</marquee>
Sus parámetros son los siguientes:
_ALIGN: indica si el texto del interior de la marquesina se alineará en la zona alta(top), en la zona baja(bottom) o en el centro(middle).
_BGCOLOR: indica el color de fondo de la marquesina.
_DIRECTION: indica a que lugar se desplazará el texto, a la izquierda (left) o derecha (right), arriba (up), abajo (down).
_HEIGHT: indica la altura de la marquesina, el cual se indica en %.
_WIDTH: indica la anchura de la marquesina, en %.
_LOOP: indica el número de veces en que aparecerá el texto en la marquesina, si se desea que aparezca de forma indefinida se utilizará "infinity".
_SCROLLDELAY: indica la velocidad con la que se desplazará el texto.
_BEHAVIOR: este atributo lo podemos utilizar de las siguientes maneras:
behavior="scroll" esto hace que el texto se mueva, hace que el texto se mueva a un lado y salga por el otro, por lo que no es necesario colocar ya que es el predeterminado
behavior="slide" con él se logrará que el texto se detenga al final de la marquesina.
behavior="alternate" el contenido se moverá de un lado a otro dentro de la marquesina, como si rebotase.
Ejemplo:
<marquee align="top" bgcolor="green" height="30%" width="20%" loop="infinity" scrolldelay="7">EJEMPLO DE MARQUESINA</marquee>
Suscribirse a:
Entradas (Atom)