>> DAVEN FARNHAM: Sa lá atá inniu, tá mé ag dul go dtí labhairt le beagán faoi HTML,
Hipirtéacs Markup Language.
Féach leat HTML ngach áit na laethanta seo.
Go deimhin, má tá tú ag breathnú ar an físeán i bhrabhsálaí, tá tú
bhfaca HTML ceart anois.
Ní HTML teanga cláir, in áit, tá sé ina teanga marcála a úsáideann
brabhsálaithe gréasáin chun leathanaigh i gcóir ar an idirlíon.
>> Mar sin, go dtiocfadh leat a iarraidh, conas go díreach a bhfuil scríobh ar leathanach gréasáin i HTML éagsúla
ó scríobh clár i gcláir teanga mar C?
Bhuel, tá C teanga an-dian rialacha comhréire gur gá a bheith
thiomsú sular féidir é a reáchtáil.
Má tá tú dearmad riamh a chur san áireamh Leathstad ag deireadh na ráiteas i
do chód C, tá a fhios agat cad mé ag caint faoi ​​i dtaca le chomhréir dian.
>> Brabhsálaithe Gréasáin áfach, go bhfuil beagán níos mó forgiving nuair a thagann sé go HTML.
Fiú más rud é nach bhfuil do HTML syntactically ceart, is féidir do leathanach a bheith fós
taispeáint ina bhrabhsálaí, ach d'fhéadfadh sé Ní breathnú mar a bhí beartaithe agat.
Mar sin, tá sé i gcónaí is fearr chun leanúint na rialacha.
An bealach is fearr a fháil ar intuition faoin gcaoi a bhfuil rudaí oibre a
dul trí shampla.
>> Mar sin, cad atá againn anseo bunúsach treoirphlean le haghaidh leathanach gréasáin.
Tá tú faoi deara dócha go bhfuil a lán de na rudaí i idir lúibíní uilleacha.
Bhuel, iad siúd ach clibeanna.
Clibeanna chur ar an eolas bunúsach brabhsálaithe gréasáin sin, hug, rud
ag teacht do bhealach a dhéanamh.
Cuimhnigh cé, aon uair a osclaíonn tú chlib, is gá duit a dhúnadh nuair a tá tú
dhéanamh as é a úsáid.
>> Mar sin, mar shampla, a oscailt mé alt de chód agus oscailte
comhlacht lúibín, lúibín dhúnadh.
Mé ansin cuir roinnt téacs, sa chás seo, mo leathanach gréasáin an chéad ansin nuair a chuaigh mé go dtí
dhúnadh alt seo, a úsáid mé beagnach chlib comhionann ach amháin an uair seo le
ar aghaidh Slais roimh chomhlacht.
Go ginearálta, is é seo an fhormáid bhfuil tú ag dul a úsáid aon uair a bhfuil tú ag oscailt
agus clibeanna dúnta.
Le chéile, ar chlib oscailte agus tag deireadh chumadh cad atá ar a dtugtar gné.
>> Má fhéachann tú ar an chéad líne, beidh tú féach ar pointe exclamation dhiaidh
Html DOCTYPE.
Tá sé seo i ndáiríre ach ag insint do bhrabhsálaí go bhfuil an comhad ar an leathanach gréasáin
scríofa i HTML.
Deir an chlib HTML bunúsach, anseo a thagann roinnt HTML.
Ansin, ní mór dúinn tag ceann le tag teideal taobh istigh air.
An chlib ceann is féidir leat smaoineamh ar mar a comhdhéanta cód HTML a thagann chun
an chuid is mó de do leathanach gréasáin ábhar iarbhír.
>> Go ginearálta, chuir tú an teideal do leathanach gréasáin anseo, cé go bhfuil roinnt
clibeanna eile is féidir a le feiceáil anseo chomh maith.
Aghaidh a thagann do leathanach gréasáin chorp, an feoil agus cnámha iarbhír ar do láithreán gréasáin.
I ár shampla, tá muid a chur ach simplí abairt, Mo Chéad Leathanach Gréasáin,
a, má ritheann muid ár láithreán a bheidh, breathnú rud beag mar seo.
Ní Is é ár leathanach gréasáin ró-aisteach, ach ná bíodh imní ort.
Beidh muid spruce sé suas go luath.
>> Mar sin, an HTML thuas, beidh orainn a thabhairt duit ar an- teimpléad bunúsach do leathanach gréasáin,
aon rud mhaisiúil, ach na cnámha loma.
Ach má tá mé a chruthú leathanach gréasáin, cad más mian liom a chur ar
pictiúr de, a rá, mé féin?
Bhuel, is féidir liom é sin a.
Tá cúpla bealaí chun íomhánna a chur ar do shuíomh.
Má tá an íomhá san fhillteán céanna leis do comhad HTML, is féidir leat a nascadh leis an
íomhá tríd an cosán mar seo.
>> A oscailt tú suas le chlib íomhá leanúint ag i Alt tréith sa
foinse an íomhá.
Is é luach an tréith Alt ar ach roinnt téacs malartach i gcás úsáideoir nach féidir
féach ar an íomhá.
Nó, is féidir leat nasc freisin chun íomhánna trí URL iomlán, mar seo.
Anois, ní láithreán gréasáin ann i ndáiríre, ach má bhí pictiúr de
liom ag an seoladh sin, d'fhéadfadh liom a úsáid an URL fhoinse a chur san áireamh
a íomhá ar mo shuíomh gréasáin.
Slí amháin nó slí, deireadh tú suas le i bhfad láithreán gréasáin prettier, rud éigin mar seo.
>> Bhuel, tá go deas fionnuar, ach tá mé cineál ar iarraidh roinnt téacs anseo chomh maith.
Mar sin, a ligean ar a chur díreach rud éigin Super simplí os cionn an
íomhá, cosúil leis an header.
Gach atá déanta agam go dtí seo go bhfuil úsáid a bhaint as an header chlib, H1, agus sos líne a tag, br.
Déanann an chlib header an cló beag beagán níos mó agus níos suntasaí.
An chlib sos líne, ar an taobh eile lámh é, de chineál ar fionnuar.
Murab ionann agus an chuid is mó clibeanna eile, ní gá duit tag oscailte agus sos deiridh, ach
an ceann a thaispeántar thuas.
Tá sé seo toisc go bhfuil sos aon ábhar agus dá bhrí sin, gné folamh.
>> Eilimintí folamh mar seo, is féidir leat a oscailt agus gar ag an am céanna go simplí ag
lena n-áirítear a Slais ar aghaidh ag an deireadh an dearbhú tosaigh.
Mar sin, anois tá mo shuíomh gréasáin beag rud éigin mar seo.
Níos Fearr, ach de chineál ar mothaíonn sé cosúil le deireadh marbh.
Níl aon áit eile le dul ar leataobh as sin príomh-leathanach.
Bhuel, a ligean ar a shocrú go bhfuil ag lena n-áirítear nasc.
>> Cad Tá mé ag dul a dhéanamh anseo é úsáid tréith denoted ag A agus a dhéanamh ar an
íomhá nasc chuig, a ligean le rá, CS50 teilifíse.
Sa chaoi sin, aon uair cad a tharlaíonn nuair duine ar bith orm, Beidh a n-bhrabhsálaí a sheoladh chuig
eile, is dócha níos mó úsáideach, leathanach gréasáin.
Tá mé go raibh go n-íoslaghdófar an méid de na téacs beagán toisc go bhfuil ár leathanach gréasáin
ag fáil níos airde.
Ach tá súil agam, tá sé soiléir go fóill.
Breathnaíonn mo láithreán gréasáin díreach mar an gcéanna ach amháin anois, aon uair is mé cliceáil ar an pictiúr,
Beidh mo bhrabhsálaí a oscailt suas eile cluaisín do leathanach gréasáin CS50.tv.
>> Ar deireadh, a ligean ar rá Tá mé ag dul go dtí stíl an suíomh gréasáin seo níos déanaí baint úsáide as CSS.
Tá CSS méid atá ar eolas mar bileog stíle cascáideacha.
Agus cuireann sé go bunúsach éifeachtach bhealach a chur in eagar agus a stíl
bloic den chineál céanna de chód.
Ba mhaith liom a thosú mo eagrú HTML a dhéanamh níos éasca a stíl níos déanaí.
Anseo, a leagtar mé suas dhá chineál éagsúla de aitheantóirí chun cabhrú le eagrú mo cód.
Bainim úsáid as an tréith ID taobh istigh de roinn, nó chlib div, agus tá mé úsáid as
Rang tréith taobh istigh chlib div eile.
>> ID agus Aicme tréithe obair an dul céanna.
Is é an difríocht amháin is féidir leat a bheith ach eilimint amháin, an ID ar leith, ach
aon líon na n-eilimintí Is féidir le roinnt rang.
Mar sin, mar shampla, is féidir liom a bhaint as an rang íomhá amanna éagsúla, ach ní féidir liom
roinn eile a chruthú leis an barr ID.
Cé nach bhfuil mé imithe i CSS, teanga eile a úsáidtear go coitianta
taobh HTML, nuair a thosóidh mé styling mo cód le CSS, is féidir liom a úsáid ar na
tréithe eagraíochtúla chun tionchar a imirt ar mo leathanach gréasáin ar aeistéitic.
>> Gach rud sa rannán barr Beidh stylings chomhchosúla nó as aon
grúpa eile de HTML mé grúpa sa Beidh íomhá rang a roinnt le breathnú cosúil.
Tá sé seo i bhfad níos éasca ná mar a iarraidh a chur in eagar agus íomhánna stíl nó bloic de
téacs-aonar.
>> Mar sin, chuaigh muid thar an bunúsacha ar conas a dhéanamh ar leathanach gréasáin le HTML.
Tá a bunch gnéithe eile freisin HTML sin nuair a péireáilte le teangacha eile
cosúil le CSS agus JavaScript is féidir, i ndáiríre dhéanamh leathanaigh seasamh amach.
An bealach is fearr a fháil compordach leis Tá HTML ach a praiseach ar fud leis,
féach cad a oibríonn, agus cad nach bhfuil.
>> Is é mo ainm Daven Farnham.
Is é seo an CS50.
>> Mar sin, mar shampla, is féidir liom a úsáid an íomhá ranga -
Níl, tá go leor tréithe.
Is é mo ainm Daven Farnham.
Is é seo an CS 650.
Ba mhaith liom a rá CSS.
Is é seo an CSS.