1 00:00:00,000 --> 00:00:00,140 2 00:00:00,140 --> 00:00:03,700 >> PROFESSOR HARLAN: HTML, või HTTP Märgistuskeel, on keele 3 00:00:03,700 --> 00:00:04,870 mis veebilehti on kirjutatud. 4 00:00:04,870 --> 00:00:08,140 Nüüd, see ei ole programmeerimise keel, sest see ei võimalda meil väljendada 5 00:00:08,140 --> 00:00:11,420 loogika, nagu jaoks silmuseid, ja samas silmuseid, ja tingimuste jms. 6 00:00:11,420 --> 00:00:14,690 Pigem on see tõepoolest märgistuskeel mis võimaldab meil määrata, millised web 7 00:00:14,690 --> 00:00:17,490 leht peaks välja nägema, struktuurilt ja esteetiliselt. 8 00:00:17,490 --> 00:00:20,210 Ja ta teeb seda, mida teed nn tags. 9 00:00:20,210 --> 00:00:23,470 Olgem sukelduda ja teha lihtsamaid veebilehe, mis lihtsalt ütleb jaoks 10 00:00:23,470 --> 00:00:25,410 Näiteks tere. 11 00:00:25,410 --> 00:00:29,940 >> Pange tähele siin, gedit, et ma olen juba Salvestatud faili hello.html. 12 00:00:29,940 --> 00:00:32,990 Ja teate siia, et terminal aken, et ma tunduvad sees 13 00:00:32,990 --> 00:00:36,070 kataloog nimega avalikkus, kes ise on sees kataloog nimega 14 00:00:36,070 --> 00:00:39,770 kohalik host, mis iseenesest on sees kataloog nimega vhosts, mis 15 00:00:39,770 --> 00:00:42,850 ise sees John Harvardi kodukataloogi. 16 00:00:42,850 --> 00:00:45,850 Nüüd selgub, sellepärast, et meil konfigureeritud seade, mis 17 00:00:45,850 --> 00:00:49,670 on nagu reaalses maailmas, kuidas võimalikult midagi sees selle avaliku 18 00:00:49,670 --> 00:00:53,400 Kataloog peaks tõepoolest olema kättesaadav Lisa kogu avaliku kaudu 19 00:00:53,400 --> 00:00:56,610 veebibrauser, kuigi praegu Ma olen ainuke kasutaja, kes saab olema 20 00:00:56,610 --> 00:00:58,340 Kasutades käesolevat veebilehte. 21 00:00:58,340 --> 00:01:03,120 >> Lähme nüüd tagasi hello.html ja alustada kirjalikult mõned selle keele. 22 00:01:03,120 --> 00:01:07,110 Esiteks atop seda faili, ma lähen täpsustada sulg, hüüatus 23 00:01:07,110 --> 00:01:10,400 punkt, DOCTYPE ruumi html. 24 00:01:10,400 --> 00:01:13,930 See ühendus ei ole tag iseenesest isegi kuigi see algab avatud 25 00:01:13,930 --> 00:01:18,020 osad, kuid selle asemel on eriline üks rida fragment, mis määrab, et 26 00:01:18,020 --> 00:01:22,370 brauser, siin on web Lehekülg kirjutatud HTML. 27 00:01:22,370 --> 00:01:26,920 >> Lähme edasi, on rida oma, täpsustada sulg html, näidates 28 00:01:26,920 --> 00:01:29,890 brauser, mis siin tõepoolest, on see, et HTML. 29 00:01:29,890 --> 00:01:34,150 Toas, et lähme taandamiseks natuke, ja siis tee head, täpsustades 30 00:01:34,150 --> 00:01:37,470 brauser, siin on juht lehel, mis nüüd, võtta on 31 00:01:37,470 --> 00:01:40,830 sisuliselt tiitliribal väga ülaosas brauseri aknas. 32 00:01:40,830 --> 00:01:45,500 Olgem kõrval täpsustatakse sees, et pea tag, et me peame pealkiri 33 00:01:45,500 --> 00:01:47,570 midagi lihtsat nagu tere. 34 00:01:47,570 --> 00:01:51,550 Aga nüüd, lähme sirvija me oleme valmis pakkuda pealkiri. 35 00:01:51,550 --> 00:01:56,080 Selleks, et nii nagu me avatud või alustatud tag, pealkiri, hetk tagasi 36 00:01:56,080 --> 00:02:00,250 olgem nüüd lähedal või lõppu, et tag täpsustatakse mõju vastupidine. 37 00:02:00,250 --> 00:02:05,010 >> Väljendada, et me teeme sulg, kaldkriips pealkiri. 38 00:02:05,010 --> 00:02:07,830 Ka nüüd, kui me oleme valmis määratlemisel, nüüd, pea käesoleva 39 00:02:07,830 --> 00:02:12,340 lehel, me teeme sulg kaldkriipsuga pea, ütleb brauser et me oleme 40 00:02:12,340 --> 00:02:14,710 nüüd teha, pakkudes head. 41 00:02:14,710 --> 00:02:18,080 Ainult üks osa nüüd jääb nn keha veebilehe, mis 42 00:02:18,080 --> 00:02:21,120 tõesti sisuks mis tahes veebilehe. 43 00:02:21,120 --> 00:02:24,780 >> Olgem täpsustada, et siin see on algab koos sulg, keha 44 00:02:24,780 --> 00:02:25,600 sulg. 45 00:02:25,600 --> 00:02:29,080 Ja olgem nüüd midagi kirjutada nagu tere komaga maailmas. 46 00:02:29,080 --> 00:02:32,930 Tundub, nagu see on piisavalt hea web lehel, siis olgem nüüd liikuda uuele reale. 47 00:02:32,930 --> 00:02:37,460 Täpsustada sulg, kaldkriips, keha, teavitades brauseri et me oleme 48 00:02:37,460 --> 00:02:38,650 tehtud võimalike keha. 49 00:02:38,650 --> 00:02:41,120 Ja samamoodi, lähme nüüd teatama brauser, mis ma olen teinud 50 00:02:41,120 --> 00:02:43,230 pakkudes veebilehele. 51 00:02:43,230 --> 00:02:47,120 On line oma, me teeme avatud sulg, kaldkriips, html. 52 00:02:47,120 --> 00:02:49,350 >> Nüüd teate esteetika Selle veebilehe. 53 00:02:49,350 --> 00:02:52,290 Kuigi, tehniliselt, see ei ole kohustatud andma nii palju valge 54 00:02:52,290 --> 00:02:55,450 ruumi nagu mina tegin, see on hea stiil, sest kood on väidetavalt palju 55 00:02:55,450 --> 00:02:56,490 loetavamaks. 56 00:02:56,490 --> 00:03:00,780 Teate, eelkõige, et kui ma avan või alustada tag, ma siis taane 57 00:03:00,780 --> 00:03:02,040 jooned, mis järgnevad. 58 00:03:02,040 --> 00:03:05,990 Ja kui ma sulen või ja tag, I sulgeda, et tag kas sama 59 00:03:05,990 --> 00:03:09,790 line, kui see on üsna lühike joon või kohta uus rida sellisel viisil, et 60 00:03:09,790 --> 00:03:14,540 close tag read kuni avatud tag, palju nagu me tegime keeles nagu C 61 00:03:14,540 --> 00:03:17,380 avatud ja lähedal lokkis traksid. 62 00:03:17,380 --> 00:03:20,350 >> Olgem nüüd salvestada see fail ja proovige avada veebibrauseris 63 00:03:20,350 --> 00:03:21,600 seadme sisemusse. 64 00:03:21,600 --> 00:03:24,180 65 00:03:24,180 --> 00:03:30,310 Avame Chrome ja olgem nüüd külastada http://localhost, mis 66 00:03:30,310 --> 00:03:34,930 hüüdnimi seade ise / hello.html. 67 00:03:34,930 --> 00:03:38,230 Ja teate, et ma ei ole tegelikult kirjutada avalik, sest see tähendas 68 00:03:38,230 --> 00:03:42,430 et kui külastate seda lehte via web brauseri, siis tõepoolest soovite juurdepääsu 69 00:03:42,430 --> 00:03:44,430 sisu on avalik kataloog. 70 00:03:44,430 --> 00:03:47,740 Aga ma ei taha, et näha täpsemalt hello.html. 71 00:03:47,740 --> 00:03:50,854 Teeme nüüd Enter ja vaata, mis juhtub. 72 00:03:50,854 --> 00:03:51,710 >> Hm. 73 00:03:51,710 --> 00:03:56,260 Mul ei ole õigust kasutada / Hello.html selles serveris. 74 00:03:56,260 --> 00:03:57,570 Nüüd, miks see võiks olla? 75 00:03:57,570 --> 00:04:01,040 Noh, tuli välja, et see pole piisav lihtsalt pane see fail, hello.html, 76 00:04:01,040 --> 00:04:02,560 et avalik kataloog. 77 00:04:02,560 --> 00:04:06,150 Samuti peame ennetavalt öelda seade, et me tõepoolest tahame 78 00:04:06,150 --> 00:04:09,470 võimaldada kogu maailmas, potentsiaalselt juurdepääsu sellele failile. 79 00:04:09,470 --> 00:04:12,470 Selleks peame me muutma oma load, nii et rääkida, ja me saame 80 00:04:12,470 --> 00:04:14,600 teha, et käsurida. 81 00:04:14,600 --> 00:04:20,079 >> Olgem kirjuta ls-l saada pikk loetelu failid sellesse kataloogi, Enter. 82 00:04:20,079 --> 00:04:22,480 Ja me näeme tõepoolest hello.html. 83 00:04:22,480 --> 00:04:25,882 Aga siin vasakul teate, on r ja w. 84 00:04:25,882 --> 00:04:29,050 R, nagu te võib-olla arvasid, tähendab lugeda ja w abil kirjutada, kuid 85 00:04:29,050 --> 00:04:32,470 Tegelikult on ainult üks selline r ja üks selline w, kõik viis üle 86 00:04:32,470 --> 00:04:36,710 vasakus need kriipsud tähendab, et ainult faili omanik, mina, saab tegelikult 87 00:04:36,710 --> 00:04:38,370 lugeda ja kirjutada faili. 88 00:04:38,370 --> 00:04:41,610 >> Meil on vaja, et vahetada vähemalt ühe teise r lasta kogu maailm lugeda 89 00:04:41,610 --> 00:04:42,810 see fail samuti. 90 00:04:42,810 --> 00:04:47,320 Ja et seda teha, me saame seda teha käsk chmod või muutmise režiimi. 91 00:04:47,320 --> 00:04:54,030 chmod, kõik, pluss r, ruum, hello.html Enter. 92 00:04:54,030 --> 00:04:56,970 Miski tundub, et on juhtunud, kuid see on üldiselt hea. 93 00:04:56,970 --> 00:05:02,490 Nii ls-l jälle peaks loodetavasti saada mõningaid täiendavaid Ri. 94 00:05:02,490 --> 00:05:04,130 >> Ja tõepoolest, me ei näe sellist. 95 00:05:04,130 --> 00:05:08,350 Vasakul servas nüüd siin, teate et olen lugenud ja kirjutada privileege. 96 00:05:08,350 --> 00:05:10,320 Seal on veel r, ja siis teine ​​r. 97 00:05:10,320 --> 00:05:13,180 Noh, selgub r keskel tähendab minu nimel, mis juhtub olema 98 00:05:13,180 --> 00:05:15,370 õpilaste seadme võib lugeda ka seda pilti. 99 00:05:15,370 --> 00:05:18,235 Aga see on suuresti ebaoluline siin sest me räägime web ja 100 00:05:18,235 --> 00:05:19,850 mitte seade ise. 101 00:05:19,850 --> 00:05:23,420 Aga see kolmas r kogu tee kohta paremale näitab, et kogu maailmas, 102 00:05:23,420 --> 00:05:25,920 või kõik, võib lugeda selle faili. 103 00:05:25,920 --> 00:05:29,290 >> Lähme nüüd minema tagasi oma brauseri laadida lehele ja vaata, kui ma ei ole 104 00:05:29,290 --> 00:05:32,050 enam keelatud. 105 00:05:32,050 --> 00:05:36,800 Olgem klõpsake Chrome'i reload ikoon üles siin, või tabas kontroll-R, ja seal me 106 00:05:36,800 --> 00:05:38,750 on see, tere. 107 00:05:38,750 --> 00:05:41,248