1 4 - Atributos

Programación en Web
Hyper Text Markup Language

(HTML)
HTML
Atributos en HTML
 Los atributos en HTML proporcionan información adicional Atributos

sobre los elementos HTML.
▪ Todos los elementos HTML pueden tener atributos
▪ Los atributos proporcionan información adicional sobre
los elementos
▪ Los atributos siempre especifican en la etiqueta de
inicio
▪ Los atributos generalmente vienen en pares de
nombre/valor: name = “value”
Programación en Web 2
HTML
El atributo HREF
 La etiqueta <a> define un hipervínculo. El atributo Atributos
href especifica la URL de la pagina web a la que va

el enlace.
Etiqueta
Atributo
HTML
El atributo SRC
 La etiqueta <img> se utiliza para incrustar una Atributos
imagen en una pagina HTML. En el atributo src se

especifica la ruta a al imagen que se mostrara.
Etiqueta
Atributo
HTML
El atributo SRC
 La etiqueta <img> se utiliza para incrustar una Atributos
imagen en una pagina HTML. En el atributo src se

especifica la ruta a al imagen que se mostrara.
• Hay dos formas de especificar la URL en el atributo
src:
URL absoluta URL relativa
HTML
El atributo SRC
 URL absoluta: El enlace de la imagen se encuentra Atributos
alojado en otro sitio web.
▪ Ejemplo:
src="https://areajugones.sport.es/w
p-content/uploads/2021/01/imagen-
2021-01-26-174722-1080x609.jpg".
HTML
El atributo SRC
Atributos
HTML
El atributo SRC
 URL relativa: El enlace de la imagen esta alojada en Atributos
el sitio web. Aquí, la URL no incluye el nombre del

dominio.
• Si la URL comienza sin una barra inclinada,

será relativa a la página actual.
Ejemplo: src = "Goku Ultra Instinto.jpg".
HTML
El atributo SRC
 URL relativa: El enlace de la imagen esta alojada en Atributos
el sitio web. Aquí, la URL no incluye el nombre del

dominio.
• Si la URL comienza con una barra inclinada, será

relativa al dominio.
Ejemplo: src = "/images/Goku Ultra Instinto.jpg".
HTML
El atributo SRC
Atributos
HTML
El atributo WIDTH y HEIGHT
 La etiqueta <img> también contiene los atributos width y Atributos

height, que especifican el ancho y el alto de una imagen
(en pixeles).
Etiqueta Atributo
Atributo Atributo
HTML
Atributos
HTML
Atributos
HTML
El atributo ALT
 El atributo alt para la etiqueta <img>, especifica un Atributos

texto alternativo para una imagen, si la imagen por algún
motivo no se puede mostrar.
▪ Esto puede deberse a una conexión lenta,
▪ a un error de referencia en el atributo src.
Atributo
Atributo
HTML
El atributo ALT
Atributos
HTML
El atributo STYLE
 El atributo style es usado para agregar estilos a un Atributos

elemento HTML, como color, fuente, tamaño, y mucho
mas.
Atributo Valor
Etiqueta Propiedad
HTML
El atributo STYLE
Atributos
HTML
El atributo LANG
 El atributo lang siempre se debe incluir dentro de la Atributos

etiqueta <html>, para declarar el idioma de la pagina
web. Esto esta destinado a ayudar a los motores de
búsqueda y navegadores.
HTML
El atributo TITLE
 El atributo title permite definir algo de información Atributos

extra sobre un elemento.
Información extra
Atributo
HTML
El atributo TITLE
Atributos

1 4 - Atributos

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

1 4 - Atributos

Cargado por

Copyright:

Formatos disponibles

Programación en Web

Hyper Text Markup Language

 Los atributos en HTML proporcionan información adicional Atributos

 La etiqueta <a> define un hipervínculo. El atributo Atributos

href especifica la URL de la pagina web a la que va

 La etiqueta <img> se utiliza para incrustar una Atributos

imagen en una pagina HTML. En el atributo src se

 La etiqueta <img> se utiliza para incrustar una Atributos

imagen en una pagina HTML. En el atributo src se

URL absoluta URL relativa

 URL absoluta: El enlace de la imagen se encuentra Atributos

alojado en otro sitio web.

 URL relativa: El enlace de la imagen esta alojada en Atributos

el sitio web. Aquí, la URL no incluye el nombre del

• Si la URL comienza sin una barra inclinada,

Ejemplo: src = "Goku Ultra Instinto.jpg".

 URL relativa: El enlace de la imagen esta alojada en Atributos

el sitio web. Aquí, la URL no incluye el nombre del

• Si la URL comienza con una barra inclinada, será

Ejemplo: src = "/images/Goku Ultra Instinto.jpg".

El atributo WIDTH y HEIGHT

 La etiqueta <img> también contiene los atributos width y Atributos

El atributo WIDTH y HEIGHT

El atributo WIDTH y HEIGHT

 El atributo alt para la etiqueta <img>, especifica un Atributos

 El atributo style es usado para agregar estilos a un Atributos

 El atributo lang siempre se debe incluir dentro de la Atributos

 El atributo title permite definir algo de información Atributos

También podría gustarte