1
00:00:00,000 --> 00:00:00,140

2
00:00:00,140 --> 00:00:03,700
>> PROFESSORI HARLAN: HTML, Hypertext
Markup Language on kieli

3
00:00:03,700 --> 00:00:04,870
jotka verkkosivut on kirjoitettu.

4
00:00:04,870 --> 00:00:08,140
Nyt se ei ole ohjelmointikieli,
koska se ei salli meidän ilmaisevan

5
00:00:08,140 --> 00:00:11,420
logiikka, kuten silmukoita, ja vaikka silmukoita,
ja edellytykset ja vastaavat.

6
00:00:11,420 --> 00:00:14,690
Pikemminkin se todellakin kuvauskieli
jonka avulla voimme määritellä, mitä web

7
00:00:14,690 --> 00:00:17,490
sivu pitäisi näyttää, rakenteellisesti
ja esteettisesti.

8
00:00:17,490 --> 00:00:20,210
Ja se tekee sen tapa
mitä kutsutaan tageja.

9
00:00:20,210 --> 00:00:23,470
Katsotaanpa sukeltaa ja tehdä yksinkertaisin
Web-sivu, joka yksinkertaisesti sanoo, sillä

10
00:00:23,470 --> 00:00:25,410
Esimerkiksi hello world.

11
00:00:25,410 --> 00:00:29,940
>> Huomaa täällä, gedit, että olen jo
tallennettu tiedosto hello.html.

12
00:00:29,940 --> 00:00:32,990
Ja huomaa täällä, terminaalissa
ikkunassa, että minä näyttävät olevan sisäpuolella

13
00:00:32,990 --> 00:00:36,070
hakemiston nimeltä yleisölle, joka itse
on sisällä hakemiston nimeltä

14
00:00:36,070 --> 00:00:39,770
paikallinen isäntä, joka itse on sisällä
hakemiston nimeltä vhosts, joka

15
00:00:39,770 --> 00:00:42,850
itsessään on sisällä John Harvardin
kotihakemiston.

16
00:00:42,850 --> 00:00:45,850
Nyt on käynyt ilmi, koska tapa
olemme konfiguroitu laite, joka

17
00:00:45,850 --> 00:00:49,670
on niin reaalimaailmassa kuin mahdollista,
mitään sisälle tämän julkisen

18
00:00:49,670 --> 00:00:53,400
hakemiston pitäisi todellakin olla saatavilla
koko yleisön tietoon

19
00:00:53,400 --> 00:00:56,610
web-selain, vaikka juuri nyt,
Olen ainoa käyttäjä, joka tulee olemaan

20
00:00:56,610 --> 00:00:58,340
Käyttämällä tätä web-sivulla.

21
00:00:58,340 --> 00:01:03,120
>> Katsotaanpa nyt palata hello.html ja aloittaa
kirjallisesti joitakin kyseisen kielen.

22
00:01:03,120 --> 00:01:07,110
Ensinnäkin huipulla tiedoston, aion
Määritä alkusulkumerkki, huudahdus

23
00:01:07,110 --> 00:01:10,400
kohta, DOCTYPE tilaa html.

24
00:01:10,400 --> 00:01:13,930
Tämä linja ei ole tag, sinänsä, vaikka
vaikka se aluksi avoin

25
00:01:13,930 --> 00:01:18,020
kiinnike, mutta se sen sijaan on erityinen
yksi rivi fragmentti, joka määrittää sen

26
00:01:18,020 --> 00:01:22,370
selain, tässä tulee web
sivu kirjoitettu HTML.

27
00:01:22,370 --> 00:01:26,920
>> Katsotaanpa seuraavaksi, on omalla rivillään,
Määritä alkusulkumerkki html, mikä osoittaa

28
00:01:26,920 --> 00:01:29,890
selaimelle, että täällä,
todellakin, että HTML.

29
00:01:29,890 --> 00:01:34,150
Sisällä, katsotaanpa sisentää vähän, ja
tee pää, ilmoittakaa

30
00:01:34,150 --> 00:01:37,470
selain, tässä tulee johtaja
sivu, joka nyt oletetaan on

31
00:01:37,470 --> 00:01:40,830
olennaisesti otsikkoriviä hyvin
yläosassa selaimen ikkunassa.

32
00:01:40,830 --> 00:01:45,500
Katsotaanpa seuraavaksi määrittää, sisällä että pään
tag, että meillä on otsikko

33
00:01:45,500 --> 00:01:47,570
jotain yksinkertaista, kuten hei.

34
00:01:47,570 --> 00:01:51,550
Mutta nyt, nyt kertoa selaimen
olemme valmiit tarjoamaan otsikko.

