Este video se enfoca en los atributos de Atributos HTML de manera que agreguemos información adicional a
nuestros elementos envejecidos.
Entonces toman la forma de un par de valores clave. Vas a escuchar mucho esa frase.
Básicamente significa una propiedad y luego un valor correspondiente.
Así que eso podría ser algo así como la fuente es igual a Corgies up Clase PMG igual al tipo seleccionado igual a texto menos el SS Así que
no te preocupes por lo que hacen.
Vamos a verlos a todos a tiempo.
red de desarrollador tiene una referencia de atributo completa al igual que lo hizo para los elementos, pero para todos los atributos que lo superaron.
Pero es este formato de una palabra igual a algo en el mensaje de texto una
Entonces, lo primero que notará a medida que avance es que hay muchos atributos diferentes.
Y al igual que con los elementos, no tienes que saber todo esto.
De hecho, la mayoría de los desarrolladores no usarán el 80 por ciento de estos, por lo que realmente hay un subconjunto de cinco 10 o
quizás 15 atributos que los desarrolladores usan con bastante frecuencia.
También es importante tener en cuenta que no todos los atributos funcionan en cada elemento individual.
De hecho, la mayoría de los atributos solo funcionan de dos a cinco elementos diferentes.
Algunos de ellos solo funcionan en uno.
Entonces, esta segunda columna aquí denota los elementos para los cuales funciona un atributo dado.
Entonces algo así como el código que es un atributo que nunca he tenido que usar nunca.
Pero podemos decir desde aquí que especifica que estás fuera de una manzana, que está clasificado para ser cargado
y ejecutado de manera excelente.
Lo que sea que eso signifique y solo funciona en un elemento de applet que nunca antes tuve que usar.
Pero si tomamos algo más común como fuente que buscaré, puede ver que el atributo RC funciona
en bastantes elementos diferentes audio incruste el video de la secuencia fuente de la secuencia de comandos de entrada de imagen
I-frame y de hecho usaremos la fuente atributo más adelante en este video.
Entonces, la clave es que hay muchos atributos, así como hay muchos elementos, pero
solo hay unos pocos importantes y voy a comenzar destacando dos de los que son espadas y
HPF, y esos dos atributos son realmente importantes para las imágenes. y anclar etiquetas o enlaces, respectivamente.
Regresemos a las diapositivas para que las imágenes sean realmente divertidas.
Una parte importante de hacer un sitio web.
En realidad, hay etiquetas muy cortas para escribir.
Y notará que se ven ligeramente diferentes de lo que ha visto antes, donde no hay etiquetas de
apertura y cierre.
No hay contenido interno, no hay HMO interno o texto interno.
Más bien, solo tenemos esta etiqueta de imagen que se abre y se cierra y luego un único atributo.
Entonces te mostraré cómo hacer esto.
Comencemos, por supuesto, buscando una imagen.
Me encantan las mezclas de corgi en particular.
Me encantan las mezclas de corgi husky.
Aquí vamos.
Tomemos esta imagen.
Adorable perro
Y vayamos a un documento antiguo.
De nuevo, voy a volver a lo que hemos estado trabajando.
Pero claramente este no es un sitio duradero que vamos a construir realmente.
Esto es como un scratchpad para HMO.
Así que vayamos a cualquier parte de la página y volvamos a escribir la palabra.
Soy g.
No necesitamos las etiquetas de cierre, así que no hacemos esto.
Esta es una etiqueta de cierre automático.
Y luego hay un único atributo que debemos tener que es S R C significa fuente y es el papel
de la imagen el que estamos tratando de hacer que esta etiqueta se use para que pueda ser algo que está alojado.
Así que esta imagen aquí, pero también podría ser una imagen que he guardado en mi máquina.
Podría estar en el mismo directorio en el que estoy o en la
misma carpeta, en cuyo caso solo lo mencionaría como dog it JPAC.
Por ahora vamos a tratar con estas imágenes en línea.
hablando sobre dónde reestructurar las cosas donde colocamos nuestras imágenes y todo eso más adelante.
Pasaremos un poco más de tiempo
Guarda esto.
Vamos a abrir este archivo.
Y ahí vamos.
Tenemos una etiqueta de imagen.
Entonces, otro tipo de etiqueta que usa un atributo es una etiqueta que es cómo hacemos los enlaces.
Entonces, la etiqueta de anclaje del sensor de etiqueta es realmente importante.
Es la forma en que creamos enlaces a otras páginas web.
Es como en Google cuando busca algo en cada resultado, hace clic en él.
Esa es una etiqueta de anclaje.
Cada uno de esos enlaces o en algún sitio web cuando conoces todos los botones de redes sociales Facebook
Instagram Twitter, todos esos botones son en realidad enlaces en los que haces clic y
te llevan a otra página.
Entonces el formato es el siguiente.
Una etiqueta que abre y cierra un texto dentro.
Y luego, cada atributo de referencia equivale a algo de tu URL.
Así que te mostraré un ejemplo aquí.
Vamos a hacer una etiqueta.
Y esto solo va a ser un enlace a Google.
Así que vamos a proporcionar que ref ref attribute sea igual a GWW dot Google dot com.
Entonces ahí es donde va el enlace.
Cuando hago clic en él, por supuesto, si actualizo la página en este momento, no vería nada porque
este enlace es invisible.
No hay texto, no hay nada sobre lo que hacer clic.
Entonces, dentro de las etiquetas en el contenido interno que voy a decir, haga clic en "Me dice", vaya a Google.
DE ACUERDO.
Entonces, como pueden ver, me hace un buen enlace en el que puedo hacer clic.
También notarás que es un elemento en línea.
No ocupa su propio bloque.
No toma su propia línea.
Forzar contenido en una nueva línea debajo de él.
Así que está en línea y esto debería llevarnos a Google cuando hago clic en él.
Sin embargo, no funciona del todo.
Echa un vistazo a que eres todo lo que me lleva archivar la barra diagonal.
Este es solo el archivo en sí.
Y luego www. Youtube. com.
Entonces, sin entrar en demasiados detalles porque cubrimos esto mucho cuando llegamos a la sección
de back-end, lo que sucede es que estoy en el protocolo de archivos, que es lo que sucede cuando acaba de
abrir un archivo y cuando hago clic en este enlace simplemente Pienso que quiero usar un protocolo de archivo nuevamente y solo voy a
Google dot com.
Sin embargo, lo que realmente quiero hacer es ir a Google dot com en el protocolo HTP.
Entonces necesito asegurarme de que mi enlace sea explícito.
Entonces, cuando actualizo mi clic, haz clic en mí para ir a Google.
En realidad, me lleva a Google porque especifiqué que esto debería ser HTP colon slash slash www. Youtube. com.
Dicho esto, a veces quiero vincular a otra página que no está en HTP.
Así que te daré un ejemplo.
Es una etiqueta.
Y voy a llamar esto a la página 2 que HVM L que no existe.
Ve a la página 2.
Y ahora lo que voy a tener que hacer
es hacer una página también y esta página también será muy simple en un solo párrafo.
Esta es la página 2 y la guardo allí en el mismo directorio junto en mi escritorio.
Puede ver que tengo la primera página y la página 2 y este enlace va a la página de ese HMO.
Así que actualiza la página que veo ve a la página 2.
Hago clic en él y puedes ver que mi uro ha cambiado.
exactamente al mismo lugar, excepto que ahora es el HTML de esa edad en lugar de la primera página del estudio de Timo.
Así que esto ahora me lleva
Así que estamos viendo dos tipos de usted o más aquí.
Uno se llama una ruta relativa, lo que significa que, en relación con dónde estoy, mantengo todo igual y agrego
una página de bienvenida a esa HMO o no importa dónde estoy porque quiero ir a Google en un lugar completamente
diferente.
Ambos son atax.
Entonces este tipo de uso es realmente muy común.
contacto, esos pueden ser todos los diferentes archivos HMO que usted crea y luego los vincula junto con atax.
Cuando tiene un sitio de cartera y tiene una página Acerca de mí y tiene una página para proyectos
y su currículum e información de
Y este caso de uso también es muy común.
Si desea vincular a sus enlaces de Facebook y su Google Google Plus, supongo que si alguien utiliza ese o
su Instagram y así sucesivamente.
Entonces, para resumir, tenemos una etiqueta con etiquetas de imagen.
Ambos usan atributos y atributos son solo formas en las que pasamos la información.
Siguen este par de valores clave de formato algo es igual a algo entre comillas