DOUG LLOYD: Così abbiamo trascorso about-- se la mia matematica è giusto, e penso che guardando back-- penso abbiamo speso circa 35 video a parlare su vari aspetti della C, forse un po 'di più, forse un po' meno. E noi non copriamo tutto in C, ma coperto una grossa fetta della lingua, la stragrande maggioranza di esso, certamente per usi comuni. Ora stiamo andando a parlare su un'altra lingua, HTML. E stiamo andando a coprire in un solo video. 

Ma che sta per essere OK. Che sta per diventare realtà qualcosa che si sta andando per abituarsi. Ora che avete la fondamenti di una lingua, in realtà è abbastanza facile per iniziare ad imparare altri. Quindi stiamo per iniziare fare un passo un po 'indietro e sorvolare la base differenze tra queste lingue e una sorta di lasciare ad esso. C'è un sacco di veramente grande risorse su internet, che stiamo per iniziare a voi dirigere verso perché Internet è un vasto archivio di informazioni. E così non è come avrete essere perdendo necessariamente non avendo le informazioni coperto da un video. Sarete ancora in grado di ottenere tutto il necessario e l'uso le conoscenze che hai già costruito attraverso la comprensione C per rendere la curva di apprendimento per questi altre lingue in realtà molto più piatte. Io prometto. 

Ma parliamo di una lingua che è davvero fondamentale per ogni web pagina, che è l'HTML. HTML è la Hyper Text Markup Language. HTML è un linguaggio ma è non un linguaggio di programmazione. 

HTML non ha variabili. Non ha logica o funzioni o qualcosa di simile. Noi non possiamo fare qualsiasi la programmazione di per sé in HTML. A volte si sente le persone si descrivono come i programmatori HTML, che Non è del tutto esatto. Non possiamo scrivere programmi HTML. 

HTML è solo utilizzato per marcare il testo. Si chiama un linguaggio di markup. E che questo does-- questo markup-- usiamo tag in HTML e questi tags-- questo markup-- semanticamente definisce la struttura di una pagina e fa sì che il testo che esiste tra i tag devono essere interpretati dai browser in modi diversi. E forse è meglio spiegare in questo modo per di un'illustrazione. 

Ecco una semplice pagina HTML, non un programma HTML, di nuovo, una pagina HTML. E noi sappiamo che è un Pagina HTML perché abbiamo delimitata tutto con tag HTML. Quindi questo è ciò che un tag HTML assomiglia. E 'tra le parentesi angolari. E notare in alto abbiamo HTML e in fondo, dopo che abbiamo fatto ciò che è apparentemente un sacco di altri HTML, abbiamo staffa angolare barra HTML. In modo che tipo di è il confine tra ciò che è HTML e cosa non lo è. E, naturalmente, convenzionalmente, appena come hai scritto tutti i vostri programmi C con le estensioni puntino C, tutti i file HTML si concluderà con estensioni HTML punti. Ma c'è di più succedendo qui. Non resta che questi tag. Abbiamo a quanto pare abbiamo questo cosa chiamata un tag testa. Bene, bene, che cos'è? 

Beh, forse è meglio distinguere attraverso un corpo, corpo essendo il contenuto della pagina web. Così forse il tag testa definisce roba che non è nella finestra del browser corretto, ma è in qualche modo importante per il nostro La pagina web viene visualizzato correttamente. Ad esempio, all'interno della tag head abbiamo tag del titolo. 

Così titolo essendo ciao mondo, Che in realtà sta per essere quello che si presenta nella scheda in Chrome o in safari o Firefox-- qualunque browser prefer-- che è quello che sta per presentarsi nel titolo. E prima linguette mostrerebbe in tutta la finestra del browser e si può avere una sola pagina aprire in una finestra alla volta. In modo che sara 'il titolo della mia pagina nella scheda o la barra di finestra del browser, ciao mondo. E poi il contenuto della mia La pagina web sarà mondo, ciao. Quindi, diamo uno sguardo a ciò che alcuni cosa del genere potrebbe essere simile. Questa è una bella semplice pagina HTML. Quindi sono qui nel mio CS50 IDE e Ho zoomato in un po '. E sto solo andando a aprire ciao puntino HTML e mostrare che questo è più o meno il contenuto della pagina che abbiamo visto prima. Le mie semplici tag HTML, testa, tag title, corpo, e così via. Ho rientrato essere pulito. 

