>> PROFESSOR HARLAN: HTML eller Hypertext Markup Language, är det språk
vilka webbsidor är skrivna.
Nu är det inte ett programmeringsspråk, eftersom den inte tillåter oss att uttrycka
logik, liksom för loopar och while-slingor, och förhållanden och liknande.
Snarare är det verkligen ett märkspråk som tillåter oss att specificera vad en webb
sida ska se ut, strukturellt och estetiskt.
Och den gör det med hjälp av vad som kallas taggar.
Låt oss dyka in och göra de enklaste av webbsida, en som helt enkelt säger, för
exempel, hallå världen.
>> Lägg märke till här, i gedit, att jag har redan sparat filen som hello.html.
Och märker här nere, i terminalen fönster, att jag verkar vara inne i
en katalog som heter offentligt, som i sig är inne i en katalog som heter
lokala värden, vilket i sig är inne i en katalog som heter vhosts, vilket
själv är inne i John Harvards hemkatalog.
Nu visar det sig, på grund av hur Vi har konfigurerat apparaten, som
är i så verkliga världen ett sätt som möjligt, något inne i denna offentliga
katalog bör verkligen vara tillgänglig till hela allmänheten via en
webbläsare, även om, just nu, Jag är den enda användare som kommer att bli
tillgång till denna webbsida.
>> Låt oss nu återvända till hello.html och starta skriver en del av det språket.
Först, ovanpå den här filen, kommer jag att specificera öppet fäste, utrop
punkt, DOCTYPE utrymme html.
Denna linje är inte en etikett, per se, även även om den inte börjar med en öppen
fäste, men det är i stället ett speciellt en rad fragment som anger att en
browser, här kommer en web sida skriven i HTML.
>> Låt oss nästa, på en egen rad, specificera öppet fäste html, vilket indikerar
till webbläsaren som här, ja, det är HTML.
Inne i det, låt oss dra in lite, och gör sedan huvudet, som anger att den
browser, här kommer chefen för sida, vilket, för nu, antar är
huvudsak namnlisten på mycket högst upp i webbläsarens fönster.
Låt oss nästa specificera, inne i det huvudet tag, som vi kommer att ha en titel
något enkelt som hej.
Men nu ska vi tala om för webbläsaren vi är klara att ge en titel.
För att göra det, precis som vi öppnat eller började taggen, titel, för en stund sedan,
låt oss nu nära eller avsluta den taggen genom , ange i själva verket tvärtom.
>> För att uttrycka det, gör vi öppet fäste, snedstreck, titel.
På samma sätt, nu när vi är klara att definiera, för nu, chefen för detta
sida, vi gör öppet fäste snedstreck huvudet, berättar den webbläsare som vi är
nu gjort ger huvudet.
Endast en del återstår nu, det så kallade kropp av webbsidan, vilket
verkligen utgör kärnan på en webbsida.
>> Låt oss klargöra att, här är det början, med öppen fäste, kropp,
nära fästet.
Och låt oss nu skriva något liksom hej kommatecken värld.
Känns som detta är ett tillräckligt bra webb sida, så låt oss nu gå till en ny rad.
Ange öppet fäste, snedstreck, kropp, informera webbläsare som vi är
gjort ger kroppen.
Och på samma sätt, låt oss nu informera webbläsaren som jag är klar
tillhandahåller en webbsida.
På en egen rad, vi gör öppet fäste, snedstreck, html.
>> Nu märker estetik på denna webbsida.
Även om, tekniskt sett, är det inte krävs för att ge så mycket vitt
utrymme som jag gjorde, det är bra stil, eftersom koden är, utan tvekan, mycket
mer lättläst.
Kallelse, i synnerhet att när jag öppnar eller starta ett tag, jag då strecksatsen i
de linjer som följer.
Och när jag stänger eller och taggen, jag stänga den taggen antingen på samma
linje, om det är en ganska kort linje, eller på en ny rad på ett sådant sätt att den
stängningskod ställer upp med den öppna etiketten, mycket som vi gjorde på ett språk som C
med öppna och stänga klammerparenteser.
>> Låt oss nu spara filen och försök för att öppna den i en webbläsare
apparatens insida.
Vi öppnar upp Chrome, och låt oss nu besöka http://localhost, som är en
smeknamn för apparaten själv, / hello.html.
Och märker att jag faktiskt inte har skrivit offentligt, eftersom det är underförstått
att om du besöker denna sida via en webbsida browser, du verkligen vill komma åt
innehållet i den offentliga katalogen.
Men jag vill ha tillgång till, i synnerhet, hello.html.
Så låt oss nu trycka Enter och se vad som händer.
>> Hm.
Jag har inte behörighet att komma åt / Hello.html på den här servern.
Nu, varför skulle det vara?
Jo, det visar sig att det inte räcker att helt enkelt sätta den här filen, hello.html,
i den offentliga katalogen.
Vi måste också aktivt berätta apparat som vi verkligen vill
låta hela världen, eventuellt, att få tillgång till den här filen.
För att göra det måste vi ändra dess behörigheter, så att säga, och vi kan
göra det på en kommandorad.
>> Låt oss skriva ls-l för att få en lång lista av filerna i den här katalogen, Enter.
Och vi ser verkligen hello.html.
Men här borta till vänster, varsel, är ett r och ett w.
R, som ni kanske har gissat, innebär läsa, och w medel skriva, men
det faktum att det bara finns en sådan r och en sådan vikt, hela vägen över till
vänster om dessa streck, innebär att endast de filer ägare, jag själv, kan faktiskt
läsa och skriva filen.
>> Vi behöver växla åtminstone en annan r att låta hela världen läser
denna fil också.
Och för att göra detta, kan vi göra det med kommandot chmod, eller ändra läge.
chmod a, för alla, plus r, utrymme, hello.html Enter.
Ingenting verkar ha hänt, men det är i allmänhet en bra sak.
Så ls-l igen ska, förhoppningsvis, ge några extra r-talet.
>> Och faktiskt, ser vi en sådan.
På vänster sida här nu, meddelande att jag har läs-och skrivbehörighet.
Det finns en annan r, och sedan en annan r..
Jo, det visar sig r i mitten betyder att min grupp, som råkar vara
studenter i apparaten, kan också läsa den här filen.
Men det är i stort sett irrelevant här, eftersom vi pratar om webben och
inte själva apparaten.
Men det tredje r hela vägen på höger indikerar att hela världen,
eller alla, kan läsa denna fil.
>> Låt oss nu gå tillbaka till min webbläsare, ladda om sidan, och se om jag är ingen
längre förbjudet.
Låt oss klicka Chromes reload ikon upp här, eller slå Ctrl-R, och där vi
har det, hallå världen.