DOUG LLOYD: Així que va passar sobre-- si els meus matemàtiques és correcte, i crec que mirant part posterior-- Crec passem uns 35 vídeos parlar sobre diversos aspectes de C, potser una mica més, potser una mica menys. I no cobrim tot en C, però cobert una gran part de la idioma, la gran majoria de la mateixa, sens dubte per als usos comuns. Ara anem a parlar sobre un altre idioma, HTML. I anem a cobrir que en un sol vídeo. Però això va a estar bé. Això es convertirà en realitat cosa que anem a acostumar. Ara que vostè té la fonaments d'un idioma, en realitat és bastant fàcil per començar a aprendre altres. Així que anem a començar al pas una mica cap enrere i passar per alt els bàsics diferències entre aquests idiomes i una espècie de deixar-te a aquesta. Hi ha un munt de realment gran recursos a Internet, el que començarem a dirigir vostè cap perquè l'Internet és un vast repositori d'informació. I el que no és el que vols vaig estar perdent a terme necessàriament al no tenir la informació cobert en un vídeo. Vostè encara serà capaç d'obtenir tot el que necessita i l'ús el coneixement que ja ha construït mitjançant la comprensió de C per fer que la corba d'aprenentatge per a ells altres idiomes en realitat un munt més planes. Ho prometo. Però anem a parlar d'un idioma això és realment fonamental per a cada web pàgina, que és HTML. HTML és el Hyper Text Markup Language. HTML és un llenguatge però és no és un llenguatge de programació. HTML no té variables. No té lògica ni funcions o res per l'estil. No podem fer res programació per se en HTML. De vegades se sent persones descriuen a si mateixos com a programadors HTML, que no és del tot exacte. No podem escriure programes HTML. HTML només s'utilitza per marcar el text. Es diu un llenguatge de marques. I el que això does-- aquest markup-- utilitzem les etiquetes en HTML i aquests tags-- aquest markup-- semànticament defineix l'estructura d'una pàgina i fa que el text sense format que ha entre les etiquetes han d'interpretar- pels navegadors de diferents maneres. I potser el millor és explicar d'aquesta manera per una il·lustració. Aquí hi ha una pàgina HTML molt simple, no un programa d'HTML, de nou, una pàgina HTML. I sabem que és un Pàgina HTML perquè hem delimitada tot amb etiquetes HTML. Així que això és el que una etiqueta HTML es sembla. És entre parèntesis angulars. I noti en la part superior tenim HTML i en la part inferior, després que hem fet el que és pel que sembla un munt d'altres HTML, tenim HTML angle de suport de barra. Així que aquest tipus de és el límit entre el que és HTML i què no ho és. I, per descomptat, convencionalment, just com vostè va escriure tots els seus programes en C amb extensions punt C, tots els seus fitxers HTML acabarà amb extensions HTML de punt. Però hi ha més que fer aquí. No només tenim aquestes etiquetes HTML. Aparentment Tenim aquesta El va anomenar una etiqueta cap. Bé, està bé, què és això? Bé, potser el millor és distingir per mitjà d'un cos, cos és el contingut de la pàgina web. Així que potser l'etiqueta de cap defineix coses que no està a la finestra del navegador propi, però és d'alguna manera important en el nostre pàgina web està representant correctament. Per exemple, a l'interior de la etiqueta del cap que tenen etiquetes de títol. Així títol sent hola món, que en realitat va a ser el apareix a la pestanya a Chrome o en safari o Firefox-- qualsevol navegador que prefer-- això és el que va a aparèixer en el títol. I abans de pestanyes que mostraria en tota la finestra del navegador i només pot tenir una pàgina S'obrirà en una finestra del navegador alhora. Així que serà el títol de la meva pàgina en la pestanya o la barra de la finestra del navegador, hola món. I a continuació, el contingut de la meva pàgina web serà món, hola. Així que donem una ullada al que alguns cosa com aquesta podria ser similar. Aquesta és una pàgina HTML molt simple. Així que estic aquí a la meva CS50 IDE i He acostat una mica. I jo només vaig a obrir hola punt HTML i demostrar que això és més o menys el contingut de la pàgina que vam veure abans. Els meus simples etiquetes HTML, cap, etiquetes de títol, cos, i així successivament. He sagnia estar net. I llavors, què puc fer en el meu IDE és només una vista prèvia de la pàgina. I aquí anem. El contingut de la meva pàgina és món, hola, i no veig res des de les etiquetes del cap allà. És només el contingut del cos. Mundial, hola. I de nou el cos just Dit això, món, hola. L'altra part no es troba. Així que això és realment tot el que és. Aquesta és una pàgina HTML bàsic molt simple. Ara he sagnia meu HTML per ser molt agradable i organitzada, però en realitat no és necessari. Jo podria fer que es vegi bastant lleig. I això seguirà funcionant. Aquesta seria la mateixa pàgina web exacta. Acabo de rebuig de tot l'espai blanc. Com a resultat, l'espai en blanc és de dades. I així, quan estem enviant les dades de emissor al receptor, des del servidor al client, les dades costa diners. I així l'eliminació d'espais en blanc en realitat és una bona idea si vostè és algú que serveix una gran quantitat de contingut web. És una mala idea si vostè és algú que està aprenent aquestes coses i vostè vol tenir Està molt ben organitzat. Això és molt més fàcil d'analitzar que això. Però és funcionalment idèntica. La sangria i coses per l'estil no importa realment en HTML. El que importa és les etiquetes d'obertura i tancant les etiquetes en l'ordre correcte. Noti el que va passar aquí, però. El marge de benefici ens dóna una manera de comunicar informació addicional sobre el que hem escrit. La part Hola, món era interpretat com el títol. I el món, hola part va ser interpretat com el contingut o el que hauria de ser visible a la pàgina web. Hi ha més de 100 d'aquests diferents etiquetes i un munt de grans recursos en línia per trobar-los. Anem a parlar d'un alguns d'ells en aquest vídeo, alguns de les coses realment fonamental. Però no anem parlar sobretot perquè seria exhaustiva per fer-ho. Una altra cosa que pots fer, però, és obrir les eines de desenvolupament. I si vostè recorda de nostre vídeo en HTTP, Li vaig explicar com obrir fins a eines per a desenvolupadors. En Chrome en general és la tecla F12 per obrir la barra d'eines del desenvolupador. Llavors, en lloc de triar la Xarxa pestanya, pot triar la fitxa Elements. I si es carrega una web pàgina, vostè realment veure el HTML que crea aquesta pàgina web. I així es pot aprendre molt sobre HTML mirant als seus llocs web favorits i veure com construeixen la diverses peces dels que us agradin. Així que potser no aquest fresc patró o alguna cosa per l'estil. Com ho fan amb HTML? Així que vostè pot simplement obrir el seu desenvolupador eines i hi ha sobre aquest element i veure exactament el que fa que sigui HTML. Així que això és una realitat bona manera d'aprendre HTML, i recomano encaridament que ho fa tant per aprendre HTML i també per aprendre una mica poc sobre algunes de les opcions a la seva disposició en eines de desenvolupament, que sens dubte molt útil com de començar a fer la web més intensiu programació. Així que donem una ullada a una parell d'etiquetes HTML comuns. I anem a saltar i fer una ullada a el que aquestes etiquetes també rendiran com mirant a alguns arxius en el meu IDE. Així que aquí hi ha tres etiquetes molt bàsics per ajustar l'aparença visual de text. Hi ha etiquetes B, etiquetes I i etiquetes U. I, respectivament, el que fan és fer que el text entri en negreta, cursiva i subratllat. Així que anem a veure el que es veuria de la mateixa manera que en una pàgina web real en el meu IDE. Així que aquí al meu IDE Tinc un arxiu anomenat BIU punt HTML. BIU punt HTML només estar negreta, cursiva, subratllat. Vaig a obrir cap amunt. I veurem que aquí em tenir aquest text és etiquetes B negreta. Aquest text és etiquetes I cursiva. I aquest text és etiquetes U subratllats. Què és això semblarà? Doncs una vegada més, tot el que tinc de fer és anar per aquí al meu navegador, el navegador d'arxius, feu clic a Vista prèvia, i això és el que ve. El text entre la B etiquetes és de fet ara negreta. El text d'entre el I etiquetes és de fet ara cursiva. I el text en U entre el etiquetes està fet ara subratllat. Així que això és bastant bo. Ara sabem com fer que el text mirar una mica més elegant o dibuixar èmfasi a certes coses. Un altre parell d'etiquetes comuns aquí són etiquetes de paràgraf, les etiquetes de P i de capçalera, que he traduït aquí com HX. Aquestes etiquetes P, aquestes etiquetes de paràgraf, trencar el text en paràgrafs. No n'hi ha prou amb només premeu Enter i deixar espais, pel fet que un equip només es va per fer el que vostè li diu que ho faci i ignora blanc espai en la seva major part. Així que no podem simplement premeu Enter i esperar que el nostre ordinador interpretar que volem per començar un nou paràgraf. Hem de dir molt explícitament aquesta és un paragraph-- això és another-- tancant cadascun en un conjunt d'etiquetes P. I també tenim aquestes opcions per a les etiquetes H, aquestes etiquetes de capçalera. Tenim sis nivells diferents de capçaleres, un, dos, tres, quatre, cinc i sis, que són progressivament més i més gran capçaleres. I ells es fan més petits i més i més petits i més petits. Així que tenim una capçalera de nivell superior, un segon capçalera del nivell, i així successivament, i així successivament. Fem una ullada a alguns potser Etiquetes P i algunes etiquetes de capçalera en l'acció en una pàgina web. Així que aquí al meu IDE Tinc un arxiu anomenat PH HTML punt, PH sent paràgrafs i les etiquetes de capçalera. Obriu això. Hi ha molt per fer aquí perquè m'he posat una mica de lorem ipsum, algun text simplement a l'atzar aquí. Així que vaig a allunyar el zoom una mica perquè hi ha tantes coses que passen. Però fixa't que tinc en el mateix dalt aquí tinc una H1, un nivell un, etiqueta de capçalera. Llavors tinc un paràgraf, que és just un munt de lorem text-- aleatòria ipsum-- sol defecte d'ompliment estàndard en text. Així que tinc dos paràgrafs dins d'aquest un nivell de capçalera i després cap avall per sota de R tenir un nivell dos encapçalat aquí a la línia 24, una segona capçalera de nivell, i dos paràgrafs. Bé, què s'assembla això si jo ho veig en la meva vista prèvia? Anem a veure. Així notar que la encapçalat primer nivell aquí en realitat és una mica més gran que el segon nivell de capçalera. Així que fem servir etiquetes H1. I adverteixen que les etiquetes P ens permeten per trencar les coses en paràgrafs. Si haguéssim lliurat d'aquestes etiquetes P i en realitat només cal posar Entra o devolucions enmig del que esperava ser els diferents paràgrafs, tots ells s'acaba de colpejar junts i no tindria aquest paràgraf agradable separació amb l'espai sobre i per sota. I això és el que el paràgraf les etiquetes i les etiquetes de capçalera s'utilitzen comunament per fer per dibuixar atenció a parts de la nostra pàgina web d'aquesta manera. El següent són algunes de les etiquetes que utilitzem per construir llistes a la nostra pàgina web. Així que tenim desordenada lists-- ULs-- que són només llistes amb vinyetes, ordenats llista que són numbered-- OLs-- ia l'interior de qualsevol un dels que hem de tenir conjunts de la forma d'indicar els elements de llista, LI. I així tenim oberta l'etiqueta UL i posem elements a l'interior de la mateixa. I després, quan hem acabat amb que, podem tancar l'etiqueta de UL. I de la mateixa manera que puguem tenir una llista ordenada o numerada i posar els elements de llista dins d'aquest. Així que anem a fer una ullada en un parell de llistes i el que ho farien render com l'IDE CS50. Així que tinc aquí al meu IDE 1 arxius anomenats llistes esquitxen HTML. Anem a fer una ullada. I fixeu-vos aquí tinc una desordenada una llista amb les cinc coses en ell. I després tinc una llista ordenada i He canviat l'etiqueta una mica, Oi? Ho he dit principi és igual a sis. Resulta que amb una llista ordenada I pot establir el punt de partida on vulgui Jo want-- per defecte serà un-- amb només afegir aquest atribut anomenat al meu etiqueta OL. I així aquesta llista començar a comptar a les sis. Així que els elements d'aquesta llista numerada ha de ser de sis, set, vuit, nou, deu, perquè hi ha cinc elements a la llista, en contraposició a un, dos, tres, quatre, cinc, que seria el cas si hagués dit OL sense especificar l'atribut d'inici. Així que tindrem Veure aquest perquè pugui tenir una idea del que està passant aquí. I aquí anem. Aquí està la meva llista. Els primers cinc elements són llistes desordenades o amb vinyetes. I els propers cinc elements són una llista ordenada per separat a partir de sis. Així que aquesta és la forma en què pot crear llistes utilitzant HTML. Una altra cosa que podria voler fer amb HTML és construir una taula de informació de files i columnes per presentar la informació d'una especialment organitzada camí. Per fer això amb HTML podem tenir una definició de la taula que comença parèntesi obert taula. I després en l'interior d'aquesta taula que podria tenir un conjunt de files, etiquetes TR per indicar cada fila. I llavors les etiquetes TD van dins de les etiquetes TR per especificar una columna dins d'una fila. Per què es diu TD i no tc? Bé, TD significa dades de la taula. En general, vostè està posant seva informació allà. Així que per això és TD i no TC. És una mica confús. Pel que té etiquetes de taula i dins de les seves etiquetes de taula vostè té un nombre de files, TRS. I dins de cada fila té TDS per al número de columnes que vostè vol tenir en aquesta fila en particular. Fem una ullada a una molt taula simple més en IDE CS50. Així que tinc aquí un arxiu anomenada taula de punts HTML. Anem a fer una ullada a del que sembla. Hi ha molt per fer aquí, però si vostè nota que tinc una taula oberta. Estic començant la definició amb taula. I després, en la meva primera fila que aparentment tenir quatre columnes, un, dos, tres, 4. I després he acabat amb aquesta fila. Llavors començo una altra fila i fer dues, quatre, sis, vuit. Acabi aquesta fila. Fer una altra fila, tres, sis, nou, 12. I després una última fila, quatre, 08:00, 12, i encara que és una mica tallada aquí, 16. Vaig acabar aquesta fila. Vaig acabar la taula. I després he acabat amb el meu HTML. El que sembla això? Bé, en realitat no és molt a veure. He organitzat clarament la meva informació d'una manera una mica més organitzat. Però no és molt bonic aquí. I anem a fer front a que quan parlem de CSS. Tornarem a aquesta idea de el que fem per fer una table-- potser formatar una mica millor? Però jo encara tinc quatre files, cadascun dels quals té quatre columnes, i realment el que això significa és un molt simple de quatre per quatre multiplicació taula. A pocs etiquetes més parlarem. Anem a parlar de la concepte d'un formulari HTML. Així que vostè va poder haver vist això en el context de la sessió en una pàgina web. En general, s'escriu el seu nom d'usuari. Vostè escriu en la seva contrasenya, i ja està bo per anar. Aquest seria el començament d'un formulari. Saltar-sobre Div un segon. També tenim entrades que tipus d'encaixar dins les formes. Aquests són els elements que en realitat estàs escrivint en, o els botons de ràdio que són marcant, o el xec caixes que està marcant. Així que aquests van dins de les formes. I ells comprenen bàsicament cada fila de la forma si el formulari es formata així. Després hi ha aquest concepte de un div, que en realitat no cabre en qualsevol categoria particular d'etiquetes com les que he estat fent prèviament. És només una espècie de demarca la a partir d'algunes Divisió-- arbitrària div-- de la pàgina. No hi ha descans visual. No hi ha una línia. No és va partir com tros separat automàticament. Hauries de dissenyar- que manera de fer això. És només una mena de diu vull una tros d'espai a la pàgina web, i jo només vaig a trucar que aquesta divisió de la meva pàgina. Podem posar coses dins de divs, i de fet, quan ens dirigim a IDE en un segon, anem a veig que m'estic posant el meu formar dins d'un div. Així que tinc aquí al meu IDE 1 arxiu anomenat div forma de punts HTML. Obrirem cap amunt. Recordeu que, com he dit, div és una mica arbitrària. Oi? En realitat no vol dir res. Així que tinc una arbitrària primera divisió de la meva pàgina. I llavors, en lloc d'un altre div més tard, a partir de la línia de vuit, Tinc aquest formulari. I a l'interior de la forma que tinc una nombre d'entrades, els camps del formulari. Així que tinc un camp el nom és A-- que en realitat no vol dir res ara-- dret que aparentment presa de text, una altra que té una contrasenya, un altre que és una ràdio botó, un altre que és una casella de verificació, i una altra que és un botó Envia. Bé, el que fa aquest tota realitat sembla? Bé, anem a fer una ullada. Obrirem cap amunt a la finestra de vista prèvia. Cal notar que aquesta arbitrària primer Divisió-- hi hi ha separació visual aquí. En realitat no fa res, oi? I després tinc la meva manera. I jo no vaig fer cap format especial. Així que la forma és només un gran fila d'informació. Si hagués formatat meva manera diferent, Podria ser necessari línia per línia per línia. Però jo no vaig fer cap estil. Un cop més, no estem parlant de CSS aquí. Estem parlant d'HTML. Bé, en la meva manera de text puc type-- recordar que les formes de tipus text així que puc posar el meu nom. I en el meu password pot escriure la contrasenya. I pel fet que el camp és de tipus contrasenya, vostè no sap el que la contrasenya és. És tots els punts. També puc optar per marcar la casella corresponent a botó d'opció o una casella de verificació marcar la casella corresponent. O podria presentar la meva formulari. I jo no vaig fer res, així que quan em sotmeto la meva manera, la pàgina s'actualitza. Però podria potser configurar el meu Botó Enviar per fer una altra cosa. I veurem el que podem fer amb que en un futur vídeo en PHP. Però això construeix una molt senzill formulari que pot utilitzar per fer que els usuaris interactuen i presentar informació al nostre lloc web. Un últim comentari abans que passar a altres etiquetes han de fer una ullada a aquesta etiqueta d'entrada una vegada més. Recordeu que m'he destacat els extrems de l'etiqueta en vermell. Cada una altra etiqueta que hem vist fins ara té va tenir un principi i un final, una obertura etiqueta i una etiqueta de tancament. Però una etiqueta d'entrada no ho fa. No hi ha text que va enmig de les etiquetes d'entrada. Tota la informació estem amb la intenció de transmetre està lligat com a part de la atributs d'aquesta entrada. Observi que tenim nom d'entrada és igual a x. Tipus és igual a i. Això és realment tot el informació que necessitem. Això es diu una etiqueta de tancament automàtic. No requereix una obertura i una a prop, perquè tota la informació està contingut dins de la etiqueta i els seus atributs. Així que de vegades vostè veurà això, també. Així que tingues en compte que si vostè té un etiqueta que és totalment autònom, s'obre i es tanca amb el suport d'angle obert de l'esquerra i l'angle de barra suport a la dreta. Anem a veure un altre d'aquests en aquest moment amb les etiquetes d'imatge també. Abans de parlar de les imatges, ens necessita parlar sobre els hipervincles. Si volem que la nostra pàgina web sigui interactiva i ens moure, seria bo poder fer clic en un dels el que ha estat típicament un enllaç blau. Això és en realitat la forma en què construïm un enllaç a la nostra pàgina web. I curiosament hi ha una altra etiqueta HTML anomenat enllaç, que no és un hipervincle. A aquí és sinònim d'àncora, i així és com vam indicar un hipervincle. A és igual a href mitjans van a x pàgina web X. I tot entre l'oberta Una etiqueta i l'estreta Una etiqueta és el que va a ser que van subratllar text blau que s'assembla a un enllaç que estem familiaritzats. A sota d'això tenim una etiqueta d'imatge, que és un acte tancant etiqueta per mostrar una imatge situada a X. I és possible que pugui canviar aquesta imatge especificant amplada i alçada i altres atributs en que dot dot dot allà. A la part inferior aquí tenim una molt interessant mirant l'etiqueta que no ho fa tenir una etiqueta de tancament. És l'exclamació HTML punt de tipus de document. Així HTML ha estat present des del principis de 1990 per a la creació de pàgines web, i que s'ha anat patit diverses revisions des de llavors. Més recentment, el 2014 es va sotmetre a una revisió anomenat HTML5 que és ara el corrent espècie d'estàndard de facto HTML. Per indicar que la nostra web pàgines s'escriuen utilitzant HTML5, així és com vam començar. Es pot ometre però el que, bàsicament, mitjans és que no es pot utilitzar qualsevol de les etiquetes que són les etiquetes HTML5, aquestes noves etiquetes. Així que sempre vam començar si estem fent servir HTML5. I totes les etiquetes que ens han parlat de anteriorment no són etiquetes HTML5. Però això indicaria que Etiquetes HTML5 seran presents. I així tenim l'exclamació HTML tipus de document, que que està en el començament mateix de la nostra Arxiu HTML, i després després d'aquest punt en realitat tenim oberta la nostra HTML etiquetar i procedir des d'allà. L'última és una etiqueta de comentari, que es veu una mica diferent, també. Comença amb angle suport d'exclamació tauler tauler, però no claudàtor de tancament. Entre aquests dos elements hi és on vostè escriu els seus comentaris. I anem a fer una ullada a les imatges i els comentaris i enllaços en el IDE CS50. Així que tinc aquí un enllaç d'imatge arxiu anomenat dot HTML que vaig a obrir. I fixeu-vos que tinc un parell de comenta aquí en els meus comentaris HTML. Així que igual que en C i una altra llenguatges de programació, HTML només per ser un llenguatge de marques no tenen la capacitat de tenir comentaris. I així que estic pel que sembla va a col·locar una foto de Rick Astley en algun lloc entre aquest div etiqueta, aquesta divisió arbitrària. Pel que sembla, aquest arxiu és ubicat a Rick punt JPEG, que si ens dirigim de nou a el meu arbre de fitxers per un segon, és un arxiu que existeix en el directori actual. Així que això està bé. Puc fer referència a ella. Llavors puc tenir enllaços interns. Així que notar en la línia 11 aquí la meva href és hola HTML punt. Així que simplement es refereix a hola punt HTML que hi ha al directori actual. I també puc tenir externa enllaços per simplement especificant HTTPS per indicar que no estic parlant sobre un fitxer en el meu directori actual. Estic parlant d'un arxiu que existeix en algun lloc d'internet, el que tinc per sol·licitar fent servir el protocol HTTP. Així que donem una ullada al aquesta pàgina podria ser similar i es preparen per a una foto de Rick Astley a aparèixer a la pantalla. Així que vaig a Veure aquest. Hi ha Rick Astley al molt alt en aquesta arbitrària divisió que vaig posar a la part superior. I després per sota de R tinc els meus vincles, oi? Tinc un enllaç a hola HTML punt. I si faig clic en això, em poso mogut cap a aquesta pàgina que estem molt familiaritzats amb d' el principi del nostre programa. Si faig esclatar aquesta pàgina oberta de nou, si pop enllaç d'imatge s'obre un cop més, També puc anar externament el lloc web del CS50. I allà ens veure- vaig allunyar una mica aquí-- anem a veure el lloc web del CS50 tipus de incrustat al mig de la nostra pàgina. Així que vaig tenir l'oportunitat de fer una interna vincular, així com un enllaç extern. L'última regla amb HTML que parlarem aquí és que el codi HTML ha d'estar ben format. En C parlem molt sobre les diverses sintaxi de les coses. En la sintaxi HTML realment gira al voltant de les etiquetes. Cada etiqueta s'obre necessita ser tancat. I, de fet, totes les etiquetes que obri ha de ser tancat en l'ordre invers. Així que si vostè obre una etiqueta en negreta, cursiva 1 etiqueta, i després una etiqueta subratllat per fer els 3-1 en particular conjunt de text, vostè ha de tancar-les en ordre invers. Així que si vostè va obrir negreta, cursiva, subratllat, que vull tancar subratllat, cursiva, negreta. Aquest tipus d'encapsulació és el manté HTML agradable i organitzada. A diferència de C, però, els errors de sintaxi no ho farà realment paralitzar la seva HTML possiblement. El teu HTML pot ser no molt bé formada però que encara funcionen. I així aquests errors pot ordenar de diapositives. Tot depèn de vostè per ser molt vigilants. A vegades fallaran però de vegades es pot sortir amb la seva. Pot ser una realitat tasca difícil, però, no perdre de vista en obrir una etiqueta, quan es va tancar, sobretot perquè el codi HTML arxius es fan més grans i més grans. Vostè voldrà una mica d'ajuda. I hi ha en línia eines de validació que pot utilitzar per fer una ullada a la seva pàgina pàgina i veure si és així HTML format. I vostè ha definitivament fer una ullada als i començar a utilitzar-los com vostè començar a fer una mica de treball amb HTML, escriure HTML, simplement perquè pugui obtenir alguns bons hàbits sobre l'organització el codi HTML en el bon sentit i bon estil i assegurar que vostè no està fent res a podria crear un error de sintaxi que li faria una mica de un problema en el camí. Sóc Doug Lloyd. Això és CS50.