E poi che cosa posso fare nel mio IDE è solo l'anteprima della pagina. E ce ne andiamo. Il contenuto della mia pagina è mondo, ciao, e non vedo niente in dai tag head lì. È solo il contenuto del corpo. Mondo, ciao. E di nuovo il corpo solo Detto questo, mondo, ciao. L'altra parte è mancante. 

Ecco, questo è davvero tutto qui. Questa è una pagina molto semplice HTML di base. Ora ho la mia rientrato HTML essere veramente bello e organizzato, ma io in realtà non devo. Potrei farlo sembrare piuttosto brutta. E questo potrebbe funzionare. Questa sarebbe la stessa pagina web esatto. Ho appena deciso di eliminare tutto lo spazio bianco. 

Come si è visto, lo spazio bianco è dati. E così quando siamo l'invio di dati da mittente al destinatario, dal server al cliente, i dati costa denaro. E così sbarazzarsi di spazio bianco in realtà è una buona idea se siete qualcuno che serve un sacco di contenuti web. E 'una cattiva idea se siete qualcuno che è l'apprendimento di questa roba e si desidera avere è ben organizzato. Questo è molto più facile da analizzare di questo. Ma è funzionalmente identici. 

Il rientro e cose del genere in realtà non importa in HTML. Tutto ciò che conta è tag di apertura e chiudere i tag nell'ordine corretto. Notate cosa è successo qui, però. Il markup ci dà un modo per comunicare le informazioni supplementari su ciò che abbiamo scritto. La parte Ciao, mondo era interpretato come il titolo. E il mondo, ciao parte è stata interpretato come il contenuto o quello che dovrebbe essere visibile sulla mia pagina web. 

Ci sono oltre 100 di questi diversi tag e un sacco di grandi risorse online per trovare loro. Stiamo andando a parlare di un alcuni di loro in questo video, alcuni delle cose davvero fondamentale. Ma non stiamo andando parlare su tutto, perché sarebbe esaustivo di farlo. 

Un'altra cosa che si può fare, però, è aprire strumenti di sviluppo. E se vi ricordate da il nostro video su HTTP, Ho spiegato come aprire su strumenti di sviluppo. In Chrome di solito è il tasto F12 per aprire la barra degli strumenti di sviluppo. Poi invece di scegliere la rete scheda, è possibile scegliere la scheda Elementi. E se si carica un web pagina, ti realtà vedere l'HTML che crea quella pagina web. E così si può imparare molto su HTML cercando in tuoi siti web preferiti e vedere come costruire il vari pezzi di loro che ti piace. Così forse c'è questo freddo modello o qualcosa di simile. Come fanno a fare con l'HTML? Beh si può solo aprire il tuo sviluppatore strumenti e passa il mouse sopra l'elemento e vedere esattamente ciò che lo rende HTML. Ecco, questo è davvero un buon modo per imparare l'HTML, e mi consiglia vivamente di lo si fa sia per imparare l'HTML e anche per imparare un po ' po 'su alcune delle opzioni a vostra disposizione in strumenti di sviluppo, che certamente tornare utile come si inizia a fare più intenso web programmazione. 

Quindi, diamo un'occhiata a un paio di tag HTML comuni. E faremo saltare e dare un'occhiata a che cosa questi tag saranno anche render come, cercando in alcuni file nel mio IDE. Così qui sono tre tag molto di base per tweaking l'aspetto visivo del testo. C'è tag B, tag e tag I U. E rispettivamente ciò che fanno è rendere il testo tra di loro in grassetto, corsivo, e sottolineature. Quindi cerchiamo di vedere cosa sarebbe guardare come su una pagina web attuale nel mio IDE. 

Quindi, qui nel mio IDE ho un file chiamato BIU puntino HTML. BIU dot HTML solo di essere grassetto, il corsivo, sottolineato. Aprirò in su. 

E vedremo che qui io avere questo testo è tag B grassetto. Questo testo è tag I corsivo. E questo testo è tag U sottolineate. Cosa è questo andare a guardare come? Bene ancora una volta, tutto quello che ho a fare è andare qui a mio browser, il browser di file, fare clic su Anteprima, e questo è quello che si presenta. 

Il testo tra la B tag è infatti ora in grassetto. Il testo tra la I tag è infatti ora in corsivo. E il testo tra U tag è infatti ora sottolineati. In modo che è abbastanza buono. Ora sappiamo come rendere il testo guardare un po 'più di fantasia o disegnare enfasi a certe cose. Un'altra coppia di tag comuni qui sono tag di paragrafo, i tag P, e di intestazione, che ho renderizzato qui come HX. 

