1 00:00:00,000 --> 00:00:06,100 2 00:00:06,100 --> 00:00:08,790 >> DOUG LLOYD: így töltötte about-- ha a matek igaza van, 3 00:00:08,790 --> 00:00:11,900 És azt hiszem, látszó back-- Azt hiszem, töltöttünk körülbelül 35 videók beszél 4 00:00:11,900 --> 00:00:15,139 a különböző szempontjai C, talán egy kicsit, talán egy kicsit kevésbé. 5 00:00:15,139 --> 00:00:16,930 És mi nem terjed ki mindent C, de 6 00:00:16,930 --> 00:00:21,170 borított egy nagy darab a nyelv, a túlnyomó többsége azt, 7 00:00:21,170 --> 00:00:22,882 természetesen a közös célokra. 8 00:00:22,882 --> 00:00:25,090 Most fogunk beszélni egy másik nyelv, a HTML. 9 00:00:25,090 --> 00:00:28,180 És megyünk fedezni ez csak egy videó. 10 00:00:28,180 --> 00:00:29,340 >> De ez rendben lesz. 11 00:00:29,340 --> 00:00:31,410 Ez lesz valóban lesz valamit meg akarsz szokni. 12 00:00:31,410 --> 00:00:33,535 Most, hogy a alapjait egy nyelven, 13 00:00:33,535 --> 00:00:35,776 ez valójában nagyon egyszerű kezdeni a tanulást mások. 14 00:00:35,776 --> 00:00:37,650 Mi is így fogjuk kezdeni lépéssel egy kicsit vissza 15 00:00:37,650 --> 00:00:43,340 és elkendőz az alapvető közötti különbségek következő nyelveken 16 00:00:43,340 --> 00:00:45,750 és egyfajta hagyom hozzá. 17 00:00:45,750 --> 00:00:48,530 Van egy csomó igazán nagy források az interneten, amely 18 00:00:48,530 --> 00:00:51,279 fogunk kezdeni irányítja, felé, mert az internet 19 00:00:51,279 --> 00:00:53,340 egy hatalmas információs tárház. 20 00:00:53,340 --> 00:00:55,960 És ez így nem olyan, mint azt is megtudhatod veszít el szükségszerűen 21 00:00:55,960 --> 00:00:58,349 azáltal, hogy nem az információ szabályozni egy videót. 22 00:00:58,349 --> 00:01:00,640 Akkor továbbra is képes, hogy minden szükséges és felhasználása 23 00:01:00,640 --> 00:01:03,590 A tudás, amit már épített ki, ha megértjük a C 24 00:01:03,590 --> 00:01:07,130 hogy a tanulási görbe ezekre Más nyelvek valójában sokkal laposabb. 25 00:01:07,130 --> 00:01:08,640 Ígérem. 26 00:01:08,640 --> 00:01:12,770 >> De beszéljünk egy nyelven ez tényleg alapvető minden web 27 00:01:12,770 --> 00:01:14,830 oldal, amely a HTML. 28 00:01:14,830 --> 00:01:18,230 HTML Hyper Text Markup Language. 29 00:01:18,230 --> 00:01:22,700 HTML egy nyelvet, de ez nem egy programozási nyelv. 30 00:01:22,700 --> 00:01:23,900 >> HTML nincs változók. 31 00:01:23,900 --> 00:01:26,430 Nem kell a logika, vagy funkciók, vagy ilyesmi. 32 00:01:26,430 --> 00:01:30,301 Nem tehetünk bármilyen programozás önmagában HTML-ben. 33 00:01:30,301 --> 00:01:32,300 Néha hallani fogod emberek írják le magukat 34 00:01:32,300 --> 00:01:35,710 HTML programozók, amely nem teljesen pontos. 35 00:01:35,710 --> 00:01:37,980 Nem tudjuk írni HTML programokat. 36 00:01:37,980 --> 00:01:40,770 >> HTML csak jelölésére használt fel a szöveget. 37 00:01:40,770 --> 00:01:42,690 Úgy hívják jelölőnyelv. 38 00:01:42,690 --> 00:01:47,680 És mi ez a does-- ezt markup-- az általunk használt címkék HTML és ezek tags-- 39 00:01:47,680 --> 00:01:51,600 ez markup-- szemantikailag meghatározza a szerkezet egy oldal 40 00:01:51,600 --> 00:01:55,280 és okozza a sima szöveg, hogy között létezik címkék kell értelmezni 41 00:01:55,280 --> 00:01:57,320 a böngészők különböző módon. 42 00:01:57,320 --> 00:02:00,370 És talán ez a legjobb, hogy ismertesse ezt útján egy illusztráció. 43 00:02:00,370 --> 00:02:06,450 >> Itt egy nagyon egyszerű HTML oldal, nem HTML programot, ismét egy HTML oldal. 44 00:02:06,450 --> 00:02:08,680 És tudjuk, hogy ez egy HTML oldal, mert már 45 00:02:08,680 --> 00:02:11,480 határolt mindent HTML. 46 00:02:11,480 --> 00:02:13,850 Szóval ez az, amit egy HTML tag néz ki. 47 00:02:13,850 --> 00:02:15,870 Ez közötti szög zárójelben. 48 00:02:15,870 --> 00:02:18,570 És észre a tetején van HTML és legalul, 49 00:02:18,570 --> 00:02:21,400 miután tettünk mi látszólag egy csomó más HTML, 50 00:02:21,400 --> 00:02:24,310 van hegyes zárójel perjel HTML. 51 00:02:24,310 --> 00:02:29,262 Szóval ez a fajta a határ aközött, ami a HTML és mi nem. 52 00:02:29,262 --> 00:02:32,220 És persze, hagyományosan, csak ahogy írta a C programok 53 00:02:32,220 --> 00:02:35,300 A ponttal C kiterjesztéseket, minden HTML-fájlok 54 00:02:35,300 --> 00:02:37,909 ér véget dot HTML kiterjesztéseket. 55 00:02:37,909 --> 00:02:39,200 De van még folyik itt. 56 00:02:39,200 --> 00:02:40,658 Mi nem csak meg ezeket a HTML címkék. 57 00:02:40,658 --> 00:02:44,010 Mi nyilván ezt nevezett dolog egy fej tag. 58 00:02:44,010 --> 00:02:46,010 Na jó, mi az? 59 00:02:46,010 --> 00:02:48,550 >> Nos, talán az a legjobb, megkülönböztetni útján test, 60 00:02:48,550 --> 00:02:50,590 testét pedig a tartalmát a web oldalon. 61 00:02:50,590 --> 00:02:55,860 Így talán a fej tag határozza cucc hogy nem a böngésző ablakában megfelelő, 62 00:02:55,860 --> 00:02:59,410 de valahogy fontos, hogy a weboldal válásához helyesen. 63 00:02:59,410 --> 00:03:02,490 Például, belsejében a fejét tag van címcímkék. 64 00:03:02,490 --> 00:03:05,500 >> Tehát cím, hogy hello world, Ez tulajdonképpen úgy fog kinézni, 65 00:03:05,500 --> 00:03:08,797 felbukkan a lapot a Chrome vagy a Safari vagy Firefox-- 66 00:03:08,797 --> 00:03:11,880 bármilyen böngésző prefer-- ez mi fog megjelenni a címet. 67 00:03:11,880 --> 00:03:14,800 És mielőtt lapok lenne megmutatni akár a teljes böngészőablakban 68 00:03:14,800 --> 00:03:19,710 és akkor csak egy oldalon megnyílik egy böngészőablakban egy időben. 69 00:03:19,710 --> 00:03:22,160 Szóval ez lesz a cím oldalam fel a lapra 70 00:03:22,160 --> 00:03:24,600 vagy a böngésző ablakot bár, hello world. 71 00:03:24,600 --> 00:03:28,611 És akkor a tartalom az én weboldal lesz a világ, helló. 72 00:03:28,611 --> 00:03:31,360 Szóval vessünk egy pillantást, amit néhány ilyen dolgot nézhet. 73 00:03:31,360 --> 00:03:33,210 Ez egy nagyon egyszerű HTML oldalt. 74 00:03:33,210 --> 00:03:35,970 Szóval itt vagyok én CS50 IDE és Már nagyított egy kicsit. 75 00:03:35,970 --> 00:03:38,290 És én csak fog nyit Hello dot HTML 76 00:03:38,290 --> 00:03:42,000 és mutassa meg, hogy ez nagyjából Az oldal tartalmát, hogy korábban láttunk. 77 00:03:42,000 --> 00:03:45,240 Én egyszerű HTML, fej címkék, címcímkék, test, és így tovább. 78 00:03:45,240 --> 00:03:47,320 Már bekezdésével, hogy tiszta legyen. 79 00:03:47,320 --> 00:03:51,530 >> És akkor mit tehetek én IDE csak megtekintheti az oldalt. 80 00:03:51,530 --> 00:03:52,630 És ott is vagyunk. 81 00:03:52,630 --> 00:03:56,070 A tartalom oldalam világszerte, hello, és én nem látok semmit 82 00:03:56,070 --> 00:03:58,500 magának a fejét tag van. 83 00:03:58,500 --> 00:03:59,980 Ez csak a tartalom a szervezetben. 84 00:03:59,980 --> 00:04:00,780 Világ, helló. 85 00:04:00,780 --> 00:04:03,700 És ismét a test csak mondta, világ, helló. 86 00:04:03,700 --> 00:04:06,160 A másik rész hiányzik. 87 00:04:06,160 --> 00:04:07,610 >> Szóval ez tényleg minden van. 88 00:04:07,610 --> 00:04:11,370 Ez egy nagyon egyszerű alap HTML oldalt. 89 00:04:11,370 --> 00:04:14,280 Most már beljebb én HTML igazán szép és rendezett, 90 00:04:14,280 --> 00:04:15,840 de valójában nem az. 91 00:04:15,840 --> 00:04:17,959 Nem tudtam, hogy úgy tűnjön, elég csúnya. 92 00:04:17,959 --> 00:04:19,467 És ez még mindig működik. 93 00:04:19,467 --> 00:04:21,050 Ez lenne a pontos ugyanazon a weblapon. 94 00:04:21,050 --> 00:04:23,100 Most ütött megszabadulni minden fehér térben. 95 00:04:23,100 --> 00:04:24,820 >> Mint kiderült, a fehér tér adatok. 96 00:04:24,820 --> 00:04:28,540 És így amikor küldjük adatok feladótól a vevőhöz, a szerverről 97 00:04:28,540 --> 00:04:30,670 az ügyfél, adatok pénzbe kerül. 98 00:04:30,670 --> 00:04:34,460 És így megszabadulni a szóközöket valójában egy jó ötlet 99 00:04:34,460 --> 00:04:37,320 ha valaki, aki szolgál egy csomó webes tartalom. 100 00:04:37,320 --> 00:04:39,820 Ez egy rossz ötlet, ha valakit, aki a tanulás, ez a cucc 101 00:04:39,820 --> 00:04:41,528 és azt akarjuk, hogy szépen rendezett. 102 00:04:41,528 --> 00:04:43,810 Ez egy sokkal könnyebb feldolgozni, mint ez. 103 00:04:43,810 --> 00:04:45,540 De ez teljesen megegyeznek. 104 00:04:45,540 --> 00:04:48,720 >> A behúzás és ilyesmi valójában nem számít HTML-ben. 105 00:04:48,720 --> 00:04:53,634 Csak az számít, nyitó tag-ek és záró tag a megfelelő sorrendben. 106 00:04:53,634 --> 00:04:55,050 Figyeljük meg, mi történt itt, mégis. 107 00:04:55,050 --> 00:04:58,450 A jelölő ad nekünk egy módja annak, hogy kommunikálni extra információkat 108 00:04:58,450 --> 00:04:59,940 mit is írtam. 109 00:04:59,940 --> 00:05:03,130 A Helló, világ része volt, értelmezni, mint a cím. 110 00:05:03,130 --> 00:05:06,410 És a világ, helló része volt értelmezni, mint a tartalom 111 00:05:06,410 --> 00:05:09,090 vagy mi legyen Csak a weboldalamon. 112 00:05:09,090 --> 00:05:12,167 >> Több mint 100 ezeknek a különböző címkék és sok-sok nagy erőforrásokat 113 00:05:12,167 --> 00:05:13,000 online megtalálni őket. 114 00:05:13,000 --> 00:05:14,900 Fogunk beszélni néhány közülük ez a videó, néhány 115 00:05:14,900 --> 00:05:16,440 Az igazán alapvető dolgok. 116 00:05:16,440 --> 00:05:18,440 De nem megyünk beszélni az egészet, mert 117 00:05:18,440 --> 00:05:20,250 lenne teljes megtenni. 118 00:05:20,250 --> 00:05:22,880 >> A másik dolog, amit tehetünk, mégis, hogy megnyitjuk fejlesztői eszközöket. 119 00:05:22,880 --> 00:05:26,069 És ha visszahívja videónkat a HTTP, 120 00:05:26,069 --> 00:05:27,860 Elmagyaráztam, hogyan kell megnyitni akár fejlesztői eszközöket. 121 00:05:27,860 --> 00:05:32,020 Chrome ez általában az F12 billentyűt nyitni a fejlesztő eszköztár. 122 00:05:32,020 --> 00:05:35,909 Aztán ahelyett, hogy az Network lapon, akkor válassza ki a Elements fület. 123 00:05:35,909 --> 00:05:37,700 És ha betölti a web oldal, akkor valójában 124 00:05:37,700 --> 00:05:40,280 Nézd meg a HTML, amely létrehozza az adott weboldalt. 125 00:05:40,280 --> 00:05:44,090 És így sokat tanulnak HTML nézi a kedvenc weboldalak 126 00:05:44,090 --> 00:05:48,474 és látta, hogyan építik a különböző darab nekik, hogy tetszik. 127 00:05:48,474 --> 00:05:50,890 Így talán van ebben a hűvös minta vagy valami ilyesmi. 128 00:05:50,890 --> 00:05:52,140 Hogyan teszik a HTML? 129 00:05:52,140 --> 00:05:55,630 Hát akkor csak megnyitja a fejlesztői szerszámok és fölé viszi ezt az elemet 130 00:05:55,630 --> 00:05:57,700 és hogy pontosan mi HTML teszi. 131 00:05:57,700 --> 00:05:59,450 Szóval ez egy nagyon jó módja annak, hogy megtanulják, HTML, 132 00:05:59,450 --> 00:06:02,330 és azt javasoljuk, hogy csinálod mind megtanulni a HTML- 133 00:06:02,330 --> 00:06:04,930 és azt is, hogy tanulni egy kicsit kicsit a néhány lehetőség 134 00:06:04,930 --> 00:06:07,050 ban elérhető fejlesztői eszközök, amelyek 135 00:06:07,050 --> 00:06:10,200 minden bizonnyal jól jön, mint elkezdi csinál intenzívebb web 136 00:06:10,200 --> 00:06:11,090 programozás. 137 00:06:11,090 --> 00:06:14,080 >> Szóval vessünk egy pillantást Pár közös HTML. 138 00:06:14,080 --> 00:06:17,210 És mi ugrani, és megnézzük amit ezek a címkék is tehetik 139 00:06:17,210 --> 00:06:20,490 mint nézi néhány fájlt az én IDE. 140 00:06:20,490 --> 00:06:26,330 Tehát itt van három nagyon egyszerű címkéket csípés vizuális megjelenésének szöveget. 141 00:06:26,330 --> 00:06:29,050 Van B címkék, I tag, és az U címkék. 142 00:06:29,050 --> 00:06:33,170 És rendre azt csinálják teszik a szöveget közöttük félkövér, 143 00:06:33,170 --> 00:06:35,430 dőlt, és aláhúzás. 144 00:06:35,430 --> 00:06:40,430 Nézzük, hogy mit nézne mint a tényleges weboldal az IDE. 145 00:06:40,430 --> 00:06:43,390 >> Tehát itt az én IDE van egy nevű fájlt BIU dot HTML. 146 00:06:43,390 --> 00:06:46,770 BIU dot HTML csak, hogy félkövér, dőlt, kiemelve. 147 00:06:46,770 --> 00:06:47,830 Majd nyisd ki. 148 00:06:47,830 --> 00:06:51,810 >> És látni fogjuk, hogy itt vagyok Van ez a szöveg B címkék merész. 149 00:06:51,810 --> 00:06:54,010 Ez a szöveg azt címkék dőlt. 150 00:06:54,010 --> 00:06:56,307 És ez a szöveg U tag hangsúlyozta. 151 00:06:56,307 --> 00:06:57,640 Mit fog ez kinézni? 152 00:06:57,640 --> 00:06:59,473 Hát megint mindenem tennie, hogy menjen át ide 153 00:06:59,473 --> 00:07:04,690 hogy a böngészőm, én fájl böngésző, kattintson Preview, és ez az, ami jön. 154 00:07:04,690 --> 00:07:07,520 >> A szöveget a B címkék valóban most merész. 155 00:07:07,520 --> 00:07:10,720 A szöveg között I címkék valóban most dőlt. 156 00:07:10,720 --> 00:07:14,634 És a szöveg közötti U címkék valóban őt hangsúlyozta. 157 00:07:14,634 --> 00:07:15,550 Szóval ez elég jó. 158 00:07:15,550 --> 00:07:18,450 Most már tudjuk, hogyan lehet szöveget nézni egy kicsit divatos 159 00:07:18,450 --> 00:07:20,360 vagy felhívni hangsúlyt bizonyos dolgokat. 160 00:07:20,360 --> 00:07:25,530 Egy másik pár közös címkék itt bekezdés tag, P, és a fejléc címkéket, 161 00:07:25,530 --> 00:07:27,980 amit már renderelt itt HX. 162 00:07:27,980 --> 00:07:32,520 >> Ezek a P tag, ezek a bekezdések, törni a szöveget, a bekezdések. 163 00:07:32,520 --> 00:07:34,646 Ez nem elég, hogy csak nyomjunk Entert, majd hagyja terek, 164 00:07:34,646 --> 00:07:37,186 mert a számítógép csak akkor fog csinálni, amit mondani, hogy igen 165 00:07:37,186 --> 00:07:39,450 és figyelmen kívül hagyja a fehér helyet a legtöbb. 166 00:07:39,450 --> 00:07:41,636 Tehát nem csak nyomd meg az Entert és elvárják a számítógépünk 167 00:07:41,636 --> 00:07:43,760 értelmezni, hogy azt akarjuk, kezdeni egy új bekezdés. 168 00:07:43,760 --> 00:07:47,670 Van, hogy nagyon határozottan mondom ezt az egyik paragraph-- ez another-- 169 00:07:47,670 --> 00:07:50,740 bekerítésével mindegyik egy sor P tag. 170 00:07:50,740 --> 00:07:54,560 >> És mi is ezeket a lehetőségeket H címkék, ezek a fejléc címkéket. 171 00:07:54,560 --> 00:07:57,000 Jelenleg hat különböző szinten fejlécek, egy, kettő, három, 172 00:07:57,000 --> 00:08:01,110 négy, öt, illetve hat, amelyek fokozatosan nagyobb és nagyobb 173 00:08:01,110 --> 00:08:01,710 fejlécek. 174 00:08:01,710 --> 00:08:04,360 És egyre kisebbek és kisebb és kisebb és kisebb. 175 00:08:04,360 --> 00:08:07,690 Tehát van egy felső szintű fejlécet, egy második szintű fejléc, és így tovább, és így tovább. 176 00:08:07,690 --> 00:08:10,480 >> Vessünk egy pillantást talán néhány P címkék és néhány fejléc címkéket 177 00:08:10,480 --> 00:08:13,110 Akcióban a weboldalon. 178 00:08:13,110 --> 00:08:18,180 Tehát itt az én IDE Van egy fájlt úgynevezett PH dot HTML, PH hogy bekezdések 179 00:08:18,180 --> 00:08:18,970 és fejléc címkéket. 180 00:08:18,970 --> 00:08:20,709 Nyisd ki azt fel. 181 00:08:20,709 --> 00:08:23,000 Van egy csomó folyik itt mert én már egy kis Lorem 182 00:08:23,000 --> 00:08:24,660 ipsum, néhány csak véletlenszerű szöveget itt. 183 00:08:24,660 --> 00:08:27,284 Úgyhogy kicsinyítés egy kicsit mert olyan sok minden történik. 184 00:08:27,284 --> 00:08:31,980 De észre, hogy már a nagyon Tetejére itt van egy H1, egy szinten az egyik, 185 00:08:31,980 --> 00:08:32,802 fejléccímkét. 186 00:08:32,802 --> 00:08:36,010 Aztán van egy bekezdés, amely csak Egy csomó véletlen text-- Lorem ipsum-- 187 00:08:36,010 --> 00:08:38,720 Csak alapértelmezett normál kitöltésével szöveget. 188 00:08:38,720 --> 00:08:41,970 Szóval van két bekezdés belsejébe, hogy szinten egy fejléc, majd lent I 189 00:08:41,970 --> 00:08:46,850 van egy szinten két fejléc itt vonalon 24, második szint fejléc, és a másik két 190 00:08:46,850 --> 00:08:47,840 bekezdések. 191 00:08:47,840 --> 00:08:51,910 Nos, mit jelent ez kinézni Ha megnézem az én előnézet? 192 00:08:51,910 --> 00:08:53,790 Lássuk. 193 00:08:53,790 --> 00:08:55,730 >> Tehát észre, hogy a első szint fejléc itt 194 00:08:55,730 --> 00:08:58,420 valójában egy kicsit nagyobb mint a második szint fejlécet. 195 00:08:58,420 --> 00:08:59,940 Így szoktuk H1 tag. 196 00:08:59,940 --> 00:09:03,820 És észre, hogy a P tag lehetővé teszi számunkra, megtörni a dolgokat figyelembe ítélet. 197 00:09:03,820 --> 00:09:07,500 Ha már megszabadult az említett P címkék és valóban csak fel Belép vagy visszatér 198 00:09:07,500 --> 00:09:10,110 között, amit reméltünk volna a különböző bekezdések, 199 00:09:10,110 --> 00:09:13,193 ők minden csak slam együtt, és ez nem lenne ez a szép bekezdés 200 00:09:13,193 --> 00:09:15,840 elválasztás hely fent és lent. 201 00:09:15,840 --> 00:09:18,300 És ez az, amit bekezdés címkék és fejléc címkéket 202 00:09:18,300 --> 00:09:22,440 gyakran szokta felhívni figyelmet részeit honlapunkon 203 00:09:22,440 --> 00:09:23,550 ily módon. 204 00:09:23,550 --> 00:09:27,560 >> Következik néhány tag, amit használunk építeni listákat honlapunkon. 205 00:09:27,560 --> 00:09:30,820 Tehát van rendezetlen lists-- ULs-- amelyek csak 206 00:09:30,820 --> 00:09:34,090 felsorolások, elrendelte listáját, amelyek numbered-- 207 00:09:34,090 --> 00:09:37,680 OLs-- és belül sem az egyik ilyen van szükségünk 208 00:09:37,680 --> 00:09:40,600 szett, hogy hogyan jelöljük lista elemeit, LI. 209 00:09:40,600 --> 00:09:44,370 És így van nyitva UL tag és tesszük tárgyak belsejébe. 210 00:09:44,370 --> 00:09:46,920 És amikor végeztél hogy tudjuk zárni a UL tag. 211 00:09:46,920 --> 00:09:49,850 >> És hasonlóan mi lehet rendezett vagy számozott lista 212 00:09:49,850 --> 00:09:51,560 és tedd lista elemek belsejében erre. 213 00:09:51,560 --> 00:09:53,350 Szóval vessünk egy pillantást egy pár listák 214 00:09:53,350 --> 00:09:57,230 és mit fognak render, mint a CS50 IDE. 215 00:09:57,230 --> 00:10:00,640 Szóval van itt az IDE egy nevű fájl listák dot HTML. 216 00:10:00,640 --> 00:10:03,100 Lássuk. 217 00:10:03,100 --> 00:10:08,482 >> És észre itt van egy rendezetlen felsorolni az öt dolog benne. 218 00:10:08,482 --> 00:10:11,440 És akkor én rendezett listáját, és Megváltoztattam a címke egy kicsit, 219 00:10:11,440 --> 00:10:11,939 ugye? 220 00:10:11,939 --> 00:10:13,152 Azt mondtam kezdete megegyezik hat. 221 00:10:13,152 --> 00:10:16,110 Kiderül, egy rendezett lista I. Beállíthatjuk, hogy a kiindulási pont, ahol 222 00:10:16,110 --> 00:10:20,130 Én want-- alapértelmezés szerint ez lesz one-- mellett csak hozzá az úgynevezett attribútum 223 00:10:20,130 --> 00:10:21,190 az én OL tag. 224 00:10:21,190 --> 00:10:23,572 És így ez a lista kezdeni a számlálást hat. 225 00:10:23,572 --> 00:10:26,780 Tehát az elemek, hogy számozott lista legyen hat, hét, nyolc, kilenc, tíz, 226 00:10:26,780 --> 00:10:29,930 mert van öt elem a listán, szemben egy, 227 00:10:29,930 --> 00:10:33,770 két, három, négy, öt, amely lenne a helyzet, ha én azt mondta OL 228 00:10:33,770 --> 00:10:36,730 meghatározása nélkül a start attribútum. 229 00:10:36,730 --> 00:10:41,594 >> Ezért most is csak előnézeti ez így hogy felmérje, mi folyik itt. 230 00:10:41,594 --> 00:10:42,260 És ott is vagyunk. 231 00:10:42,260 --> 00:10:44,610 Van listámon. 232 00:10:44,610 --> 00:10:47,810 Az első öt elem rendezetlen vagy pontozott listát. 233 00:10:47,810 --> 00:10:51,010 És a következő öt elem a külön megrendelhető lista 234 00:10:51,010 --> 00:10:52,980 kezdve hat. 235 00:10:52,980 --> 00:10:56,247 Tehát így tudjuk építeni listák segítségével HTML. 236 00:10:56,247 --> 00:10:58,080 A másik dolog, amit szeretne tenni HTML 237 00:10:58,080 --> 00:11:01,520 A építeni egy táblázatot információ a sorok és oszlopok 238 00:11:01,520 --> 00:11:04,560 hogy az információkat a különösen a szervezett módon. 239 00:11:04,560 --> 00:11:09,110 Ehhez HTML tudunk egy táblázat definíciója kezdődő nyitó zárójel 240 00:11:09,110 --> 00:11:10,160 asztalra. 241 00:11:10,160 --> 00:11:14,680 És akkor aztán az asztalra vagyunk Lehet, hogy egy sor sorok, TR címkék 242 00:11:14,680 --> 00:11:15,980 jelezve minden egyes sor. 243 00:11:15,980 --> 00:11:22,510 És akkor TD tag bemenni a TR címkék adjon meg egy oszlopot egy soron belül. 244 00:11:22,510 --> 00:11:24,340 >> Miért hívják TD és nem TC? 245 00:11:24,340 --> 00:11:25,940 Nos, TD áll a táblázat adatait. 246 00:11:25,940 --> 00:11:27,900 Általában te üzembe adatait is. 247 00:11:27,900 --> 00:11:29,440 Szóval ezért ez TF és nem TC. 248 00:11:29,440 --> 00:11:31,140 Ez egy kicsit zavaró. 249 00:11:31,140 --> 00:11:33,720 >> Szóval van táblázatcímkék és belsejében a táblázat címkéket 250 00:11:33,720 --> 00:11:35,600 Van sorok számát, TRS. 251 00:11:35,600 --> 00:11:40,030 És belül minden sorban van TDS az oszlopok száma 252 00:11:40,030 --> 00:11:42,880 hogy azt szeretné, hogy az adott sorban. 253 00:11:42,880 --> 00:11:47,730 Vessünk egy pillantást egy nagyon egyszerű táblázatot át CS50 IDE. 254 00:11:47,730 --> 00:11:49,730 >> Szóval van itt egy fájlt nevű tábla dot HTML. 255 00:11:49,730 --> 00:11:53,390 Vessünk egy pillantást mi az hogy néz ki. 256 00:11:53,390 --> 00:11:56,225 Van egy csomó folyik itt, de ha azt észleli, van egy asztal nyitott. 257 00:11:56,225 --> 00:11:57,850 Kezdek meghatározása a táblázatban. 258 00:11:57,850 --> 00:12:02,100 És akkor az én első sorban azt nyilvánvalóan van négy oszlop, egy, kettő, három, 259 00:12:02,100 --> 00:12:02,660 négy. 260 00:12:02,660 --> 00:12:04,290 És akkor én végeztem, hogy a sorban. 261 00:12:04,290 --> 00:12:07,750 >> Aztán kezdj egy sort, és nem kettő, négy, hat, nyolc. 262 00:12:07,750 --> 00:12:08,850 Befejezni, hogy a sorban. 263 00:12:08,850 --> 00:12:11,410 Tetszik másik sorba, három, hat, kilenc, 12. 264 00:12:11,410 --> 00:12:14,830 És akkor utolsó sorban, négy, Nyolc, 12, és bár ez 265 00:12:14,830 --> 00:12:16,560 egy kicsit vágva van, 16. 266 00:12:16,560 --> 00:12:17,710 >> Befejeztem azt a sort. 267 00:12:17,710 --> 00:12:18,970 Befejeztem az asztalra. 268 00:12:18,970 --> 00:12:21,430 És akkor én végeztem én HTML. 269 00:12:21,430 --> 00:12:22,590 Mit jelent ez kinézni? 270 00:12:22,590 --> 00:12:26,014 271 00:12:26,014 --> 00:12:27,430 Nos, ez nem igazán sok látnivaló. 272 00:12:27,430 --> 00:12:31,690 Már világosan szervezett az adataimat egy kissé jobban szervezett módon. 273 00:12:31,690 --> 00:12:33,755 De ez nem szuper csinos itt. 274 00:12:33,755 --> 00:12:36,130 És mi fog foglalkozni hogy amikor arról beszélünk, CSS. 275 00:12:36,130 --> 00:12:38,930 Gondoljuk végig, majd ez a gondolat a amit csinálunk, hogy egy table-- 276 00:12:38,930 --> 00:12:41,260 Talán formázza egy kicsit jobb? 277 00:12:41,260 --> 00:12:45,070 De még mindig van négy sor, amelyek mindegyike négy oszlop, 278 00:12:45,070 --> 00:12:48,890 és tényleg, mi ez az összeg egy Nagyon egyszerű, négy négy szorzás 279 00:12:48,890 --> 00:12:49,870 asztalra. 280 00:12:49,870 --> 00:12:51,690 >> Csak néhány további címkék fogunk beszélni. 281 00:12:51,690 --> 00:12:54,617 Beszéljünk a fogalmát egy HTML űrlapon. 282 00:12:54,617 --> 00:12:57,450 Szóval lehet, hogy látta ezt a összefüggésben belép egy weboldalra. 283 00:12:57,450 --> 00:12:59,100 Általában akkor írja be a felhasználó nevét. 284 00:12:59,100 --> 00:13:01,510 Azt írja be a jelszót, és te jó menni. 285 00:13:01,510 --> 00:13:04,170 Ez lenne a kezdete egy formája. 286 00:13:04,170 --> 00:13:05,420 >> Átlépni osztásnál egy második. 287 00:13:05,420 --> 00:13:07,987 Mi is bemenetek fajta elférjen a formák. 288 00:13:07,987 --> 00:13:10,320 Ezek azok az elemek, amelyek te tényleg gépelés, 289 00:13:10,320 --> 00:13:12,580 vagy a rádió gombjai te ketyeg, vagy csekket 290 00:13:12,580 --> 00:13:14,310 dobozok, hogy te ketyeg le. 291 00:13:14,310 --> 00:13:15,770 Tehát ezek bemenni a formák. 292 00:13:15,770 --> 00:13:18,500 És ők alkotják alapvetően minden egyes sora formájában 293 00:13:18,500 --> 00:13:19,887 Ha a formában van formázva is. 294 00:13:19,887 --> 00:13:22,220 Aztán itt van ez a koncepció div, amely valójában nem is 295 00:13:22,220 --> 00:13:25,060 illik bármilyen kategóriára A címkék, mint azok, én már 296 00:13:25,060 --> 00:13:26,170 csinált korábban. 297 00:13:26,170 --> 00:13:29,790 Ez csak valami behatároló elején néhány önkényes division-- 298 00:13:29,790 --> 00:13:31,670 div-- az oldalon. 299 00:13:31,670 --> 00:13:33,210 Nincs vizuális törés. 300 00:13:33,210 --> 00:13:34,800 Nincs vonal. 301 00:13:34,800 --> 00:13:37,180 Ez nem indult, mint egy külön darab automatikusan. 302 00:13:37,180 --> 00:13:39,430 Te volna, hogy ez a stílus hogy így kell csinálni. 303 00:13:39,430 --> 00:13:42,110 >> Ez csak valami azt mondja, szeretnék egy darab helyet a weboldalamon, 304 00:13:42,110 --> 00:13:45,190 és én csak fog hívni ez ez a felosztás oldalam. 305 00:13:45,190 --> 00:13:47,619 Mi lehet tenni cucc benne A divs, és valójában, 306 00:13:47,619 --> 00:13:49,410 amikor a feje fölött a IDE a második, akkor 307 00:13:49,410 --> 00:13:53,760 látom, hogy leteszem az én belsejében egy div. 308 00:13:53,760 --> 00:13:57,050 >> Szóval van itt az IDE egy nevű fájlt div formában dot HTML. 309 00:13:57,050 --> 00:13:59,260 Nyisd fel. 310 00:13:59,260 --> 00:14:01,460 Figyeljük meg, hogy, mint mondtam, div egyfajta önkényes. 311 00:14:01,460 --> 00:14:01,640 Jobb? 312 00:14:01,640 --> 00:14:02,973 Ez nem jelent semmit. 313 00:14:02,973 --> 00:14:05,140 Szóval van egy tetszőleges első osztályban oldalam. 314 00:14:05,140 --> 00:14:07,848 És akkor ahelyett, hogy egy másik div Később, kezdve sorban nyolc, 315 00:14:07,848 --> 00:14:08,730 Én ezt a formáját. 316 00:14:08,730 --> 00:14:13,594 És belül a formában van egy bemenetek száma, mezők az űrlap. 317 00:14:13,594 --> 00:14:16,510 Szóval van egy olyan területen, amelynek a neve egy-- ami nem igazán jelent semmit 318 00:14:16,510 --> 00:14:19,350 jobb now--, hogy látszólag úgy szöveget, egy másik, 319 00:14:19,350 --> 00:14:22,630 vesz egy jelszót, másik, hogy egy rádió gombot, a másik, hogy egy négyzetet, 320 00:14:22,630 --> 00:14:24,797 és a másik, hogy ez egy Submit gombra. 321 00:14:24,797 --> 00:14:26,630 Nos, mit jelent ez a Az összes ténylegesen kinézni? 322 00:14:26,630 --> 00:14:27,629 Nos, vessünk egy pillantást. 323 00:14:27,629 --> 00:14:31,010 Majd nyisd ki a mi előnézeti ablakban. 324 00:14:31,010 --> 00:14:33,557 Figyeljük meg, hogy ez az önkényes első division-- van 325 00:14:33,557 --> 00:14:34,640 nincs vizuális elválasztása itt. 326 00:14:34,640 --> 00:14:37,150 Nem igazán semmit, ugye? 327 00:14:37,150 --> 00:14:38,220 >> És akkor ott van a formáját. 328 00:14:38,220 --> 00:14:39,890 És én nem csináltam semmilyen különleges formátumot. 329 00:14:39,890 --> 00:14:42,680 Tehát az a formula csak egyike nagy sor információ. 330 00:14:42,680 --> 00:14:46,424 Ha tudtam volna formázott a formában másképp, Lehet, hogy azt sorról sorról sorra. 331 00:14:46,424 --> 00:14:47,590 De én nem csináltam olyan stílus. 332 00:14:47,590 --> 00:14:49,256 Ismét nem beszélünk CSS itt. 333 00:14:49,256 --> 00:14:51,030 Mi csak beszélünk HTML. 334 00:14:51,030 --> 00:14:53,980 >> Hát az én szöveges formában tudok type-- ne feledjük, hogy formája típusú szöveget 335 00:14:53,980 --> 00:14:55,480 így tudok tenni a nevemet. 336 00:14:55,480 --> 00:14:57,330 És a jelszót beírhatja a jelszót. 337 00:14:57,330 --> 00:14:59,740 És mivel e területen a típusa jelszót, 338 00:14:59,740 --> 00:15:01,470 nem tudom, mi a jelszavam. 339 00:15:01,470 --> 00:15:02,800 Ez mind pöttyökkel. 340 00:15:02,800 --> 00:15:09,140 >> Azt is megteheti, hogy jelölje ki a rádió gombot, vagy jelölje be a jelölőnégyzetet. 341 00:15:09,140 --> 00:15:10,420 Vagy tudtam elküldöm a formában. 342 00:15:10,420 --> 00:15:11,810 És én nem csináltam semmit, így amikor adhatom formában, 343 00:15:11,810 --> 00:15:13,090 Az oldal csak frissül. 344 00:15:13,090 --> 00:15:16,970 De talán konfigurálja Küldés gombra, hogy valami mást. 345 00:15:16,970 --> 00:15:20,410 És majd meglátjuk, mit tehetünk hogy a jövőben videót PHP. 346 00:15:20,410 --> 00:15:22,520 De ez épít egy nagyon egyszerű űrlap, hogy mi 347 00:15:22,520 --> 00:15:27,360 Használhatja, hogy a felhasználók rákattintanak és közöljenek információkat a honlapunkon. 348 00:15:27,360 --> 00:15:29,620 >> Még egy utolsó megjegyzés, mielőtt lépni egy másik tag 349 00:15:29,620 --> 00:15:32,040 van arra, hogy egy pillantást erre input tag még egyszer. 350 00:15:32,040 --> 00:15:35,760 Vegyük észre, hogy amit kiemelt A végén a címke piros. 351 00:15:35,760 --> 00:15:39,390 Minden más tag láttunk eddig volt kezdete és vége, egy nyílás 352 00:15:39,390 --> 00:15:41,030 és záró tag. 353 00:15:41,030 --> 00:15:42,520 >> De egy bemeneti címkét nem. 354 00:15:42,520 --> 00:15:46,860 Nincs szöveges, hogy megy között input tag. 355 00:15:46,860 --> 00:15:49,160 Minden információ mi szándékozó közvetíteni 356 00:15:49,160 --> 00:15:52,640 van kötve fel részeként attribútumait, hogy input. 357 00:15:52,640 --> 00:15:54,690 Figyeljük meg van bemeneti neve egyet x. 358 00:15:54,690 --> 00:15:55,580 Típus egyenlő y. 359 00:15:55,580 --> 00:15:57,660 Ez tényleg minden a szükséges információt. 360 00:15:57,660 --> 00:15:59,470 >> Ez az úgynevezett önzáró tag. 361 00:15:59,470 --> 00:16:02,470 Nem igényel nyitó- és közel mert az összes információ 362 00:16:02,470 --> 00:16:04,974 tartalmazza belsejében tag és az attribútumai. 363 00:16:04,974 --> 00:16:06,390 Így néha látni fogod ezt is. 364 00:16:06,390 --> 00:16:10,400 Tehát csak ne feledje, hogy ha van egy tag, amely teljesen önálló, 365 00:16:10,400 --> 00:16:14,170 nyit és zár magát A nyitó hegyes zárójelet a bal 366 00:16:14,170 --> 00:16:17,000 és a perjel szög konzol a jobb oldalon. 367 00:16:17,000 --> 00:16:20,580 Meglátjuk másik ilyen most a kép címkék is. 368 00:16:20,580 --> 00:16:23,300 >> Mielőtt beszélünk képek, mi kell beszélni hivatkozásokat. 369 00:16:23,300 --> 00:16:26,080 Ha azt akarjuk, honlapunkon is interaktív és mozgatnak minket körül, 370 00:16:26,080 --> 00:16:28,121 jó lenne tudni hogy kattintson egy ilyen 371 00:16:28,121 --> 00:16:30,190 mit óta jellemzően egy kék link. 372 00:16:30,190 --> 00:16:34,440 Ez tulajdonképpen hogyan építünk egy hivatkozásra honlapunkon. 373 00:16:34,440 --> 00:16:36,540 És érdekes módon van egy másik HTML tag 374 00:16:36,540 --> 00:16:39,000 nevű link, ami nem egy hivatkozást. 375 00:16:39,000 --> 00:16:44,130 Egy itt áll a horgonyt, és mi így jelzik egy hivatkozást. 376 00:16:44,130 --> 00:16:49,150 >> A href egyenlő x¹szel megy weboldal X. És mindent 377 00:16:49,150 --> 00:16:51,580 között nyílt címke és a közeli címke 378 00:16:51,580 --> 00:16:56,010 A mi fog adni, hogy hangsúlyozta, kék szöveg, hogy néz ki, mint egy link 379 00:16:56,010 --> 00:16:57,590 hogy vagyunk tisztában. 380 00:16:57,590 --> 00:17:01,660 Alatta van egy kép tag, amely egy önálló záró címke megjelenítésére 381 00:17:01,660 --> 00:17:05,599 Egy kép található X. És akkor lehet, hogy változtatni 382 00:17:05,599 --> 00:17:08,280 hogy képet megadásával szélesség és magasság 383 00:17:08,280 --> 00:17:11,640 és egyéb tulajdonságok hogy pont pont pont ott. 384 00:17:11,640 --> 00:17:14,260 >> Legalján van van egy nagyon érdekes 385 00:17:14,260 --> 00:17:16,170 látszó tag, amely nem Van egy záró tag. 386 00:17:16,170 --> 00:17:19,410 Ez felkiáltójel DOCTYPE html. 387 00:17:19,410 --> 00:17:23,300 Tehát HTML óta körül a 1990-es években az épület weboldalakat, 388 00:17:23,300 --> 00:17:25,859 és ez ment rajtuk több változás azóta. 389 00:17:25,859 --> 00:17:28,550 Legutóbb 2014-ben ez ment felülvizsgálata 390 00:17:28,550 --> 00:17:33,440 nevű HTML5 amely most a jelenlegi mintegy de facto HTML szabványt. 391 00:17:33,440 --> 00:17:36,730 >> Annak jelzésére, hogy a web oldalak vannak írva a HTML5, 392 00:17:36,730 --> 00:17:38,160 ez hogyan kezdjük el. 393 00:17:38,160 --> 00:17:40,380 El is hagyható, de mi, hogy alapvetően 394 00:17:40,380 --> 00:17:45,930 azt jelenti, nem tudod használni bármelyik tag amelyek HTML5 tag, az új tag. 395 00:17:45,930 --> 00:17:48,591 Így mindig elindul ha már a HTML5. 396 00:17:48,591 --> 00:17:51,340 És az összes tag beszéltünk korábban nem HTML5 tag. 397 00:17:51,340 --> 00:17:55,470 De ez azt jelzi, hogy HTML5 tag is jelen lesz. 398 00:17:55,470 --> 00:17:58,400 És így van felkiáltójel DOCTYPE HTML, amelyek 399 00:17:58,400 --> 00:18:01,280 a legelején a mi HTML fájlt, majd azt követően, hogy pont 400 00:18:01,280 --> 00:18:04,930 mi valójában a HTML nyitott címkézni, és folytassa onnan. 401 00:18:04,930 --> 00:18:10,050 >> Az utolsó egy megjegyzést tag, ami úgy néz ki kicsit más is. 402 00:18:10,050 --> 00:18:12,810 Úgy indul a szög konzol felkiáltójel gondolatjel 403 00:18:12,810 --> 00:18:15,220 dash de nem zárójel. 404 00:18:15,220 --> 00:18:20,150 A kettő között e két elem van Itt írja meg észrevételeit. 405 00:18:20,150 --> 00:18:28,420 És vessünk egy pillantást képek és megjegyzéseket és a linkeket a CS50 IDE. 406 00:18:28,420 --> 00:18:32,850 >> Szóval van itt egy fájlt úgynevezett image link dot HTML amelyek fogok nyitni. 407 00:18:32,850 --> 00:18:36,420 És vegyük észre, van egy pár megjegyzések itt az én HTML megjegyzéseket. 408 00:18:36,420 --> 00:18:38,990 Tehát mint C és más programozási nyelvek, 409 00:18:38,990 --> 00:18:43,169 HTML csak azzal, hogy egy leíró nyelv nem képesek hozzászólni. 410 00:18:43,169 --> 00:18:45,710 És így én nyilván fog helyezzen egy képet a Rick Astley 411 00:18:45,710 --> 00:18:49,060 valahol ez a div tag, ez önkényes felosztása. 412 00:18:49,060 --> 00:18:51,497 Úgy látszik, hogy a fájl található Rick dot JPEG, amelyek 413 00:18:51,497 --> 00:18:53,580 Ha elindulunk vissza át fájlom fa egy pillanatra, 414 00:18:53,580 --> 00:18:55,490 egy fájl létezik Az aktuális könyvtárban. 415 00:18:55,490 --> 00:18:56,031 Szóval ez rendben. 416 00:18:56,031 --> 00:18:57,710 Én is hivatkozik rá. 417 00:18:57,710 --> 00:18:59,680 >> Aztán lehet, hogy a belső linkek. 418 00:18:59,680 --> 00:19:05,080 Tehát észre on line 11 itt én href helló dot HTML. 419 00:19:05,080 --> 00:19:09,050 Tehát, hogy csak utal Hello dot HTML ami létezik az aktuális könyvtárban. 420 00:19:09,050 --> 00:19:12,980 És azt is, hogy a külső linkek mellett csak megadásával HTTPS 421 00:19:12,980 --> 00:19:16,180 jelezve, hogy én nem beszélek egy fájlról az én aktuális könyvtárban. 422 00:19:16,180 --> 00:19:19,730 Arról beszélek, hogy a fájl létezik valahol az interneten, amit én 423 00:19:19,730 --> 00:19:23,370 kérni, HTTP protokoll használatával. 424 00:19:23,370 --> 00:19:25,990 >> Szóval vessünk egy pillantást, amit Az oldal nézhet 425 00:19:25,990 --> 00:19:29,500 és készülj fel egy képet Rick Astley, hogy megjelenik a képernyőn. 426 00:19:29,500 --> 00:19:31,490 Úgyhogy előnézeti ezt. 427 00:19:31,490 --> 00:19:33,800 Van Rick Astley, a legtetején ebben az önkényes 428 00:19:33,800 --> 00:19:35,008 Divízió I tedd a tetején. 429 00:19:35,008 --> 00:19:36,960 És akkor lent I Van a linkeket, ugye? 430 00:19:36,960 --> 00:19:39,330 >> Van egy linket Hello dot HTML. 431 00:19:39,330 --> 00:19:42,860 És ha rákattintok, hogy kapok költözött át ezt az oldalt 432 00:19:42,860 --> 00:19:47,050 hogy mi vagyunk nagyon ismerik re A kezdetektől fogva a programunk. 433 00:19:47,050 --> 00:19:50,880 Ha én a pop, hogy az oldal nyitott újra, ha én pop kép link megnyitása még egyszer, 434 00:19:50,880 --> 00:19:54,420 Én is megy kívülről a CS50 honlapján. 435 00:19:54,420 --> 00:19:56,740 És ott see-- Megyek kicsinyítés egy kicsit here-- 436 00:19:56,740 --> 00:20:00,260 majd meglátjuk CS50 honlapján fajta beágyazott közepén oldalunkon. 437 00:20:00,260 --> 00:20:04,670 Így voltam képes arra, hogy egy belső hivatkoznak, valamint egy külső link. 438 00:20:04,670 --> 00:20:07,200 >> Az utolsó szabály HTML fogunk beszélni itt 439 00:20:07,200 --> 00:20:09,510 az, hogy a HTML kell jól formált. 440 00:20:09,510 --> 00:20:13,020 A C-ben sokat beszélgettünk arról A különböző szintaxis a dolgok. 441 00:20:13,020 --> 00:20:17,650 A HTML szintaxis nagyon körül forog címkék. 442 00:20:17,650 --> 00:20:19,660 Minden tag megnyitja kell zárni. 443 00:20:19,660 --> 00:20:22,630 És valóban, minden tag megnyitásakor le kell zárni fordított sorrendben. 444 00:20:22,630 --> 00:20:25,790 >> Tehát, ha megnyit egy merész tag egy dőlt címkét, majd aláhúzás tag 445 00:20:25,790 --> 00:20:28,120 hogy nem mind a három egy különösen sor szöveg, 446 00:20:28,120 --> 00:20:30,070 akkor zárja be őket fordított sorrendben. 447 00:20:30,070 --> 00:20:32,270 Tehát ha nyitott merész, dőlt, aláhúzott, akkor 448 00:20:32,270 --> 00:20:35,240 szeretné zárni aláhúzott, dőlt, félkövér. 449 00:20:35,240 --> 00:20:39,990 Ez a fajta beágyazás, amit tartja HTML szép és rendezett. 450 00:20:39,990 --> 00:20:44,370 >> Ellentétben C, bár, szintaktikai hibákat nem valójában béna a HTML esetleg. 451 00:20:44,370 --> 00:20:48,730 HTML lehet, nem is alakított, de még mindig működik. 452 00:20:48,730 --> 00:20:50,589 És így ezek a hibák rendezheti a diát. 453 00:20:50,589 --> 00:20:52,130 Ez rajtad múlik, hogy valóban legyen éber. 454 00:20:52,130 --> 00:20:54,760 Néha nem fog sikerülni, de néha lehet megúszni vele. 455 00:20:54,760 --> 00:20:56,509 >> Ez lehet egy igazán nehéz feladat, bár, 456 00:20:56,509 --> 00:21:00,660 nyomon követni, amikor megnyitotta Egy tag, amikor becsukta, 457 00:21:00,660 --> 00:21:04,110 különösen mivel a HTML fájlok kap nagyobb és nagyobb. 458 00:21:04,110 --> 00:21:05,490 Majd némi segítségre. 459 00:21:05,490 --> 00:21:07,560 És vannak olyan online érvényesítő eszközöket, hogy 460 00:21:07,560 --> 00:21:11,474 Használhatja, hogy egy pillantást a web oldalt, és ha ez jól formázott HTML. 461 00:21:11,474 --> 00:21:13,390 És akkor feltétlenül vessünk egy pillantást azoknak 462 00:21:13,390 --> 00:21:16,620 és elkezdi használni őket, ahogy kezdeni csinál valami munkát HTML, 463 00:21:16,620 --> 00:21:20,800 HTML-t, csak így kap jó szokások szervezéséhez 464 00:21:20,800 --> 00:21:24,377 HTML a jó értelemben, és jó stílus és gondoskodjanak arról, 465 00:21:24,377 --> 00:21:27,210 hogy nem csinálsz semmit, Létre kell hozni egy szintaktikai hiba, hogy 466 00:21:27,210 --> 00:21:30,270 okozna, egy kicsit A probléma az úton. 467 00:21:30,270 --> 00:21:31,190 >> Én Doug Lloyd. 468 00:21:31,190 --> 00:21:33,450 Ez CS50. 469 00:21:33,450 --> 00:21:34,859