Questo video è incentrato sugli attributi degli attributi HTML. Questo è il modo in cui aggiungiamo ulteriori informazioni
ai nostri elementi obsoleti.
Quindi assumono la forma di una coppia di valori chiave, sentirete molto quella frase.
Significa fondamentalmente una proprietà e quindi un valore corrispondente.
In modo che potrebbe essere qualcosa come sorgente uguale Corgies up PMG classe uguale tipo selezionato uguale al testo meno SS Quindi non
preoccuparti di quello che fanno.
Li vedremo tutti in tempo.
sviluppatori ha un riferimento completo all'attributo proprio come ha fatto per gli elementi, ma per tutti gli attributi in cui è stato eliminato.
Ma questo formato di una parola equivale a qualcosa nel messaggio di testo. Una rete di
Quindi la prima cosa che noterai mentre scorro è che ci sono molti attributi diversi.
E proprio come con gli elementi non devi sapere tutti questi.
In effetti, la maggior parte degli sviluppatori non utilizzerà l'80 percento di questi, quindi c'è davvero un sottoinsieme di cinque 10 o
forse 15 attributi che gli sviluppatori usano piuttosto spesso.
È anche importante notare che non tutti gli attributi funzionano su ogni singolo elemento.
In effetti la maggior parte degli attributi funziona solo su due o cinque elementi diversi.
Alcuni di loro funzionano solo su uno.
Quindi questa seconda colonna qui indica gli elementi per cui un dato attributo funziona.
Quindi qualcosa come il codice che è un attributo che non ho mai dovuto usare mai.
Ma possiamo dire che da qui specifica che sei fuori da una mela che è stata classificata per essere
caricata ed eseguita alla grande.
Qualunque cosa significhi e funziona solo su un elemento applet che non ho mai nemmeno dovuto usare prima.
Ma se prendiamo qualcosa di più comune come la fonte che cercherò solo tu puoi
vedere che l'attributo RC funziona su diversi elementi audio incorpora l'immagine I-frame input script sorgente video di traccia e
in realtà utilizzeremo la fonte attributo più avanti in questo video.
Quindi il punto chiave è che ci sono un sacco di attributi, proprio come ci
sono molti elementi, ma ce ne sono solo alcuni importanti e inizierò mettendo in evidenza due di quelli che
sono spade e HPF e questi due attributi sono davvero importanti per le immagini e ancora tag o collegamenti rispettivamente.
Quindi torniamo alle diapositive in modo che le immagini siano davvero divertenti.
Una parte importante del fare un sito web.
Ci sono in realtà tag molto brevi da scrivere.
E noterai che hanno un aspetto leggermente diverso rispetto a quello che hai visto prima, in cui non esiste un tag di
apertura e chiusura.
Non c'è contenuto interno non c'è HMO interno o testo interiore.
Piuttosto, abbiamo solo questo tag immagine che si apre e si chiude e quindi un singolo attributo.
Quindi ti mostrerò come farlo.
Iniziamo ovviamente trovando un'immagine.
Adoro i mix di corgi in particolare.
Adoro i mix corgi husky.
Eccoci.
Prendiamo solo questa immagine.
Cane adorabile
Andiamo a un documento vecchio di secoli.
Di nuovo tornerò a ciò su cui abbiamo lavorato.
Ma questo non è chiaramente un sito di lunga durata che stiamo per costruire davvero.
Questo è proprio come uno scratchpad per HMO.
Quindi andiamo da qualche parte sulla pagina e ridigitare la parola.
Io sono g.
Non abbiamo bisogno dei tag di chiusura, quindi non lo facciamo.
Questo è un tag che si chiude automaticamente.
E poi c'è un singolo attributo che dobbiamo avere, che è S R C sta per source ed è
il ruolo dell'immagine che stiamo provando a fare questo tag in modo che tu possa essere qualcosa che è ospitato.
Quindi questa immagine qui, ma potrebbe anche essere un'immagine che ho salvato sulla mia macchina.
Potrebbe essere nella stessa directory in cui sono o nella stessa
cartella, nel qual caso farei semplicemente riferimento come cane JPAC.
Per ora ci occuperemo di queste immagini online.
a parlare di dove ristrutturare le cose in cui mettiamo le nostre immagini e tutto ciò più avanti.
Passeremo ancora un po 'di tempo
Salva questo.
Apriamo questo file.
E noi andiamo.
Abbiamo un tag immagine.
Quindi un altro tipo di tag che utilizza un attributo è un tag che è il modo in cui creiamo i collegamenti.
Quindi il tag di ancoraggio del sensore di tag è davvero importante.
È come creiamo collegamenti ad altre pagine web.
È come su Google quando si cerca qualcosa ogni singolo risultato su cui si fa clic.
Questo è un tag di ancoraggio.
Ognuno di questi link o su qualche sito web quando ci sei tu conosci tutti i pulsanti dei social media
Facebook Instagram Twitter tutti quei pulsanti sono in realtà collegamenti che fai clic su di essi
e ti portano in un'altra pagina.
Quindi il formato è il seguente.
Un tag che apre e chiude del testo all'interno.
E poi ogni attributo ref equivale a qualche URL.
Quindi ti mostrerò un esempio qui.
Faremo un tag.
E questo sarà solo un link a Google.
Quindi forniremo che ref ref degli attributi è uguale a GWW punto Google dot com.
Ecco dove va il collegamento.
Quando clicco ovviamente se aggiorno la pagina in questo momento non vedrei nulla perché questo
link è invisibile.
Non c'è testo non c'è nulla su cui cliccare.
Quindi all'interno dei tag nel contenuto interno ho intenzione di dire clic su di me dice vai su Google.
OK.
Quindi come puoi vedere mi fa un link carino su cui posso cliccare.
Inoltre noterai che è un elemento in linea.
Non prende il suo blocco.
Non riprende la sua stessa linea.
Forza il contenuto su una nuova riga sotto di esso.
Quindi è in linea e questo dovrebbe portarci su Google quando clicco su di esso.
Tuttavia non funziona abbastanza.
Dai un'occhiata che sei tutto ciò che mi serve per archiviare la barra del colon.
Questo è solo il file stesso.
E poi www. Youtube. com.
Quindi senza entrare troppo nei dettagli, perché trattiamo molto questo quando arriviamo alla sezione
back end. Quello che sta succedendo è che sono sul protocollo del file che è ciò che accade quando apri un
file e quando clicco su questo link è solo pensa che voglio usare di nuovo un protocollo di file e basta andare su
Google dot com.
Tuttavia, quello che voglio veramente fare è andare su Google dot com sul protocollo HTP.
Quindi ho bisogno di assicurarmi che il mio link sia esplicito.
Quindi, quando aggiorno il mio clic, clicco su di me per andare su Google.
In realtà mi porta su Google perché ho specificato che questa dovrebbe essere la barra dei due punti HTP www. Youtube. com.
Detto ciò, a volte voglio collegarmi a un'altra pagina che non è su HTP.
Quindi ti darò un esempio.
È un tag.
E lo chiamerò solo andare a pagina 2 che HVM L che non esiste.
Vai a pagina 2.
E ora quello che dovrò fare è creare
anche una pagina e anche questa pagina sarà davvero molto semplice, basta un solo paragrafo.
Questa è la pagina 2 e la salvo nella stessa directory insieme sul mio desktop.
Puoi vedere che ho la prima pagina e la pagina 2 e questo link va solo alla pagina di quell'HMO.
Quindi aggiorna la pagina che vedo vai a pagina 2.
Lo clicco e puoi vedere che il mio uro è cambiato.
porta nello stesso posto esatto, ma ora è l'HTML piuttosto che lo studio di prima pagina Timo.
Quindi questo ora mi
Quindi stiamo vedendo due tipi di te o qui.
Uno è chiamato un percorso relativo che significa relativo a dove sto mantenendo tutto uguale e aggiungo
alla pagina iniziale a quell'HMO o non importa dove sono, perché voglio andare su Google in un posto
completamente diverso.
Entrambi sono atex.
Quindi questo tipo di utilizzo è in realtà molto comune.
di contatto, questi potrebbero essere tutti i diversi file HMO che crei e poi li colleghi semplicemente insieme ad atax.
Quando hai un sito portfolio e hai una pagina About Me e hai una pagina per i progetti e
il tuo curriculum e le informazioni
E questo caso d'uso è anche molto comune.
Se vuoi collegare i tuoi link di Facebook e il tuo Google Google Plus, suppongo che qualcuno lo usi o il
tuo Instagram e così via.
Quindi, per riassumere, abbiamo un tag che abbiamo tag immagine.
Entrambi usano attributi e attributi sono solo i modi in cui passiamo le informazioni.
Seguono questa coppia di valori chiave di formato qualcosa di uguale a qualcosa tra virgolette