35
00:01:51,550 --> 00:01:56,080
Voit tehdä, että aivan kuten me avataan tai alkanut
tag, otsikko, hetki sitten,

36
00:01:56,080 --> 00:02:00,250
Katsotaanpa nyt lähellä tai lopettaa että tag
täsmennetään itse asiassa päinvastainen.

37
00:02:00,250 --> 00:02:05,010
>> Ilmaista, että, teemme alkusulkumerkki,
vinoviiva, otsikko.

38
00:02:05,010 --> 00:02:07,830
Samoin nyt, että olemme tehneet määritellään,
nyt, johtaa tätä

39
00:02:07,830 --> 00:02:12,340
sivu, teemme alkusulkumerkki slash pää,
kertoo selain, että olemme

40
00:02:12,340 --> 00:02:14,710
nyt tehty tarjoamalla pää.

41
00:02:14,710 --> 00:02:18,080
Vain yksi annos nyt jää,
niin kutsuttu elin web-sivun, joka

42
00:02:18,080 --> 00:02:21,120
todella muodostavat oikeastaan
tahansa sivulta.

43
00:02:21,120 --> 00:02:24,780
>> Katsotaanpa täsmentää, että täällä, se on
alkaa, jossa alkusulkumerkki, body,

44
00:02:24,780 --> 00:02:25,600
loppusulkumerkki.

45
00:02:25,600 --> 00:02:29,080
Ja katsotaanpa nyt kirjoittaa jotain
Ei hyvää päivää pilkku maailmassa.

46
00:02:29,080 --> 00:02:32,930
Tuntuu tämä on tarpeeksi hyvä web
sivu, joten katsotaanpa nyt siirtyä uuden rivin.

47
00:02:32,930 --> 00:02:37,460
Määritä alkusulkumerkki, vinoviiva,
elin, tiedottaminen selain, että olemme

48
00:02:37,460 --> 00:02:38,650
tapahtuu tarjoamalla elin.

49
00:02:38,650 --> 00:02:41,120
Ja vastaavasti, katsotaanpa nyt ilmoittaa
selain, että olen valmis

50
00:02:41,120 --> 00:02:43,230
tarjoamalla web-sivun.

51
00:02:43,230 --> 00:02:47,120
On omalla rivillään, teemme auki
kiinnike, vinoviiva, html.

52
00:02:47,120 --> 00:02:49,350
>> Nyt huomaa estetiikka
Tämän sivun.

53
00:02:49,350 --> 00:02:52,290
Vaikka teknisesti, se ei ole
velvollinen antamaan niin paljon valkoista

54
00:02:52,290 --> 00:02:55,450
space kuten tein, se on hyvä tyyli, koska
koodi on, luultavasti paljon

55
00:02:55,450 --> 00:02:56,490
luettavampi.

56
00:02:56,490 --> 00:03:00,780
Huomautus, erityisesti, että kun avaan
tai aloittaa tunniste, minä sitten luetelmakohta

57
00:03:00,780 --> 00:03:02,040
seuraavilla riveillä,.

58
00:03:02,040 --> 00:03:05,990
Ja kun suljen tai ja tag, I
Sulje että tag joko samalla

59
00:03:05,990 --> 00:03:09,790
line, jos se on melko lyhyt viiva tai
uudelle riville siten, että

60
00:03:09,790 --> 00:03:14,540
close tag on linjassa auki tag,
aivan kuten teimme kieli kuten C

61
00:03:14,540 --> 00:03:17,380
avoimin ja lähellä aaltosulkeita.

62
00:03:17,380 --> 00:03:20,350
>> Katsotaanpa nyt tallenna tiedosto ja yritä
avata sen web-selaimessa

63
00:03:20,350 --> 00:03:21,600
kaapin sisällä.

64
00:03:21,600 --> 00:03:24,180

65
00:03:24,180 --> 00:03:30,310
Avataan Chrome, ja lähdetään nyt
käydä http://localhost, joka on

66
00:03:30,310 --> 00:03:34,930
lempinimi laitteen
itse, / hello.html.

67
00:03:34,930 --> 00:03:38,230
Ja huomaa, että en ole itse kirjoittanut
julkinen, koska se merkitsi

68
00:03:38,230 --> 00:03:42,430
että jos tätä sivua kautta web
selain, voit todellakin haluat päästä

69
00:03:42,430 --> 00:03:44,430
sisältö että julkisesta hakemistosta.

70
00:03:44,430 --> 00:03:47,740
Mutta en halua käyttää, erityisesti
hello.html.

71
00:03:47,740 --> 00:03:50,854
Joten nyt paina Enter
ja katso mitä tapahtuu.

