Etiquetas de HTML

ETIQUETAS
1. Añadir Imagen
<img src="archivo.jpg">
2. Atributo src, la ruta de la imagen

Indica la ruta del archivo. Si el archivo de imagen se encuentra en la misma
carpeta que la página web se escribiría como en el ejemplo, pero si se
encuentra en una carpeta distinta la ruta podría ser así:
src="/carpeta/archivo.jpg"
3. También se puede llamar a una imagen con la dirección completa:

src="https://web.com/carpeta/archivo.jpg"
4. Para esto se utilizan las etiquetas height (alto) y width (ancho). Siempre es
recomendable establecer estos atributos. Por ejemplo:
<img src="archivo.jpg" width="300" height="150">
5. Uno de los mayores usos que se le dan a las imágenes en la web es el de vincular
archivos, utilizarlas como enlaces.
<a href="carpeta/web.html"><img src="archivo.png"></a>
6. Donde href establece la ruta de la página a la que dirigirá la imagen. Otro ejemplo:
<a href="https://www.lawebera.es/">
<img src="/carpeta/archivo.png" />
</a>
7. Este atributo especifica un texto alternativo que se muestra en lugar de la imagen

cuando ésta no existe o el navegador no es capaz de cargarla. En estos casos, el
texto alternativo es la única forma que tienen los visitantes de conocer el contenido
de la imagen.
El atributo alt se expresa así:
<img src="nombrearchivo.jpg" alt="texto alternativo descriptivo" />
8. Código completo para añadir una imagen a una web
Con todo lo anterior, podemos definir bastante bien las propiedades básicas de
la imagen (recordemos que es muy importante el uso de imagenes en los
blogs y en portales web).
Veamos un ejemplo con lo aprendido:
<a href="paginaweb.html">
<img src="archivo.png"
width="300" height="150"
alt="texto alternativo de la imagen" />
</a>
CO LO R HE X CO LO R RG B CO LO R
CO LO R NAME
CO DE CO DE
RG B(2 5 5 , 2 55,
W HI TE # FFFFFF
255)
RG B(1 9 2 , 1 92,
S I LV E R # C0 C0 C0
192)
RG B(1 2 8 , 1 28,
G R AY # 8 08 0 80
128)
BL ACK # 0 00 0 00 RG B(0 , 0 , 0 )
RE D # FF0 0 00 RG B(2 5 5 , 0, 0 )
M ARO O N # 8 00 0 00 RG B(1 2 8 , 0, 0 )
YE LLO W # FFFF0 0 RG B(2 5 5 , 25 5 , 0 )
O LI V E # 8 08 0 00 RG B(1 2 8 , 12 8 , 0 )
LI ME # 0 0 FF00 RG B(0 , 2 5 5, 0 )
G RE E N # 0 08 0 00 RG B(0 , 1 2 8, 0 )
AQ U A # 0 0 FFFF RG B(0 , 2 5 5, 25 5 )
TE AL # 0 08 0 80 RG B(0 , 1 2 8, 12 8 )
BLUE # 0 00 0 FF RG B(0 , 0 , 25 5 )
N AV Y # 0 00 0 80 RG B(0 , 0 , 12 8 )
FUCHS I A # FF0 0 FF RG B(2 5 5 , 0, 25 5 ))
P URP LE # 8 00 0 80 RG B(1 2 8 , 0, 12 8 ))
<html>
<title text="#335eff">
<head>Alexander Olmedo
</title>
<Body text="#33ffd1" bgcolor="#ff335e">
Tecnico en sistemas
 
<img src="https://jsequeiros.com/sites/default/files/imagen-cachorro-
comprimir.jpg">
</head>
</Body>
</html>
Color de fondo y texto e

imágenes
¿Como insertar una imagen en Html?
Bueno, Primero después de escribir la estructura para una página en html. Dentro de <body> como os he dicho
<img src="nombredelafoto.jpg" width="anchura" height="altura">
Siempre la imagen tiene que tener una extensión .jpg sino no funcionara
Ejemplo:
<img src="balon.jpg" width="250" height="250">
¿Como poner el color del fondo y del texto en Html?
Bien, en la parte de <body> escribimos:
<body bgcolor="#codigodecolor" text="#codigodecolor">
El bgcolor sirve para poner el color del fondo , los códigos de color se pueden sacar por Internet o bien les pon
normalmente como: amarillo , azul , rojo..., más adelante.
Y en text como su propio nombre indica sirve para el color del texto.
Un ejemplo aplicando imagen , fondo y texto :
<html>
<head></head>
<body bgcolor="#000080" text="#FFFFFF">
Balón de Fútbol
<img src="balon.jpg" width="250" height="250">
</body>
</html>
Y el resultado será el siguiente

Etiquetas de HTML

Hochgeladen von

Dokumentinformationen

Originaltitel

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

Etiquetas de HTML

Hochgeladen von

Copyright:

Verfügbare Formate

ETIQUETAS

2. Atributo src, la ruta de la imagen

3. También se puede llamar a una imagen con la dirección completa:

7. Este atributo especifica un texto alternativo que se muestra en lugar de la imagen

FUCHS I A # FF0 0 FF RG B(2 5 5 , 0, 25 5 ))

Color de fondo y texto e

<img src="nombredelafoto.jpg" width="anchura" height="altura">

<img src="balon.jpg" width="250" height="250">

¿Como poner el color del fondo y del texto en Html?

Bien, en la parte de <body> escribimos:

<body bgcolor="#codigodecolor" text="#codigodecolor">

Y el resultado será el siguiente

Das könnte Ihnen auch gefallen