1 00:00:00,000 --> 00:00:00,140 2 00:00:00,140 --> 00:00:03,700 >> PROFESOR HARLAN: HTML, nebo HyperText Markup Language, je jazyk, ve 3 00:00:03,700 --> 00:00:04,870 které webové stránky jsou psány. 4 00:00:04,870 --> 00:00:08,140 Teď to není programovací jazyk, , protože to nám neumožňuje vyjádřit 5 00:00:08,140 --> 00:00:11,420 logika, stejně jako u smyček, a while, a podmínky a podobně. 6 00:00:11,420 --> 00:00:14,690 Spíše, je to opravdu značkovací jazyk který nám umožňuje určit, jaký typ web 7 00:00:14,690 --> 00:00:17,490 Stránka by měla vypadat, strukturálně a esteticky. 8 00:00:17,490 --> 00:00:20,210 A činí tak prostřednictvím to, co se říká tagy. 9 00:00:20,210 --> 00:00:23,470 Pojďme se ponořit a učinit nejjednodušší webové stránky, který jednoduše říká, pro 10 00:00:23,470 --> 00:00:25,410 instance, hello world. 11 00:00:25,410 --> 00:00:29,940 >> Všimněte si zde, v gedit, že jsem již uložit soubor jako hello.html. 12 00:00:29,940 --> 00:00:32,990 A všimněte si, tady dole, v terminálu okno, že jsem se zdají být uvnitř 13 00:00:32,990 --> 00:00:36,070 adresář s názvem veřejnosti, což samo o sobě je uvnitř adresáře s názvem 14 00:00:36,070 --> 00:00:39,770 místního hostitele, což samo o sobě je uvnitř adresář s názvem vhosts, které 15 00:00:39,770 --> 00:00:42,850 sám je uvnitř John Harvard je domovský adresář. 16 00:00:42,850 --> 00:00:45,850 Nyní se ukázalo, kvůli způsobu, jakým jsme nakonfigurovali zařízení, které 17 00:00:45,850 --> 00:00:49,670 je v reálném světě, jako způsob, jak je to možné, něco uvnitř této veřejnosti 18 00:00:49,670 --> 00:00:53,400 adresář by měl skutečně být přístupné na celé veřejnosti prostřednictvím 19 00:00:53,400 --> 00:00:56,610 webový prohlížeč, i když právě teď, Jsem jen uživatel, který se bude 20 00:00:56,610 --> 00:00:58,340 Vstupem na tyto webové stránky. 21 00:00:58,340 --> 00:01:03,120 >> Pojďme se nyní vrátit k hello.html a začít psát něco z toho jazyka. 22 00:01:03,120 --> 00:01:07,110 Za prvé, na vrcholu tohoto souboru, budu specifikovat otevřený držák, výkřik 23 00:01:07,110 --> 00:01:10,400 bod, DOCTYPE html prostor. 24 00:01:10,400 --> 00:01:13,930 Tato linka není tag, samo o sobě, a to i i když to začíná s otevřeným 25 00:01:13,930 --> 00:01:18,020 držák, ale je místo toho je zvláštní jeden řádek fragment, který určuje, do 26 00:01:18,020 --> 00:01:22,370 prohlížeč, zde je web stránky napsané v HTML. 27 00:01:22,370 --> 00:01:26,920 >> Pojďme dál, na řadě jeho vlastní, specifikovat otevřený držák html, což znamená, 28 00:01:26,920 --> 00:01:29,890 k prohlížeči, který zde, skutečně, že je HTML. 29 00:01:29,890 --> 00:01:34,150 Uvnitř toho, pojďme odsadit trochu, a pak dělat hlavu, upřesní 30 00:01:34,150 --> 00:01:37,470 prohlížeč, přichází hlavu strana, která nyní předpokládejme, že je 31 00:01:37,470 --> 00:01:40,830 v podstatě záhlaví na velmi Horní část okna prohlížeče. 32 00:01:40,830 --> 00:01:45,500 Pojďme příští určit, v této hlavě tag, že budeme mít titul 33 00:01:45,500 --> 00:01:47,570 něco jednoduchého, jako ahoj. 34 00:01:47,570 --> 00:01:51,550 Ale teď, pojďme říct prohlížeč jsme hotovi poskytuje titulu. 35 00:01:51,550 --> 00:01:56,080 K tomu, že stejně jako jsme otevřeli nebo začali tag, titul, před chvílí, 36 00:01:56,080 --> 00:02:00,250 pojďme se nyní blíží nebo ukončit tento tag s uvedením, ve skutečnosti, opak. 37 00:02:00,250 --> 00:02:05,010 >> Chcete-li vyjádřit, že jsme to otevřený držák, lomítko, titul. 38 00:02:05,010 --> 00:02:07,830 Podobně, teď, když jsme hotovi definování, teď, vedoucí této 39 00:02:07,830 --> 00:02:12,340 stránky, uděláme závorka lomítko hlavu, říká prohlížeč, že jsme 40 00:02:12,340 --> 00:02:14,710 nyní udělat poskytování hlavu. 41 00:02:14,710 --> 00:02:18,080 Pouze jedna část nyní zůstává, tzv. tělo na webové stránky, které 42 00:02:18,080 --> 00:02:21,120 skutečně představuje esence z jakékoliv webové stránky. 43 00:02:21,120 --> 00:02:24,780 >> Pojďme upřesnit, že tady, je to začátek, s otevřeným držákem, tělo, 44 00:02:24,780 --> 00:02:25,600 pravá závorka. 45 00:02:25,600 --> 00:02:29,080 A pojďme teď napsat něco jako ahoj čárka svět. 46 00:02:29,080 --> 00:02:32,930 Pocit, jako je to dost dobrý web stránky, takže pojďme se přesunout na nový řádek. 47 00:02:32,930 --> 00:02:37,460 Zadejte otevřený držák, lomítko, tělo, informuje prohlížeč, že jsme 48 00:02:37,460 --> 00:02:38,650 provádí poskytnutí těla. 49 00:02:38,650 --> 00:02:41,120 A podobně, pojďme se informovat prohlížeč, který jsem udělal 50 00:02:41,120 --> 00:02:43,230 poskytuje webové stránky. 51 00:02:43,230 --> 00:02:47,120 Na řadě jeho vlastní, uděláme otevřené držák, lomítko, html. 52 00:02:47,120 --> 00:02:49,350 >> Nyní si všimněte, estetiku o této webové stránce. 53 00:02:49,350 --> 00:02:52,290 I když, technicky vzato, není to povinen poskytnout tolik bílá 54 00:02:52,290 --> 00:02:55,450 prostor jako já, že je to dobrý styl, protože Kód je pravděpodobně mnohem 55 00:02:55,450 --> 00:02:56,490 více čitelné. 56 00:02:56,490 --> 00:03:00,780 Oznámení, a to zejména, že když otevřu nebo spustit tag, jsem tehdy odsazení v 57 00:03:00,780 --> 00:03:02,040 Řádky, které následují. 58 00:03:02,040 --> 00:03:05,990 A když jsem se zavřít nebo i značku, jsem zavřít tuto značku buď na stejné 59 00:03:05,990 --> 00:03:09,790 linka, pokud je to poměrně krátká čárka, nebo na jeden řádek tak, že se 60 00:03:09,790 --> 00:03:14,540 zavřít tag linky až s otevřenou značku, stejně jako jsme to udělali v jazyce, jako je C 61 00:03:14,540 --> 00:03:17,380 s otevřenými a blízko složených závorek. 62 00:03:17,380 --> 00:03:20,350 >> Pojďme se nyní tento soubor uložit a vyzkoušet ji otevřete ve webovém prohlížeči 63 00:03:20,350 --> 00:03:21,600 uvnitř spotřebiče. 64 00:03:21,600 --> 00:03:24,180 65 00:03:24,180 --> 00:03:30,310 Pojďme otevřít Chrome, a pojďme se podnikem navštívit http://localhost, který je 66 00:03:30,310 --> 00:03:34,930 přezdívka pro spotřebiče sám, / hello.html. 67 00:03:34,930 --> 00:03:38,230 A všimněte si, že jsem vlastně napsal veřejnosti, protože to znamenalo, 68 00:03:38,230 --> 00:03:42,430 že pokud navštívíte tuto stránku přes web prohlížeč, budete opravdu chtít, aby přístup 69 00:03:42,430 --> 00:03:44,430 Obsah tohoto veřejného seznamu. 70 00:03:44,430 --> 00:03:47,740 Ale já chci, aby přístup, konkrétně, hello.html. 71 00:03:47,740 --> 00:03:50,854 Takže pojďme se nyní stisknete Enter a uvidíme, co se stane. 72 00:03:50,854 --> 00:03:51,710 >> Hm. 73 00:03:51,710 --> 00:03:56,260 Nemám oprávnění k přístupu / Hello.html na tomto serveru. 74 00:03:56,260 --> 00:03:57,570 A teď, proč by to mohlo být? 75 00:03:57,570 --> 00:04:01,040 No, ukázalo se, že to nestačí jednoduše dát tento soubor, hello.html, 76 00:04:01,040 --> 00:04:02,560 v tomto veřejném seznamu. 77 00:04:02,560 --> 00:04:06,150 Musíme také aktivně sdělit zařízení, které se skutečně chtějí 78 00:04:06,150 --> 00:04:09,470 aby celý svět, potenciálně, přístup k tomuto souboru. 79 00:04:09,470 --> 00:04:12,470 Chcete-li tak učinit, musíme změnit své oprávnění, abych tak řekl, a můžeme 80 00:04:12,470 --> 00:04:14,600 to, že na příkazovém řádku. 81 00:04:14,600 --> 00:04:20,079 >> Pojďme typu ls-l, aby se dlouhý výpis ze souborů v tomto adresáři, Enter. 82 00:04:20,079 --> 00:04:22,480 A vidíme, opravdu, hello.html. 83 00:04:22,480 --> 00:04:25,882 Ale tady vlevo, oznámení, je r a w. 84 00:04:25,882 --> 00:04:29,050 R, jak jste si mohl myslet, znamená, číst, a w znamená psát, ale 85 00:04:29,050 --> 00:04:32,470 Skutečnost, že je jen jeden takový r a jeden takový w, úplně se k 86 00:04:32,470 --> 00:04:36,710 left těchto pomlčky, znamená, že pouze vlastník souborů, sám, může skutečně 87 00:04:36,710 --> 00:04:38,370 číst a psát tento soubor. 88 00:04:38,370 --> 00:04:41,610 >> Musíme přepínat alespoň jeden další r, aby celý svět číst 89 00:04:41,610 --> 00:04:42,810 tento soubor stejně. 90 00:04:42,810 --> 00:04:47,320 A jak to udělat, můžeme tak učinit s příkaz chmod, nebo změna režimu. 91 00:04:47,320 --> 00:04:54,030 chmod, pro všechny, a r, prostor, hello.html Enter. 92 00:04:54,030 --> 00:04:56,970 Nic Zdá se, že se stalo, ale to je obecně dobrá věc. 93 00:04:56,970 --> 00:05:02,490 Takže ls-l znovu by, doufejme, přinést některé další r je. 94 00:05:02,490 --> 00:05:04,130 >> A skutečně, děláme viz např.. 95 00:05:04,130 --> 00:05:08,350 Na straně levé ruky tady teď, oznámení že jsem se číst a psát oprávnění. 96 00:05:08,350 --> 00:05:10,320 Je tu další r, a pak další r. 97 00:05:10,320 --> 00:05:13,180 No, to dopadá r ve středu znamená, že moje skupina, která se stane být 98 00:05:13,180 --> 00:05:15,370 Studenti v zařízení, Můžete si také přečíst tento soubor. 99 00:05:15,370 --> 00:05:18,235 Ale to je tady do značné míry irelevantní, protože mluvíme o webu a 100 00:05:18,235 --> 00:05:19,850 není spotřebič sám. 101 00:05:19,850 --> 00:05:23,420 Ale, že třetí r celou cestu na právo znamená, že celý svět, 102 00:05:23,420 --> 00:05:25,920 nebo vůbec, může číst tento soubor. 103 00:05:25,920 --> 00:05:29,290 >> Pojďme se nyní vrátit do svého prohlížeče, načíst stránky, a uvidíme, jestli nejsem 104 00:05:29,290 --> 00:05:32,050 delší zakázáno. 105 00:05:32,050 --> 00:05:36,800 Pojďme klikněte na ikonu Chrome překládat do zde, nebo stiskněte Control-R, a tam jsme 106 00:05:36,800 --> 00:05:38,750 mají to, hello world. 107 00:05:38,750 --> 00:05:41,248