>> DAVEN FARNHAM: Illum, jien ser nitkellmu ftit dwar HTML,
HyperText Markup Language.
You see HTML kullimkien dawn il-jiem.
Fil-fatt, jekk inti qed jaraw dan video fil-browser, int
jaraw HTML dritt issa.
HTML mhijiex lingwa ta 'programmar, pjuttost, huwa lingwa markup jintużaw minn
web browsers biex jagħmlu paġni fuq l-internet.
>> Allura inti jista 'jistaqsi, kif eżattament hija l-kitba paġna web HTML differenti
minn kitba ta 'programm ta' programmazzjoni lingwa bħal C?
Well, C hija lingwa ma stretta ħafna regoli sintattiċi li jeħtieġ li jkun
kkompilata qabel ma tista 'taħdem.
Jekk inti stajt qatt minsija biex tinkludi virgola fl-aħħar ta 'dikjarazzjoni fil-
kodiċi C tiegħek, inti taf dak li jien jitkellem dwar fl-rigward sintassi stretta.
>> Web browsers għalkemm, huma daqsxejn aktar klementi meta niġu għall-HTML.
Anki jekk HTML tiegħek mhix sintattikament korretta, paġna tiegħek xorta jista 'jkun
murija permezz ta 'browser, iżda jista' ma tfittex kif inti maħsuba.
Allura huwa dejjem aħjar li isegwu r-regoli.
L-aħjar mod biex jiksbu l-intwizzjoni dwar kif jaħdmu l-affarijiet huwa li
jmorru permezz ta 'eżempju.
>> Allura dak li għandna hawnhekk huwa bażiku blueprint għal paġna web.
You probabbilment ndunat ħafna affarijiet fl bejn parentesi angolata.
Ukoll, dawn huma biss tags.
Tags bażikament tinforma web browsers li, ħej, xi ħaġa
huwa li ġejjin tiegħek mod.
Ftakar għalkemm, meta inti tiftaħ tag, ikollok bżonn li tagħlaq darba inti
isir użu tiegħu.
>> Hekk per eżempju, I tiftaħ taqsima tal-kodiċi ma 'miftuħ
korp parentesi, parentesi magħluqa.
I imbagħad żid xi test, f'dan il-każ, my paġna web ewwel imbagħad meta I marru għall-
qrib din it-taqsima, I jużaw kważi tag identiċi ħlief din id-darba ma '
quddiem mmejla qabel korp.
B'mod ġenerali, dan huwa l-format int ser tuża kull meta inti ftuħ
u l-għeluq tags.
Flimkien, lametta miftuħ u tikketta tmiem compose dak li sejjaħ element.
>> Jekk inti tħares lejn l-ewwel linja, inti ser tara punt exclamation segwit minn
Html DOCTYPE.
Dan huwa verament ftit javżak browser tiegħek li l-fajl hija paġna web
miktuba fil HTML.
Il-lametta HTML essenzjalment jgħid, hawnhekk jidħol xi HTML.
Imbagħad għandna tag ras ma a tag titolu ġewwa fih.
Il-lametta ras inti tista 'taħseb kif jinkludi HTML code li jiġi għal
biċċa l-kbira tal-web-paġna tiegħek kontenut attwali.
>> B'mod ġenerali, inti tpoġġi l-titolu tal tiegħek web page hawn, għalkemm hemm xi
tags oħra li jistgħu jidhru hawnhekk ukoll.
Li jmiss taqa ġisem paġna web tiegħek, l- laħam attwali u l-għadam tal-website tiegħek.
Fl-eżempju tagħna, aħna ħadthom biss jitqiegħed sempliċi sentenza, l-Ewwel Webpage tiegħi,
li, jekk aħna run-sit tagħna, se tħares ftit xi ħaġa bħal din.
Paġna web tagħna mhuwiex wisq Queer, imma tinkwetax.
Aħna ser spruce up malajr.
>> Allura l-HTML hawn fuq, aħna ser jagħtuk ħafna template bażika għal paġna web,
xejn fancy, biss l-għadam bare.
Imma jekk jien ħolqien ta 'paġna web, jekk dak I tixtieq iżżid
stampa ta ', ngħidu aħna, myself?
Well, I tista 'tagħmel dan.
Hemm koppja ta 'modi biex żid immaġini għall-sit tiegħek.
Jekk l-immaġini huwa fil-folder istess bħal file HTML tiegħek, inti tista 'rabta għall-
immaġni permezz passaġġ bħal dan.
>> Inti tiftaħ ma 'tag image segwit billi fil attribut Alt fil-
sors ta 'l-immaġini.
Valur l-attribut Alt huwa biss ftit test alternattiv fil-każ li utent ma tistax
tara l-immaġini.
Alternattivament, inti tista 'wkoll link għal immaġni permezz ta 'URL sħiħ, bħal dan.
Issa, din il-websajt ma tassew jeżistu, imma jekk kien hemm stampa ta '
me f'dak l-indirizz, I jistgħu jużaw il-URL sors li jinkludu
immaġni tagħha fuq il-websajt tiegħi.
Jew il-mod, inti tispiċċa bil-wisq website prettier, xi ħaġa bħal din.
>> Ukoll, li pretty jibred, iżda I tip tat trid xi test hawn ukoll.
Mela ejja biss żid xi ħaġa super sempliċi fuq il-
immaġni, bħall-header.
All I ghamilt s'issa hija tuża l-header tag, H1, u waqfa linja tag, br.
Il-lametta header jagħmel il-font ftit daqsxejn akbar u aktar prominenti.
Il-lametta break linja, fuq l-oħra naħa, huwa tip ta 'kessaħ.
B'differenza aktar tags ieħor, inti ma għandekx ftuħ u break għeluq tag, just
dik murija hawn fuq.
Dan huwa għaliex break ebda kontenut u għalhekk, element vojt.
>> Elementi vojta bħal dan, inti tista 'tiftaħ u qrib simultanjament sempliċiment billi
inkluż slash quddiem fil- tmiem tad-dikjarazzjoni inizjali.
Allura issa website tiegħi jistenna ftit xi ħaġa bħal din.
Aħjar, iżda tip ta 'jħoss bħal tmiem mejta.
Hemm imkien ieħor biex imorru aside minn din il-paġna prinċipali.
Well, ejja jiffissaw dak minn inkluża konnessjoni.
>> Dak li jien ser tagħmel hawnhekk hija tuża attribut denotata u jagħmlu l-
image link għal, ejja ngħidu, CS50 TV.
B'dan il-mod, kull meta xi ħadd clicks fuq me, browser tagħhom se tkun diretta lejn
ieħor, probabbilment aktar utli, paġna web.
I kellna biex jimminimizzaw l-daqs tal- test daqsxejn għax-paġna web tagħna huwa
jkollna aktar avvanzati.
Iżda nisperaw, huwa għadu ċar.
Website tiegħi jistenna eżattament l-istess biss issa, kulmeta I ikklikkja fuq l-istampa,
browser tiegħi se jiftħu ieħor tab għall-paġna web CS50.tv.
>> Fl-aħħar nett, ejja ngħidu jien ser stil din il-websajt aktar tard jużaw CSS.
CSS huwa dak li hu magħruf bħala karta tal-istil cascading.
U bażikament jipprovdi effiċjenti mod biex jeditjaw u stil
blokki simili ta 'kodiċi.
Irrid li tibda torganizza HTML tiegħi jagħmluha eħfef stil aktar tard.
Hawnhekk, I waqqfet żewġ tipi differenti ta ' identifikaturi biex jgħinu jorganizzaw kodiċi tiegħi.
Stajt użati l-attribut ID ġewwa diviżjoni, jew tikketta div, u stajt użati
Klassi attribut ġewwa tag ieħor div.
>> Attributi ID u Klassi taħdem bl-istess mod.
L-unika differenza hija li inti tista 'biss ikollha element wieħed, l-ID speċifiku, iżda
kwalunkwe numru ta 'elementi jistgħu jaqsmu klassi.
Hekk per eżempju, nista 'nuża l-klassi immaġni multipli darbiet, imma ma nistax
joħolqu ieħor diviżjoni bil-quċċata ID.
Għalkemm I ma marret fil CSS, lingwa oħra użata komunament
flimkien ma HTML, ladarba I tibda grafika kodiċi tiegħi ma CSS, I jistgħu jużaw dawn
attributi organizzattivi għall-influwenza estetika web page tiegħi.
>> Kollox ġewwa l-ogħla diviżjoni se jkollhom stylings simili, jew kwalunkwe
grupp ieħor ta 'grupp HTML I fil- image klassi se jaqsmu ħarsa simili.
Dan huwa ħafna aktar faċli milli jippruvaw li jeditjaw u stampi stil jew blokki ta '
test individwalment.
>> Allura aħna marru fuq il-baŜi ta 'kif biex tagħmel paġna web bl HTML.
HTML għandha mazz ta 'karatteristiċi oħra wisq li meta paired ma 'lingwi oħra
bħall-CSS u JavaScript, jista 'verament jagħmlu paġni stand out.
L-aħjar mod biex jiksbu komda ma HTML huwa biss li mess madwar magħha,
ara dak xogħlijiet, u x'ma jaħdimx.
>> Jisimni Daven Farnham.
Dan huwa CS50.
>> Hekk per eżempju, I jistgħu jużaw l-immaġni klassi -
Le, hemm daqstant attributi.
Jisimni Daven Farnham.
Dan huwa CS 650.
Irrid ngħid CSS.
Dan huwa CSS.