SlideShare una empresa de Scribd logo
1 de 4
Colegio nacional nicolas esguerra
Jonathan cely 903
Kevin Castañeda
Pagina web IV
Imagen <img>
Todas las páginas web acostumbran a tener un cierto número de
imágenes,que permiten mejorar su apariencia, o dotarla de una mayor
información visual.Para insertar una imagen es necesario insertar la
etiqueta <img>. Dicha etiqueta no necesita etiqueta de cierre.
Primero el nombre de la imagen
formula: <img src="imagenes/logo_animales.gif">
Borde de una imagen
En general, al visualizar una página en un navegador las imágenes
aparecen sin ningún borde alrededor, pero es posible estableceruno a
través del atributo border.Elatributo borderpuede tomar valores
numéricos, que indican el grosoren píxeles del borde.
Formula: <img src="imagenes/logo_animales.gif" border="4" >
Tamaño de una imagen
Cuando insertamos una imagen, esta se muestra en los navegadores
con su tamaño original, pero por diversos motivos puede interesarnos
modificardicho tamaño.
A través de los atributos width (anchura) y height (altura) puede
modificarse eltamaño de la imagen. Dicho cambio de tamaño no se
aplica directamente sobre el archivo de imagen, sino que lo que varía
es la visualización de la imagen en el navegador.
El valor que puedentomar los atributos width y height ha de ser un
número, acompañado de % cuando se desee que sea en porcentaje
con respecto a la página.
Formula: " width="200" height="80">
Formula : <html>
<head>
<title>TRANSPORTES ECHEVEL</title>
</head>
<!--ESTA PAGINA WEB ES ELABORADA POR: JONATHAN CELY Y KEVIN
CASTAÑEDA 903//-->.
<body bgcolor="#FF0000">
<HR>
<marquee><h2>Bienvenidos a Nuestra Empresa En Cargada De Transportes'
</h2>
</marquee>
<hr>
<b>TRANSPORTES ECHEVEL</font>
<hr>
<font color="#000000" size="5">
<img src="imagenes/scania.jpg"border="4"width="260" height="150">
<img src="imagenes/kenwort w9000.jpg"border="4"width="260" height="150">
<img src="imagenes/volvo.jpg"border="4"width="260" height="150">
<hr>
</blockquote>
Nuestra Empresa brinda servicios:<br>
llevar cargamento a otras ciudades o municipios del pais
<hr align="left" width="80%" size="9" noshade>
<pre> copyrigth 2015@
colegio nacional nicolas esguerra 2015
calle 7 No.97 - 55 Bogota Colombia
tutranquilo@gmail.com
<hr>
<pre>
</body>
</html>

Más contenido relacionado

La actualidad más candente

La actualidad más candente (19)

Pagina web 4.
Pagina web 4.Pagina web 4.
Pagina web 4.
 
Pagina web 4
Pagina web 4Pagina web 4
Pagina web 4
 
Web 4
Web 4Web 4
Web 4
 
Colegio nicolás esguerra
Colegio nicolás esguerraColegio nicolás esguerra
Colegio nicolás esguerra
 
Pagina web 4
Pagina web 4Pagina web 4
Pagina web 4
 
Html trabajo 4 904 informatica JR JM
Html trabajo 4 904 informatica  JR JMHtml trabajo 4 904 informatica  JR JM
Html trabajo 4 904 informatica JR JM
 
Colegio nacional nicoles esguerra
Colegio nacional nicoles esguerraColegio nacional nicoles esguerra
Colegio nacional nicoles esguerra
 
Pagina web 4
Pagina web 4Pagina web 4
Pagina web 4
 
Imagenes
ImagenesImagenes
Imagenes
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Trabajo 4
Trabajo 4Trabajo 4
Trabajo 4
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
3
33
3
 
Dvbgsdbf
DvbgsdbfDvbgsdbf
Dvbgsdbf
 
Imagenes
ImagenesImagenes
Imagenes
 
Pagina web
Pagina webPagina web
Pagina web
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Creacion Pagina Web Unidad 5
Creacion Pagina Web Unidad 5Creacion Pagina Web Unidad 5
Creacion Pagina Web Unidad 5
 

