Quindi in questo video andremo a conoscere alcuni altri elementi HDMI che sono piuttosto comuni.
Quindi abbiamo visto come scrivere commenti che abbiamo visto head e body doc in gufo HCM e H-1.
Ora impareremo molte altre cose che possono andare nel corpo.
Quindi nelle diapositive c'è un piccolo capolavoro qui di alcune delle cose che copriremo quindi
ci riferiremo a questo in un po '.
Ma prima di allora voglio mostrarti il ​​riferimento all'elemento MT-NW.
Quindi questo link è nella descrizione.
È anche nelle diapositive.
Potresti anche solo arrivare da Google su Google. D. n elemento di riferimento ed è fondamentalmente una
pagina web che elenca tutti gli elementi in HMO.
Quindi alcune persone sono sorprese di quante altre persone altri studenti che ho ascoltato sono sorpresi
di quanto pochi ci siano in giro.
E questa è solo una supposizione.
Non ho contato, ma circa un centinaio questa pagina ha tutti loro.
Puoi leggere su ognuno di essi in modo da sapere che potremmo cercare il corpo e potremmo leggere sul
corpo di cui abbiamo già fatto.
Quello che voglio mostrarti è che ci sono un sacco qui.
Ci sono probabilmente da 10 a 15 che userai tutto il tempo.
Direi che se si fa circa la metà di questi negli ultimi mesi nessuno di questi è davvero quello che sto cercando di dire
è che ci sono un sacco di cose qui non sentono il bisogno di sapere tutto questo.
Questa è una di quelle volte in cui ti dirò che non si tratta di memorizzazione.
Torniamo al nostro H-1 e facciamo un po 'di lettura di una volta.
Quindi cercherò qui per ognuno rapidamente sul link corrispondente e fondamentalmente un H1 fino a sei
anni sono i sei livelli delle intestazioni del documento.
Quindi in ognuno di noi sarà la rubrica più importante della tua pagina, è la più grande
voce fino a 6 anni, che è ancora un titolo, ma è l'intestazione meno importante.
Quindi puoi vedere che c'è un esempio qui H1 H2 che tre fino ai sei anni.
Questa è l'età risultante per un maschio.
Quindi ecco un altro esempio qui dove abbiamo alcuni H1 e alcuni altri tag.
E finiamo con questo elemento di intestazione.
Bene, vai avanti e ne fai altri.
Scusa ancora alcuni elementi di Hedding in H-2.
Non li
faremo tutti e ne faremo uno in più.
E cambiamo questo per essere un terzo di età.
Facciamo effettivamente all'età di sei anni.
Puoi vedere quanto sono piccoli e salviamolo.
Vai avanti e riapri la nostra pagina e puoi vedere che abbiamo un titolo Hedding leggermente più piccolo.
E questa intestazione più piccola che possiamo andare.
Quindi un'altra cosa su H-1 e altri titoli è che sono qualcosa chiamato gli elementi a livello di blocco.
Quindi, ciò significa che ognuno ottiene la propria linea.
Quindi, anche se li metto sulla stessa riga e aggiorno la pagina, ognuno di essi ottiene una linea separata
e spinge tutto dopo di essa su una nuova riga.
Quindi questo è importante.
Ciò verrà fuori perché ci saranno altri elementi che non si comportano in questo modo e
quelli sono chiamati elementi in linea.
OK, quindi annullalo.
Assicurati di avere questo spazio correttamente.
Andiamo avanti e aggiungiamo del testo qui.
Quindi dirò che questo è solo un piccolo bios. Metto un po 'di testo qui.
Questo è un testo.
Blah blah blah.
E questo voglio solo essere un testo normale.
Non voglio che sia grande o evidenziato o niente, quindi potrei semplicemente scrivere un testo come questo.
Posso aggiungere un po 'di più qui.
E aggiorno la mia pagina.
Prendo questa cosa gigantesca di testo su una riga, ma diciamo che mi rendo conto che in realtà voglio un'interruzione di linea
proprio qui.
Questi sono due paragrafi di assurdità da fare che posso usare il tag del paragrafo.
Quindi se torni qui e cerchiamo il tag
vedrai che il tag è appena usato per rappresentare un paragrafo di testo ei paragrafi sono elementi a livello
di blocco.
Ciò significa che anche loro vanno sulla propria linea.
Quindi aggiungiamo un paragrafo qui.
Quindi voglio dividere qui e qui scusa qui.
Quindi mi limito a racchiuderlo in un tag
di paragrafo in questo modo e poi aggiungerò un
altro tag di paragrafo davanti a questo e in seguito andremo ad assicurarci di salvarlo e di aggiornarci.
E ora abbiamo due paragrafi che sono su linee separate.
Quindi lasciami andare e ottenere la sintassi.
un po 'di
testo qui e lo copiamo in modo che tu possa vedere qualcosa di più lungo.
Facciamo solo Lorem Ipsum e andiamo a un generatore e tiriamo
In realtà è un paragrafo quindi non è solo una riga ma è un paragrafo e
ha spaziatura dopo di essa prima del paragrafo successivo.
Quindi, ora che ho il mio paragrafo qui supponiamo che volessi far risaltare un testo,
voglio in corsivo il titolo di un libro o voglio mettere in grassetto una parola chiave per esempio.
Quindi ci sono modi per farlo con ogni squadra che ti mostrerò qui.
Diciamo che voglio rendere semplicemente il testo fittizio in grassetto.
potrei scrivere un tag B attorno ad esso e, come ho detto prima, questo in realtà non è il modo migliore per farlo.
Quindi per farlo
Lo mostreremo qui brevemente solo per poterlo vedere.
Quindi aggiorno la pagina e puoi vedere semplicemente che il testo fittizio è in grassetto.
E, cosa più importante o altrettanto importante, non prende una nuova riga.
È ancora in linea.
Quindi c'è qualcosa chiamato un elemento a livello di blocco di cui abbiamo parlato a proposito del loro livello
di blocco.
e ci siano elementi in linea che semplicemente entrano in azione e che in realtà non costringeranno nulla a una nuova riga.
Questo paragrafo fa sì che questo blocchi il suo stesso blocco
Quindi, se torniamo, ho detto che non è proprio il modo migliore per farlo.
Ne parleremo in un filmato sul markup semantico in sostanza.
E ogni volta alle 5 la tua email ora deve essere significativa.
Quindi, semplicemente dicendo qualcosa è audace, non dice nulla sul testo.
Quindi piuttosto ci sono alcune opzioni.
Il più comune è quello di usare forte e così forte ha un po 'di più un po' più significato che
farà esattamente la stessa cosa.
Qui non noterai alcuna differenza, ma l'idea è che dicendo che questo è forte piuttosto che
audace significa qualcosa di più.
Quindi vedrai nel video in futuro cosa è veramente questo markup semantico.
Che vergogna tutti e 5 stanno cercando di fare.
Ma per ora basta sapere che ci sono due modi per far svelare qualcosa.
Allo stesso modo ci sono alcuni modi se io sto usando un po 'di testo.
I puoi vedere che ho detto ad Assayas di formare ipsum, ma
il modo migliore per farlo è usare il tag E-M che è per enfasi e sembra esattamente lo stesso.
Quindi, se voglio rendere in corsivo Lorem Ipsum, potrei fare il tag
E l'idea di nuovo è che l'enfasi significa qualcosa di più, piuttosto che semplicemente dire I.
Quindi vogliamo separarci e questo è ciò che i miei cinque hanno fatto.
Vogliamo separare il nostro stile dalla nostra struttura.
Quindi, dicendo qualcosa dovrebbe essere in corsivo o in grassetto che è in realtà lo stile di esso.
Ma dicendo qualcosa è più forte o qualcosa è enfatizzato che non è come è stile
o come appare.
Questo è più sulla struttura di esso e su ciò che significa.
Quindi, in sintesi, abbiamo H-1 386.
Questi sono elementi a livello di blocco.
Abbiamo dei paragrafi che sono anche a livello di blocco.
Prendono la loro linea e poi abbiamo una forte ed E-M o enfasi.
E questi sono elementi in linea che ci permettono di costruire le nostre cose in corsivo.
Ma in realtà quello che fanno è chiamare qualcosa per essere forti o essere enfatizzati.
E il nostro browser decide di renderlo in corsivo o renderlo audace