1 00:00:00,000 --> 00:00:00,140 2 00:00:00,140 --> 00:00:03,700 >> PROFESSOR HARLAN: HTML, of HyperText Opmaak taal, is die taal in 3 00:00:03,700 --> 00:00:04,870 wat webblaaie geskryf. 4 00:00:04,870 --> 00:00:08,140 Nou, dit is nie 'n programmeertaal, omdat dit nie toelaat om ons te druk 5 00:00:08,140 --> 00:00:11,420 logika, soos vir loops, en terwyl loops, en voorwaardes en dies meer. 6 00:00:11,420 --> 00:00:14,690 Inteendeel, dit is inderdaad 'n opmaak taal wat dit moontlik maak vir ons wat 'n web te spesifiseer 7 00:00:14,690 --> 00:00:17,490 bladsy moet lyk, struktureel en estetiese. 8 00:00:17,490 --> 00:00:20,210 En dit doen dit deur middel van wat geroep tags. 9 00:00:20,210 --> 00:00:23,470 Kom ons duik in en maak die eenvoudigste webblad, een wat net sê, vir 10 00:00:23,470 --> 00:00:25,410 Byvoorbeeld, hallo wêreld. 11 00:00:25,410 --> 00:00:29,940 >> Let hier, in gedit, wat ek reeds die lêer gestoor as hello.html. 12 00:00:29,940 --> 00:00:32,990 En kennis van hier, in die terminale venster, dat ek blyk te wees binne 13 00:00:32,990 --> 00:00:36,070 'n gids genoem publiek, wat self is die binnekant van 'n gids genoem 14 00:00:36,070 --> 00:00:39,770 plaaslike gasheer, wat self is die binnekant van 'n gids genoem vhosts, wat 15 00:00:39,770 --> 00:00:42,850 self is binnekant van John Harvard se tuisgids. 16 00:00:42,850 --> 00:00:45,850 Nou blyk dit, as gevolg van die manier waarop Ons het ingestel om die toestel, wat 17 00:00:45,850 --> 00:00:49,670 is in as werklike wêreld 'n manier as moontlik, enigiets binnekant van die openbare 18 00:00:49,670 --> 00:00:53,400 gids moet inderdaad toeganklik wees aan die hele publiek via 'n 19 00:00:53,400 --> 00:00:56,610 web leser, selfs al is, reg nou, Ek is die enigste gebruiker wat gaan wees 20 00:00:56,610 --> 00:00:58,340 toegang tot hierdie webblad. 21 00:00:58,340 --> 00:01:03,120 >> Kom ons keer nou terug na hello.html en begin skryf sommige van die taal. 22 00:01:03,120 --> 00:01:07,110 Eerstens, bo-op hierdie lêer, ek gaan om te spesifiseer oop bracket, uitroep 23 00:01:07,110 --> 00:01:10,400 punt, DOCTYPE HTML ruimte. 24 00:01:10,400 --> 00:01:13,930 Hierdie reël is nie 'n etiket, per se, selfs al is dit nie begin met 'n oop 25 00:01:13,930 --> 00:01:18,020 bracket, maar dit plaas, is 'n spesiale een lyn fragment wat bepaal tot 'n 26 00:01:18,020 --> 00:01:22,370 leser, hier kom 'n web bladsy geskryf in HTML. 27 00:01:22,370 --> 00:01:26,920 >> Kom ons langs, op 'n lyn van sy eie, spesifiseer oop bracket html, wat aandui 28 00:01:26,920 --> 00:01:29,890 aan die leser wat hier is, Inderdaad, is dat HTML. 29 00:01:29,890 --> 00:01:34,150 Binnekant van die, laat ons duik in 'n bietjie, en dan kop, spesifiseer die 30 00:01:34,150 --> 00:01:37,470 leser, hier kom die hoof van die bladsy, wat vir nou, aanvaar is 31 00:01:37,470 --> 00:01:40,830 wese die titel bar op die heel top van die venster van die leser se. 32 00:01:40,830 --> 00:01:45,500 Kom ons volgende spesifiseer, binnekant van die kop tag, dat ons sal 'n titel van 'n 33 00:01:45,500 --> 00:01:47,570 iets eenvoudig soos Hello. 34 00:01:47,570 --> 00:01:51,550 Maar nou, laat ons vertel die leser ons klaar die verskaffing van 'n titel. 35 00:01:51,550 --> 00:01:56,080 Om dit te doen, net soos ons oop of begin die etiket, die titel, 'n oomblik gelede 36 00:01:56,080 --> 00:02:00,250 Kom ons kyk nou naby of einde daardie merker deur spesifiseer, in werking tree, is die teenoorgestelde. 37 00:02:00,250 --> 00:02:05,010 >> Wat uit te druk, ons doen oop bracket, slash, titel. 38 00:02:05,010 --> 00:02:07,830 Net so, nou dat ons klaar definieer, Vir nou, die hoof van hierdie 39 00:02:07,830 --> 00:02:12,340 bladsy, sal ons oop bracket streep kop te doen, vertel die leser wat ons is 40 00:02:12,340 --> 00:02:14,710 nou gedoen verskaffing van die kop. 41 00:02:14,710 --> 00:02:18,080 Slegs een gedeelte nou bly, is die sogenaamde liggaam van die webblad, wat 42 00:02:18,080 --> 00:02:21,120 werklik behels die essensie van 'n webblad. 43 00:02:21,120 --> 00:02:24,780 >> Kom ons bepaal dat, hier, dis begin, met 'n oop bracket, liggaam, 44 00:02:24,780 --> 00:02:25,600 naby bracket. 45 00:02:25,600 --> 00:02:29,080 En laat ons iets skryf nou soos hallo komma wêreld. 46 00:02:29,080 --> 00:02:32,930 Voel soos hierdie is 'n goed genoeg web bladsy, so laat ons nou na 'n nuwe lyn. 47 00:02:32,930 --> 00:02:37,460 Spesifiseer oop bracket, slash, liggaam, die leser dat ons in te lig 48 00:02:37,460 --> 00:02:38,650 gedoen verskaffing van die liggaam. 49 00:02:38,650 --> 00:02:41,120 En so, laat ons nou lig die leser wat ek gedoen 50 00:02:41,120 --> 00:02:43,230 die verskaffing van 'n webblad. 51 00:02:43,230 --> 00:02:47,120 Op 'n lyn van sy eie, sal ons oop doen bracket, slash, html. 52 00:02:47,120 --> 00:02:49,350 >> Nou, neem kennis van die estetika van hierdie webblad. 53 00:02:49,350 --> 00:02:52,290 Selfs al is, tegnies, dit is nie vereis soveel wit te voorsien 54 00:02:52,290 --> 00:02:55,450 ruimte as wat ek gedoen het, is dit 'n goeie styl, want die kode is, waarskynlik, baie 55 00:02:55,450 --> 00:02:56,490 meer leesbaar. 56 00:02:56,490 --> 00:03:00,780 Kennis, in die besonder, dat wanneer ek oop of begin 'n tag, ek dan streepje in 57 00:03:00,780 --> 00:03:02,040 Die lyne wat volg. 58 00:03:02,040 --> 00:03:05,990 En toe ek sluit of die etiket, ek sluit daardie merker óf op dieselfde 59 00:03:05,990 --> 00:03:09,790 lyn, al is dit 'n redelik kort reël, of op 'n nuwe reël in so 'n manier dat die 60 00:03:09,790 --> 00:03:14,540 naby tag lyn met die oop tag, baie soos ons gedoen het in 'n taal soos C 61 00:03:14,540 --> 00:03:17,380 met oop en toe krullerige draadjies. 62 00:03:17,380 --> 00:03:20,350 >> Kom ons nou hierdie lêer red en probeer dit oop te maak in 'n webblaaier 63 00:03:20,350 --> 00:03:21,600 binnekant van die toestel. 64 00:03:21,600 --> 00:03:24,180 65 00:03:24,180 --> 00:03:30,310 Kom ons oop Chrome, en laat ons nou besoek http://localhost, wat 'n 66 00:03:30,310 --> 00:03:34,930 bynaam vir die toestel self, / hello.html. 67 00:03:34,930 --> 00:03:38,230 En sien dat Ek het nie eintlik getik publiek, want dit is geïmpliseer 68 00:03:38,230 --> 00:03:42,430 dat indien die besoek van hierdie bladsy via 'n web leser, het jy inderdaad wil om toegang tot die 69 00:03:42,430 --> 00:03:44,430 inhoud van die openbare gids. 70 00:03:44,430 --> 00:03:47,740 Maar ek wil om toegang te verkry, spesifiek, hello.html. 71 00:03:47,740 --> 00:03:50,854 So laat ons nou druk Enter en kyk wat gebeur. 72 00:03:50,854 --> 00:03:51,710 >> Hm. 73 00:03:51,710 --> 00:03:56,260 Ek het nie toestemming om toegang het nie / Hello.html op hierdie bediener. 74 00:03:56,260 --> 00:03:57,570 Nou, hoekom sou dit wees? 75 00:03:57,570 --> 00:04:01,040 Wel, dit blyk dit is nie voldoende om net te sit hierdie lêer, hello.html, 76 00:04:01,040 --> 00:04:02,560 in die openbare gids. 77 00:04:02,560 --> 00:04:06,150 Ons moet ook proaktief vertel die toestel dat ons inderdaad, wil 78 00:04:06,150 --> 00:04:09,470 toelaat dat die hele wêreld, potensieel, hierdie lêer om toegang te verkry. 79 00:04:09,470 --> 00:04:12,470 Om dit te doen, ons moet verander sy regte, om so te praat nie, en ons kan 80 00:04:12,470 --> 00:04:14,600 doen op 'n opdrag lyn. 81 00:04:14,600 --> 00:04:20,079 >> Kom ons tik LS-l 'n lang lys te kry van die lêers in hierdie gids, Tik. 82 00:04:20,079 --> 00:04:22,480 En ons sien, inderdaad, hello.html. 83 00:04:22,480 --> 00:04:25,882 Maar hier aan die linkerkant, kennisgewing, is 'n r en 'n w. 84 00:04:25,882 --> 00:04:29,050 Die r, as jy dalk raai, beteken lees en die w middel skryf nie, maar 85 00:04:29,050 --> 00:04:32,470 die feit dat daar is net een so 'n r en een so 'n W, al die pad na die 86 00:04:32,470 --> 00:04:36,710 linkerkant van die koppeltekens, beteken dit dat slegs die lêers eienaar, myself, kan eintlik 87 00:04:36,710 --> 00:04:38,370 lees en skryf hierdie lêer. 88 00:04:38,370 --> 00:04:41,610 >> Ons moet ten minste een ander om te wissel r te laat die hele wêreld gelees 89 00:04:41,610 --> 00:04:42,810 hierdie lêer as well. 90 00:04:42,810 --> 00:04:47,320 En om dit te doen, kan ons dit doen met die opdrag, chmod of verandering af. 91 00:04:47,320 --> 00:04:54,030 chmod a, vir almal, plus R, ruimte, hello.html Tik. 92 00:04:54,030 --> 00:04:56,970 Dit lyk asof niks gebeur het nie, maar dit is oor die algemeen 'n goeie ding. 93 00:04:56,970 --> 00:05:02,490 So LS-l weer moet, hopelik, lewer 'n paar ekstra r se. 94 00:05:02,490 --> 00:05:04,130 >> En inderdaad, ons sien so. 95 00:05:04,130 --> 00:05:08,350 Op die linkerkant nou hier, kennisgewing dat ek kan lees en skryf voorregte. 96 00:05:08,350 --> 00:05:10,320 Daar is nog 'n r, en dan nog 'n r. 97 00:05:10,320 --> 00:05:13,180 Wel, dit blyk uit die r in die middel beteken dat my groep, wat gebeur te wees 98 00:05:13,180 --> 00:05:15,370 studente in die toestel, Lees ook hierdie lêer. 99 00:05:15,370 --> 00:05:18,235 Maar dit is grotendeels irrelevant hier, omdat ons praat oor die web en 100 00:05:18,235 --> 00:05:19,850 nie die toestel self. 101 00:05:19,850 --> 00:05:23,420 Maar daardie derde r al die pad op die reg dui aan dat die hele wêreld, 102 00:05:23,420 --> 00:05:25,920 of al, kan hierdie lêer lees. 103 00:05:25,920 --> 00:05:29,290 >> Kom ons nou terug na my leser gaan herlaai die bladsy, en sien as ek nie 104 00:05:29,290 --> 00:05:32,050 meer verbied. 105 00:05:32,050 --> 00:05:36,800 Kom ons kliek Chrome se herlaai ikoon up hier, of druk Control-R, en daar het ons 106 00:05:36,800 --> 00:05:38,750 dit het, hallo wêreld. 107 00:05:38,750 --> 00:05:41,248