Wweb 3
•Descargar como DOCX, PDF•
0 recomendaciones•292 vistas
Este documento explica cómo insertar imágenes en una página web utilizando la etiqueta <img>. La etiqueta <img> requiere el atributo src para especificar la ruta de la imagen y el atributo alt para proporcionar un texto alternativo en caso de que la imagen no pueda cargarse. Se recomienda almacenar todas las imágenes en una carpeta separada para mantener un orden en la estructura del sitio web.
Más contenido relacionado
La actualidad más candente
La actualidad más candente (20)
Similar a Wweb 3
Similar a Wweb 3 (20)
Más de CUERVITOXXX
Más de CUERVITOXXX (20)
Último
Último (20)
Wweb 3
- 1. Colegio nacional Nicolás Esguerra MI WEB 3 NOMBRE:JUAN CAMILO CUERVO CARVAJAL CURSO:905 IMÁGENES<IMG> Todas laspáginaswebacostumbrana tenerunciertonúmerode imágenes,que permitenmejorarsu apariencia,odotarlade una mayor información visual. Para insertarunaimagenesnecesarioinsertarlaetiqueta<img>.Dichaetiquetanonecesitaetiquetade cierre. El nombre de la imagenhade especificarseatravésdel atributosrc. EJEMPLO: <img src="imágenes/logo_animales.gif"> Teniendoencuentaque laimagense llamalogo_animales.gif yque estádentrode lacarpeta imágenes
- 2. Textoalternativo Cuandouna imagennopuede servisualizadaenel navegador,cosaque puede ocurriral especificarmal el valordel atributosrc, aparece unrecuadro blancocon una Xroja en sulugar,juntocon el nombre de la imagen. Podemoshacerque enlugarde mostrarse el nombre de laimagenaparezcael textoque nosotrosdeseemos, gracias al atributoalt. IMAGEN ALTERNATIVA: Por ejemplo,imaginaque deseamos mostrarunaimagenllamadagatito.gif,conel textoalternativoImagen gato, para elloinsertamosel siguientecódigo: <img src="gatito.gif"alt="Imagengato"> Perohemoscometidounerror,ya que dichaimagennose encuentraenel mismodirectorioque el documentoactual,sinoque se encuentradentrode lacarpetaimagenes.Enlugarde la imagense mostrará lo siguiente: Si en lugardel códigoanteriorhubiéramosinsertadoel siguiente código: <img src="imagenes/gatito.gif"alt="Imagengato"> <html> <head> <title>sonicspizzas.a.905</title> <head> <!--paginawebelaboradaporjuancamilocuervo905//--> <bodybgcolor="blue"> <hr> <MARQUEE bgcolor="red"behavior="alternative"direction="rigth"><H2ALIGN="CENTER">BIENVENIDOA NUESTRA WEB CORPORATIVA</H2></MARQUEE><br> <hr> nuestraempresabrindadesde hace 10 añosserviciosde calidad<br>
- 3. <BR> <fontcolor="yellow"size"4"face="comicsansMS"><B>sonics</B></font> <fontcolor="green"size"4"face="comicsansMS"> <I><B>pizza</I></B></font><br> <img src="imagenes/SONIC.JPEG"> <img src="imagenes/HAMBURGUESA.JPEG"> <P ALIGN="CENTER">La pizzaesun pan planohorneado,cuyabase eselaboradaconharina de trigo,sal,agua y levadura.Generalmenteescubiertoporsalsade tomate uotros ingredientes comosalami,champiñones, cebolla,jamón,aceitunas,entre otros. </P> <fontcolor="yellow"size"4"face="comicsansMS"><B>sonics</B></font> <fontcolor="green"size"4"face="comicsansMS"> <I><B>pizza</I></B></font><br> <img src="imagenes/SONIC.JPEG"> <img src="imagenes/HAMBURGUESA.JPEG"> <hr align="center"width="50%"size="5" color="silver"noshade> <pre> cpoyrigth2015 colegionacional nicolasesguerra calle 6 no. 89 - 35 bogotacolombia atencional cliente@gmail.com<pre>
- 4. , que se encuentraenel mismodirectorioque el documentoactual (referenciarelativaal documento). Para trabajar de una formamás sencilla yordenada,esrecomendable que todoslosdocumentosHTMLse encuentrenenunmismodirectorio,yque dentrode este directorioexistandiferentescarpetasparaagrupar otros objetos,comopuede serunacarpetadestinadaaalmacenarimágenes,ounacarpeta destinadaa almacenararchivosde audio,etc.