Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (14)
Destacado
Destacado (19)
Similar a HTML programación guía
Similar a HTML programación guía (20)
Último
Último (20)
HTML programación guía
- 2. Repaso En la clase anterior vimos cómo modificar el estilo de la fuente a través del atributo style. Miremos un ejemplo para recordar como funciona: Imagen tomada de http://formaciondevendedoresempresarios.blogspot.com <body> <p style=“font-family:serif; color:red”> Come manzanas </p> </body> En la clase de hoy veremos como incluir imágenes en nuestras páginas web, ¡bienvenidos!
- 3. Imágenes La etiqueta <img> se usa para insertar imágenes, su sintaxis es la siguiente: src viene de SOURCE y significa fuente o lugar de donde se toma la imagen <img src=“dirección web de la imagen”> La etiqueta <img> no necesita etiqueta de cierre </img> Ejemplo: <img src=“http://www.clker.com/cliparts/h/m/D/l/m/m/escudo-2.svg”>
- 4. ¿Cómo obtener la dirección de la imagen? 1. Ingresas a google imágenes y buscas la imagen que necesitas
- 5. ¿Cómo obtener la dirección de la imagen? 2. Seleccionas la imagen que deseas y eliges VER IMAGEN ORIGINAL Si estás navegando con Internet Explorer la opción aparece como “Tamaño completo”
- 6. ¿Cómo obtener la dirección de la imagen? 3. Cuando aparezca la imagen sola en pantalla, copias la URL que aparece; esa es la que te sirve.
- 7. ACTIVIDAD 6 1. Abre el documento htm de la clase anterior en bloc de notas. 2. Escribe en una lista ordenada un top tres de un tema que te guste, a través de imágenes. (el resultado debe ser similar al que se muestra en esta ventana) ¡Muchos éxitos!