Atributos.
-Todas las etiquetas pueden tener atributos, algunas si lo requieren por obligación y otras es opcional.
-Los atributos proporcionan información adicional acerca del elemento.
-Los atributos siempre se especifican en la etiqueta de inicio.
-Los Atributos generalmente Vienen en Parés Como nombre / valor: nombre = "valor".
A continuación les mostrare algunos atributos básicos.
Atributo src.
Este atributo pertenece a la etiqueta img, que es para imágenes, cuando requieras usar la etiqueta img debes poner el atributo src, es muy necesario ponerlo.
Aquí un ejemplo de como se utiliza.
<img src="img_cars.png">
Atributos width y Height.
Estos atributos significan ancho y alto, son utilizados como su nombre lo dice para dar cierto ancho y cierto largo a una imagen.
Estos se especifican en pixeles de forma predeterminada; entonces ancho = "500" Esta sifra significa los pixeles de ancho que tiene o que le asignes.
Ejemplo.
<img src="img_girl.jpg" width="500" height="600">
Atributo alt.
Este especifica un texto alternativo, se utilizará, si una imagen no se puede visualizar. Ademas puede ser leído por los lectores de pantalla. Así, alguien "escucha" la página web, ejemplo, alguien con problemas de visión, puede "escuchar" el elemento.
<img src="img_girl.jpg" alt="Girl with a jacket">
Atributo style.
El atributo style se utiliza para especificar el Estilo de cierto elemento cualquiera, el color, Fuente, Tamaño, etc.
Ej. Si quieres cambiar el color de un párrafo o solo una palabra se hace de la siguiente manera. (style="color:blue").
<p style="color:red">This is a paragraph.</p>
Atributo href.
Este es el atributo más importante de la etiqueta <a> (que es para vinculo), este es el que indica la url a la que está dirigido el enlace.
<a href="https://www.w3schools.com">
Atributos para internacionalización.
Se utilizan para que las páginas que muestren sus contenidos en varios idiomas o a aquellas páginas que quieran indicar de forma explicita el idioma que utilizan para sus contenidos.
Atributo lang.
Este atributo es para declarar el idioma de la pagina, el idioma del documento se declara con la etiqueta <html>.
La forma que usamos este atributo es la siguiente:
<!DOCTYPE html>
<html lang="en-US">
<body>
...
</body>
</html>
Atributo bgcolor.
Este atributo te permite ponerle color al fondo de la pagina web que estas creando. Es usado para determinar el color de fondo de un párrafo, tabla o cualquier otra parte del HTML.
Se usa de la siguiente manera.
Aquí un ejemplo:
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<body bgcolor="red">
</body>
...
</html>
Otros. ...
Atributos de Eventos.
Atributo onClick.
Para activarlos, lo primero es elegir la etiqueta en la que ocurrirá el evento. Una vez elegida, colocaremos un atributo en dicha etiqueta para detectar si se produce el evento. Además, hay que indicar el prefijo on en el atributo del evento. Por ejemplo, si queremos detectar el evento click, el atributo HTML deberá llamarse onClick.
<div>
<img src="gandalf.jpg" alt="Gandalf" onClick="alert('¡Has hecho clic!')">
</div>
Ejemplo.
Este atributo sirve para restablecer algo que ya hayas llenado, el onreset atributo se activa cuando una forma se restablece. Cuando restablece el formulario, se activa una función que alerta algún texto.
Proceso.
Resultado.
Otros...
Atributos de Foco.
El elemento con foco se refiere al elemento que actualmente recibe los eventos de entrada. Si hay tres campos de texto en una ventana, el que tiene el foco es en el que el usuario puede introducir texto. Sólo un elemento por ventana puede tener el foco en un momento dado.
Atributo onfocus.
Se activa una función cuando se enfoca uno de los campos de entrada. La función cambia el color de fondo del campo de entrada.
Atributo Onblur.
Este es para validar un campo de entrada cuando el usuario sale de ella:
El atributo onBlur dispara el momento en que el elemento pierde el foco.
OnBlur es la más utilizada con el código de validación de formularios (por ejemplo, cuando el usuario sale de un campo de formulario).
El atributo onBlur es lo contrario de la onfocus atributo.
Cuando abandona el campo de entrada, se activa una función que transforma el texto de entrada en mayúsculas.
Aquí les dejo un vídeo con otros atributos.
No hay comentarios.:
Publicar un comentario