Blog de Guille Html

EJERCICIO PAG 24

Añadiremos a iptortosa.htm una nueva imagen a la derecha del texto, usan una etiqueta div.

Busca una imagen GIMP en google.
Guardala en la misma carpeta que iptortosa.htm con el nombre de gimp.jpg
Insértala después del encabezado 3.
Guarda el archivo con el mismo nombre.
Comprueba el resultado.

EJERCICIO PAG 22

Añadiremos a ejercicio4.htm los siguientes enlaces.

Enlace con www.aulaclic.es
Enlace con www.educarm.es
Guardalo como iptortosa.htm

EJERCICIO PAG 20

Vamos a poner una imagen a nuestro ejercicio 3.

Escribe en el buscador de google "http"
Selecciona una imagen similar a la que aparece en la izquierda.
Guardalo como webmaster.jpg en la misma carpeta donde está el archivo ejercicio3.htm
Insértala en el ejercicio.
Guarda el archivo como ejercicio4.htm
Comprueba el resultado.

TABLAS Y LISTAS

Para poner Tablas de contenidos habrá que activar el contenido general dando grosor de borde con el comando siguiente.

< TABLE BORDER ="2" > escribir los datos de filas entre las celdas entre los comandos < TR > y < /TR > y los datos de cada celda entre < td > y< /td >... al final cerrar tabla con < /TABLE >

Una etiqueta muy utilizada es la etiqueta <div></div>; forma una caja, un rectángulo, igual que en el párrafo. Pero mientras que el párrafo es más común utilizarlo para contener texto, en un div podemos colocar lo que queramos,siempre que respetemos la anidación. Esta etiqueta nos resultará muy útil para distribuir los elementos en nuestras páginas.

ENLACES

Un enlace se diferencia del texto normal porque al colocar el cursor encima, este cambia de forma y pasa de una flecha a ser una mano. Es muy frecuente que los enlaces aparezcan subrayados, ya que es la opción por defecto que les asigna el HTML.

En HTML, enlace se identifica con la etiqueta <a></a>. La forma más básica de un enlace es la siguiente

<a href="http://www.educarm.es".>aquí</a>
El atributo href indica la dirección URL a la que se enlaza. El contenido del enlace es lo que el usuario ve en la página y que al pulsar sobre él nos lleva al enlace. Normalmente es texto o imagen. Puede ser una dirección absoluta o relativa, como vimos para las imágenes.

Es muy común añadirles a los enlaces el atributo title, para que muestre la información sobre el destino del enlace cuando el usuario deje unos instantes el cursor encima del enlace.

TIPOS DE IMÁGENES

Uno de los elementos más importantes más utilizados en un página web son las imágenes, tanto para mostrar información como parte del propio diseño de la página.
Básicamente, en páginas web nos encontramos tres tipos de imágenes: GIf,PNG y JPG.

FOTO ORIGINAL: 188Kb - 22 Segundos