Destacado

Tn323 g formation-ibm-tivoli-network-manager-3-9-operations-et-administration
Tn323 g formation-ibm-tivoli-network-manager-3-9-operations-et-administrationTn323 g formation-ibm-tivoli-network-manager-3-9-operations-et-administration
Tn323 g formation-ibm-tivoli-network-manager-3-9-operations-et-administrationCERTyou Formation
 
Physical education
Physical educationPhysical education
Physical educationPECAT250
 
Ts632 g formation-ibm-tivoli-storage-manager-7-1-for-virtual-environments
Ts632 g formation-ibm-tivoli-storage-manager-7-1-for-virtual-environmentsTs632 g formation-ibm-tivoli-storage-manager-7-1-for-virtual-environments
Ts632 g formation-ibm-tivoli-storage-manager-7-1-for-virtual-environmentsCERTyou Formation
 
Railroad Application of ABI Electronics BoardMaster PCB Test Equipment
Railroad Application of ABI Electronics BoardMaster PCB Test EquipmentRailroad Application of ABI Electronics BoardMaster PCB Test Equipment
Railroad Application of ABI Electronics BoardMaster PCB Test EquipmentAlan Lowne
 
El derecho registral &amp; sus sistemas
El derecho registral &amp; sus sistemasEl derecho registral &amp; sus sistemas
El derecho registral &amp; sus sistemasNapoSuarez
 
เทคนิคการบริหารรา
เทคนิคการบริหารราเทคนิคการบริหารรา
เทคนิคการบริหารราonyatada
 
Before Starting your Dream Business | Scott McOwen | Lunch & Learn
Before Starting your Dream Business | Scott McOwen | Lunch & LearnBefore Starting your Dream Business | Scott McOwen | Lunch & Learn
Before Starting your Dream Business | Scott McOwen | Lunch & LearnUCICove
 
Lopnna legislacion penal especial
Lopnna legislacion penal especialLopnna legislacion penal especial
Lopnna legislacion penal especialMarvin Lucena
 
Rachel Halemai Presentation
Rachel Halemai PresentationRachel Halemai Presentation
Rachel Halemai PresentationRachelHale1969
 
การใช้เทคโนโลยีสารสนเทศเพื่อจัดเก็บฐานข้อมูลทรัพยากรจดหมายเหตุและพิพิธภัณฑ์
การใช้เทคโนโลยีสารสนเทศเพื่อจัดเก็บฐานข้อมูลทรัพยากรจดหมายเหตุและพิพิธภัณฑ์การใช้เทคโนโลยีสารสนเทศเพื่อจัดเก็บฐานข้อมูลทรัพยากรจดหมายเหตุและพิพิธภัณฑ์
การใช้เทคโนโลยีสารสนเทศเพื่อจัดเก็บฐานข้อมูลทรัพยากรจดหมายเหตุและพิพิธภัณฑ์Boonlert Aroonpiboon
 
dv201501_Divine Access (3)
dv201501_Divine Access (3)dv201501_Divine Access (3)
dv201501_Divine Access (3)Jeffrey Way
 

Destacado (17)

Tn323 g formation-ibm-tivoli-network-manager-3-9-operations-et-administration
Tn323 g formation-ibm-tivoli-network-manager-3-9-operations-et-administrationTn323 g formation-ibm-tivoli-network-manager-3-9-operations-et-administration
Tn323 g formation-ibm-tivoli-network-manager-3-9-operations-et-administration
 
Physical education
Physical educationPhysical education
Physical education
 
Ts632 g formation-ibm-tivoli-storage-manager-7-1-for-virtual-environments
Ts632 g formation-ibm-tivoli-storage-manager-7-1-for-virtual-environmentsTs632 g formation-ibm-tivoli-storage-manager-7-1-for-virtual-environments
Ts632 g formation-ibm-tivoli-storage-manager-7-1-for-virtual-environments
 
Railroad Application of ABI Electronics BoardMaster PCB Test Equipment
Railroad Application of ABI Electronics BoardMaster PCB Test EquipmentRailroad Application of ABI Electronics BoardMaster PCB Test Equipment
Railroad Application of ABI Electronics BoardMaster PCB Test Equipment
 
