>> PROFESSOR HARLAN: HTML, o Hypertext Llenguatge de marcat, és el llenguatge en el
què s'escriuen les pàgines web.
Ara, no és un llenguatge de programació, ja que no permet que expressem
lògica, igual que per als bucles i bucles while, i les condicions i similars.
Més aviat, és en realitat un llenguatge de marques que ens permet especificar què una tela
la pàgina ha de ser similar, estructuralment i estèticament.
I ho fa per mitjà de el que s'anomenen les etiquetes.
Anem a bussejar en i crea el més simple de pàgina web, un que simplement diu, per
exemple, hola món.
>> Noteu aquí, a gedit, que ja he guardat l'arxiu com hello.html.
I noti aquí baix, a la terminal finestra, que semblo estar dins
un directori anomenat públic, que al seu torn està dins d'un directori anomenat
host local, que al seu torn és dins un directori anomenat vhosts, que
si està dins de John Harvard directori personal.
Ara resulta, a causa de la manera hem configurat l'aparell, el que
és en el món real, com una manera del possible, res dins d'aquest públic
directori ha, en efecte, ser accessible a tot el públic a través d'un
navegador web, tot i que, en aquest moment, Jo sóc l'únic usuari que serà
accedir a aquesta pàgina web.
>> Tornem a hello.html i començar escriure alguna cosa d'aquest llenguatge.
En primer lloc, a la part alta d'aquest arxiu, vaig a especificar oberta suport, exclamació
punt, espai DOCTYPE HTML.
Aquesta línia no és una etiqueta, per se, fins i tot encara que comença amb un procés obert
suport, però, en canvi, és un especial un fragment de la línia que especifica a un
navegador, aquí ve un web pàgina escrita en HTML.
>> Anem a continuació, en una línia pròpia, especificar oberta HTML suport, la qual cosa indica
al navegador que aquí, de fet, és que HTML.
Dins d'això, anem a sagnen una mica, i després fer el cap, especificant els
navegador, aquí ve el cap de la pàgina, que, per ara, se suposa és
essencialment la barra de títol en la part part superior de la finestra del navegador.
Anem proper especificar, dins d'aquesta cap etiqueta, que tindrem un títol de
una cosa tan simple com saludar.
Però ara, anem a dir-li al navegador hem acabat proporcionant un títol.
Per a això, igual que obrim o comencem l'etiqueta, títol, fa un moment,
Ara anem a tancar o acabar aquesta etiqueta per especificant, en efecte, el contrari.
>> Per expressar això, fem parèntesi obert, barra inclinada, títol.
De la mateixa manera, ara que hem acabat de definir, per ara, el cap d'aquesta
pàgina, farem el cap obert barra suport, dient al navegador que estem
ara fet proporcionant el cap.
Només una porció d'ara continua sent, la denominat cos de la pàgina web, el qual
realment constitueix l'essència de qualsevol pàgina web.
>> Anem a especificar que, aquí, és començant amb suport obert, cos,
claudàtor de tancament.
I ara anem a escriure alguna cosa com hola món coma.
Se sent com que és un bon prou web pàgina, així que passarem ara a una nova línia.
Especifiqueu parèntesi obert, barra inclinada, cos, informant al navegador que estem
fet proveir al cos.
I de la mateixa manera, ara anem a informar el navegador que he acabat
proporcionar una pàgina web.
En una línia pròpia, ho farem oberta suport, barra inclinada, html.
>> Ara, observi l'estètica d'aquesta pàgina web.
Tot i que, tècnicament, no és necessària per a proporcionar la major quantitat de blanc
espai com jo, és un bon estil, perquè el codi és, sens dubte, molt més
més llegible.
Avís, en particular, que quan obro o començar una etiqueta, llavors em guió
les línies que segueixen.
I quan tanco o i l'etiqueta, I tancar aquesta etiqueta, ja sigui en el mateix
línia, si es tracta d'una línia força curt, o en una nova línia de tal manera que l'
tancar línies de l'etiqueta cap amunt amb l'etiqueta oberta, igual que ho vam fer en un llenguatge com C
amb claus d'obertura i tancament.
>> Ara anem a guardar l'arxiu i intentar per obrir-lo en un navegador web
a l'interior de l'aparell.
Anem a obrir Chrome, i ara anem a visiti http://localhost, que és un
sobrenom per l'aparell sí, / hello.html.
I noto que no he fet escriure pública, ja que dóna a entendre
que si es visita aquesta pàgina a través d'una xarxa navegador, de fet vol accedir al
contingut d'aquest directori públic.
Però sí vull accedir, en concret, hello.html.
Així que anem ara prem enter i veure què passa.
>> Hm.
Jo no tinc permís d'accés / Hello.html en aquest servidor.
Ara, per què serà?
Bé, resulta que no n'hi ha prou simplement posar aquest arxiu, hello.html,
en aquest directori públic.
També hem de comptar de forma proactiva la aparell que, de fet, volem
permetre a tothom, el que podria, per accedir al fitxer.
Per a això, hem de canviar la seva permisos, per dir-ho, i podem
fer això en una línia d'ordres.
>> Fem ls-l per obtenir un llistat llarg dels arxius d'aquest directori, Retorn.
I veiem, en efecte, hello.html.
Però aquí a l'esquerra, avís, és un r i w.
La r, com ja hauran endevinat, significa llegeixen, i els mitjans w escriuen, però
el fet que només hi ha una tal ri un d'aquests w, tot el camí cap a la
esquerra dels guions, significa que només l'amo arxius, jo mateix, pot en realitat
llegir i escriure en aquest arxiu.
>> Necessitem per alternar almenys un altre r per deixar que tothom llegeix
aquest arxiu també.
I per fer això, podem fer-ho amb la comandament chmod, o la manera de canvi.
chmod a, per a tots, a més de r, espai, hello.html Retorn.
Res sembla haver succeït, però això és generalment una bona cosa.
Així que ls-l nou hauria, espero, produir alguns erres addicional.
>> I, en efecte, veiem tals.
Al costat esquerre aquí ara, l'avís que he llegit i escriure privilegis.
Hi ha un altre r, i després un altre r.
Bé, resulta que el r en el medi significa que el meu grup, que passa a ser
estudiants en l'aparell, També pot llegir aquest fitxer.
Però això és en gran mesura irrellevant aquí, ja que estem parlant sobre la web i
no el mateix aparell.
Però aquest tercer r tot el camí a la dreta indica que el món sencer,
o tots, poden llegir aquest arxiu.
>> Ara anem a tornar al meu navegador, torneu a carregar la pàgina i veure si no sóc
ja prohibit.
Anem clic a la icona de recàrrega de Chrome fins aquí, o prement Control-R, i allà
tenir-lo, hola món.