>> DAVEN Farnham: Sot, unë jam duke shkuar për të flasim pak për HTML,
HyperText Markup Language.
Ju shikoni HTML kudo këto ditë.
Në fakt, në qoftë se ju jeni të shikuar këtë Video në një shfletues, ju jeni
duke parë HTML tani.
HTML nuk është një gjuhë programimi, më tepër, kjo është një gjuhë markup përdorur nga
shfletues web që të merr faqet në internet.
>> Kështu që ju mund të pyesni, se si saktësisht po shkruan një faqe web në HTML ndryshme
nga të shkruarit e një programi në një programimit Gjuha si C?
E pra, C është një gjuhë me shumë të rreptë Rregullat sintaksore që ka nevojë të jetë i
përpiluar para se të mund të kandidojë.
Nëse e keni harruar ndonjëherë për të përfshirë një pikëpresje në fund të një deklaratës në
Kodi juaj C, ju e dini se çfarë jam duke folur rreth në lidhje me sintaksë të rreptë.
>> Web browsers edhe pse, janë pak më të fal kur vjen puna për të HTML.
Edhe në qoftë se HTML juaj nuk është syntactically saktë, faqja e juaj mund të jetë ende
shfaqet nga një shfletues, por ajo mund nuk e shikoni si ju qëllim.
Kështu që është gjithmonë mirë për të ndjekin rregullat.
Mënyra më e mirë për të marrë një intuitë për mënyrën se si gjërat e punës është që të
kalojnë nëpër një shembull.
>> Pra, ajo që ne kemi këtu është një bazë Projekti për një faqe web.
Ju ndoshta vënë re shumë gjëra në mes të kllapa angled.
E pra, ata janë vetëm tags.
Tags thelb informojë shfletues web që, hej, diçka
po vijnë në rrugën tuaj.
Mos harroni edhe pse, sa herë që ju të hapur një tag, ju keni nevojë për të mbyllur një herë ju jeni të
bërë duke e përdorur atë.
>> Kështu për shembull, unë të hapur një seksion e kodit të hapur me
Trupi kllapa, kllapa të ngushtë.
Unë pastaj shtoni një tekst, në këtë rast, my Faqja web e parë atëherë kur unë shkova në
mbyllur këtë seksion, ta përdor pothuajse një tag identike me përjashtim të kësaj kohe me një
përpara çaj para trupit.
Në përgjithësi, kjo është format që ju jeni do të përdorin sa herë që ju jeni të hapur
dhe mbylljes tags.
Së bashku, një tag të hapur dhe një tag fund kompozoj atë që quhet një element.
>> Nëse ju shikoni në rreshtin e parë, ju do të shohim një pikë thirrje ndjekur nga
Html DOCTYPE.
Kjo është me të vërtetë vetëm duke u thënë të shfletuesit tuaj që fotografia është një faqe web
shkruar në HTML.
HTML tag në thelb thotë, këtu vjen disa HTML.
Pastaj ne kemi një tag kokë me një tag titullin brenda tij.
Kreu tag ju mund të mendoni si që përmban Kodi HTML që vjen për
pjesa më e madhe e web faqja e juaj Përmbajtja aktuale.
>> Në përgjithësi, ju vendosni titullin e juaj web faqja e këtu, edhe pse ka disa
tags tjera që mund të shfaqen si edhe këtu.
Next vjen trupi faqen tuaj të internetit-së, mish aktuale dhe kockat e faqen tuaj te internetit.
Në shembullin tonë, ne kemi vënë vetëm një e thjeshtë fjali, Webpage im i parë,
të cilat, në qoftë se ne të drejtuar faqen tonë, do të duket një diçka të vogël si kjo.
Faqja jonë e internetit nuk është shumë më merren mendtë, por mos u bëni merak.
Ne do të bredh atë së shpejti.
>> Pra HTML sipër, ne do të ju jap një shumë të template themelore për një faqe web,
zbukuruar asgjë, vetëm kockat zhveshur.
Por në qoftë se unë jam duke krijuar një faqe web, çfarë nëse unë dua të shtoj një
foto e, të themi, veten time?
E pra, unë mund ta bëjë këtë.
Ka disa mënyra për të shtoni imazhe në faqen tuaj.
Nëse imazhi është në të njëjtën dosje si dosja juaj HTML, ju mund të lidhura me
image nëpërmjet rrugë si kjo.
>> Ju hapur me një etiketë imazh ndjekur nga në atribut Alt në
burimi i imazhit.
Vlera e atribut alt-së është vetëm disa Teksti alternative në rast se një përdorues nuk mund të
shohin imazhin.
Përndryshe, ju gjithashtu mund të lidhura me imazhe nëpërmjet një URL të plotë, e pëlqejnë këtë.
Tani, se faqja nuk ekziston më të vërtetë, por nëse do të kishte një foto të
mua në atë adresë, unë mund të përdorni URL burim për të përfshirë
imazhi i saj në web faqen time.
Ose mënyrë, ju përfundojnë me një shumë më të website prettier, diçka si kjo.
>> E pra, kjo është shumë i ftohtë, por unë lloj i duan disa tekst si edhe këtu.
Pra, le të vetëm të shtoni diçka super e thjeshtë më lartë
image, si kokë.
Të gjitha i kam bërë deri më tani është përdorni header tag, H1, dhe një pushim linjë tag, br.
Header tag bën font pak pak më e madhe dhe më të shquar.
Tag pushim linjë, në anën tjetër dore, është lloj i ftohtë.
Ndryshe nga shumica e etiketave të tjera, ju nuk keni një hapje dhe pushim mbylljes tag, vetëm
e treguar më lart.
Kjo është për shkak pushim nuk ka përmbajtje dhe për këtë arsye është, një element bosh.
>> Elemente bosh si kjo, ju mund të hapur dhe në afërsi të njëjtën kohë thjesht duke
duke përfshirë edhe një plagë përpara në fundi i deklaratës fillestare.
Deri tani faqen time duket pak diçka e tillë.
Më mirë, por ajo lloj ndihet si një qorrsokak.
Nuk ka asnjë vend tjetër për të shkuar mënjanë nga kjo faqe kryesore.
E pra, le të rregullojmë se nga duke përfshirë një lidhje.
>> Ajo që unë jam duke shkuar për të bërë këtu është të përdorni një atribut shënohet me A dhe të bëjë
image një lidhje me, le të themi, CS50 TV.
Në këtë mënyrë, sa herë që dikush klikimeve në mua, shfletuesi i tyre do të drejtohen për të
një tjetër, ndoshta më shumë dobishme, web faqe.
Unë kam pasur për të minimizuar madhësinë e tekst pak sepse faqja tonë të internetit është
duke marrë më të avancuar.
Por shpresojmë se, është ende e qartë.
Website im është i njëjtë vetëm tani, sa herë që unë klikoni në foto,
Shfletuesi im do të hapë një tjetër tab për web faqen CS50.tv.
>> Së fundi, le të thonë se unë jam duke shkuar për stilin ky website më vonë duke përdorur CSS.
CSS është ajo që është e njohur si një fletë Cascading style.
Dhe kjo në thelb jep një efikas mënyrë për të redaktuar dhe stil
blloqe të ngjashme të kodit.
Unë dua të fillojë organizimin HTML time në bëjë më të lehtë për të stilit më vonë.
Këtu, kam ngritur dy lloje të ndryshme të identifikues të ndihmuar të organizojnë kodin tim.
Unë e kam përdorur atributi ID brenda një ndarje, ose tag div, dhe unë e kam përdorur një
Klasa atribut brenda një tjetër tag div.
>> ID dhe Klasa atributet punojnë në mënyrë të ngjashme.
Dallimi i vetëm është se ju mund të ketë vetëm një element, ID specifike, por
çdo numër të elementeve mund të ndajnë një klasë.
Kështu për shembull, unë mund të përdorni të klasës image herë të shumta, por unë nuk mund të
krijuar një tjetër ndarje me ID lartë.
Edhe pse unë nuk kanë shkuar në CSS, një tjetër gjuha e përdorur zakonisht
së bashku me HTML, një herë unë të fillojë styling kodi im me CSS, unë mund të përdorni këto
atribute organizative të ndikimit estetikë web faqen time-së.
>> Çdo gjë brenda ndarjes krye do të ketë stylings të ngjashme ose ndonjë
Grupi tjetër i HTML grupit I në image klasë do të ndajnë një vështrim të ngjashme.
Kjo është shumë më e lehtë se sa duke u përpjekur për të redaktuar dhe imazhe stil apo blloqe të
tekst individualisht.
>> Pra, kemi shkuar mbi bazat e se si për të bërë një web faqe me HTML.
HTML ka një bandë e karakteristika të tjera shumë se kur çiftëzohet me gjuhë të tjera
si CSS dhe JavaScript, mund të vërtetë të bëjë faqet dal.
Mënyra më e mirë për të marrë të kënaqur me HTML është vetëm për të bela rreth me të,
të parë se çfarë punon, dhe çfarë jo.
>> Emri im është Daven Farnham.
Kjo është CS50.
>> Kështu për shembull, unë mund të përdorni image klasë -
Jo, ka shumë atribute.
Emri im është Daven Farnham.
Kjo është CS 650.
Unë dua të them CSS.
Kjo është CSS.