1 00:00:00,000 --> 00:00:00,140 2 00:00:00,140 --> 00:00:03,700 >> PROFESOR HARLAN: HTML ali HyperText Markup Language je jezik 3 00:00:03,700 --> 00:00:04,870 ki so napisane spletne strani. 4 00:00:04,870 --> 00:00:08,140 Zdaj, to ni programski jezik, ker nam ne dovoli, da izrazijo 5 00:00:08,140 --> 00:00:11,420 logika, tako kot za zanke, in medtem ko zanke, ter pogoje in podobno. 6 00:00:11,420 --> 00:00:14,690 Nasprotno, to je res označevalni jezik , ki nam omogoča, da določite, kaj web 7 00:00:14,690 --> 00:00:17,490 Stran naj bi izgledal, strukturno in estetsko. 8 00:00:17,490 --> 00:00:20,210 In to s pomočjo kaj se imenujejo oznake. 9 00:00:20,210 --> 00:00:23,470 Dajmo se potopite v in da najpreprostejši spletna stran, tisti, ki preprosto pravi, za 10 00:00:23,470 --> 00:00:25,410 instance, zdravo svet. 11 00:00:25,410 --> 00:00:29,940 >> Opazil sem, v gedit, da sem že shranili datoteko kot hello.html. 12 00:00:29,940 --> 00:00:32,990 In opazil sem dol, v terminalu okno, da sem se zdi, da znotraj 13 00:00:32,990 --> 00:00:36,070 Imenik pozval javnost, ki je sama je notranjost mapi 14 00:00:36,070 --> 00:00:39,770 lokalni gostitelj, ki je sama notranjost Imenik imenovano vhosts, ki 15 00:00:39,770 --> 00:00:42,850 sam je v notranjosti John Harvard je domači imenik. 16 00:00:42,850 --> 00:00:45,850 Zdaj se je izkazalo, zaradi načina smo nastavili napravo, ki 17 00:00:45,850 --> 00:00:49,670 V realnem svetu, kot način, kot je to mogoče, karkoli znotraj te javnosti 18 00:00:49,670 --> 00:00:53,400 imenik mora seveda biti dostopen na celotni javnosti preko 19 00:00:53,400 --> 00:00:56,610 spletni brskalnik, čeprav prav zdaj, Jaz sem edini uporabnik, ki bo v 20 00:00:56,610 --> 00:00:58,340 vstopom na to spletno stran. 21 00:00:58,340 --> 00:01:03,120 >> Pojdimo zdaj vrniti v hello.html in začeti pisanje nekaterih tem jeziku. 22 00:01:03,120 --> 00:01:07,110 Prvič, na vrhu te datoteke, bom določite oklepaj, klicaj 23 00:01:07,110 --> 00:01:10,400 točka, DOCTYPE html prostor. 24 00:01:10,400 --> 00:01:13,930 Ta linija ni tag, per se, čeprav čeprav ne začne z odprto 25 00:01:13,930 --> 00:01:18,020 nosilec, vendar namesto tega je gradbena ena vrstica fragment, ki določa, da 26 00:01:18,020 --> 00:01:22,370 brskalnik, tukaj prihaja spletu stran napisana v HTML. 27 00:01:22,370 --> 00:01:26,920 >> Let je naslednji na liniji svoje, določite oklepaj html, kar kaže, 28 00:01:26,920 --> 00:01:29,890 brskalnik, da tu res je, da HTML. 29 00:01:29,890 --> 00:01:34,150 Znotraj tega, kaj je zamakniti malo, in naredite glavo, ki določa, da 30 00:01:34,150 --> 00:01:37,470 brskalnik, tukaj prihaja glavo Stran, ki je, za zdaj, prevzeti je 31 00:01:37,470 --> 00:01:40,830 v bistvu naslovna vrstica na zelo vrhu okna brskalnika. 32 00:01:40,830 --> 00:01:45,500 Poglejmo naslednji določite, znotraj te glave tag, da bomo imeli naziv 33 00:01:45,500 --> 00:01:47,570 nekaj preprostega, kot je zdravo. 34 00:01:47,570 --> 00:01:51,550 Toda zdaj, kaj je povedal brskalnik smo naredili zagotavlja naslov. 35 00:01:51,550 --> 00:01:56,080 Da bi to dosegli, tako kot smo odprli ali začeli tag, naslov, pred nekaj trenutki, 36 00:01:56,080 --> 00:02:00,250 kaj je zdaj blizu ali na koncu to oznako z navedbo, v smislu, nasprotno. 37 00:02:00,250 --> 00:02:05,010 >> Izraziti, da naredimo oklepaj, poševnica, naslov. 38 00:02:05,010 --> 00:02:07,830 Podobno je zdaj, da smo storili opredeljevanju, za zdaj pa je vodja tega 39 00:02:07,830 --> 00:02:12,340 stran, bomo storili oklepaj poševnica glavo, povedal brskalnik, ki smo si 40 00:02:12,340 --> 00:02:14,710 zdaj že zagotavlja glavo. 41 00:02:14,710 --> 00:02:18,080 Le en odsek zdaj ostaja ti telo spletne strani, ki 42 00:02:18,080 --> 00:02:21,120 res predstavlja bistvo od katere koli spletne strani. 43 00:02:21,120 --> 00:02:24,780 >> Oglejmo navesti, da je tukaj, to je začenši z odprtim nosilcem, telesa, 44 00:02:24,780 --> 00:02:25,600 zaklepaj. 45 00:02:25,600 --> 00:02:29,080 In kaj je zdaj napisati nekaj kot zdravo vejico svetu. 46 00:02:29,080 --> 00:02:32,930 Zdi se mi da je to dovolj dober web stran, tako da je zdaj preselil na novo linijo. 47 00:02:32,930 --> 00:02:37,460 Določite oklepaj, poševnico, telo, obveščanje brskalnik, ki smo si 48 00:02:37,460 --> 00:02:38,650 narejeno oskrbuje telo. 49 00:02:38,650 --> 00:02:41,120 In podobno, dajmo zdaj obvesti brskalnik, da končam 50 00:02:41,120 --> 00:02:43,230 Nudenje spletne strani. 51 00:02:43,230 --> 00:02:47,120 Na progi, svojo lastno, bomo storili odprta nosilec, poševnica, html. 52 00:02:47,120 --> 00:02:49,350 >> Zdaj, opazili estetiko te spletne strani. 53 00:02:49,350 --> 00:02:52,290 Čeprav je tehnično to ni zahteva, da zagotovi čim več bele 54 00:02:52,290 --> 00:02:55,450 prostor, kot sem storil, je dobro slog, saj koda je, nedvomno, veliko 55 00:02:55,450 --> 00:02:56,490 bolj berljiva. 56 00:02:56,490 --> 00:03:00,780 Obvestilo, zlasti, da ko odprem ali ustvarite oznako, nato pa sem zamik v 57 00:03:00,780 --> 00:03:02,040 vrstice, ki sledijo. 58 00:03:02,040 --> 00:03:05,990 In ko zaprem ali in oznako, da zaključi oznako na istem 59 00:03:05,990 --> 00:03:09,790 linija, če je dokaj kratka črta, ali v novo vrstico na tak način, da 60 00:03:09,790 --> 00:03:14,540 close tag uravna s odprto oznako, podobno kot smo to storili v jeziku, kot je C 61 00:03:14,540 --> 00:03:17,380 z odpiranje in zapiranje zavitih oklepajih. 62 00:03:17,380 --> 00:03:20,350 >> Pojdimo zdaj shranite to datoteko in poskusite , da se odpre v spletnem brskalniku 63 00:03:20,350 --> 00:03:21,600 notranjost stroja. 64 00:03:21,600 --> 00:03:24,180 65 00:03:24,180 --> 00:03:30,310 Odprimo Chrome in dajmo zdaj obisk http://localhost, ki je 66 00:03:30,310 --> 00:03:34,930 vzdevek za naprave sam / hello.html. 67 00:03:34,930 --> 00:03:38,230 In opazil, da sem se dejansko ne tipkal javnosti, saj je to pomenilo 68 00:03:38,230 --> 00:03:42,430 da če obiščete to stran, prek spleta brskalnik, si res želite dostopati 69 00:03:42,430 --> 00:03:44,430 Vsebina navedenega javnega imenika. 70 00:03:44,430 --> 00:03:47,740 Ampak jaz želim dostopati, še posebej, hello.html. 71 00:03:47,740 --> 00:03:50,854 Torej, kaj je zdaj pritisnite tipko Enter in glej kaj se zgodi. 72 00:03:50,854 --> 00:03:51,710 >> Hm. 73 00:03:51,710 --> 00:03:56,260 Nimam dovoljenja za dostop / Hello.html na tem strežniku. 74 00:03:56,260 --> 00:03:57,570 Zdaj, zakaj bi to bilo? 75 00:03:57,570 --> 00:04:01,040 No, izkazalo se je, da ni dovolj, preprosto dal to datoteko, hello.html, 76 00:04:01,040 --> 00:04:02,560 v tej javni imenik. 77 00:04:02,560 --> 00:04:06,150 Prav tako moramo proaktivno povedati aparat, ki smo dejansko želeli 78 00:04:06,150 --> 00:04:09,470 dovolite ves svet, potencialno Za dostop do te datoteke. 79 00:04:09,470 --> 00:04:12,470 To storite tako, da moramo spremeniti svoj dovoljenja, če se tako izrazim, in bomo lahko 80 00:04:12,470 --> 00:04:14,600 to, da v ukazni vrstici. 81 00:04:14,600 --> 00:04:20,079 >> Oglejmo vnesite ls-l, da bi dobili dolgo seznam datoteke v tem imeniku, Enter. 82 00:04:20,079 --> 00:04:22,480 In vidimo, seveda, hello.html. 83 00:04:22,480 --> 00:04:25,882 Vendar sem na levi strani, Obvestilo je r in w. 84 00:04:25,882 --> 00:04:29,050 R, kot ste morda uganili ste, pomeni, branje, in w pa pomeni pisati, vendar 85 00:04:29,050 --> 00:04:32,470 Dejstvo, da obstaja samo en tak r in En tak W, vso pot do 86 00:04:32,470 --> 00:04:36,710 Levi teh črtic, pomeni, da je samo lastnik slik, sam, lahko dejansko 87 00:04:36,710 --> 00:04:38,370 brati in pisati to datoteko. 88 00:04:38,370 --> 00:04:41,610 >> Moramo, da bi preklopili vsaj eno drugo r, da naj ves svet brati 89 00:04:41,610 --> 00:04:42,810 ta datoteka, kot dobro. 90 00:04:42,810 --> 00:04:47,320 In, da to stori, lahko to storimo z ukaz chmod, ali način spremembe. 91 00:04:47,320 --> 00:04:54,030 chmod, za vse, plus r, prostor, hello.html Enter. 92 00:04:54,030 --> 00:04:56,970 Zdi se, da ni nič zgodilo, ampak da je na splošno dobra stvar. 93 00:04:56,970 --> 00:05:02,490 Torej ls-l spet morala, upajmo, prinesejo nekaj dodatnih r je. 94 00:05:02,490 --> 00:05:04,130 >> In res, bomo videli npr. 95 00:05:04,130 --> 00:05:08,350 Na levi strani tukaj, zdaj, obvestila da sem brati in pisati privilegije. 96 00:05:08,350 --> 00:05:10,320 Še en r, nato pa še r. 97 00:05:10,320 --> 00:05:13,180 No, izkazalo se je, da r na sredini pomeni mojo skupino, ki se zgodi, da bo 98 00:05:13,180 --> 00:05:15,370 študentom v napravi, lahko preberete tudi to datoteko. 99 00:05:15,370 --> 00:05:18,235 Ampak to je v veliki meri nepomembno tukaj saj govorimo o spletu in 100 00:05:18,235 --> 00:05:19,850 ne sam aparat. 101 00:05:19,850 --> 00:05:23,420 Ampak to tretja r vso pot na prav kaže, da cel svet, 102 00:05:23,420 --> 00:05:25,920 ali v celoti lahko preberete to datoteko. 103 00:05:25,920 --> 00:05:29,290 >> Pojdimo zdaj iti nazaj v svoj brskalnik, osvežite stran, in videli, če sem ne 104 00:05:29,290 --> 00:05:32,050 več prepovedano. 105 00:05:32,050 --> 00:05:36,800 Oglejmo ikono reload Chrome up tukaj, ali hit Control-R, in tam smo 106 00:05:36,800 --> 00:05:38,750 ga, zdravo svet. 107 00:05:38,750 --> 00:05:41,248