>> DOUG LLOYD: Do ni pasigis about-- se mia math pravas,
Kaj mi kredas rigardante back-- mi pensas ni pasigis ĉirkaŭ 35 filmetoj parolanta
pri diversaj aspektoj de C, eble iom pli, eble iom malpli.
Kaj ni ne kovris ĉio en C, sed ni
kovras grandan parton de la lingvo, la vasta plimulto de ĝi,
certe por komunaj uzoj.
Nun ni iras por paroli pri alia lingvo, HTML.
Kaj ni tuj kovros ĝin en nur unu video.
>> Sed tio tuj estos OK.
Tio tuj vere fariĝis io vi tuj kutimi nin.
Nun ke vi havas la fundamentaĵoj de unu lingvo
ĝi estas fakte sufiĉe facila komenci lerni aliajn.
Do ni tuj komencos paŝi iom reen
kaj forgliti super la baza diferencoj inter ĉi tiuj lingvoj
kaj ia forlasos vin.
Ekzistas multe da vere granda rimedoj en la interreto, kiu
ni tuj komenci direktanta vin al ĉar la interreto estas
vasta deponejo de informoj.
Kaj tiel ĝi ne estas kiel vi instruos vin esti perdanta ekstere nepre
por ne havi la informon kovrita en video.
Vi ankoraŭ povos akiri ĉio vi bezonas kaj uzo
la scio vi jam konstruite per prudento C
fari la lernado kurbo por tiuj aliaj lingvoj fakte multe pli plata.
Mi promesas.
>> Sed ni parolu pri unu lingvo tio estas vere fundamentaj por ĉiu ttt
paĝo, kiu estas HTML.
HTML estas la Hyper Teksto Markup Lingvo.
HTML estas lingvo sed estas ne programlingvo.
>> HTML ne havas variabloj.
Ĝi ne havas logikon aŭ funkcioj aŭ io simila.
Ni nenion povas fari programado per si en HTML.
Foje vi aŭdos personoj priskribi sin
kiel HTML programistoj, kiuj estas ne tute preciza.
Ni ne povas skribi HTML programoj.
>> HTML estas nur uzita por marki supren teksto.
Ĝi nomiĝas markaĵojn.
Kaj kion tio does-- ĉi markup-- ni uzu etikedoj en HTML kaj tiuj tags--
ĉi markup-- semantike difinas la strukturon de artikolo
kaj kaŭzas la tekstaj kiujn ekzistas inter etikedoj esti interpretita
per retumiloj en malsamaj manieroj.
Kaj eble ĝi estas bona por klarigi ĉi pere de ilustrado.
>> Jen tre simpla HTML-paĝo, ne HTML programo, denove, HTMLa paĝo.
Kaj ni scias ĝi estas HTML-paĝo ĉar ni
saltita ĉiu kun HTML etikedoj.
Do jen kion HTML etikedo aspektas.
Ĝi estas inter angulajn krampojn.
Kaj rimarki supre ni havas HTML kaj je la tre fundo,
post ni faris kio estas ŝajne multaj aliaj HTML,
ni havas angulon krampo oblikvo HTML.
Do tia estas la rando inter kio estas HTML kaj kio ne.
Kaj kompreneble, konvencie, ĵus kiel vi skribis ĉiujn viajn C programoj
kun skalara C etendoj, ĉiuj viajn HTML dosierojn
finos kun skalara HTML etendoj.
Sed estas pli okazas ĉi tie.
Ni ne nur devas tiujn etikedojn.
Ni ŝajne havas tiun afero nomita kapo etikedo.
Nu, bone, kio estas tio?
>> Nu eble estas plej bone distingi pere de korpo,
korpo estanta la enhavo de la TTT-paĝo.
Do eble la kapo etikedo difinas havajxoj kiu ne estas en la retumilo fenestro konvena,
sed estas iel grava al nia retpaĝo pruntante korekte.
Ekzemple, ene de la kapo etikedo ni havas titolon etikedoj.
>> Do titolo estanta saluton mondo, kiu estas reale tuj estos kio
aperas en la pestaña de Chrome aŭ en safaro aŭ Firefox--
ajn retumilo vi prefer-- tio kio okazas al manifestacio en la titolo.
Kaj antaŭ langetoj ĝi montrus supren en via tuta retumilo fenestro
kaj vi povas nur havi unu paĝo malfermu en retumilo fenestro samtempe.
Por ke tuj estos la titolo de mia paĝo en la langeto
aŭ la browser fenestro trinkejo, saluton mondo.
Kaj tiam la enhavo de mia retpaĝo estos mondo, saluton.
Do ni rigardu kion iuj io tia povus aspekti.
Jen sufiĉe simpla HTML-paĝo.
Do mi estas ĉi tie en mia CS50 IDE kaj Mi zomis en iomete.
Kaj mi simple tuj malfermu saluton skalara HTML
kaj montri al vi ke tiu estas preskaux la pagxo de enhavo kiun ni vidis antaŭe.
Mia simpla HTML, kapo etikedoj, titolo etikedoj, korpo, kaj tiel plu.
Mi dentado esti pura.
>> Kaj tiam kion mi povas fari en mia IDE estas nur antaŭrigardi la paĝo.
Kaj tie ni iru.
La enhavo de mia paĝo estas mondo, saluton, mi ne vidas ion
el la kapo etikedoj tie.
Estas nur la enhavon de la korpo.
Mondo, saluton.
Kaj denove la korpo nur diris, mondo, saluton.
La alia parto mankas.
>> Do jen vere ĉiuj estas.
Tio estas tre simpla baza HTML-paĝo.
Nun mi dentado mia HTML por esti vere bela kaj organizita,
sed mi ne vere devas.
Mi povus fari ĝin rigardi bela malbela.
Kaj tio estus ankoraŭ funkcios.
Ĉi tiu estus la ĝusta sama retpaĝo.
Mi ĵus liveris de ĉiuj la blanka spaco.
>> Kiel ĝi rezultas, blanka spaco estas datumoj.
Kaj tial kiam ni sendas datumojn de sendinto al ricevilo, de servilo
al kliento, datumoj kostas monon.
Kaj tiel liverante de spaceto estas fakte bona ideo
se vi estas iu kiu servas supren multajn ttt enhavo.
Estas malbona ideo se vi estas iu kiu estas lernanta ĉi stuff
kaj vi volas havi ĝi bele organizita.
Tiu estas multe pli facile analizi ol tiu.
Sed estas funkcie identaj.
>> La deŝovon kaj da tio fakte ne gravas en HTML.
Ĉiuj ke aferoj estas malfermanta etikedoj kaj fermante etikedoj en la ĝusta ordo.
Rimarku kio okazis tie, kvankam.
La markado donas al ni metodon komuniki ekstra informo
pri kio ni skribis.
La Halo, Unua parto estis interpretitaj kiel la titolo.
Kaj la mondo, saluton parto estis interpretitaj kiel la enhavo
aŭ kio devus esti videbla sur mia retpaĝo.
>> Ekzistas super 100 el tiuj malsamaj etikedoj kaj multaj grandaj rimedoj
rete trovi ilin.
Ni tuj paroli pri kelkaj el ili en tiu video, iuj
de la vere fundamentaj aĵoj.
Sed ni ne tuj diskuto pri ĉio ĉar
estus ĝisfunda fari tion.
>> Alia afero vi povas fari, kvankam, estas malfermi programisto iloj.
Kaj se vi memoras de niaj filmetoj sur HTTP,
Mi klarigis kiel malfermi supren programisto iloj.
En Chrome estas kutime la F12 klavo malfermiĝi la ellaboranto toolbar.
Tiam anstataux elekti la Reto langeto, vi povas elekti la Elementoj langeto.
Kaj se vi ŝarĝi retejo paĝo, vi vere
vidu la HTML kiu kreas ke retpaĝo.
Kaj tiel vi povas lerni multon pri HTML rigardante viaj preferataj retejoj
kaj vidante kiel ili konstruu la diversaj pecoj de kiuj vi ŝatas.
Do eble tie estas tiu malvarmeta ŝablono aŭ iel simile.
Kiel ili faras ĝin kun HTML?
Nu vi povas simple malfermu vian ellaboranto iloj kaj ŝvebado super tiu ero
kaj vidi ĝuste kio HTML faras ĝin.
Do tio estas vere Bona maniero por lerni HTML,
kaj mi forte rekomendas ke vi faras ĝin ambaŭ lerni HTML
kaj ankaŭ lerni iom iom pri kelkaj el la ebloj
disponeblaj al vi en programisto iloj, kiujn
certe eniros oportunan kiel vi komencas faranta pli intensivaj retejo
programado.
>> Do ni rigardu kiel kelkaj komunaj HTML etikedoj.
Kaj ni saltas kaj rigardu kion tiuj etikedoj ankaŭ redonu
kiel rigardante iuj dosieroj en mia IDE.
Do tie estas tri tre baza etikedojn por tweaking la vida aspekto de teksto.
Ekzistas B etikedoj, mi etikedoj, kaj U etikedoj.
Kaj respektive kion ili faras estas redonu la tekston inter ilin en negrita,
kursivo, kaj substrekita.
Do ni vidu kion tio aspektus kiel en reala retpaĝo en mia IDE.
>> Do jen mia IDE Mi havas dosiero nomata BIU skalara HTML.
BIU skalara HTML nur esti aŭdaca, kursivo, substrekita.
Mi malfermos ĝin.
>> Kaj ni vidos, ke tie mi havas ĉi teksto B etikedoj grasaj.
Tiu teksto mi etikedoj kursiva.
Kaj ĉi teksto U etikedoj emfazita.
Kio estas ĉi tuj aspektas?
Nu denove, ĉiuj mi havas fari estas iri super ĉi tie
al mia retumilo, mian dosieron retumilo, klaku Antaŭvido, kaj tiu estas kio venas supren.
>> La teksto en inter la B etikedoj ja estas nun grasaj.
La teksto en inter la I etikedoj ja estas nun kursiva.
Kaj la teksto en inter la U -etikedoj ja nun substrekita.
Tiel ke estas sufiĉe bonaj.
Ni nun scias kiel fari tekston rigardi iom pli imago
aŭ desegni emfazo al certaj aferoj.
Alia paro de komuna etikedoj tie estas paragrafo etikedoj, P, kaj kaplinio etikedoj,
kiun mi sendadis tie kiel HX.
>> Tiuj P-etikedoj, tiuj paragrafo etikedoj, rompi vian tekston sur alineoj.
Ĝi ne estas sufiĉe nur batis Enter kaj lasi spacojn,
ĉar komputilo estas nur iranta faru kion vi diros ĝin fari
kaj ignoras blanka spaco por la plej parto.
Do ni ne povas simple batis eniri kaj atendi nian komputilon
interpreti ke ni volas komenci novan alineon.
Ni devas tre eksplicite diras tion Estas unu paragraph-- ĉi estas another--
per enmetanta ĉiu en aro de P etikedoj.
>> Kaj ni ankaŭ havas tiuj ebloj por H-etikedoj, tiuj header etikedoj.
Ni havas ses malsamaj niveloj de kaplinioj, unu, du, tri,
kvar, kvin, ses, kiuj estas laŭstadie pli kaj pli grandaj
titolaj.
Kaj ili akiras pli malgranda kaj pli kaj pli malgranda kaj pli malgranda.
Do ni havas pinta nivelo kaplinion, dua nivelo kaplinio, kaj tiel plu, kaj tiel plu.
>> Ni rigardu eble iuj P etikedoj kaj kelkaj header etikedoj
en ago en retpaĝo.
Do jen mia IDE mi havas dosieron nomatan PH skalara HTML, PH esti alineoj
kaj header etikedoj.
Malfermu ke ĝis.
Estas multe okazas tie ĉar mi metis kelkaj Lorem
ipsum, kelkaj nur hazarda teksto en ĉi tie.
Do mi malzomi iomete ĉar tie estas tiom da daŭriganta.
Sed rimarki ke mi havas ĉe la pinti tie Mi havas H1, ebenaĵo,
kaplinio etikedo.
Tiam mi havas paragrafo, kiu estas nur faskon de hazarda text-- Lorem ipsum--
nur default norma plenigaĵo en teksto.
Do mi havas du alineojn ene de tiu ebenaĵo kaplinio kaj tiam malsupren sub mi
havas nivelon du kaplinio tie sur linio 24, dua nivelo kaplinio, kaj alia du
paragrafoj.
Nu kion signifas ĉi aspekti se mi ĝin vidi en mia antaŭvido?
Ni vidu.
>> Do rimarki ke la unua nivelo kaplinio tie
estas fakte sufiĉe granda ol la dua nivelo kaplinio.
Do ni uzis H1 etikedoj.
Kaj rimarki ke la P-etikedoj permesas nin rompi aferojn en alineoj.
Se ni akiris liverita de tiuj P etikedoj kaj fakte ĝuste meti Eniras aŭ Revenoj
intere kion ni esperis esti la malsamaj alineoj,
ili ĉiuj nur bati kune kaj ĝi ne havus tiun belan paragrafo
disiĝo kun spaco supre kaj sube.
Kaj por ke-a kio paragrafo etikedoj kaj header etikedoj
estas komune uzita por fari desegni atenton al partoj de nia retpaĝo
en tiu vojo.
>> Poste supre estas kelkaj etikedoj, kiujn ni uzas konstrui listoj sur nia retpaĝo.
Do ni havas neordigitaj lists-- ULs-- kiu estas nur
bula lertaj, ordigitaj lerta kiu estas numbered--
OLs-- kaj interne de ĉu unu el tiuj ni bezonas havi
aroj de kiel indiki listeroj, LI.
Kaj do ni havas malfermitaj UL etikedo kaj ni metas artikolojn ene de ĝi.
Kaj poste kiam ni faris kun tio, ni povas fermi la UL etikedo.
>> Kaj simile ni povas havi ordigita kalkulebla listo
kaj metis listeroj ene de tiu.
Do ni rigardu ĉe kelkaj listoj
kaj kion ili deziris redonu kiel sur CS50 IDE.
Do mi havas ĉi tie en mia Ide a dosiero nomata listoj dot HTML.
Ni rigardu.
>> Kaj rimarki tie mi havas neordigitan listo kun kvin aferojn en ĝi.
Kaj tiam mi havas ordigitan liston, kaj Mi jam ŝanĝis la etikedo iomete,
dekstra?
Mi jam diris komenco egalas ses.
Rezultas kun ordigita listo mi povas agordi la deirpunkto kien
Mi want-- defaŭlte estos one-- per simple aldonante ĉi tn atributo
al mia OL etikedo.
Do tiu listo komenci kalkulon je la sesa.
Do la elementoj de tiu numerita listo devus esti ses, sep, ok, naŭ, dek,
ĉar ekzistas kvin elementoj en la listo, kontraste al unu,
du, tri, kvar, kvin, kiujn estus la kazo se mi diris OL
sen specifi la komenco atributo.
>> Do ni simple antaŭrigardi ĉi tiel vi povas akiri senton por kio okazas tie.
Kaj tie ni iru.
Tie estas mia lerta.
La unuaj kvin elementoj estas neordigitaj aŭ bula listo.
Kaj la venontaj kvin elementoj estas aparta ordigita listo
ekde ses.
Do jen kiel ni povas konstrui listoj uzante HTML.
Alia afero vi eble volas fari kun HTML
estas konstrui tablon de informo de vicoj kaj kolumnoj
prezenti informojn en aparte organizita maniero.
Por fari tion per HTML oni povas ricevi tablo difino komencante malferma krampo
tablo.
Kaj tiam ene de tiu tabelo ni havu aro de vicoj, TR etikedoj
indiki ĉiu vico.
Kaj tiam TD etikedoj iras ene de TR etikedoj specifi kolumno ene vico.
>> Kial oni nomis TD kaj ne Tc?
Nu, TD signifas tablon datumoj.
Kutime vi metas via informo tie.
Tial do ĝi estas TD kaj ne TC.
Ĝi estas iomete konfuza.
>> Do vi havas tablon etikedoj kaj ene de via tablo etikedoj
vi havas nombron de vicoj, TRS.
Kaj ene de ĉiu vico vi havas TDS por la nombro de kolumnoj
ke vi volas havi en tiu aparta vico.
Ni rigardu tre simpla tablo super en CS50 IDE.
>> Do mi havas ĉi tie dosieron nomata tablo skalara HTML.
Ni rigardu kion tio aspektas.
Estas multe daŭriganta ĉi tie sed se vi rimarkas Mi havas tablon malfermita.
Mi komencas la difinon kun tablo.
Kaj tiam en mia unua vico mi ŝajne havas kvar kolumnojn, unu, du, tri,
kvar.
Kaj poste mi faris per tiu vico.
>> Tiam mi komencas alian vicon kaj fari du, kvar, ses, ok.
Finu tiu vico.
Ĉu alia vico, tri, ses, naŭ, 12.
Kaj tiam lasta vico, kvar, ok, 12, kaj kvankam ĝi estas
iom detrancxis tie, 16.
>> Mi finis ke vico.
Mi finis la tablo.
Kaj poste mi faris kun mia HTML.
Kion tio aspektas?
Nu, ĝi ne estas vere multe vidi.
Mi klare organizita mia informo en iom pli organizita maniero.
Sed ĝi ne estas súper bela tie.
Kaj ni tuj trakti ke kiam ni parolas pri CSS.
Ni reviziti ĉi ideon de kion ni faros al fari table--
eble formati ĝin iomete pli bona?
Sed mi ankoraŭ havas kvar vicoj, ciu havas kvar kolumnojn,
kaj vere, kion ĉi tiuj kvantoj estas tre simpla kvar de kvar multipliko
tablo.
>> Nur kelkaj pli etikedoj ni parolos pri.
Ni parolu pri la koncepto de HTML formo.
Do eble vi vidis tiun en la kunteksto de arbohakanta en retpaĝo.
Kutime vi tajpi vian salutnomon.
Vi tajpas vian pasvorton, kaj vi estas bona iri.
Tio estus la komenco de formo.
>> Saltante trans div sekundo.
Ni ankaŭ havas enigoj kiu ia persvadi ene de formoj.
Tio estas la elementoj kiuj vi fakte tajpi en,
aŭ la radioaparato butonoj vi estas tiktakas, aŭ la ĉeko
skatoloj kiujn vi tiktakas for.
Tiuj iras ene de formoj.
Kaj ili formas parton esence ĉiu vico de la formo
se via formo estas formatita bone.
Tiam ekzistas tiu koncepto de div, kiu ne vere
konveni en ajna aparta kategorio de etikedoj kiel la ones mi havas
faradis antaŭe.
Ĝi nur ia demarca la komencante de iuj arbitraj division--
div-- de la paĝo.
Mankas vida paŭzo.
Mankas linio.
Tio ne ekiris kiel aparta bloko aŭtomate.
Vi devus stiligi ĝin ke maniero por fari tion.
>> Ĝi nur ia diras mi volas pecon da spaco sur mia retpaĝo,
kaj mi simple tuj voki ĝi tiu divido de mia paĝo.
Ni povas meti aĵojn enen de divs, kaj fakte,
kiam ni gvidas super al IDE en duan, ni
vidi ke mi metis mian formi ene de div.
>> Do mi havas ĉi tie en mia Ide a dosiero nomata div formo skalara HTML.
Ni malfermu ĝin.
Rimarku ke kiel mi diris, div estas ia arbitra.
Dekstra?
Fakte ne signifas nenion.
Do mi havas arbitran unua divido de mia paĝo.
Kaj tiam anstataŭ alia div poste, komencante sur linio ok,
Mi havas tiun formon.
Kaj ene de la formo Mi havas numeron de enigoj, kampoj de la formularo.
Do mi havas kampo kies nomo estas A-- kiu ne vere volas diri ion
dekstra now-- kiu ŝajne prenas teksto, alia ke
prenas pasvorton, alia jen Radio butono, alia jen ĉekon skatolo,
kaj alia tio estas Submetu butonon.
Nu, kion faras tiu ĉiuj reale aspektas?
Nu, ni rigardu.
Ni malfermu ĝin en nia antaŭvido fenestro.
Rimarku ke tiu arbitra unua division-- ekzistas
neniu vida disiĝo tie.
Ĝi ne vere fari ion, ĉu ne?
>> Kaj tiam mi havas mian formon.
Kaj mi ne faris ajnan specialan strukturado.
Do la formo estas nur unu granda vico de informo.
Se mi formatita mian formon alimaniere, Mi havu gxin linio por linio por linio.
Sed mi ne faris ajnan stilo.
Denove, ni ne parolas pri CSS tie.
Ni nur parolas pri HTML.
>> Nu en mia teksto formon mi povas type-- memoru ke formoj de tipo teksto
do mi povas meti mian nomon.
Kaj en mia pasvorton Mi povas tajpi mian pasvorton.
Kaj ĉar tiu kampo estas de tipo pasvorton
Vi ne scias kion mia pasvorto estas.
Estas ĉio dots.
>> Mi povas ankaŭ elekti tick suferintojn radioaparato butono aŭ tick off ĉekon skatolo.
Aŭ mi povus sendi mian formon.
Kaj mi faris nenion, do kiam mi opinias mian formon,
la paĝo nur refreŝigas.
Sed mi povus eble agordi mian Proponu butono fari ion alian.
Kaj ni vidos kion ni povas fari kun ke en estonta video en PHP.
Sed ĉi konstruas tre simpla formo kiun ni
povas uzi havi uzantoj interagas kaj prezenti informon al nia retejo.
>> Unu lasta komenton antaŭ ni pluiri al iuj aliaj etikedoj
estas por preni rigardi ĉi enigo etikedo unu pli fojon.
Rimarku ke mi reliefigis la finoj de la etikedo en ruĝa.
Ĉiu alia tag ni vidis ĝis nun havas havis komencon kaj finon, malfermo
etikedo kaj fermon etikedo.
>> Sed enigaĵoj etikedo ne.
Mankas teksto kiu iras en inter enigo etikedoj.
Ĉiuj la informo ni intencante transdoni
Kunpakitaj estas kiel parto de la atributoj de tiu enigo.
Rimarku ni havas enigo nomo egalas x.
Tipo egalas y.
Tio estas vere ĉiuj informo ni bezonas.
>> Tiu nomiĝas mem fermo etikedo.
Ĝi ne postulas malfermon kaj proksime ĉar ĉiuj informo
estas enhavita ene la etikedo kaj ĝiaj atributoj.
Do foje vi vidos ĉi tion, ankaŭ.
Do nur konscii ke se vi havas etikedo kiu estas tute memstara,
ĝi malfermas kaj fermas kun la angulo malfermita krampo maldekstre
kaj la oblikvo angulo krampo dekstre.
Ni vidos alian de tiuj nun kun bildo etikedoj tiel.
>> Antaŭ ni parolas pri bildojn, ni bezonas paroli pri hiperligoj.
Se ni volas ke nia retpaĝo estos interagaj kaj movi nin ĉirkaŭ,
estus bela esti kapabla klaki sur unu el tiuj
kio tipe estis blua ligilo.
Tio estas vere kiel ni konstruas hiperligilo en nia retpaĝo.
Kaj Interese ekzistas alia HTML etikedo
nomata ligilo, kiu ne estas hiperligilo.
A tie staras por ankro, kaj tio estas kiel ni indikas hiperligilo.
>> A href egalas x rimedoj iri retpaĝo X. Kaj ĉio
inter la malferma etikedo kaj la fermi etikedo
Estas kio tuj estos kiuj substrekis blua teksto kiu similas ligilo
ke ni estas familiara kun.
Malsupre ke ni havas dosieron etikedo, kiu estas mem fermante etikedo por montri
bildo situas ĉe X. Tiam Vi eble povus ŝanĝi
ke bildo de preciziganta larĝeco kaj alteco
kaj aliaj atributoj en ke dot dot dot tie.
>> Ĉe la malsupro tie Ni havas tre interesan
rigardante etikedo kiu ne havi fermo etikedo.
Estas ekkrion punkto DOCTYPE HTML.
Do HTML ekzistas jam de la fruaj 1990-aj jaroj por konstrui retpaĝojn,
kaj ĝin irita suferita pluraj revizioj de tiam.
Plej lastatempe en 2014 spertis revizion
nomita HTML5 kiu estas nun la aktuala ia fakta HTML normo.
>> Indiki ke nia retejo paĝoj estas skribitaj uzante HTML5,
jen kiel ni dividi.
Ĝi povas esti nefarita sed kion tio esence
rimedoj estas vi ne povas uzi iun el la etikedoj ke estas HTML5 etikedoj, tiuj novaj etikedoj.
Do ni ĉiam dividi se ni uzas HTML5.
Kaj ĉiuj etikedoj ni parolis pri antaŭe ne HTML5 etikedoj.
Sed ĉi tio indikus ke HTML5 etikedoj ĉeestos.
Kaj do ni havas ekkrion DOCTYPE HTML, kiu
estas ĉe la komenco de nia HTML-dosiero, kaj tiam post tiu punkto
ni fakte havas niajn HTML malfermita etikedi kaj procedi de tie.
>> La lasta estas komenton etikedo, kiu aspektas iomete malsamaj, tro.
Ĝi startas for kun angulo krampo ekkrion paŭzostreko
haltostreko sed neniu fermo krampo.
Intere tiuj du elementoj ekzistas Tie estas kie vi skribas viajn komentojn.
Kaj ni rigardu bildoj kaj komentojn kaj ligilojn en CS50 IDE.
>> Do mi havas ĉi tie dosieron nomata bildo ligilo skalara HTML kiu mi tuj malfermos.
Kaj rimarku Mi havas kelkajn komentas tie en mia HTML komentoj.
Do ĝuste kiel en C kaj aliaj programlingvoj,
HTML nur esti markaĵojn ja havas la kapablon de havi komentojn.
Kaj tial mi ŝajne tuj meti bildon de Rick Astley
ie inter ĉi div etikedo, tiu arbitra divido.
Ŝajne tiu dosiero situanta ĉe Rick skalara JPEG, kiun
se ni gvidas reen inte al mian dosieron arbo por dua,
Jen dosiero, kiu ekzistas en la aktuala dosierujo.
Do tio estas bone.
Mi povas referenci ĝin.
>> Tiam mi povas havi internajn ligilojn.
Do rimarki sur linio 11 tie mia href estas saluton skalara HTML.
Tiel ke nur rilatas al saluton skalara HTML kiu ekzistas en la aktuala dosierujo.
Kaj mi povas ankaŭ havi eksterajn ligilojn simple preciziganta HTTPS
indiki ke mi ne parolas pri dosiero en mia aktuala dosierujo.
Mi parolas pri dosieron kiu ekzistas ie en la interreto, kiujn mi havas
peti uzante la protokolo HTTP.
>> Do ni rigardu kio ĉi paĝon por la aspekto
kaj varbi por bildo de Rick Astley montri supre sur via ekrano.
Do mi antaŭrigardi ĉi.
Ekzistas Rick Astley ĉe la plejsupro en ĉi arbitra
divido Mi metis ĝin ĉe la pinto.
Kaj poste malsupren sub mi havas mian ligoj, ĉu ne?
>> Mi havas ligon al saluton skalara HTML.
Kaj se mi klakas tion, mi ricevas movis super al ĉi tiu paĝo
ke ni estas tre familiara kun el la komenco de nia programo.
Se mi pop tiun paĝon malfermita denove, se mi popmuziko bildo ligilon malfermi pli tempo,
Mi povas ankaŭ iri ekstere al CS50 la retejo.
Kaj ni Konsideru Mi timige malzomi iomete here--
ni vidos CS50 la paĝaro ian enigita en la mezo de nia paĝo.
Do mi povis fari internan ligas tiel kiel ekstera ligilo.
>> La lasta regulo per HTML kiu ni tuj parolos pri tie
estas ke via HTML devus esti bone formita.
En C ni parolis multe pri la diversaj sintaksaj aferoj.
En HTML la sintakso vere rondiras ĉirkaŭ etikedoj.
Ĉiu etikedo vi malfermas bezonoj esti fermita.
Kaj fakte, ĉiu tag vi malfermu devus esti fermita en inversa ordo.
>> Do se vi malfermas aŭdacan etikedon, oni kursivan etikedo, kaj tiam substreko etikedo
fari ĉiujn tri al aparta aro de teksto,
vi devus fermi ilin en inversa ordo.
Do se vi malfermis aŭdaca, italecajn, substreki, vi
volas fermi Substreki, kursiva, aŭdaca.
Tiu speco de encapsulación estas kio tenas HTML bele organizita.
>> Kontraste C, kvankam, sintaksaj eraroj ne faros fakte paralizi via HTML eble.
Via HTML Eble ne bone formis sed daŭre funkciis.
Do, tiuj eraroj povas ordigi de glito per.
Ĝi estas ĝis vi efektive gardisto.
Kelkfoje ili malsukcesos sed foje vi povas foriri per ĝi.
>> Ĝi povas esti vere malfacila tasko, tamen,
sekvigi kiam vi malfermis etikedo, kiam vi fermis ĝin,
precipe ĉar via HTML dosierojn pligrandiĝi kaj pli granda.
Vi deziras helpon.
Kaj ekzistas rete Kontrolilo iloj kiujn vi
povas uzi por havi rigardon ĉe via retejo paĝo kaj vidi se ĝi estas bone formita HTML.
Kaj vi devus definitive rigardu tiujn
kaj ekuzas ilin kiel vi komenci faranta iun laboron kun HTML,
skribi HTML, nur tiel vi ricevas iuj bonaj kutimoj pri organizado
via HTML en bona maniero kaj bona stilo kaj certigante
ke vi nenion faras ke povus krei Sintakseraro ke
kaŭzus vi iom de problemo laŭ la vojo.
>> Mi Doug Lloyd.
Jen CS50.