>> DAVEN Farnham: Jodi a, mwen pral pale yon ti kras sou HTML,
Ipèrtèkst markeup lang.
Ou wè HTML toupatou jou sa yo.
An reyalite, si w ap gade sa a videyo nan yon navigatè, w ap
wè HTML kounye a.
HTML se pa yon lang programmation, olye, li nan yon lang markeup itilize pa
navigatè entènèt rann paj sou entènèt la.
>> Se konsa, ou ka mande, ki jan egzakteman ap ekri yon paj wèb nan HTML diferan
soti nan ekri yon pwogram nan yon pwogram lang tankou C?
Oke, C se yon lang ki gen trè sevè règ sentaks ki bezwen yo dwe
konpile anvan li ka kouri.
Si ou janm bliye genyen ladan yo yon pwenvigil nan fen yon deklarasyon ki nan
Kòd ou C, ou konnen sa m ap di sou nan konsidere strik sentaks.
>> Navigatè entènèt menm si, se yon ti jan pi plis padonnen lè li rive HTML.
Menm si HTML ou a pa syntactically kòrèk, paj ou ka toujou
parèt pa yon navigatè, men li ta ka pa gade jan ou gen entansyon.
Se konsa, li la toujou pi bon yo swiv règleman yo.
Pi bon fason pou yo ka resevwa yon entwisyon sou ki jan bagay sa yo travay se yo
ale nan yon egzanp.
>> Se konsa, sa nou gen isit la se yon debaz plan pou yon paj entènèt.
Ou pwobableman remake yon bann bagay sa yo nan ant parantèz Incline.
Oke, sa yo se jis Tags.
Tags fondamantalman enfòme navigatè entènèt sa a, hey, yon bagay
la ap vini fason ou.
Sonje menm si, chak fwa ou louvri yon tag, ou bezwen fèmen l 'yon fwa ou yo se
fè lè l sèvi avèk li.
>> Se konsa, pou egzanp, mwen louvri yon seksyon nan kòd ak louvri
kò bracket, fèmen bracket.
Mwen Lè sa a, ajoute kèk tèks, nan ka sa a, mwen paj entènèt premye Lè sa a, lè mwen te ale nan
fèmen seksyon sa a, mwen sèvi ak prèske yon tag eksepte tan sa a ak yon
pou pi devan koupe anvan kò.
An jeneral, sa a se fòma a ou se pral sèvi ak nenpòt lè w ap louvri
ak fèmti Tags.
Ansanm, yon tag louvri ak yon tag fen konpoze sa yo rele yon eleman.
>> Si ou gade nan liy lan premye, ou pral wè yon pwen esklamasyon ki te swiv pa
Doktip html.
Sa a se vrèman jis di navigatè ou a ki dosye a se yon paj wèb
ekri nan HTML.
Tag nan HTML esansyèlman di, isit la vini kèk HTML.
Lè sa a, nou gen yon tag tèt ak yon tag tit andedan li.
Tag nan tèt ou ka panse a kòm comprenant kòd HTML ki vini pou
èstime nan paj ou a entènèt reyèl kontni.
>> An jeneral, ou mete tit la nan ou paj entènèt isit la, menm si gen kèk
lòt Tags ki ka parèt isit la tou.
Pwochen vini kò paj entènèt ou an, an vyann aktyèl ak zo nan sit entènèt ou.
Nan egzanp nou an, nou te jis mete yon senp fraz, Premye Paj wèb m 'yo,
ki, si nou kouri sit nou an, ap gade yon ti kras yon bagay tankou sa a.
Paj wèb nou an ki pa twò se sa men pa enkyete w.
Nou pral Spruce li moute byento.
>> Se konsa, HTML ki pi wo a, nou pral ba ou yon trè modèl debaz pou yon paj entènèt,
pa gen anyen anpenpan, jis zo yo fè.
Men, si mwen kreye yon paj entènèt, E si mwen vle ajoute yon
foto nan, di, tèt mwen?
Bon, mwen ka fè sa.
Gen yon koup nan fason yo ajoute imaj nan sit ou a.
Si imaj la se nan dosye a menm jan ak dosye HTML ou, ou ka mennen nan an
imaj via chemen tankou sa a.
>> Ou louvri moute ak yon tag imaj swiv pa nan Alt atribi nan la
sous imaj la.
Valè atribi nan Alt a se sèlman kèk tèks altènatif nan ka yon itilizatè pa kapab
wè imaj la.
Sinon, ou ka tou mennen nan imaj atravè yon URL plen, tankou sa a.
Koulye a, ki sou sit wèb pa reyèlman egziste, Men, si te gen yon foto nan
m 'nan adrès sa a, mwen ta ka itilize sous URL la genyen ladan yo
imaj li sou sit entènèt mwen an.
Nenpòt fason, ou fini ak yon anpil bèl pase sit entènèt, yon bagay tankou sa a.
>> Oke, sa a, se bèl fre, men mwen kalite nan vle gen kèk tèks isit la tou.
Se konsa, kite yo jis ajoute yon bagay super senp pi wo a nan
imaj, tankou header la.
Tout sa mwen te fè byen lwen tèlman se sèvi ak lento a tag, H1, ak yon ti repo liy tag, br.
Tag nan header fè font la yon ti kras ti jan pi gwo ak pi plis enpòtan.
Tag nan liy repo, nan lòt la men, se kalite fre.
Kontrèman ak pifò lòt Tags, ou pa gen yon ouvèti ak fèmti kraze tag, jis
sa yo montre pi wo a.
Sa a se paske ti repo pa gen okenn kontni e se poutèt sa, yon eleman vid.
>> Eleman vid tankou sa a, ou ka ouvè epi fèmen ansanm tou senpleman pa
ki gen ladan yon koupe pi devan nan la nan fen deklarasyon inisyal la.
Se konsa, koulye sit entènèt mwen an sanble yon ti kras yon bagay tankou sa a.
Pi bon, men li kalite santi l tankou yon fen mouri.
Genyen okenn kote lòt bagay yo ale sou kote soti nan paj prensipal sa a.
Oke, kite la ranje ki pa ki gen ladan yon lyen.
>> Sa mwen ap pral fè isit la se sèvi ak yon atribi deziye pa A ak fè a
imaj yon ap mennen nan, se pou yo di, CS50 televizyon.
Nan fason sa a, chak fwa okenn moun klik sou m ', ap navigatè yo dwe adrese dirèkteman ba
yon lòt, pwobableman plis ki itil, paj wèb.
Mwen te gen pou misyon pou minimize gwosè a nan la tèks yon ti jan paske paj entènèt nou an, se
resevwa plis avanse.
Men, èspere ke, li la toujou klè.
Sit entènèt mwen an sanble ekzakteman menm bagay la sèlman kounye a, lè mwen klike sou foto a,
navigatè m 'pral louvri moute yon lòt tab pou paj wèb la CS50.tv.
>> Anfen, kite a di mwen pral style sit entènèt sa a pita lè l sèvi avèk CSS.
CSS se sa ki se li te ye kòm yon style kaskad fèy.
Epi li fondamantalman bay yon efikas fason yo modifye ak style
blòk menm jan an nan kòd.
Mwen vle kòmanse òganize HTML mwen an fè li pi fasil style pita sou.
Isit la, mwen mete kanpe de diferan kalite Idantifyan yo ede òganize Kòd m 'yo.
Mwen te itilize atribi nan ID andedan yon divizyon, oubyen tag div, epi mwen te itilize yon
Gwoup atribi andedan yon lòt tag DIV.
>> Atribi ID ak Gwoup travay Menm jan an tou.
Sèl diferans ki genyen ou ka sèlman gen yon sèl eleman, ID a espesifik, men
nenpòt ki kantite eleman ka pataje yon klas.
Se konsa, pou egzanp, mwen kapab itilize klas la imaj plizyè fwa, men mwen pa kapab
kreye yon lòt divizyon ak tèt la ID.
Malgre ke mwen pa te ale nan CSS, yon lòt lang souvan itilize
ansanm ak HTML, yon fwa mwen kòmanse manier Kòd mwen ak CSS, mwen ka sèvi ak sa yo
atribi òganizasyonèl enfliyans estetik paj entènèt mwen an.
>> Tout bagay nan tèt la divizyon ap gen stylings menm jan an oswa nenpòt ki
lòt gwoup HTML gwoup mwen an nan imaj klas pral pataje yon gade menm jan an.
Sa a se pi fasil pase ap eseye modifye ak imaj style oswa blòk nan
tèks endividyèlman.
>> Se konsa, nou janbe Basics yo nan ki jan fè yon paj entènèt ak HTML.
HTML gen yon pakèt moun sou lòt karakteristik twò ki lè pè ak lòt lang
tankou CSS ak JavaScript, kapab reyèlman fè paj kanpe deyò.
Pi bon fason pou yo ka resevwa konfòtab ak HTML se jis dezòd alantou ak li,
wè sa ki ap travay, ak sa ki pa fè sa.
>> Non mwen se Daven Farnham.
Sa a se CS50.
>> Se konsa, pou egzanp, mwen kapab itilize imaj la klas -
Pa gen, gen atribi anpil.
Non mwen se Daven Farnham.
Sa a se CS 650.
Mwen vle di CSS.
Sa a se CSS.