>> DOUG LLOYD: Svo við eyddum about-- ef stærðfræði minn er rétt,
og ég held að back-- ég held við eyddum um 35 myndbönd tala
um ýmsa þætti C, kannski aðeins meira, kannski aðeins minna.
Og við ekki ná allt í C, en við
fjallað stór klumpur af tungumál, mikill meirihluti af því,
vissulega fyrir algengustu notkun.
Nú erum við að fara að tala um annað mál, HTML.
Og við erum að fara að ná það í réttlátur einn vídeó.
>> En það er að fara að vera í lagi.
Það er að fara að verða í raun eitthvað sem þú ert að fara að venjast.
Nú þegar þú hefur Grundvallaratriði einu tungumáli,
það er reyndar mjög auðvelt að byrja að læra aðra.
Þannig að við erum að fara að byrja að stíga smá aftur
og gljái yfir helstu munur á milli þessara tungumála
og svoleiðis leyfi þér að því.
There 'a einhver fjöldi af mjög mikill auðlindir á internetinu, sem
við erum að fara að byrja að beina þér til vegna þess að internetið er
gríðarstórt geymsla upplýsinga.
Og svo það er ekki eins og þú munt vera að missa út endilega
með því að hafa upplýsingar fjallað í myndbandi.
Þú munt enn vera fær til fá allt sem þú þarft og nota
þá þekkingu sem þú hefur nú þegar byggt upp með því að skilja C
að gera læra fyrir þetta önnur tungumál í raun mikið flatari.
Ég lofa.
>> En við skulum tala um einu tungumáli það er í raun grundvallaratriði fyrir hvert vefnum
síðu, sem er HTML.
HTML er Hyper Text Markup Language.
HTML er tungumál en það er ekki forritunarmál.
>> HTML er ekki breytur.
Það þarf ekki rökfræði eða aðgerðir eða eitthvað svoleiðis.
Við getum ekki gert eitthvað forritun í sjálfu í HTML.
Stundum þú munt heyra fólk lýsa sig
sem HTML forritari, sem er ekki alveg rétt.
Við getum ekki skrifað HTML forrit.
>> HTML er bara notað til að merkja upp texta.
Það er kallað Markup Language.
Og hvað þetta does-- þessa markup-- við notum tags í HTML og þessum tags--
þetta markup-- merkingu skilgreinir uppbyggingu á síðu
og veldur texta sem er á milli merki að túlka
af vöfrum í mismunandi vegu.
Og kannski er það best að útskýra þetta með leið á myndinni.
>> Hér er mjög einfalt HTML síðu, ekki HTML program, aftur, HTML síðu.
Og við vitum að það er HTML síðu vegna þess að við höfum
afmarkast allt með HTML tags.
Svo er þetta það sem HTML tag lítur út.
Það er á milli horn sviga.
Og taka efst við höfum HTML og á mjög neðst,
eftir að við höfum gert það sem er greinilega fullt af öðrum HTML,
við höfum oddklofi skástrik HTML.
Svo er þessi tegund af mörkin milli þess sem er HTML og það er ekki.
Og að sjálfsögðu, á hefðbundinn hátt, bara eins og þú skrifaði öll C forrit
með punktur C eftirnafn, öll HTML skrár
lýkur með punktur HTML eftirnafn.
En það er meira að gerast hér.
Við gerum ekki bara þessi HTML tög.
Við höfum greinilega þetta hlutur sem kallast höfuð tag.
Jæja, OK, hvað er það?
>> Jæja kannski er best að greina með því að líkamanum,
Líkaminn að vera innihald af the vefur blaðsíða.
Svo kannski höfuð tag skilgreinir efni sem er ekki í glugga rétt,
en er einhvern veginn mikilvægt að okkar Vefsíðan sem veitt rétt.
Til dæmis, innan í höfuð tag og við höfum titill tags.
>> Svo titill að vera halló heimur, sem er í raun að fara að vera það
sýnir sig í flipanum í Króm eða í leiðangur eða Firefox--
hvað vafra þú prefer-- það er hvað er að fara að mæta í titlinum.
Og áður en flipa það myndi sýna upp í öllu vafranum þínum
og þú getur aðeins haft eina síðu opna í glugga í einu.
Svo það er að fara til vera the Yfirskrift minn síða upp á flipanum
eða glugga Bar, halló heimur.
Og þá innihald af minn Vefsíðan mun vera heimur, halló.
Svo skulum taka a líta á það sem sumir hlutur eins og þetta gæti litið út.
Þetta er frekar einfalt HTML síðu.
Þannig að ég er hér í CS50 IDE mínum og Ég hef aðdregna í smá.
Og ég ætla bara að fara að opna hello punktur HTML
og sýna þér að þetta er ansi mikið innihaldi sem við sáum áður.
Einföld merki HTML, höfuð mitt, titill tags, líkami, og svo framvegis.
Ég hef inndregin að vera hreint.
>> Og þá hvað ég get gert í mínum IDE er bara forsýning á síðunni.
Og það sem við förum.
Innihald síðuna mína er heimurinn, halló, og ég sé ekki neitt
í frá höfuð tags þar.
Það er bara efni í líkamanum.
World, halló.
Og aftur líkaminn bara sagði, heimurinn, halló.
The annar hluti vantar.
>> Svo er það í raun allt það er.
Þetta er mjög einfalt undirstöðu HTML síðu.
Nú hef ég inndregin HTML minn til vera mjög gott og skipulagt,
en ég er ekki í raun að.
Ég gæti gert það líta ansi ljót.
Og þetta myndi samt vinna.
Þetta væri nákvæmlega sama vefsíðu.
Ég hef bara fengið losa af allt hvíta rúm.
>> Eins og það kemur í ljós, hvítt rúm gögn.
Og svo þegar við erum að senda gögn frá sendanda til móttakanda, frá miðlara
til viðskiptavinar, gögn kostar peninga.
Og svo að losna við bil er í raun góð hugmynd
ef þú ert einhver sem þjónar upp a einhver fjöldi af efni á vefnum.
Það er slæm hugmynd ef þú ert einhver sem er að læra þetta efni
og þú vilt hafa það skipulagt vel.
Þetta er mikið auðveldara að flokka en þetta.
En það er virkni eins.
>> Inndrátt og svoleiðis ekki í raun máli í HTML.
Allt sem skiptir máli er að opna merki og loka tags í réttri röð.
Eftir hvað gerðist hér, þó.
Markup gefur okkur leið til að senda viðbótarupplýsingar
um það sem við höfum skrifað.
The Hello, World hluti var túlka sem titill.
Og heimurinn, halló hluti var túlka sem efni
eða hvað ætti að vera sýnileg á vefsíðu mína.
>> Það eru yfir 100 af þessum mismunandi merki og hellingur af mikill auðlindir
á netinu til að finna þá.
Við erum að fara að tala um a nokkrar af þeim í þetta myndband, sumir
af mjög grundvallar efni.
En við erum ekki að fara tala um það allt vegna þess að það
væri tæmandi til að gera það.
>> Annað sem þú getur gert, þó, er að opna verktaki verkfæri.
Og ef þú manst frá Vídeó okkar á HTTP,
Ég útskýrði hvernig á að opna upp tæki verktaki.
Í Chrome það er yfirleitt F12 takkann að opna framkvæmdaraðila tækjastika.
Þá í stað þess að velja Network flipanum getur þú valið Elements flipi.
Og ef þú hlaða vefur síðu, munt þú í raun
sjá HTML sem skapar þessi vefur blaðsíða.
Og svo þú getur lært mikið um HTML með því að horfa á uppáhalds vefsíður þínar
og sjá hvernig þeir byggja ýmsar stykki af þeim sem þú vilt.
Svo kannski er það þetta flott mynstur eða eitthvað svoleiðis.
Hvernig þeir gera það með HTML?
Jæja þú getur bara opna verktaki verkfæri og sveima yfir frumefni
og sjá nákvæmlega hvað HTML gerir það.
Svo er það mjög góð leið til að læra HTML,
og ég mæli eindregið með því að þú gerir það bæði til að læra HTML
og einnig til að læra smá hluti um nokkrar af þeim valkostum
í boði fyrir þig í verktaki verkfæri, sem
mun örugglega koma sér vel eins og þú byrjar að gera meira ákafur vefur
forritun.
>> Svo skulum taka a líta á a par á sameiginlegum HTML tags.
Og við munum stökkva og taka a líta á hvað þessir tags mun einnig verða
eins með því að horfa á nokkrar skrár í IDE mínu.
Svo hér eru þrjár einfaldar merki fyrir klip ásýnd texta.
Það er B merki, I tags, og U tags.
Og hver um sig hvað þeir gera er láta textann milli þeirra feitletruð,
skáletrun og undirstrikun.
Svo skulum sjá hvað það myndi líta eins og á virka vefsíðu í IDE mína.
>> Svo hér í IDE ég hafa a skrá sem heitir BIU punktur HTML.
BIU punktur HTML bara að vera feitletrað, skáletrun, undirstrikun.
Ég opna það upp.
>> Og við munum sjá að hér er ég hafa þessa texta er B merki djörf.
Þessi texti er I merki skáletrað.
Og þessi texti er U merki undirstrikað.
Hvað er þetta að fara að líta út?
Jæja aftur, allt sem ég að gera er að fara hérna
að vafrinn minn, skrá vafrinn minn, smelltu Preview og þetta er það sem kemur upp.
>> Textinn á milli B merki er örugglega nú djörf.
Textinn á milli I merki er örugglega nú skáletrað.
Og textinn á milli U merki er örugglega nú undirstrikað.
Svo er það mjög gott.
Við vitum nú hvernig á að gera texta líta aðeins meira ímynda
eða draga áherslu á ákveðna hluti.
Annað par af sameiginlegum merkjum hér eru málsgreinar tögin, P, og haus tags,
sem ég hef veitt hér eins HX.
>> Þessar P merki, þessi málsgrein tags, brjóta textann upp í málsgreinar.
Það er ekki nóg að bara Enter og láta rými,
vegna þess að tölva er bara að fara að gera það sem þú segir það að gera
og það hunsar hvítt pláss fyrir mestu.
Þannig að við getum ekki bara ýta á Enter og búast tölvunni okkar
að túlka sem við viljum að hefja nýja málsgrein.
Við höfum mjög skýrt segja þetta er einn paragraph-- þetta er another--
eftir umlykja hvert í hóp P tags.
>> Og við höfum líka þessa valkosti H tags, þessi haus tags.
Við höfum sex mismunandi af haus, einn, tveir, þrír,
fjögur, fimm og sex, sem eru smám stærri og stærri
hausum.
Og þeir fá minni og minni og minni og minni.
Þannig að við höfum efsta þrepi haus, annað stigi haus, og svo framvegis, og svo framvegis.
>> Við skulum taka a líta á kannski sumir P merki og sumir haus tags
í aðgerð á vefsíðu.
Svo hér í IDE ég hafa a skrá sem heitir PH punktur HTML, PH vera málsgreinar
og haus tags.
Opinn það upp.
Það er mikið um að vera hér vegna þess að ég hef sett nokkrar Forsíða
Forsíða, sumir bara af handahófi texta hér.
Þannig að ég ætla að þysja út smá vegna þess að það er svo mikið að fara á.
En eftir því að ég hef að minnsta top hér Ég er með H1, stigi eitt,
haus tag.
Þá hef ég málsgrein, sem er bara fullt af handahófi text-- Forsíða ipsum--
bara sjálfgefið staðall fylla í texta.
Þannig að ég hef tvær málsgreinar inni sem Fyrsta stigs haus og niður undir I
hafa stigs haus hér á línu 24, annað stig haus, og annar tveggja
mgr.
Jæja hvað er þetta líta út eins ef ég skoða það í forskoðun mínu?
Látum okkur sjá.
>> Svo eftir að Fyrsta stig haus hér
er í raun töluvert stærri en seinni stigi haus.
Svo við notuðum H1 tags.
Og eftir að P merki leyfa okkur að brjóta það út í málsgreinar.
Ef við hefðum fengið losa af þessir P tags og í raun bara að setja inn eða Skil
í milli þess sem við vonast myndi vera mismunandi málsgreinar,
þeir myndu allir bara skellur saman og það myndi ekki hafa þetta ágætur málsgrein
aðskilnaður með pláss fyrir ofan og neðan.
Og svo er það það lið merki og haus tags
eru almennt notuð til að gera til að draga athygli að hluta vefsíðu okkar
á þann hátt.
>> Næsta upp eru nokkrar skipanir sem við notum að byggja lista á vefsíðu okkar.
Þannig að við höfum óraðaða lists-- ULs-- sem eru bara
bulleted listum, raðað Listinn sem eru numbered--
OLs-- og inni annaðhvort einn af þeim sem við þurfum að hafa
setur um hvernig á að kynna listi atriði, Li.
Og svo við höfum opið UL tag og við setjum atriði inni af því.
Og svo þegar við erum búin með að við getum lokað UL tag.
>> Og álíka við getum haft skipað eða tölusettur listi
og setja listi atriði inni af því.
Svo skulum taka a líta á nokkra lista
og hvað þeir myndu láta eins og á CS50 IDE.
Þannig að ég hef hér í IDE MITT skrá sem heitir listum punktur HTML.
Við skulum taka a líta.
>> Og tilkynning hér Ég er með óraðaða lista með fimm hluti í það.
Og þá hef ég raðaðan lista, og Ég hef breytt efnisorðinu smá,
ekki satt?
Ég hef sagt að byrja jafngildir sex.
Það kemur í ljós með röðuðu lista I Hægt er að stilla upphafsstað Ã¾ar
Ég want-- við vanræksla það verður one-- bara með því að bæta þetta svokallaða eigindi
að OL tag minn.
Og svo þessi listi mun byrja að telja klukkan sex.
Svo þætti þess númera lista ætti að vera sex, sjö, átta, níu, tíu,
vegna þess að það eru fimm þættir á listanum, eins og öfugt við einn,
tveir, þrír, fjórir, fimm, sem væri að ræða ef ég hefði sagt OL
án þess að tilgreina í upphafi eiginleiki.
>> Þannig að við munum bara sýnishorn þetta svo þú getur fá tilfinningu fyrir hvað er að gerast hér.
Og það sem við förum.
Það er minn listi.
Fyrstu fimm þættir eru óraðaða eða bulleted listum.
Og næstu fimm þætti eru aðskilin lista er
byrja frá sex.
Svo það er hvernig við getum útbýrð með HTML.
Annar hlutur þú might langar að gera með HTML
er að byggja upp töflu yfir upplýsingar af línum og dálkum
til að kynna upplýsingar í sérstaklega skipulögð leið.
Til að gera þetta með HTML getum hafa borð skilgreining farin opið krappi
borð.
Og þá inni borðið við gæti hafa sett af línum, TR tags
að gefa til kynna hvern róður.
Og þá TD skipanir inni TR tags að tilgreina dálk innan röð.
>> Hvers vegna er það kallað TD og ekki tc?
Jæja, TD stendur fyrir borð gögn.
Venjulega þú ert að setja upplýsingarnar þar.
Svo er það hvers vegna það er TD ekki TC.
Það er svolítið ruglingslegt.
>> Svo þú ert borð tags og inni borð tags
þú hafa a tala af línum, TRS.
Og inni hverri röð þú ert TDS fyrir fjölda dálka
sem þú vilt hafa í viðkomandi röð.
Við skulum taka a líta á a mjög einfalt borð yfir í CS50 IDE.
>> Þannig að ég hef hér skrá kallað borð punktur HTML.
Við skulum hafa a líta á hvað það lítur út.
Það er mikið um að vera hér en ef þú tekur eftir að ég hef borð opinn.
Ég er að byrja á skilgreiningu með borði.
Og þá í fyrstu röðinni ég greinilega hafa fjórir dálkar, einn, tveir, þrír,
fjórir.
Og þá er ég búin með röðinni.
>> Svo ég byrja annað röð og gera tvær, fjórar, sex, átta.
Klára að röð.
Gera annað röð, þrjú, sex, níu, 12.
Og þá síðustu röð, fjórir, átta, 12, og þó að það er
smá skera burt hér, 16.
>> Ég kláraði röðinni.
Ég kláraði borðið.
Og þá er ég búin með HTML mínum.
Hvað þýðir þetta út?
Jæja, það er í raun ekki mikið að sjá.
Ég hef greinilega skipulagt mínar í nokkuð skipulegri hátt.
En það er ekki frábær falleg hér.
Og við erum að fara að takast á við að þegar við tölum um CSS.
Við munum rifja þessa hugmynd það sem við gerum til að gera table--
kannski forsníða það svolítið betur?
En ég hef enn fjórar raðir, hver um sig hefur fjögur blöð,
og í raun hvað þetta nemur er mjög einfalt fjögur af fjórum margföldun
borð.
>> Bara nokkrar fleiri merki við munum tala um.
Við skulum tala um Hugmyndin um HTML formi.
Svo þú gætir hafa séð þetta í Samhengi skrá þig inn á vefsíðu.
Venjulega þú skrifar í notandanafni þínu.
Þú skrifar í lykilorði þínu, og þú ert góður til fara.
Það myndi vera upphafið að formi.
>> Skipstjóri á div annað.
Við höfum einnig aðföng sem konar passa inni formum.
Þetta eru þættir sem þú ert í raun að slá inn,
eða Hnapparnir þú ert tifar, eða stöðva
kassar sem þú ert að tjalddúkur burt.
Svo þessir fara inni formum.
Og þeir samanstanda grundvallaratriðum hver röð af því formi
ef form er forsniðinn vel.
Þá er það þetta hugtak a div, sem er í raun ekki
passa neina sérstaka flokk tags eins og þær sem ég hef
verið að gera áður.
Það bara svona demarcates á upphaf einhvern handahófskenndan division--
div-- á síðunni.
Það er engin sjón brot.
Það er engin lína.
Það er ekki sett af sem sérstakt klumpur sjálfkrafa.
Þú vilt að stíll það sem leið til að gera það.
>> Það bara svona segir ég vil stykki af plássi á vefsíðu mína,
og ég ætla bara að fara að hringja í það er þessi skipting síðuna mína.
Við getum sett efni inn af Divs, og í raun,
þegar við höfuð yfir IDE í annað, við munum
sjá að ég er að setja minn mynda inni í div.
>> Þannig að ég hef hér í IDE MITT skrá sem heitir div form punktur HTML.
Skulum opna það upp.
Takið eftir að eins og ég sagði, div er góður af handahófskennt.
Ekki satt?
Það skiptir í raun ekki neitt.
Þannig að ég hef handahófskennt Fyrsta deild síðuna mína.
Og þá í stað þess annað div síðar, byrja á línu átta,
Ég hef þetta eyðublað.
Og inni í formi sem ég hef a Fjöldi aðföngum, sviðum formi.
Þannig að ég hef sviði heitir A-- sem er í raun ekki neitt
rétt now-- sem virðist tekur texta, annað sem
tekur lykilorð, annar sem er Radio hnappinn, annað sem er kassann,
og annað það er Senda hnappinn.
Jæja, hvað er þetta allt í raun líta út?
Jæja, við skulum taka a líta.
Við munum opna það upp í glugganum sýnishorn okkar.
Takið eftir að þetta handahófskennt Fyrsta division-- það er
engin sjónræn aðskilnaður hér.
Það var í raun ekki að gera neitt, ekki satt?
>> Og þá hef ég mynd mína.
Og ég gerði það ekki að öllum sérstökum formatting.
Svo mynd er bara einn stór röð af upplýsingum.
Ef ég hefði sniðinn formi mig á annan hátt, Ég gæti hafa það línu fyrir línu fyrir línu.
En ég gerði það ekki allir stíl.
Aftur, við erum ekki að tala um CSS hér.
Við erum bara að tala um HTML.
>> Jæja í formi texta ég get type-- muna að form gerð texta
þannig að ég get sett nafnið mitt.
Og í I lykilorð getur slegið lykilorð.
Og vegna þess að á því sviði er af gerðinni lykilorð,
þú veist ekki hvað lykilorðið mitt er.
Það er allt punktar.
>> Ég get líka valið að merkið a útvarp hnappur eða merkið á kassann.
Eða ég gæti sent eyðublað mína.
Og ég gerði ekki neitt, svo þegar ég skila mynd mína,
endurnýjast bara.
En ég gæti kannski stilla minn Senda hnappinn til að gera eitthvað annað.
Og við munum sjá hvað við getum gert með að í framtíðinni vídeó á PHP.
En þetta byggir mjög einfalt form sem við
Hægt er að nota til að hafa samskipti notenda og senda upplýsingar á heimasíðu okkar.
>> Einn síðastur athugasemd áður en við fara sumum öðrum merkjum
eru að taka a líta á þetta inntak tag einu sinni.
Takið eftir að ég hef bent endar á merkinu í rauðu.
Sérhver önnur tag sem við höfum séð hingað til hefur átti sér upphaf og endi, svekktur
tag og lokun tag.
>> En inntak tag er ekki.
Það er enginn texti sem fer á milli inntak tags.
Allar þær upplýsingar við erum ætlaði að flytja
er bundin sem hluti af eiginleika þess inntak.
Taka við höfum nafn inntak jafngildir x.
Gerð jafngildir y.
Það er í raun allt upplýsingar sem við þurfum.
>> Þetta er kallað sjálf lokun tag.
Það þarf ekki upphafs- og nálægt því allar upplýsingar
er að finna inni í tag og eiginleika þess.
Svo stundum þú munt sjá þetta líka.
Svo bara vera meðvitaður um að ef þú ert með tag sem er algjörlega sjálf-gámur,
það opnar og lokar sig með opinn oddklofi til vinstri
og rista horn krappi á hægri.
Við munum sjá annað af þeim núna með tags mynd eins og heilbrigður.
>> Áður en við tölum um myndir, við þurfa að tala um tengla.
Ef við viljum vefsíðu okkar til að vera gagnvirk og færa okkur í kring,
það væri gaman að geta að smella á einn af þeim
hvað hefur oftast verið blár tengill.
Þetta er í raun hvernig við byggjum tengil á vefsíðunni okkar.
Og athyglisvert nóg það er annað HTML tag
kölluð tengilinn, sem er ekki tengil.
A hér stendur fyrir akkeri, og það er hvernig við benda tengil.
>> A href jafngildir x þýðir að fara að Vefsíðan X. Og allt
milli opinn A tag og loka tag
er það sem er að fara að vera að undirstrikað blár texti sem lítur út eins og a hlekkur
sem við erum kunnugir.
Hér fyrir neðan sem við höfum mynd tag, sem er sjálf að loka tag til að birta
mynd sem staðsett er á X. Og þú might vera fær til að breyta
þessi mynd með því að skilgreina breidd og hæð
og aðra eiginleika í að punktur punktur punktur þar.
>> Á mjög neðst hér við höfum mjög áhugavert
leita tag sem er ekki hafa lokun tag.
Það er upphrópunarmerki DOCTYPE HTML.
Svo HTML hefur verið í kring síðan 1990 til að byggja vefsíður,
og það er farið vörunnar nokkrir endurskoðun síðan.
Síðast í 2014 það fóru endurskoðun
heitir HTML5 sem er nú núverandi konar reynd HTML staðlinum.
>> Að gefa til kynna að vefur okkar síður eru skrifuð með HTML5,
þetta er hvernig við að byrja á.
Það er hægt að sleppa en hvað sem í grundvallaratriðum
leið er að þú getur ekki notað eitthvað af merkjunum sem eru HTML5 tags, þessum nýju merki.
Svo við byrjum alltaf á ef við erum að nota HTML5.
Og allir merki sem við höfum talað um áður eru ekki HTML5 tags.
En þetta myndi gefa til kynna að HTML5 tags mun vera til staðar.
Og svo við höfum upphrópun DOCTYPE HTML, sem
er í upphafi okkar HTML skrá, og þá eftir að lið
við höfum í raun HTML okkar opin merkja og halda áfram þaðan.
>> Sú síðasta er athugasemd tag, sem lítur örlítið öðruvísi líka.
Það byrjar með horn krappi upphrópunarmerki þjóta
þjóta en ekki lokun krappi.
Á milli þessara tveggja þátta þar er þar sem þú skrifa athugasemdir.
Og við skulum taka a líta á myndirnar og athugasemdir og tengla í CS50 IDE.
>> Þannig að ég hef hér til skrá sem heitir mynd tengilinn punktur HTML sem ég ætla að opna.
Og eftir að ég hef fengið nokkrar athugasemdir hér í HTML athugasemdum mínum.
Svo bara eins og í C og öðrum forritunarmál,
HTML bara með því að vera Markup Language er hafa getu til að hafa athugasemdir.
Og svo ég víst að fara að setja mynd af Rick Astley
einhvers staðar á milli þessa div tag, þetta handahófskennt deild.
Apparently þessi skrá er staðsett á Rick punktur JPEG, sem
ef við höfuð aftur yfir til skrá tré minn fyrir annað,
er skrá sem er í núverandi möppu.
Svo er það allt í lagi.
Ég get tilvísun það.
>> Þá get ég með innri tengsl.
Svo eftir á línu 11 hér href minn er halló punktur HTML.
Þannig að bara átt við halló punktur HTML sem er til staðar í núverandi möppu.
Og ég get einnig haft ytri tenglar bara með því að skilgreina HTTPS
að gefa til kynna að ég er ekki að tala um skrá í núverandi möppu mína.
Ég er að tala um skrá sem er til staðar einhvers staðar á internetinu, sem ég hef
að biðja með HTTP siðareglur.
>> Svo skulum taka a líta á það þessa síðu gæti litið út
og fá tilbúinn fyrir mynd af Rick Astley að sýna upp á þinn skjár.
Svo ég ætla að forskoða þessa.
Það er Rick Astley minnsta mjög toppur í þessu handahófskennt
deild ég setti hana efst.
Og þá niðri I hafa tengla mína, ekki satt?
>> Ég er með tengil á hello punktur HTML.
Og ef ég smelli sem ég fá flutt yfir á þessa síðu
að við erum mjög kunnugur frá upphafi áætlun okkar.
Ef ég skrepp þá síðu opið aftur, ef ég pop mynd tengilinn opna einu sinni,
Ég get líka farið utan á vefsvæðið CS50 er.
Og þar sem við see-- ég ætla súmma út smá here--
við munum sjá CS50 er website konar embed in í the miðja af síðunni okkar.
Þannig að ég var fær til að gera innri tengja og ytri hlekkur.
>> Síðasti regla með HTML sem við erum að fara að tala um hér
er að HTML þitt ætti að vera vel mynduð.
Í C við ræddum mikið um ýmsum setningafræði af hlutum.
Í HTML setningafræði virkilega snýst um merkingar.
Sérhver tag þú opnar þarf að vera lokað.
Og í raun, hvert tag þú opnar skal lokað í öfugri röð.
>> Svo ef þú opnar djörf tag, sem italic tag, og síðan undirstrika tag
að gera allar þrjár til a einkum setja texta,
þú ættir að loka þeim í öfugri röð.
Svo ef þú hefur opnað djörf, skáletrun, undirstrikun, þú
vilja til að loka undirstrika, skáletrað, feitletrað.
Þessi tegund af hjúpun er hvað heldur HTML gott og skipulagt.
>> Ólíkt C, þó villur mun ekki reyndar Cripple HTML hugsanlega.
HTML getur verið ekki vel myndast en myndi samt vinna.
Og svo þessar villur Hægt er að raða af renna af.
Það er komið að þér að virkilega að vera vakandi.
Stundum þeir vilja mistakast en stundum er hægt að komast upp með það.
>> Það getur verið mjög erfitt verkefni, þó,
til að halda utan um þegar það var a tag, þegar þú lokaðir honum,
sérstaklega þar sem HTML skrár fá stærri og stærri.
Þú þarft smá hjálp.
Og það eru á netinu Staðfestir verkfæri sem þú
Hægt er að nota til að hafa a líta á þinn vefur síðu og sjá hvort það er vel mynduð HTML.
Og þú ættir örugglega taka a líta á þá
og byrja að nota þá eins og þú byrja að gera sumir vinna með HTML,
Námsefnisgerð í HTML, bara þannig að þú færð nokkrar góðar venjur um að skipuleggja
HTML þinn á góðan hátt og góður stíll og gættu
að þú ert ekki að gera neitt sem gæti búið til setningafræði villa sem
myndi valda þér smá vandamál niður götuna.
>> Ég er Doug Lloyd.
Þetta er CS50.