Trabajo html
Trabajo htmlTrabajo html
Trabajo html
 
Toko Alat Musik Rebana Terbang Yogyakarta
Toko Alat Musik Rebana Terbang YogyakartaToko Alat Musik Rebana Terbang Yogyakarta
Toko Alat Musik Rebana Terbang Yogyakarta
 
El derecho registral &amp; sus sistemas
El derecho registral &amp; sus sistemasEl derecho registral &amp; sus sistemas
El derecho registral &amp; sus sistemas
 
เทคนิคการบริหารรา
เทคนิคการบริหารราเทคนิคการบริหารรา
เทคนิคการบริหารรา
 
Before Starting your Dream Business | Scott McOwen | Lunch & Learn
Before Starting your Dream Business | Scott McOwen | Lunch & LearnBefore Starting your Dream Business | Scott McOwen | Lunch & Learn
Before Starting your Dream Business | Scott McOwen | Lunch & Learn
 
Lopnna legislacion penal especial
Lopnna legislacion penal especialLopnna legislacion penal especial
Lopnna legislacion penal especial
 
Rachel Halemai Presentation
Rachel Halemai PresentationRachel Halemai Presentation
Rachel Halemai Presentation
 
Tbl lesson plan
Tbl lesson planTbl lesson plan
Tbl lesson plan
 
การใช้เทคโนโลยีสารสนเทศเพื่อจัดเก็บฐานข้อมูลทรัพยากรจดหมายเหตุและพิพิธภัณฑ์
การใช้เทคโนโลยีสารสนเทศเพื่อจัดเก็บฐานข้อมูลทรัพยากรจดหมายเหตุและพิพิธภัณฑ์การใช้เทคโนโลยีสารสนเทศเพื่อจัดเก็บฐานข้อมูลทรัพยากรจดหมายเหตุและพิพิธภัณฑ์
การใช้เทคโนโลยีสารสนเทศเพื่อจัดเก็บฐานข้อมูลทรัพยากรจดหมายเหตุและพิพิธภัณฑ์
 
5 e lesson plan format
5 e lesson plan format5 e lesson plan format
5 e lesson plan format
 
La+Musica+En+El+Cine
La+Musica+En+El+CineLa+Musica+En+El+Cine
La+Musica+En+El+Cine
 
Steroid Hormones
Steroid HormonesSteroid Hormones
Steroid Hormones
 
dv201501_Divine Access (3)
dv201501_Divine Access (3)dv201501_Divine Access (3)
dv201501_Divine Access (3)
 

Similar a Imágenes en páginas web: atributos src, border, width, height

Similar a Imágenes en páginas web: atributos src, border, width, height (16)

Byb3
Byb3Byb3
Byb3
 
Pagina web iv
Pagina web ivPagina web iv
Pagina web iv
 
Html iv
Html ivHtml iv
Html iv
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Imagenes
ImagenesImagenes
Imagenes
 
Pio pio
Pio pioPio pio
Pio pio
 
Web
WebWeb
Web
 
Web 3
Web 3Web 3
Web 3
 
Web 4
Web 4Web 4
Web 4
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegionacionalnicolsesguerra 15091711-app6892-150924155136-lva1-app6891
Colegionacionalnicolsesguerra 15091711-app6892-150924155136-lva1-app6891Colegionacionalnicolsesguerra 15091711-app6892-150924155136-lva1-app6891
Colegionacionalnicolsesguerra 15091711-app6892-150924155136-lva1-app6891
 
Pagina web 4
Pagina web 4Pagina web 4
Pagina web 4
 
Tema 05 trabajando con imagenes en html
Tema 05 trabajando con imagenes en htmlTema 05 trabajando con imagenes en html
Tema 05 trabajando con imagenes en html
 
36647
3664736647
36647
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 

Más de america_999_america (20)

dfghdfghdfg
dfghdfghdfgdfghdfghdfg
dfghdfghdfg
 
Trabajo2015
Trabajo2015Trabajo2015
Trabajo2015
 