Questi tag P, questi tag di paragrafo, rompere il vostro testo verso l'alto in paragrafi. Non è sufficiente per solo premere Invio e lasciare spazi, perché un computer è solo andare di fare ciò che gli si dice di fare e ignora bianco spazio per la maggior parte. Quindi non possiamo premi invio e si aspettano il nostro computer di interpretare che vogliamo per iniziare un nuovo paragrafo. Dobbiamo dire molto esplicitamente questo è uno paragraph-- questo è another-- racchiudendo ciascuno in un insieme di tag P. 

E abbiamo anche queste opzioni per i tag H, i tag di intestazione. Abbiamo sei livelli differenti di intestazioni, uno, due, tre, quattro, cinque e sei, che sono progressivamente più grandi intestazioni. Ed essi diventano più piccoli e più piccoli e più piccoli. Quindi abbiamo un colpo di testa alto livello, un secondo intestazione di livello, e così via, e così via. 

Diamo uno sguardo a magari un po ' Tag P e alcuni tag di intestazione in azione su una pagina web. Quindi, qui nel mio IDE ho un file chiamato PH puntino HTML, PH essendo paragrafi e tag di intestazione. Aprite che fino. C'è molto da fare qui perché ho messo un po 'lorem ipsum, del testo solo a caso qui. Quindi mi zoom out un po ' perché c'è così tanto da fare. Ma si noti che ho per lo top qui Ho un H1, un livello uno, tag di intestazione. Poi ho un paragrafo, che è solo un mucchio di casuale lorem text-- ipsum-- solo difetto di riempimento standard in formato testo. Così ho due paragrafi all'interno di tale livello uno intestazione e poi in basso ho avere un livello di due intestazione qui sulla linea 24, un secondo livello di intestazione, e altri due paragrafi. Beh, che cosa fa questo aspetto se ho vista nella mia anteprima? Vediamo. 

Così notare che il prima intestazione livello qui è in realtà un po 'più grande rispetto al secondo livello di intestazione. Così abbiamo utilizzato tag H1. E notare che i tag P ci consentono a rompere le cose in paragrafi. Se avessimo deciso di eliminare questi tag P e in realtà appena messo entra o Returns tra quello che speravamo sarebbe essere i diversi paragrafi, sarebbero tutti appena sbattono insieme e non avrebbe questa bella paragrafo separazione con spazio sopra e sotto. Ed è quello che il paragrafo tag e tag di intestazione sono comunemente usati per fare per disegnare attenzione alle porzioni della nostra pagina web in quel modo. 

Next up sono alcuni tag che usiamo per costruire liste sulla nostra pagina web. Così abbiamo ordinato lists-- ULs-- che sono solo elenchi puntati, ordinate Lista che sono numbered-- OLs-- e all'interno di entrambi uno di quelli che hanno bisogno di avere set di come per indicare voci di elenco, LI. E così abbiamo aperto tag UL e mettiamo oggetti al suo interno. E poi quando abbiamo finito con che, possiamo chiudere il tag UL. 

E allo stesso modo possiamo avere un elenco ordinato o numerato e mettere voci di elenco all'interno di questo. Quindi, diamo uno sguardo un paio di liste e che cosa farebbero render come il CS50 IDE. Così ho qui nel mio IDE un file chiamato liste punteggiano HTML. Diamo un'occhiata. 

E notate qui ho una non ordinata elencare cinque cose in esso. E poi ho un elenco ordinato, e Ho cambiato l'etichetta un po ', destra? Ho detto all'inizio è uguale a sei. Si scopre con un elenco Ho ordinato è possibile impostare il punto di partenza ovunque I want-- di default sarà tra-- semplicemente aggiungendo questo cosiddetto attributo a mio tag OL. E così questa lista sarà iniziare il conteggio alle sei. Quindi gli elementi di tale elenco numerato dovrebbe essere sei, sette, otto, nove, dieci, perché ci sono cinque elementi nella lista, anziché utilizzare una, due, tre, quattro, cinque, che sarebbe il caso se avessi detto OL senza specificare l'attributo di partenza. 

