TAREA HTML LAE 1B
Existe normalmente una etiqueta de inicio y otra de fin, la de fin contendrá el mismo texto que la de inicio añadiéndole al principio una barra inclinada /. El efecto que define la etiqueta tendrá validez para todo lo que este incluido entre las etiquetas de inicio y fin, ya sea texto plano o otras etiquetas HTML.
<ETIQUETA>Elementos Afectados por la Etiqueta</ETIQUETA>
Por ejemplo, con la etiqueta siguiente:
Obtendremos:
Texto que será en negrita
Crea un título grande
<h2> </ h2>
<h3> </ h3>
<h4> </ h4>
<h5> </ h5>
<h6> </ h6>
Crea un título muy pequeño
<b> </ b>
Crea texto en negrita
<i> </ i>
Crea texto en cursiva
<p></p>
Crea un nuevo párrafo
<br>
Inserta un salto de línea
<center></center>
Crea un párrafo o palabra centrada
<font size="3"></font>
Tamaño de fuente (1 pequeño 7 mas grande).
<font color="red"> </font>
Color de fuente los colores van en ingles: black, blue, red, etc.
<font face="nombre de fuente"></font>
Tipo de fuente, los nombres van igual que como aparecen en word.
<HR>
Inserta una linea horizontal en la página
PARA INSERTAR UNA IMAGEN
(Leer varias veces y practicar)
(Leer varias veces y practicar)
Incluir imágenes en una página web es muy sencillo, simplemente debemos tener en cuenta que las imágenes tienen que tener los formatos GIF, JPG o PNG. Las imágenes dentro de una página web se incluyen utilizando la etiqueta <img>, que no tiene una etiqueta correspondiente de cierre. Ejemplo:
<img src="http://www.aprenderaprogramar.com/images/logo.png">
LO QUE ESTA ENTRE COMILLAS ES EL NOMBRE DE LA IMAGEN
La imagen puede estar en la misma carpeta donde se crea la pagina, esto es si la imagen esta guardada en la PC o se puede copiar la dirección URL que tiene en Internet, es decir; sin necesidad de descargarla.
¿Cómo copiar la url de una imagen de internet?
1.- Buscar la imagen en google imágenes y darle un clic.
2.- Dar clic con el secundario del mouse y seleccionar "copiar dirección de la imagen"
3.- La foto podemos alinearla en la página como queramos mediante "align", utilizando los atributos "left" para alinearla a la izquierda, "right" para alinearla a la derecha, "top" para alinearla arriba, "bottom" para alinearla abajo y "middle" para alinearla al centro.
4.- Border sirve para poner un marco alrededor de la imagen donde 1 es borde fino y aumenta hasta 7.
Ejemplo de etiqueta completa:
<img src="http://www.aprenderaprogramar.com/templates/apr02062010/images/logo.png" align="middle", border="5">
TAREA
Hacer una pagina web de algún cuento y agregarle una imagen, utilicen su creatividad y apliquen la mayor parte de las etiquetas.
EL MARTES PONGO EL LINK PARA SUBIR SU TAREA
EJEMPLO:
CÓDIGO FUENTE DE MI CUENTO
LAS ETIQUETAS ESTAN EN COLOR ROJO PARA QUE LAS DISTINGAS:
 |
| CLIC EN LA IMAGEN PARA VER EN TAMAÑO NORMAL |