72
00:03:50,854 --> 00:03:51,710
>> Hm.

73
00:03:51,710 --> 00:03:56,260
Minulla ei ole lupaa käyttää
/ Hello.html tällä palvelimella.

74
00:03:56,260 --> 00:03:57,570
Nyt, miksi se voisi olla?

75
00:03:57,570 --> 00:04:01,040
No, se kääntyy pois se ei ole riittävää
yksinkertaisesti laittaa tämän tiedoston, hello.html,

76
00:04:01,040 --> 00:04:02,560
että julkisessa hakemistossa.

77
00:04:02,560 --> 00:04:06,150
Meidän on myös aktiivisesti kertoa
laite, että me todellakin haluamme

78
00:04:06,150 --> 00:04:09,470
mahdollistaa koko maailma, mahdollisesti,
Tämän tiedoston avaus.

79
00:04:09,470 --> 00:04:12,470
Voit tehdä niin, meidän täytyy muuttaa sen
käyttöoikeudet, niin sanoakseni, ja voimme

80
00:04:12,470 --> 00:04:14,600
tehdä sen komentoriviltä.

81
00:04:14,600 --> 00:04:20,079
>> Katsotaanpa kirjoita ls-l saada pitkän listalle
tiedostot tähän hakemistoon Enter.

82
00:04:20,079 --> 00:04:22,480
Ja me näemme, todellakin, hello.html.

83
00:04:22,480 --> 00:04:25,882
Mutta tänne vasemmalla,
ilmoitus, on r ja w.

84
00:04:25,882 --> 00:04:29,050
R, kuten arvata saattoi, tarkoittaa
lukea, ja w keinoin kirjoittaa, mutta

85
00:04:29,050 --> 00:04:32,470
Itse asiassa on vain yksi tällainen r ja
yksi tällainen w, aina yli

86
00:04:32,470 --> 00:04:36,710
vasen näistä viivoja, tarkoittaa, että vain
tiedostojen omistaja, itseäni, voi todella

87
00:04:36,710 --> 00:04:38,370
lukemaan ja kirjoittamaan tämän tiedoston.

88
00:04:38,370 --> 00:04:41,610
>> Meidän täytyy vaihtaa ainakin yksi muu
r anna koko maailman lukea

89
00:04:41,610 --> 00:04:42,810
tämä tiedosto samoin.

90
00:04:42,810 --> 00:04:47,320
Ja tehdä tämän, voimme tehdä niin kanssa
komento chmod tai muutoksen tilassa.

91
00:04:47,320 --> 00:04:54,030
chmod, kaikille, plus r,
tilaa, hello.html Enter.

92
00:04:54,030 --> 00:04:56,970
Mikään ei näytä tapahtuneen, mutta
se on yleensä hyvä asia.

93
00:04:56,970 --> 00:05:02,490
Joten ls-l uudelleen käsiteltäväksi, toivottavasti,
saadaan joitakin ylimääräisiä R-luvulla.

94
00:05:02,490 --> 00:05:04,130
>> Ja todellakin, me näemme tällaista.

95
00:05:04,130 --> 00:05:08,350
Vasemmalla puolella tässä nyt huomautus
että olen lukenut ja kirjoitusoikeudet.

96
00:05:08,350 --> 00:05:10,320
On toinenkin r, ja sitten toinen r.

97
00:05:10,320 --> 00:05:13,180
No, se kääntyy pois r keskellä
tarkoittaa ryhmäni, joka sattuu olemaan

98
00:05:13,180 --> 00:05:15,370
opiskelijoiden laitteen
voi myös lukea tätä tiedostoa.

99
00:05:15,370 --> 00:05:18,235
Mutta se on suurelta osin merkityksetön täällä,
koska puhumme web ja

100
00:05:18,235 --> 00:05:19,850
ei laitetta itse.

101
00:05:19,850 --> 00:05:23,420
Mutta kyseinen kolmas r koko matkan
oikeus osoittaa, että koko maailma,

102
00:05:23,420 --> 00:05:25,920
tai kaikki, voi lukea tätä tiedostoa.

103
00:05:25,920 --> 00:05:29,290
>> Mennään nyt takaisin minun selain, lataa
sivu, ja katso, jos en ole

104
00:05:29,290 --> 00:05:32,050
enää kielletty.

105
00:05:32,050 --> 00:05:36,800
Katsotaanpa klikkaa Chromen reload kuvake ylös
täällä, tai osuma Ctrl-R, ja siellä me

106
00:05:36,800 --> 00:05:38,750
on se, hello world.

107
00:05:38,750 --> 00:05:41,248