Quindi non ci resta Anteprima questo in modo da poter ottenere un senso di quello che sta succedendo qui. E ce ne andiamo. Ecco la mia lista. I primi cinque elementi sono liste non ordinate o puntati. E i prossimi cinque elementi sono una lista ordinata separata a partire da sei. Ecco come possiamo costruire le liste usando HTML. Un'altra cosa che si potrebbe vuole fare con l'HTML è costruire una tabella di Informazioni di righe e colonne di presentare le informazioni in un particolarmente organizzato modo. Per fare questo con l'HTML possiamo avere un definizione della tabella inizio parentesi aperta tavola. E poi dentro di noi quel tavolo potrebbe avere un insieme di righe, tag TR per indicare ogni riga. E poi i tag TD vanno all'interno dei tag TR per specificare una colonna in una riga. 

Perché si chiama TD e non tc? Beh, TD è sinonimo di dati della tabella. Di solito si è messa vostra informazione vi. Ecco perché si tratta di TD e non TC. E 'un po' di confusione. 

In modo da avere tag table e all'interno di tag table si dispone di un numero di righe, TR. E all'interno di ogni riga si ha TDS per il numero di colonne che si desidera avere in quella riga particolare. Diamo uno sguardo a un semplice tabella sopra in CS50 IDE. 

Così ho qui un file chiamato tavolo dot HTML. Diamo uno sguardo a quello che sembra. C'è molto da fare qui, ma se notate ho un tavolo aperto. Sto iniziando la definizione di tavolo. E poi nella mia prima fila mi pare hanno quattro colonne, uno, due, tre, quattro. E poi ho finito con quella riga. 

Poi comincio un'altra fila e fare due, quattro, sei, otto. Finisci quella riga. Fare un'altra fila, tre, sei, nove, 12. E poi un ultima fila, quattro, otto, 12, e anche se è un po 'tagliato fuori qui, 16. 

Ho finito quella riga. Ho finito il tavolo. E poi ho finito con il mio codice HTML. Che cosa significa questo aspetto? Beh, non è davvero molto da vedere. Ho chiaramente organizzato le mie informazioni in un modo alquanto più organizzato. Ma non è super bello qui. E stiamo andando a che fare con che quando si parla di CSS. Rivisiteremo questa idea di quello che facciamo per fare un table-- forse formattarlo un po 'meglio? Ma io ho ancora quattro righe, ciascuno dei quali ha quattro colonne, e davvero quello che ciò equivale a è un molto semplice quattro da quattro moltiplicazione tavola. 

Ancora pochi tag Ne parleremo. Parliamo la concetto di un modulo HTML. Così si può avere visto questo nel contesto di registrazione in una pagina web. Solitamente si digita il proprio nome utente. Si digita la password, e siete pronti ad andare. Sarebbe l'inizio di un modulo. 

Saltando Div A secondo. Abbiamo anche ingressi che tipo di adattarsi all'interno di forme. Questi sono gli elementi che si sta effettivamente scrivendo in, oi pulsanti di opzione siete ticchettio, o l'assegno le caselle che si sta spuntando. Quindi questi vanno all'interno delle forme. E comprendono fondamentalmente ogni riga del modulo se il modulo è formattato bene. Poi c'è il concetto di un div, che non fa davvero adattarsi in una determinata categoria di tag come quelli che ho sta facendo in precedenza. E 'appena sorta di delimita il inizio di qualche division-- arbitrario div-- della pagina. Non c'è pausa visiva. Non c'è nessuna linea. Non è partì come un pezzo automaticamente separata. Avresti per lo stile che in questo modo per farlo. 

E 'appena sorta di dice Voglio un pezzo di spazio sulla mia pagina web, e sto solo andando a chiamare è questa divisione della mia pagina. Possiamo mettere roba dentro di div, e infatti, quando ci dirigiamo verso IDE in un secondo, faremo Vedo che sto mettendo la mia formarsi all'interno di un div. 

Così ho qui nel mio IDE un file chiamato div forma puntino HTML. Apriamo l'alto. Si noti che, come ho detto, div è una specie di arbitrario. Destra? In realtà non significa nulla. Così ho un arbitrario prima divisione della mia pagina. E poi invece di un altro div in seguito, a partire sulla linea otto, Ho questo modulo. E all'interno della forma ho un numero di ingressi, i campi del modulo. Così ho un campo il cui nome è A-- che in realtà non significa nulla now-- destra che a quanto pare prende testo, un altro che prende una password, un altro che è una radio pulsante, un altro che è una casella di controllo, e un altro che è un pulsante Invia. Ebbene, che cosa fa questo tutto davvero assomigliare? Bene, diamo un'occhiata. Apriremo in su nella nostra finestra di anteprima. Si noti che questo arbitrario prima division-- c'è nessuna separazione visiva qui. Non ha davvero fare niente, giusto? 

