Torneremo.
Quindi in questa lezione inizieremo creando un nuovo file che lo riempia di h
tm l un'apertura nel browser e impareremo anche la struttura sottostante di ogni documento HTML.
Quindi ci sono alcune cose che ogni documento ha sempre una specie di testo che impareremo
a conoscere.
Quindi, per iniziare ad andare in sublime e ho intenzione di fare un nuovo file.
Quindi file nuovo file o comando e quindi ho intenzione di salvare il file e dargli un nome.
Quindi salva o comando come.
Quindi una volta che lo farò, gli daremo un nome.
Chiamiamo prima pagina la pagina T. M. e questa parte è molto importante.
Dot h Timo.
Quindi colpirò save.
E quel punto ogni squadra lo dico sublime.
E quando lo apro in Chrome dice a chrome Questo è un tim che verrà trattato come tale.
Quindi possiamo scrivere a Tim Allen qui.
Quindi inizieremo con l'unico tag che abbiamo visto finora è uno dei tag che è un H-1.
E noterai che è evidenziato per me.
Quindi riempiamo questo.
Questo è il mio primo tag e salva questo file e vedrai sublime sapere che è H D M L, quindi evidenzia
che rende i tag corrispondenti rossi.
Nel mio caso.
Ora quello che vogliamo fare è in realtà aprire questo file e visualizzarlo perché ricorda ogni volta
che è solo un testo, ma il nostro browser lo interpreta e lo trasforma in qualcosa come questo o questo.
Quindi, per far sì che Chrome lo apra, ci sono alcune soluzioni.
Il primo è solo doppio clic su di esso e lo aprirà nel browser predefinito.
Se non è chrome, funzionerà, ma lo aprirà in Safari o Firefox o Internet
Explorer e puoi vedere che non appena viene aperto non mi mostra l'html effettivo che
lo sta sottraendo e lo trasforma in questa bella rappresentazione visiva.
Come sempre, posso visualizzare il mio codice sorgente e vedrai che è solo un tag.
Quindi decisamente più semplice di qualcosa del genere.
Ma di base sono esattamente gli stessi.
E probabilmente c'è anche un H-1 su questa pagina.
Quindi un altro modo per farlo.
Puoi fare clic con il pulsante destro del mouse e fare clic su Apri con Google Chrome oppure puoi fare clic su di
esso e trascinarlo su Chrome e questo lo aprirà.
La stessa cosa vale per il sublimato, quindi se chiudete accidentalmente il file potete trascinarlo qui
e lo riaprirà.
Quindi, solo per mostrarti quel clic e posso aprirlo.
Quindi sfortunatamente devo rompere le notizie che sono semplici.
È Tim L che abbiamo scritto finora è in realtà un po 'sbagliato.
Il tag e-mail stesso va bene, ma questo non è un documento valido.
E questo perché ci manca la struttura sottostante che ogni pagina deve avere.
Quindi sembra questo.
È molto paragonato a quello che abbiamo fatto finora.
Ma la buona notizia è che ci sono due buone notizie.
Uno è sempre lo stesso.
E due sublimi hanno una bella scorciatoia che ci dà questa struttura molto velocemente con solo
quattro lettere che dobbiamo digitare.
Quindi analizzeremo questi pezzi singolarmente e solo un po ', ma comincerò solo
mostrandoti come ottenerlo in modo sublime in modo sublime invece che in h tim l file possiamo digitare la parola h
tim L e poi premi scheda e otteniamo automaticamente questa struttura.
Quindi andiamo oltre ciò che questo fa.
Per prima cosa salveremo.
Quindi c'è questo tipo di documento H su di esso ed è un po 'strano
perché non esiste un tipo di documento di chiusura corrispondente come H-G M-L e il titolo, il titolo e il tipo di documento del corpo sono indipendenti.
Quindi andiamo a M. D. che essere uno sviluppatore sta cercando qualcosa su Google.
e semplicemente mostrandoti come ti avresti fatto scriverei MT-NW e poi tipo doc e potrebbe sembrare sciocco parlarne
davvero, ma questo è importante perché trovare queste informazioni è davvero ciò
Come trovi la risposta giusta
Sarò un record completo e rotto su questo.
I miei studenti ridono ogni volta che parlo dell'arte di googling ma è davvero importante.
Quindi sono qui.
Diamo un'occhiata.
Dice che il tipo di documento per ciascun Timofei è semplice per indicare che il tuo contenuto HMO utilizza l'HDMI.
Cinque semplicemente usare doctype H-2 con un punto esclamativo di fronte e vogliamo usare
HMO 5.
Parleremo esattamente di cosa sia uno schmuck un 5 e di cosa non lo sia.
In un futuro video.
Ma noi vogliamo usarlo.
È fondamentalmente solo la versione più recente di lui invecchiato.
Quindi lo mettiamo in cima.
Quindi la prossima cosa di cui parleremo è l'elemento h tm l.
Quindi questo è un po 'più difficile da trovare cercando chi fa MT-NW un HMO.
Se solo
ci siamo, cerco sempre questa fine vuota nel nome.
E questo ci dice che l'elemento root di lui rappresenta la radice di un documento HMO.
Tutti gli altri elementi devono essere i discendenti di questo elemento.
Quindi è abbastanza auto-esplicativo.
Fondamentalmente tutto ciò che scriviamo deve essere inserito all'interno di ciascun elemento.
elemento principale seguito da un solo corpo che è quello che abbiamo una testa e un corpo.
E, cosa più importante sotto contenuto consentito, ci dice un
Diamo un'occhiata a quale testa è l'elemento principale.
Fornire metadati di informazioni generali sul documento, inclusi il titolo e i collegamenti, sono definizioni di
script e fogli di stile.
Quindi, questo significa fondamentalmente tutto ciò che non vediamo nella pagina come utente.
Quindi cose come i file di font nei nostri file di fogli di stile o file javascript, tutti quelli che
vanno in testa e poi il corpo è dove mettiamo tutti i nostri contenuti.
Rappresenta il contenuto di un documento HTML di età.
Quindi se torniamo qui posso assicurarti un'altra cosa che è come scrivere commenti e metterlo in
discussione.
Se volessi scrivere una nota a me stesso se ho appena scritto questo contenuto va nel
corpo e poi compaiono ho scritto un dato in testa.
Fortunatamente non funzionerà perché questo apparirà effettivamente nella pagina.
Il suo team tratterà questo testo simile e voglio che sia solo una nota per me.
Quindi questo è qualcosa che puoi fare in ogni linguaggio di programmazione.
meno di due trattini e poi un po 'di contenuto e poi sull'altro lato due trattini e un segno più grande di.
È possibile trasformare questo in un commento e un commento appare come questo inizia con un punto esclamativo
Così può digitare che sentiti digitarlo manualmente e puoi
vederlo come se fosse grigio in sublime.
Ma un'altra scorciatoia davvero elegante è che puoi selezionare una linea che non devi
selezionarla, basta andare ad allineare e premere la
barra comando e puoi anche vedere che può andare fino ad essa e puoi andare al commento per attivare / disattivare i commenti.
Quindi nel caso te lo dimentichi e non vuoi scriverlo.
Un'altra cosa carina.
Diciamo che ho un sacco di note per me stesso, posso selezionarle tutte e fare la stessa cosa.
Barra di comando.
Grande.
Quindi terrò qui questi commenti che sono solo delle note a me stesso.
Il mio contenuto va nel corpo.
Va in testa.
Questo significa che se stiamo seguendo le nostre note, il nostro contenuto qui deve entrare nel nostro corpo.
Quindi non dovremmo avere nulla che galleggia all'esterno dell'elemento H Tim L tranne per doctype.
Tutto il resto va in testa o nel corpo.
Quindi andiamo avanti e apriamolo assicuratevi che abbia lo stesso aspetto di prima.
Doppio click.
Puoi vedere che sembra identico.
Vediamo la fonte della pagina sembra uguale.
Si noti che i nostri commenti non vengono mostrati, naturalmente solo il nostro H-1 appare.
Una cosa che ci manca mentre siamo qui è un titolo.
Un titolo è importante non perché compare nella pagina che non verrà mostrato nella nostra pagina attuale qui.
Ricorda che è nella testa.
Quindi sono solo i metadati quello che fa sono due cose.
Uno determinerà il nome o il testo che compare nella nostra scheda.
Ed è anche importante per i motori di ricerca e per altre pagine quando altre pagine sono
collegate al tuo sito o quando vai su Google e cerchi qui MDA con questi nomi.
Questi provengono dagli elementi del titolo.
Quindi per esempio M. D. e celebra 10 anni di documento nel tuo sito web che fai clic su di esso.
Puoi vedere quassù dice MDA e celebra che viene troncato.
Puoi controllare l'aspetto della pagina per un elemento del titolo.
Quindi un sacco di cose qui andiamo.
Titolo e celebra 10 anni di documentazione del tuo sito web.
Il blog di mizzle.
Quindi il titolo è importante.
Diamo quindi a ArcSight un titolo chiamiamolo il mio primo aggiornamento della pagina di aggiornamento qui e si aggiorna.
Questo è tutto per ora.
Ricorda due cose.
Questo testo può semplicemente digitare H lui l tab.
Non ne avresti mai più di uno nel documento.
Ma solo così ti ricordi la scheda HTML e i commenti.
Si può fare con la barra dei comandi in modo da selezionarli e disattivarli.
Tutto ok