>> Doug LLOYD: Allura aħna jintefqu about-- jekk matematika tiegħi hija tajba,
U naħseb tfittex back-- I think moħli madwar 35 videos jitkellem
dwar l-aspetti varji ta 'C, forsi ftit aktar, forsi ftit inqas.
U aħna ma tkoprix kollox C, iżda aħna
koperti blokki kbar tal- lingwa, il-maġġoranza vasta ta 'dan,
ċertament għal użi komuni.
Issa aħna qed tmur biex jitkellmu dwar il-lingwa oħra, HTML.
U aħna qed tmur biex ikopru hija wieħed biss video.
>> Iżda li għaddej biex tkun OK.
Li għaddej biex attwalment isiru xi ħaġa int ser jidraw.
Issa li inti għandek l- fundamenti tal-lingwa waħda,
huwa attwalment pjuttost faċli biex tibda t-tagħlim oħrajn.
Allura aħna qed tmur biex tibda li pass ftit lura
u tleqqija fuq il-bażiċi differenzi bejn dawn il-lingwi
u tip ta 'tħallik lilha.
Hemm ħafna ta 'verament kbir riżorsi fuq l-internet, li
aħna qed tmur biex tibda direzzjoni li inti lejn minħabba li l-internet huwa
repożitorju kbir ta 'informazzjoni.
U għalhekk mhuwiex simili inti ser tkun qed titlef neċessarjament
billi ma l-informazzjoni koperti fil-video.
Int ser ikollok xorta tkun tista 'tikseb dak kollu li għandek bżonn u l-użu
l-għarfien inti stajt diġà mibnija mill-fehim C
li jagħmlu l-kurva tat-tagħlim għal dawn lingwi oħra attwalment aktar fissa ħafna.
Nwiegħed.
>> Imma ejja nitkellmu dwar il-lingwa waħda li tassew fundamentali għal kull web
paġna, li hija HTML.
HTML huwa l-Hyper Text Markup Language.
HTML hija lingwa iżda huwa mhux lingwa ta 'programmar.
>> HTML ma jkollux varjabbli.
Huwa ma jkollu loġika jew funzjonijiet jew xi ħaġa bħal dik.
Aħna ma tistax tagħmel xi programmazzjoni per se fl HTML.
Kultant inti ser tisma nies jiddeskrivu lilhom infushom
kif programmaturi HTML, li mhuwiex kompletament preċiża.
Aħna ma tistax tikteb programmi HTML.
>> HTML huwa biss użati biex jiġu mmarkati l test.
Huwa sejjaħ lingwa markup.
U dak li din does-- dan markup-- nużaw tags HTML u dawn tags--
dan markup-- semantikament jiddefinixxi l-istruttura ta 'paġna
u jikkaġuna l-kliem sempliċi li teżisti bejn tags għandu jiġi interpretat
billi browsers b'modi differenti.
U forsi huwa aħjar li jispjegaw b'dan il-mod minn ta 'illustrazzjoni.
>> Hawn paġna HTML sempliċi ħafna, mhux programm HTML, għal darb'oħra, paġna HTML.
U nafu huwa ta ' Paġna HTML għaliex konna
tmiss kollox ma 'tags HTML.
Allura dan huwa dak li tag HTML Dehra.
Huwa bejn parentesi angolu.
U avviż fil-quċċata għandna HTML u fil-qiegħ nett,
wara we ghamilt dak li hu apparentement ħafna HTML oħra,
għandna angolu slash parentesi HTML.
Allura dik it-tip ta 'l-konfini bejn dak li huwa HTML u dak li mhux.
U ovvjament, konvenzjonalment, just kif inti kiteb kollha ta 'programmi C tiegħek
ma estensjonijiet dot C, kollha ta 'fajls HTML tiegħek
se jispiċċa bil estensjonijiet dot HTML.
Iżda hemm aktar jiġri hawn.
Aħna mhux biss ikollhom dawn it-tags HTML.
Aħna apparentement jkollhom din ħaġa imsejħa tag ras.
Ukoll, OK, x'hemm dan?
>> Ukoll forsi huwa aħjar li jiddistingwu permezz ta 'korp,
korp huwa l-kontenut tal-paġna web.
Hekk forsi l-tikketta ras jiddefinixxi Jittieħed li mhuwiex fit-tieqa browser xierqa,
iżda huwa b'xi mod importanti biex tagħna paġna web li jirrendu korrett.
Per eżempju, ġewwa tal- tag ras għandna tags titolu.
>> Allura titolu qed bonjour dinja, li l-fatt se jkun dak
juri fil-tab fil Chrome jew safari jew Firefox--
tkun xi browser inti prefer-- li l- x'inhu għaddej li juru fit-titolu.
U qabel tabs ikun juri up fil-tieqa tiegħek browser kollu
u inti tista 'biss ikollha paġna waħda tiftaħ fi tieqa browser kull darba.
Allura li għaddej biex tkun l- titolu tal-paġna tiegħi fil-tab
jew il-bar browser window, bonjour dinja.
U allura l-kontenut ta 'tiegħi paġna tal-web se jkun dinja, bonjour.
Mela ejja tagħti ħarsa lejn dak li xi wħud Ħaġa bħal din jista 'dehra.
Din hija paġna HTML pretty sempliċi.
Hekk jien hawn fil IDE CS50 tiegħi u Stajt żżomjati fi ftit.
U jien biss se jiftħu bonjour dot HTML
u nuruk li dan huwa pretty ħafna il kontenut tal-paġna li rajna qabel.
Tags sempliċi tiegħi HTML, ras, tags titolu, korp, u l-bqija.
Stajt inċiża li jkunu nodfa.
>> U allura dak I tista 'tagħmel fil tiegħi IDE huwa biss preview-paġna.
U hemm immorru.
Il-kontenut tal-paġna tiegħi huwa dinja, hello, u jien ma tara xejn
minn-tags ras hemmhekk.
Huwa biss il-kontenut tal-ġisem.
Dinja, bonjour.
U għal darb'oħra l-korp biss qal, dinja, bonjour.
Il-parti l-oħra hija nieqsa.
>> Allura li tassew kollox huwa.
Din hija paġna sempliċi ħafna HTML bażiku.
Issa stajt inċiża HTML tiegħi biex jkun verament sbieħ u organizzata,
imma jien ma attwalment ikollhom.
I tista 'tagħmel ħarsa pretty ikrah.
U dan xorta taħdem.
Dan ikun l-istess paġna web eżatt.
Stajt biss gotten rid ta kollha ta 'l-ispazju abjad.
>> Kif jirriżulta, l-ispazju abjad hija data.
U hekk meta aħna qed tintbagħat data minn mittent li riċevitur, mill-server
lill-klijent, id-data jiswa l-flus.
U għalhekk jwarrbu whitespace huwa attwalment idea tajba
jekk int xi ħadd li jservi ta 'lott ta' kontenut web.
Hija idea ħażina jekk int xi ħadd li huwa tagħlim dan il-għalf
u inti tixtieq li jkollok dan nicely organizzata.
Dan huwa ħafna aktar faċli biex parse minn dan.
Iżda huwa funzjonalment identiċi.
>> Il indentazzjoni u għalf bħal dik fatt ma jimpurtax fil HTML.
Uniku fatt rilevanti huwa tags ftuħ u għeluq tags fl-ordni korretta.
Avviż dak li ġara hawn, għalkemm.
L-awment tagħtina mod biex tikkomunika informazzjoni addizzjonali
dwar dak li konna bil-miktub.
Il-parti Hello, World kien interpretat bħala t-titolu.
U d-dinja, bonjour parti kienet interpretat bħala l-kontenut
jew dak li għandu jkun viżibbli fuq il-paġna web tiegħi.
>> Hemm aktar minn 100 minn dawn differenti tags u lottijiet ta 'riżorsi kbira
online biex isibu lilhom.
Aħna qed tmur biex jitkellmu dwar ftit minnhom f'dan il-video, xi
mill-għalf verament fundamentali.
Iżda aħna ma tkunx qed tmur talk dwar dan kollu minħabba li
ikun eżawrjenti li jagħmlu dan.
>> Ħaġa oħra li tista 'tagħmel, għalkemm, huwa jiftħu għodod iżviluppatur.
U jekk inti recall minn vidjo tagħna fuq HTTP,
I spjegat kif tiftaħ up għodod iżviluppatur.
Fil Chrome huwa ġeneralment l-muftieħ F12 biex jinfetaħ is-toolbar iżviluppatur.
Imbagħad minflok jagħżlu l-Netwerk tab, inti tista 'tagħżel l-tab Elementi.
U jekk inti tagħbija web paġna, inti ser fil-fatt
tara l-HTML li toħloq dik il-paġna web.
U għalhekk inti tista 'titgħallem ħafna dwar HTML billi tħares lejn websajts favoriti tiegħek
u tara kif dawn jibnu l- diversi biċċiet minnhom li tixtieq.
Allura forsi hemm dan jibred mudell jew xi ħaġa bħal dik.
Kif dawn jagħmluha bl HTML?
Well inti tista 'biss tiftaħ iżviluppatur tiegħek għodod u imbagħad matul dak l-element
u ara eżattament dak HTML jagħmilha.
Allura dak verament mod tajjeb biex jitgħallmu HTML,
u I jirrakkomanda bil-qawwa li inti tagħmel dan kemm biex jitgħallmu HTML
u wkoll biex jitgħallmu ftit ftit dwar xi wħud mill-għażliet
disponibbli lilek fil għodod iżviluppatur, li
ċertament se jidħlu fil handy kif tibda tagħmel web aktar intensiv
programmazzjoni.
>> Mela ejja tagħti ħarsa lejn Koppja ta 'tags komuni HTML.
U aħna ser jaqbżu u tagħti ħarsa lejn liema dawn tags se tagħmlu wkoll
billi tħares lejn xi fajls fil IDE tiegħi.
Allura hawnhekk huma tliet tags bażika ħafna għall tweaking l-apparenza viżiva tat-test.
Hemm tags B, tags I, u tikketti U.
U rispettivament dak li jagħmlu huwa it-test bejniethom b'tipa grassa,
korsiv, u għamlu enfasi.
Mela ejja ara dak li look bħal fuq sit web attwali IDE tiegħi.
>> Allura hawn fil IDE tiegħi I jkollhom fajl imsejħa BIU dot HTML.
BIU dot HTML biss qed grassa, korsiv, b'enfasi fuq.
I ser tiftaħ it up.
>> U aħna ser tara li hawn I jkollhom dan it-test huwa tags B bold.
Dan it-test huwa tags I korsiva.
U dan it-test huwa tags U enfasizzat.
X'inhu dan se look like?
Well darb'oħra, kollha I jkollhom tagħmel hu li tmur minn hawn
lill-browser tiegħi, fajl browser tiegħi, ikklikkja Preview, u dan huwa dak li taqa up.
>> It-test bejn il-B tags huwa tabilħaqq issa bold.
It-test fl bejn il-I tags huwa tabilħaqq issa korsiva.
U t-test bejn il-U tags huwa tabilħaqq issa enfasizzat.
Allura dak pjuttost tajba.
Aħna issa jkunu jafu kif jagħmlu test tfittex ftit aktar fancy
jew li jiġbdu enfasi li ċerti affarijiet.
Ieħor ftit tags komuni hawn huma paragrafu tags, tags P, u header,
li stajt mogħtija hawn bħala Hx.
>> Dawn it-tabelli P, dawn paragrafu tikketti, break test tiegħek up fis paragrafi.
Mhuwiex biżżejjed li biss hit jidħlu u jħallu spazji,
minħabba kompjuter hija biss ser li tagħmel dak li għid li tagħmel
u tinjora abjad ispazju għall-parti l-kbira.
Allura ma nistgħux biss hit Ikteb u jistennew kompjuter tagħna
li tinterpreta li aħna rridu li jibdew paragrafu ġdid.
Irridu ngħidu b'mod espliċitu ħafna dan hija waħda paragraph-- dan huwa another--
billi tagħlaq kull f'sett ta 'tikketti P.
>> U għandna wkoll dawn l-għażliet għall tags H, dawn it-tags header.
Illum għandna sitt livelli differenti ta 'headers, wieħed, tnejn, tlieta,
erba ', ħames, u sitta, li huma progressivament akbar u akbar
headers.
U huma jiksbu iżgħar u iżgħar u iżgħar.
Allura aħna għandna header ogħla livell, it-tieni header livell, u l-bqija, u l-bqija.
>> Ejja tagħti ħarsa lejn forsi xi Tags P u xi tags header
fl-azzjoni fuq paġna web.
Allura hawn fil IDE tiegħi I jkollhom fajl imsejjaħ PH dot PH jkunu paragrafi HTML,
u tags header.
Iftaħ li up.
Hemm ħafna jiġri hawn għaliex stajt jqajjem xi Lorem
ipsum, xi test biss każwali fil hawn.
So I ser zoom out ftit għaliex hemm daqstant għaddej.
Imma avviż li għandi fil-ħafna top hawn I jkollhom H1, livell wieħed,
tag header.
Imbagħad I jkollhom paragrafu, li huwa biss mazz ta 'Lorem text-- każwali ipsum--
biss default mili standard fit-test.
So I għandhom żewġ paragrafi ġewwa ta 'dak livell wieħed header u mbagħad stabbiliti hawn taħt I
jkollhom livell ta 'żewġ header hawn fuq il-linja 24, tieni header livell, u tnejn oħra
paragrafi.
Ukoll dan xi look like jekk I tarah fil preview tiegħi?
Ejja naraw.
>> Allura avviż li l- ewwel header livell hawn
huwa attwalment pjuttost ftit akbar mit-tieni header livell.
Allura aħna użati tags H1.
U tinnota li l-tags P inessu break affarijiet fil-paragrafi.
Jekk kellna gotten rid ta 'dawk tags P u fil-fatt imqiegħda biss Jidhol jew Returns
bejn dak li aħna ttamat kieku jkun il-paragrafi differenti,
huma kollha biss slam flimkien u ma jkollhomx dan il-paragrafu sbieħ
separazzjoni bi spazju fuq u taħt.
U hekk dan huwa dak paragrafu tags u tags header
huma komunement użati biex jagħmlu biex tiġbed attenzjoni għall-porzjonijiet tal-paġna web tagħna
b'dan il-mod.
>> Up li jmiss huma xi tags li nużaw biex jibnu listi fuq il-paġna web tagħna.
Allura aħna għandna unordered lists-- ULs-- li huma biss
listi bulleted, ordnati lista li huma numbered--
OLs-- u ġewwa ta 'jew wieħed minn dawk għandna bżonn li jkollhom
settijiet ta 'kif jindikaw jelenkaw punti, LI.
U hekk aħna tag UL miftuħa u aħna jpoġġu punti ġewwa ta 'dan.
U allura meta aħna qed isir ma ' li, nistgħu tagħlaq il-tag UL.
>> U l-istess jista 'jkollna lista ordnati jew nnumerati
u mqiegħda jelenkaw punti ġewwa ta 'dan.
Mela ejja tagħti ħarsa lejn koppja ta 'listi
u dak li kieku tirrendi fuq IDE CS50.
So I jkollhom hawn fil IDE tiegħi fajl imsejħa listi dot HTML.
Ejja tagħti ħarsa.
>> U avviż hawn I jkollhom unordered lista ma 'ħames affarijiet fih.
U mbagħad I jkollhom lista ordnat, u Stajt biddel il-lametta ftit,
id-dritt?
Stajt qal bidu ugwali sitta.
Jirriżulta ma 'lista ordnat I tista 'tistabbilixxi l-punt tat-tluq fejn
I want-- kontumaċja se jkun one-- billi sempliċement tiżdied din l-hekk imsejħa attribut
li tag OL tiegħi.
U għalhekk din il-lista se jibdew jingħaddu mill-sitta.
Allura l-elementi ta 'dik il-lista nnumerati għandu jkun sitt, seba ', tmien, disa', għaxra,
għaliex hemm ħames elementi fil-lista, għall-kuntrarju wieħed,
tnejn, tlieta, erba ', ħames, li ikun il-każ jekk I kien qal OL
mingħajr ma tispeċifika l-attribut bidu.
>> Allura aħna ser biss preview dan sabiex inti tista ' jiksbu sens ta 'x'inhu għaddej hawn.
U hemm immorru.
Hemm lista tiegħi.
L-ewwel ħames elementi huma listi unordered jew bulleted.
U l-ħames elementi li ġejjin huma lista ordnat separata
jibdew minn sitt.
Allura li kif nistgħu jibnu listi jużaw HTML.
Ħaġa oħra li inti tista ' tixtieq li tagħmel ma HTML
tinbena tabella ta informazzjoni ta 'ringieli u kolonni
biex jippreżentaw l-informazzjoni partikolarment organizzati mod.
Biex tagħmel dan ma HTML jista 'jkollna definizzjoni tabella bidu parentesi miftuħa
tabella.
U allura ġewwa ta 'dik it-tabella aħna jista 'jkollhom sett ta' ringieli, tags TR
biex jindikaw kull ringiela.
U mbagħad tags TD mur ġewwa ta 'tikketti TR li tispeċifika kolonna fi filliera.
>> Għaliex huwa msejjaħ TD u mhux TC?
Ukoll, TD stands għal data tal-mejda.
Normalment int tqegħid informazzjoni tiegħek hemmhekk.
Allura hu għalhekk li huwa TD u mhux TC.
Huwa ftit konfuża.
>> Allura inti għandek tags mejda u ġewwa tal tags mejda tiegħek
għandek numru ta 'ringieli, TRs.
U ġewwa kull ringiela għandek TDS għan-numru ta 'kolonni
li inti tixtieq li jkollok f'dak ringiela partikolari.
Ejja tagħti ħarsa lejn ħafna tabella sempliċi fuq fil IDE CS50.
>> So I hawn fajl imsejħa tabella dot HTML.
Ejja jkollhom ħarsa lejn dak li qisu.
Hemm ħafna jiġri hawn, iżda jekk tinnota I jkollhom tabella miftuħa.
Jien jibdew id-definizzjoni mal-mejda.
U mbagħad fl-ewwel filliera tiegħi I apparentement jkollhom erba 'kolonni, wieħed, tnejn, tlieta,
erbgħa.
U allura jien jsir ma 'dak ringiela.
>> Imbagħad I tibda ringiela ieħor u do tnejn, erba ', sitt, tmien.
Finish dak ringiela.
Do ringiela ieħor, tlieta, sitta, disa, 12.
U mbagħad aħħar ringiela, erba, tmienja, 12, u għalkemm huwa
ftit maqtugħa hawn, 16.
>> I lest li filliera.
I lest il-mejda.
U allura jien jsir ma HTML tiegħi.
Xi jfisser dan look like?
Ukoll, mhuwiex verament ħafna biex tara.
Stajt organizzata b'mod ċar informazzjoni tiegħi b'mod kemmxejn aktar organizzati.
Imma din mhix super pretty hawn.
U aħna qed tmur biex jittrattaw li meta nitkellmu dwar CSS.
Aħna ser tirrevedi din l-idea ta ' dak li nagħmlu biex jagħmlu table--
forsi format ftit aħjar?
Imma jien xorta jkollhom erba 'ringieli, kull wieħed minnhom għandu erba 'kolonni,
u verament dak li dan jammonta għal huwa sempliċi ħafna erbgħa minn erba 'multiplikazzjoni
tabella.
>> Just ftit tags aktar aħna ser nitkellmu dwar.
Ejja nitkellmu dwar il- kunċett ta 'forma HTML.
Allura inti tista raw dan fil- kuntest ta jillogja web page.
Normalment inti tip fl-isem l-utent tiegħek.
Inti tip password tiegħek, u int tajba biex tmur.
Dan ikun il-bidu ta 'forma.
>> Taqbeż is-site fuq div tieni.
Għandna wkoll inputs li tip ta 'tajbin ġewwa ta' forom.
Dawn huma l-elementi li int fil-fatt ittajpjar fi,
jew il-buttuni tar-radju int timmarka, jew b'ċekk
kaxxi li int timmarka off.
Allura dawn imorru ġewwa ta 'forom.
U huma jinkludu bażikament kull ringiela tal-formola
jekk formola tiegħek hija ifformattjat sew.
Imbagħad hemm dan il-kunċett ta ' a div, li ma verament
tajbin fi kwalunkwe kategorija partikolari ta 'tikketti bħal dawk stajt
qed tagħmel qabel.
Hija biss it-tip ta tiddemarka l- bidu ta 'xi division-- arbitrarja
div-- tal-paġna.
M'hemm l-ebda waqfa viżwali.
M'hemm l-ebda linja.
Mhuwiex tpaċi bħala blokki separata awtomatikament.
Youd għandek stil lilha li mod biex tagħmel dan.
>> Hija biss it-tip ta 'tgħid Irrid biċċa ta 'spazju fuq il-paġna web tiegħi,
u jien biss ser sejħa dan din id-diviżjoni tal-paġna tiegħi.
Nistgħu npoġġu Jittieħed ġewwa tal divs, u fil-fatt,
meta aħna ras fuq IDE fit-tieni, aħna ser
tara li jien tqegħid tiegħi jiffurmaw ġewwa ta 'div.
>> So I jkollhom hawn fil IDE tiegħi fajl imsejħa div forma dot HTML.
Ejja jiftħuh.
Avviż li bħal I said, div huwa tip ta arbitrarja.
Dritt?
Hija ma verament tfisser xejn.
So I jkollhom arbitrarja ewwel diviżjoni tal-paġna tiegħi.
U allura minflok div ieħor aktar tard, li jibdew fuq il-linja tmienja,
Għandi din il-formola.
U ġewwa tal-formola I jkollhom numru ta 'inputs, oqsma tal-formola.
So I jkollhom qasam li ismu huwa A-- li ma verament tfisser xejn
now-- dritt li apparentement jieħu test, ieħor li
jieħu password, ieħor li l-Radju buttuna, ieħor li l-kaxxa kontroll,
u ieħor li l-buttuna issottometti.
Ukoll, dak ma dan kollu li jkun effettivament look like?
Well, ejja tagħti ħarsa.
Aħna ser tiftaħ it up fil-tieqa preview tagħna.
Avviż li dan arbitrarja ewwel division-- hemm
ebda separazzjoni viżwali hawn.
Hija ma verament tagħmel xejn, id-dritt?
>> U mbagħad I jkollhom forma tiegħi.
U jien ma tagħmel ebda ifformattjar speċjali.
Allura l-forma hija biss waħda ringiela kbira ta 'informazzjoni.
Jekk kelli ifformattjat forma tiegħi b'mod differenti, I jista 'jkollhom it-linja b'linja billi linja.
Imma I ma tagħmel ebda grafika.
Għal darb'oħra, aħna mhux qed jitkellem dwar CSS hawn.
Aħna biss jitkellem dwar HTML.
>> Ukoll fil-forma test tiegħi I tista type-- ftakar li l-forom ta 'test tip
so I tista 'tpoġġi l-isem tiegħi.
U fl password tiegħi I tista tip password tiegħi.
U minħabba li qasam huwa tal password tip,
inti ma tkunx taf liema password tiegħi huwa.
Huwa tikek kollha.
>> I tista 'wkoll jagħżel li immarka off buttuna tar-radju jew immarka off kaxxa verifika.
Jew I jistgħu jissottomettu l-formola tiegħi.
U jien ma tagħmel xejn, hekk meta I jissottomettu l-formola tiegħi,
il-paġna biss refreshes.
Imma I tista 'forsi jiġi kkonfigurat tiegħi Buttuna issottometti li tagħmel xi ħaġa oħra.
U aħna ser tara dak li nistgħu nagħmlu mal li fil-video futur fuq PHP.
Iżda dan jibni ħafna formola sempliċi li aħna
jistgħu jużaw biex ikollhom utenti jinteraġixxu u jissottomettu informazzjoni għall-websajt tagħna.
>> Wieħed aħħar kumment qabel we jimxu fuq xi tags oħra
għandhom jieħdu ħarsa lejn din tag input wieħed aktar ħin.
Avviż li stajt enfasizzat -truf tal-lametta bl-aħmar.
Kull tag oħra Rajna s'issa kellhom bidu u tmiem, ftuħ
tag u tag għeluq.
>> Iżda tag input ma.
M'hemm l-ebda test li tmur bejniethom tags input.
L-informazzjoni kollha aħna qed intenzjoni li twassal
hija marbuta bħala parti mill- attributi ta 'dak input.
Avviż għandna isem input ugwali x.
Tip ugwali y.
Li tassew l- informazzjoni li għandna bżonn.
>> Din tissejjaħ tag għeluq awto.
Dan ma jeħtieġx ftuħ u qrib minħabba kollha ta 'l-informazzjoni
tinsab ġewwa l- tag u l-attributi tagħha.
Allura xi kultant tkun taf tara dan, wisq.
Hekk biss tkun taf li jekk għandek tag li huwa kompletament self-contained,
tiftaħ u tagħlaq ruħha ma il-kategorija angolu miftuħ fuq ix-xellug
u l-angolu mmejla parentesi fuq il-lemin.
Ser naraw lil xulxin minn dawk dritt issa ma tags immaġni kif ukoll.
>> Qabel nitkellmu dwar stampi, aħna bżonn li nitkellmu dwar hyperlinks.
Jekk irridu page web tagħna li jkun interattivi u jgħinuna madwar,
ikun sbieħ jkunu jistgħu ikklikkja fuq waħda minn dawk
dak li tipikament kienet link blu.
Dan huwa attwalment kif nistgħu nibnu hyperlink fil-paġna web tagħna.
U interessanti biżżejjed hemm tag ieħor HTML
imsejħa rabta, li mhix hyperlink.
A hawn stands għall ankra, u li kif aħna jindikaw hyperlink.
>> A href ugwali x mezzi mur web page X. U kollox
bejn il-A tag miftuħa u l-għeluq A tag
huwa dak li għaddej biex tkun li enfasizzat test blu li tidher qiesha link
li aħna qed familjari magħhom.
Hawn taħt li għandna tag immaġini, li huwa awto-għeluq tag għall-wiri
immaġni jinsabu fil X. U inti tista 'tkun kapaċi li jibdlu
li l-immaġni billi tispeċifika wisa 'u għoli
u l-attributi oħra fil li dot dot dot hemmhekk.
>> Fil-qiegħ nett hawn għandna interessanti ħafna
tfittex tag li ma jkollhom tikketta għeluq.
Huwa exclamation punt DOCTYPE HTML.
Allura HTML kien madwar peress li l- 1990 għall-bini paġni web,
u marret għaddew minnu bosta reviżjonijiet minn dakinhar.
Aktar reċentement fl-2014 għadda reviżjoni
imsejħa HTML5 li issa hija l-kurrent tip ta 'de facto standard HTML.
>> Li jindika li web tagħna paġni huma miktuba bl-użu HTML5,
dan huwa kif aħna tibda off.
Hija tista 'titħalla barra iżda dak li bażikament
mezzi huwa inti ma tistax tuża kwalunkwe mill-tags li huma tags HTML5, dawk tikketti ġodda.
Allura aħna dejjem tibda off jekk aħna qed tuża HTML5.
U l-tags konna tkellimna dwar qabel mhumiex tags HTML5.
Iżda dan ikun jindika li Tags HTML5 se jkunu preżenti.
U hekk aħna exclamation HTML DOCTYPE, li
huwa fil-bidu nett ta 'tagħna Fajl HTML, u mbagħad wara dak il-punt
għandna attwalment ikollhom HTML tagħna miftuħa tag u tipproċedi minn hemm.
>> L-aħħar wieħed huwa tag kumment, li jidher kemmxejn differenti, wisq.
Dan jibda off ma 'angolu bracket sing exclamation
sing iżda l-ebda parentesi għeluq.
Fil bejn dawn iż-żewġ elementi hemmhekk huwa fejn tikteb kummenti tiegħek.
U ejja tagħti ħarsa lejn stampi u kummenti u links fil IDE CS50.
>> So I hawn fajl imsejjaħ link immaġni dot HTML li jien ser jiftħu.
U l-Avviż stajt ltqajna koppja ta ' kummenti hawn fil-kummenti HTML tiegħi.
Hekk biss bħal fis-C u oħrajn lingwi ta 'programmar,
HTML biss billi jkunu lingwa markup ma jkollu l-abbiltà li jkollhom kummenti.
U hekk jien apparentement ser post stampa ta 'Rick Astley
x'imkien bejn dan div tag, din id-diviżjoni arbitrarju.
Apparentement dan il-fajl huwa jinsabu fil Rick dot JPEG, li
jekk aħna ras lura matul il siġra fajl tiegħi għat-tieni,
huwa fajl li teżisti fl l-direttorju kurrenti.
Allura dak OK.
I tista 'referenza dan.
>> Imbagħad I jista 'jkollhom links interni.
Allura avviż fuq il-linja 11 hawn href tiegħi huwa bonjour dot HTML.
Allura li biss tirreferi għall bonjour dot HTML li teżisti fid-direttorju kurrenti.
U nista 'wkoll ikollhom esterna rabtiet minn biss jispeċifika HTTPS
li jindika li jien ma jitkellem dwar fajl fl-direttorju kurrenti tiegħi.
Jien jitkellem dwar fajl li jeżisti x'imkien fuq l-internet, li għandi
li jitolbu użu tal-protokoll HTTP.
>> Mela ejja tagħti ħarsa lejn dak li din il-paġna jista 'dehra
u mħejija għal stampa ta 'Rick Astley biex juru up fuq l-iskrin tiegħek.
So I ser preview dan.
Hemm Rick Astley fil- top ħafna f'dan arbitrarju
diviżjoni I poġġih fil-quċċata.
U mbagħad stabbiliti hawn taħt I għandhom rabtiet tiegħi, id-dritt?
>> I jkollhom link għall bonjour dot HTML.
U jekk jien ikklikkja li, niġi mċaqalqa għal din il-paġna
li aħna qed familjari ħafna ma 'mill -bidu nett tal-programm tagħna.
Jekk I pop dik il-paġna miftuħa mill-ġdid, jekk I pop link immaġni tiftaħ waħda aktar ħin,
I tista 'wkoll tmur esternament għall-websajt CS50 s.
U hemm aħna see-- I ser zoom out ftit here--
Ser naraw website CS50 ta tip ta ' inkorporati fin-nofs tal-paġna tagħna.
So I kienet f'pożizzjoni li tagħmel interna rabta kif ukoll link esterna.
>> L-aħħar regola ma HTML li aħna qed tmur biex jitkellmu dwar hawn
hija li HTML tiegħek għandha tkun iffurmata tajjeb.
Fil C tkellimna ħafna dwar l sintassi differenti ta 'affarijiet.
Fil HTML l sintassi verament iddur tags.
Kull tag inti tiftaħ jeħtieġ li jingħalqu.
U fil-fatt, kull tag inti tiftaħ għandhom jingħalqu fl-ordni invers.
>> Mela jekk inti tiftaħ tag bold, l korsiv tag, u mbagħad titwaħħal tikketta jenfasizzaw
tagħmel it-tlieta għal sett partikolari ta 'test,
għandek qrib magħhom fl-ordni invers.
Mela jekk inti miftuħa grassa, italic, jenfasizzaw, inti
tixtieq li tagħlaq jenfasizzaw, korsiva, b'tipa grassa.
Din it-tip ta 'inkapsulament huwa dak jżomm HTML sbieħ u organizzata.
>> B'differenza C, għalkemm, żbalji sintassi mhux se attwalment qed iwassal għal provisti HTML tiegħek possibilment.
HTML tiegħek jista 'jkun ma tajjeb iffurmat iżda xorta tkun taħdem.
U għalhekk dawn l-iżbalji tista sort ta 'slide by.
Huwa sa inti biex verament tkun viġilanti.
Xi drabi dawn se jonqsu iżda xi kultant tista 'jitbiegħed magħha.
>> Hija tista 'tkun verament kompitu diffiċli, għalkemm,
iżżomm kont ta 'meta inti miftuħa tag, meta inti magħluqa din,
speċjalment fir HTML tiegħek fajls tikber u akbar.
Int ser ikollok jridu xi għajnuna.
U hemm online għodod validatur li inti
jistgħu jużaw biex jkollhom ħarsa lejn web tiegħek paġna u ara jekk huwa ukoll iffurmati HTML.
U inti għandek definittivament tagħti ħarsa lejn dawk
u jibdew jużawhom kif inti jibdew jagħmlu xi xogħol ma HTML,
miktub HTML, biss sabiex inti tikseb xi drawwiet tajbin dwar organizzazzjoni
HTML tiegħek b'mod tajjeb u stil tajjeb u l-iżgurar
li int mhux qed jagħmlu xi ħaġa li tista 'toħloq żball sintassi li
jikkawża inti daqsxejn ta ' problema fl-triq.
>> Jien Doug Lloyd.
Dan huwa CS50.