Colegio nacional nicolas esguerswtra
Colegio nacional nicolas esguerswtraColegio nacional nicolas esguerswtra
Colegio nacional nicolas esguerswtra
 
Colegio nacional nicolas esguerradgfiygois
Colegio nacional nicolas esguerradgfiygoisColegio nacional nicolas esguerradgfiygois
Colegio nacional nicolas esguerradgfiygois
 
Paginas
PaginasPaginas
Paginas
 
Trabajo de cely word
Trabajo de cely wordTrabajo de cely word
Trabajo de cely word
 
Trabajo de cely word
Trabajo de cely wordTrabajo de cely word
Trabajo de cely word
 
Bases de datos y consultas
Bases de datos y consultasBases de datos y consultas
Bases de datos y consultas
 
Jajaja
JajajaJajaja
Jajaja
 
Gggggggggg
GgggggggggGggggggggg
Gggggggggg
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informatica
 
Documento de access 2015 (1)
Documento de access 2015 (1)Documento de access 2015 (1)
Documento de access 2015 (1)
 
,Mkljñbhoh
,Mkljñbhoh,Mkljñbhoh
,Mkljñbhoh
 
Documento informatica
Documento informaticaDocumento informatica
Documento informatica
 
Hgbngbv
HgbngbvHgbngbv
Hgbngbv
 
Transpor echebel
Transpor echebelTranspor echebel
Transpor echebel
 
Cepeda lo chupa
Cepeda lo chupaCepeda lo chupa
Cepeda lo chupa
 
Transpor echebel
Transpor echebelTranspor echebel
Transpor echebel
 
Presentación1
Presentación1Presentación1
Presentación1
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 

Imágenes en páginas web: atributos src, border, width, height

  • 1. Colegio nacional nicolas esguerra Jonathan cely 903 Kevin Castañeda Pagina web IV Imagen <img> Todas las páginas web acostumbran a tener un cierto número de imágenes,que permiten mejorar su apariencia, o dotarla de una mayor información visual.Para insertar una imagen es necesario insertar la etiqueta <img>. Dicha etiqueta no necesita etiqueta de cierre. Primero el nombre de la imagen formula: <img src="imagenes/logo_animales.gif">
  • 2. Borde de una imagen En general, al visualizar una página en un navegador las imágenes aparecen sin ningún borde alrededor, pero es posible estableceruno a través del atributo border.Elatributo borderpuede tomar valores numéricos, que indican el grosoren píxeles del borde. Formula: <img src="imagenes/logo_animales.gif" border="4" > Tamaño de una imagen Cuando insertamos una imagen, esta se muestra en los navegadores con su tamaño original, pero por diversos motivos puede interesarnos modificardicho tamaño. A través de los atributos width (anchura) y height (altura) puede modificarse eltamaño de la imagen. Dicho cambio de tamaño no se aplica directamente sobre el archivo de imagen, sino que lo que varía es la visualización de la imagen en el navegador. El valor que puedentomar los atributos width y height ha de ser un número, acompañado de % cuando se desee que sea en porcentaje con respecto a la página. Formula: " width="200" height="80"> Formula : <html> <head> <title>TRANSPORTES ECHEVEL</title>
  • 3. </head> <!--ESTA PAGINA WEB ES ELABORADA POR: JONATHAN CELY Y KEVIN CASTAÑEDA 903//-->. <body bgcolor="#FF0000"> <HR> <marquee><h2>Bienvenidos a Nuestra Empresa En Cargada De Transportes' </h2> </marquee> <hr> <b>TRANSPORTES ECHEVEL</font> <hr> <font color="#000000" size="5"> <img src="imagenes/scania.jpg"border="4"width="260" height="150"> <img src="imagenes/kenwort w9000.jpg"border="4"width="260" height="150"> <img src="imagenes/volvo.jpg"border="4"width="260" height="150"> <hr> </blockquote> Nuestra Empresa brinda servicios:<br> llevar cargamento a otras ciudades o municipios del pais <hr align="left" width="80%" size="9" noshade> <pre> copyrigth 2015@ colegio nacional nicolas esguerra 2015 calle 7 No.97 - 55 Bogota Colombia tutranquilo@gmail.com <hr> <pre>