E poi ho la mia forma. E non ho fatto alcuna formattazione speciale. Quindi la forma è solo uno grande fila di informazioni. Se avessi formattato la mia forma in modo diverso, Potrei avere riga per riga per riga. Ma non ho fatto alcun styling. Anche in questo caso, non stiamo parlando di CSS qui. Stiamo solo parlando di HTML. 

Beh, nella mia forma di testo posso type-- ricordare che le forme di tipo text così posso mettere il mio nome. E nel mio password che ho può digitare la password. E perché quel campo è di tipo di password, non si sa che cosa la mia password è. E 'tutti i punti. 

Posso anche scegliere di spuntare un pulsante di scelta o spuntare una casella di controllo. O potrei inviare il mio modulo. E io non ho fatto niente, così quando presento la mia forma, pagina appena aggiornata. Ma potrei forse configurare il mio Pulsante Invia per fare qualcosa di diverso. E vedremo cosa possiamo fare con che in un futuro video su PHP. Ma questo costruisce un molto forma semplice che noi possono utilizzare per avere gli utenti interagiscono e inviare informazioni al nostro sito web. 

Un ultimo commento prima di passare ad alcuni altri tag sono di dare un'occhiata a questo tag input ancora una volta. Si noti che ho evidenziato le estremità del tag in rosso. Ogni altro tag che abbiamo visto fino ad ora ha avuto un inizio e una fine, un'apertura tag e un tag di chiusura. 

Ma un'etichetta di ingresso non è così. Non c'è nessun testo che va tra tag input. Tutte le informazioni siamo l'intenzione di trasmettere è legata come parte del attributi di tale ingresso. Notate abbiamo nome dell'ingresso è uguale a x. Tipo uguale a. Questo è davvero tutto il informazioni che ci servono. 

Questo si chiama un tag di chiusura automatica. Non richiede un'apertura e un vicino perché tutte le informazioni è contenuto all'interno tag e gli attributi. Così a volte si vedrà anche questo. Quindi, solo essere consapevoli che se si dispone di un tag che è completamente autosufficiente, si apre e si chiude con la staffa angolo aperto sulla sinistra e l'angolo di barra staffa sulla destra. Staremo a vedere un altro uno di quelli adesso con tag di immagine pure. 

Prima di parlare di immagini, abbiamo bisogno di parlare di collegamenti ipertestuali. Se vogliamo che la nostra pagina web per essere interattivo e ci muoversi, sarebbe bello essere in grado di fare clic su uno di quelli ciò che è in genere stato un link. Questo è in realtà il modo in cui costruiamo un collegamento ipertestuale nella nostra pagina web. E abbastanza interessante c'è un altro tag HTML chiamato link, che non è un collegamento ipertestuale. Una qui sta per l'ancora, e è così che indichiamo un collegamento ipertestuale. 

A href uguale x mezzi vanno a pagina web X. E tutto tra l'aperto Un tag e la stretta Un tag è quello che sta per essere sottolineato che testo blu che assomiglia a un collegamento che siamo a conoscenza. Qui di seguito che abbiamo un tag di immagine, che è un self tag di chiusura per la visualizzazione un'immagine situata a X. E si potrebbe essere in grado di cambiare quell'immagine specificando larghezza e altezza e altri attributi in che dot dot dot lì. 

In fondo molto qui abbiamo una molto interessante cercando tag che non lo fa avere un tag di chiusura. E 'punto esclamativo DOCTYPE HTML. Così HTML è stato intorno dal momento che la primi anni 1990 per la costruzione di pagine web, ed è andato subita diverse revisioni da allora. Più recentemente nel 2014 ha subito una revisione chiamato HTML5 che è ora l'attuale sorta di standard de facto HTML. 

Per indicare che il nostro web le pagine sono scritte utilizzando HTML5, questo è il modo in cui cominciamo. Può essere omesso ma cosa che in fondo mezzi è non è possibile utilizzare uno qualsiasi dei tag che sono i tag HTML5, questi nuovi tag. Così abbiamo sempre iniziamo se stiamo usando HTML5. E tutti i tag di cui abbiamo parlato in precedenza non sono i tag HTML5. Ma questo indicherebbe che Tag HTML5 saranno presenti. E così abbiamo esclamazione HTML doctype, che è proprio all'inizio del nostro File HTML, e poi, dopo che il punto in realtà abbiamo aperto il nostro HTML tag e procedere da lì. 

