Là.
Ben tornato.
Quindi questa lezione sarà molto veloce.
Stiamo solo parlando di due tag, il tag DIV e il tag spand e non possiamo davvero parlare tanto di ciò
che fanno e di come li usiamo fino a quando non vedremo valutare dove possiamo modellare le cose.
Ma voglio solo presentarli ora perché sto per mostrarti le cose usando div e span.
Nei prossimi video e non ho fatto un ottimo lavoro in realtà per spiegarlo nella prima bozza di
questo corso.
Così sono tornato e ho aggiunto questo in un dopo il fatto dopo la pubblicazione del Corso.
Ho visto alcune domande che ho notato che forse avrei potuto chiarire se avessi fatto un lavoro migliore
spiegando Dave prima.
OK.
Quindi iniziamo a parlare di div e span.
La prima cosa che dirò è che entrambi, come ho detto, non sono così utili
finché non arriviamo agli elementi di stile.
è che ti permettono di raggruppare il contenuto in modo tale che un div in base a MT-NW è solo un contenitore generico.
Ma quello che fanno
Quindi è solo un modo per raggruppare le cose come esempio. Non sto dicendo che questo è un div in questo
caso, ma questo potrebbe essere un div solo un riquadro attorno ad alcuni contenuti.
Sembra un po 'di testo qui alcune immagini e un po' di testo in più per raggrupparlo e
dargli un grande bordo o dargli uno sfondo scusami, puoi farlo con un div.
Ancora una volta non abbiamo ancora parlato di come lo fai, ma l'idea è che puoi semplicemente
raggruppare le cose.
Quindi mi vedrai usare molte div in questo corso andando avanti.
Lasciatemi solo mostrarti un rapido esempio.
Quindi se aggiungo del testo qui e questo è effettivamente qualcosa che uno degli studenti di questo corso ha indicato
nel forum di discussione.
Non sapevo che è bello se digiti Lorem e premi scheda.
Ci fornirà Lorem Ipsum in pratica solo un gruppo di testo segnaposto di testo di esempio.
Quindi userò questo per farne due.
E poi aggiungo anche un H1 e diciamo che questo H-1 non ha importanza o semplicemente mette qualcosa
lì.
Ma diciamo che questo è un paragrafo
e voglio raggruppare queste due cose insieme.
L'H-1 nel paragrafo diciamo alla fine di nuovo che non possiamo farlo ora, ma alla fine voglio avere un
riquadro attorno a un bordo e un bordo arancione.
Ma non include questo.
Quello che posso fare è raggrupparli insieme in un tag div
in modo d v e salvare.
aggiorno la pagina o effettivamente la apro, in primo luogo non avrà un aspetto diverso.
E se
Non assomiglierà a nulla in realtà perché non c'è stile per noi per vedere tutto quello che è
successo è che queste due cose sono ora raggruppate in un contenitore solo una scatola generica per
tenerle insieme che possiamo poi andare in stile più tardi.
Quindi, se avessi dato a quel div uno sfondo se avessi fatto uno sfondo giallo, lo
sfondo giallo sarebbe andato all'incirca attorno a questo, ma non avrebbe incluso alcuno del secondo paragrafo.
Quindi questa è una divisione div, d'altra parte è anche un contenitore generico.
Ma c'è una differenza fondamentale.
Quindi vorrei iniziare con un esempio qui.
Diciamo che volevo evidenziare alcune di queste parole proprio qui.
Porta Ipsum.
Qualunque cosa io voglia fare questo giallo piuttosto che nero, il resto del testo è nero.
Ma voglio evidenziare questo come giallo e rendere il font più grande o qualcosa del genere.
Ancora non sappiamo come farlo ancora.
bisogno di un tag attorno a questo e se metto un div esattamente lì che è un container
generico e io salvo e aggiorno vedrai che viene buttato su una nuova riga e questo perché un div è un blocco elemento di livello.
Ma l'idea è che avrei
Ciò significa che riprende la propria linea proprio come fa un paragrafo.
Quando aggiungi un paragrafo in tutto dopo che quel paragrafo è stato spostato su una nuova riga.
Quindi un div è un contenitore generico a livello di blocco.
Se lo sostituisco con uno span questo non sarà per nulla impressionante perché come posso vedere qualcosa in realtà vedrai
un cambiamento qui, ma sembrerà un normale paragrafo, quindi ho intenzione di aggiornare e
c'è un contenitore .
Ora c'è un intervallo generico attorno a questo contenuto che non sta facendo nulla.
A differenza di un div è un contenitore in linea.
Quindi lo span serve fondamentalmente per raggruppare il contenuto selezionando il contenuto in linea e un div è un altro modo per raggruppare
il contenuto.
Ma è un elemento a livello di blocco.
Quindi so che questo è un po 'teorico a questo punto.
È un po 'difficile da capire l'utilità di.
come trovare l'intervallo che ho aggiunto e renderlo quindici punti carattere e giallo o andare a trovare quel
div che ho aggiunto e dargli un bordo arancione e qualunque cosa fare e poi finiamo con un bordo arancione attorno a questo contenuto.
Ma molto presto, quando entreremo in C Ss, potremo dire qualcosa
Tutte le migliori divs usano contenitori generici.
Uno è nero è in linea