L'ultimo è un tag di commento, che sembra un po 'diverso, anche. Si inizia con l'angolo Staffa esclamazione dash dash ma alcuna parentesi di chiusura. Tra questi due elementi ci è dove scrivere i tuoi commenti. E diamo un'occhiata a immagini e commenti e link in CS50 IDE. 

Così ho qui un file chiamato link immagine dot HTML che ho intenzione di aprire. E notate ho un paio di commenti qui nei miei commenti HTML. Quindi, proprio come in C e altre linguaggi di programmazione, HTML solo fatto di essere un linguaggio di markup non hanno la possibilità di avere commenti. E così mi sembra di andare a inserire una foto di Rick Astley da qualche parte tra questo div tag, questa divisione arbitraria. A quanto pare questo file è situato a Rick puntino JPEG, che se ci dirigiamo di nuovo verso il mio albero di file per un secondo, è un file che esiste in la directory corrente. Ecco, questo è OK. Posso farvi riferimento. 

Allora posso avere collegamenti interni. Così notare sulla linea 11 qui il mio href è ciao puntino HTML. In modo che si riferisce solo a ciao puntino HTML che esiste nella directory corrente. E posso anche avere esterna link da solo specificando HTTPS per indicare che non sto parlando su un file nella mia directory corrente. Sto parlando di un file che esiste da qualche parte su internet, che ho per richiedere utilizzando il protocollo HTTP. 

Quindi, diamo un'occhiata a ciò che questa pagina potrebbe essere simile e preparatevi per una foto di Rick Astley di presentarsi sul vostro schermo. Così io in anteprima questo. C'è Rick Astley al molto alto in questo arbitrario divisione ho messo in cima. E poi giù in basso ho avere i miei link, giusto? 

Ho un link per ciao puntino HTML. E se clicco che, ottengo spostato a questa pagina che siamo molto familiare con da Fin dall'inizio del nostro programma. Se ho pop che la pagina aperta di nuovo, se io pop link immagine aprire ancora una volta, Posso anche andare all'esterno al sito di CS50. E lì abbiamo see-- io sarò diminuire un po 'qui-- staremo a vedere il sito web di CS50 sorta di incastonato nel bel mezzo della nostra pagina. Così mi è stato in grado di fare un interno collegare così come un collegamento esterno. 

L'ultima regola con HTML che stiamo andando a parlare qui è che il codice HTML deve essere ben formata. In C abbiamo parlato molto le varie sintassi delle cose. In HTML sintassi davvero ruota intorno tags. Ogni tag si apre deve essere chiuso. E infatti, ogni tag si apre dovrebbe essere chiuso in ordine inverso. 

Quindi, se si apre un tag grassetto, italico un tag, e quindi un tag sottolineatura fare tutti e tre per un particolare insieme di testi, li si dovrebbe chiudere in ordine inverso. Quindi, se si apre in grassetto, corsivo, sottolineato, è vuole chiudere sottolineato, corsivo, grassetto. Questo tipo di incapsulamento è ciò che mantiene HTML piacevole e organizzato. 

A differenza di C, però, gli errori di sintassi non sarà effettivamente paralizzare il codice HTML forse. Il codice HTML può essere non bene formata ma sarebbe ancora lavorare. E così questi errori può ordinare di diapositiva. E 'a voi per essere veramente vigilanti. A volte falliranno ma a volte si può farla franca. 

Può essere un veramente compito difficile, però, per tenere traccia di quando avete aperto un tag, quando si è chiuso esso, tanto più che il codice HTML file diventano sempre più grandi. Avrai voglia di qualche aiuto. E ci sono in linea strumenti validatore che possono utilizzare per dare un'occhiata al vostro web pagina e vedere se è ben formato HTML. E si dovrebbe sicuramente dare un'occhiata a quelli e iniziare a usarle come voi iniziare a fare qualche lavoro con HTML, scrivere HTML, solo così si ottiene alcune buone abitudini circa l'organizzazione il codice HTML in un buon modo e buon stile e fare in modo che non si sta facendo tutto ciò che potrebbe creare un errore di sintassi che potrebbe causare un po 'di un problema lungo la strada. 

Sono Doug Lloyd. Questo è CS50.