1 00:00:00,000 --> 00:00:06,986 2 00:00:06,986 --> 00:00:10,450 >> DAVEN FARNHAM: Sa lá atá inniu, tá mé ag dul go dtí labhairt le beagán faoi HTML, 3 00:00:10,450 --> 00:00:12,330 Hipirtéacs Markup Language. 4 00:00:12,330 --> 00:00:14,450 Féach leat HTML ngach áit na laethanta seo. 5 00:00:14,450 --> 00:00:17,190 Go deimhin, má tá tú ag breathnú ar an físeán i bhrabhsálaí, tá tú 6 00:00:17,190 --> 00:00:19,120 bhfaca HTML ceart anois. 7 00:00:19,120 --> 00:00:22,760 Ní HTML teanga cláir, in áit, tá sé ina teanga marcála a úsáideann 8 00:00:22,760 --> 00:00:25,460 brabhsálaithe gréasáin chun leathanaigh i gcóir ar an idirlíon. 9 00:00:25,460 --> 00:00:30,410 >> Mar sin, go dtiocfadh leat a iarraidh, conas go díreach a bhfuil scríobh ar leathanach gréasáin i HTML éagsúla 10 00:00:30,410 --> 00:00:33,574 ó scríobh clár i gcláir teanga mar C? 11 00:00:33,574 --> 00:00:38,010 Bhuel, tá C teanga an-dian rialacha comhréire gur gá a bheith 12 00:00:38,010 --> 00:00:39,880 thiomsú sular féidir é a reáchtáil. 13 00:00:39,880 --> 00:00:43,070 Má tá tú dearmad riamh a chur san áireamh Leathstad ag deireadh na ráiteas i 14 00:00:43,070 --> 00:00:46,660 do chód C, tá a fhios agat cad mé ag caint faoi ​​i dtaca le chomhréir dian. 15 00:00:46,660 --> 00:00:50,360 >> Brabhsálaithe Gréasáin áfach, go bhfuil beagán níos mó forgiving nuair a thagann sé go HTML. 16 00:00:50,360 --> 00:00:53,860 Fiú más rud é nach bhfuil do HTML syntactically ceart, is féidir do leathanach a bheith fós 17 00:00:53,860 --> 00:00:57,150 taispeáint ina bhrabhsálaí, ach d'fhéadfadh sé Ní breathnú mar a bhí beartaithe agat. 18 00:00:57,150 --> 00:00:59,640 Mar sin, tá sé i gcónaí is fearr chun leanúint na rialacha. 19 00:00:59,640 --> 00:01:01,990 An bealach is fearr a fháil ar intuition faoin gcaoi a bhfuil rudaí oibre a 20 00:01:01,990 --> 00:01:03,300 dul trí shampla. 21 00:01:03,300 --> 00:01:07,360 >> Mar sin, cad atá againn anseo bunúsach treoirphlean le haghaidh leathanach gréasáin. 22 00:01:07,360 --> 00:01:10,690 Tá tú faoi deara dócha go bhfuil a lán de na rudaí i idir lúibíní uilleacha. 23 00:01:10,690 --> 00:01:12,900 Bhuel, iad siúd ach clibeanna. 24 00:01:12,900 --> 00:01:15,810 Clibeanna chur ar an eolas bunúsach brabhsálaithe gréasáin sin, hug, rud 25 00:01:15,810 --> 00:01:17,150 ag teacht do bhealach a dhéanamh. 26 00:01:17,150 --> 00:01:20,770 Cuimhnigh cé, aon uair a osclaíonn tú chlib, is gá duit a dhúnadh nuair a tá tú 27 00:01:20,770 --> 00:01:21,750 dhéanamh as é a úsáid. 28 00:01:21,750 --> 00:01:24,690 >> Mar sin, mar shampla, a oscailt mé alt de chód agus oscailte 29 00:01:24,690 --> 00:01:26,960 comhlacht lúibín, lúibín dhúnadh. 30 00:01:26,960 --> 00:01:31,280 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í 31 00:01:31,280 --> 00:01:35,540 dhúnadh alt seo, a úsáid mé beagnach chlib comhionann ach amháin an uair seo le 32 00:01:35,540 --> 00:01:37,660 ar aghaidh Slais roimh chomhlacht. 33 00:01:37,660 --> 00:01:41,140 Go ginearálta, is é seo an fhormáid bhfuil tú ag dul a úsáid aon uair a bhfuil tú ag oscailt 34 00:01:41,140 --> 00:01:42,680 agus clibeanna dúnta. 35 00:01:42,680 --> 00:01:47,900 Le chéile, ar chlib oscailte agus tag deireadh chumadh cad atá ar a dtugtar gné. 36 00:01:47,900 --> 00:01:51,870 >> Má fhéachann tú ar an chéad líne, beidh tú féach ar pointe exclamation dhiaidh 37 00:01:51,870 --> 00:01:53,350 Html DOCTYPE. 38 00:01:53,350 --> 00:01:56,280 Tá sé seo i ndáiríre ach ag insint do bhrabhsálaí go bhfuil an comhad ar an leathanach gréasáin 39 00:01:56,280 --> 00:01:58,280 scríofa i HTML. 40 00:01:58,280 --> 00:02:01,970 Deir an chlib HTML bunúsach, anseo a thagann roinnt HTML. 41 00:02:01,970 --> 00:02:04,950 Ansin, ní mór dúinn tag ceann le tag teideal taobh istigh air. 42 00:02:04,950 --> 00:02:09,430 An chlib ceann is féidir leat smaoineamh ar mar a comhdhéanta cód HTML a thagann chun 43 00:02:09,430 --> 00:02:12,670 an chuid is mó de do leathanach gréasáin ábhar iarbhír. 44 00:02:12,670 --> 00:02:16,700 >> Go ginearálta, chuir tú an teideal do leathanach gréasáin anseo, cé go bhfuil roinnt 45 00:02:16,700 --> 00:02:19,350 clibeanna eile is féidir a le feiceáil anseo chomh maith. 46 00:02:19,350 --> 00:02:25,020 Aghaidh a thagann do leathanach gréasáin chorp, an feoil agus cnámha iarbhír ar do láithreán gréasáin. 47 00:02:25,020 --> 00:02:28,910 I ár shampla, tá muid a chur ach simplí abairt, Mo Chéad Leathanach Gréasáin, 48 00:02:28,910 --> 00:02:34,100 a, má ritheann muid ár láithreán a bheidh, breathnú rud beag mar seo. 49 00:02:34,100 --> 00:02:36,810 Ní Is é ár leathanach gréasáin ró-aisteach, ach ná bíodh imní ort. 50 00:02:36,810 --> 00:02:39,210 Beidh muid spruce sé suas go luath. 51 00:02:39,210 --> 00:02:44,070 >> Mar sin, an HTML thuas, beidh orainn a thabhairt duit ar an- teimpléad bunúsach do leathanach gréasáin, 52 00:02:44,070 --> 00:02:46,310 aon rud mhaisiúil, ach na cnámha loma. 53 00:02:46,310 --> 00:02:49,160 Ach má tá mé a chruthú leathanach gréasáin, cad más mian liom a chur ar 54 00:02:49,160 --> 00:02:50,760 pictiúr de, a rá, mé féin? 55 00:02:50,760 --> 00:02:52,760 Bhuel, is féidir liom é sin a. 56 00:02:52,760 --> 00:02:55,460 Tá cúpla bealaí chun íomhánna a chur ar do shuíomh. 57 00:02:55,460 --> 00:02:59,780 Má tá an íomhá san fhillteán céanna leis do comhad HTML, is féidir leat a nascadh leis an 58 00:02:59,780 --> 00:03:01,950 íomhá tríd an cosán mar seo. 59 00:03:01,950 --> 00:03:05,910 >> A oscailt tú suas le chlib íomhá leanúint ag i Alt tréith sa 60 00:03:05,910 --> 00:03:07,240 foinse an íomhá. 61 00:03:07,240 --> 00:03:12,030 Is é luach an tréith Alt ar ach roinnt téacs malartach i gcás úsáideoir nach féidir 62 00:03:12,030 --> 00:03:13,580 féach ar an íomhá. 63 00:03:13,580 --> 00:03:19,680 Nó, is féidir leat nasc freisin chun íomhánna trí URL iomlán, mar seo. 64 00:03:19,680 --> 00:03:24,180 Anois, ní láithreán gréasáin ann i ndáiríre, ach má bhí pictiúr de 65 00:03:24,180 --> 00:03:27,760 liom ag an seoladh sin, d'fhéadfadh liom a úsáid an URL fhoinse a chur san áireamh 66 00:03:27,760 --> 00:03:29,930 a íomhá ar mo shuíomh gréasáin. 67 00:03:29,930 --> 00:03:35,590 Slí amháin nó slí, deireadh tú suas le i bhfad láithreán gréasáin prettier, rud éigin mar seo. 68 00:03:35,590 --> 00:03:39,730 >> Bhuel, tá go deas fionnuar, ach tá mé cineál ar iarraidh roinnt téacs anseo chomh maith. 69 00:03:39,730 --> 00:03:43,020 Mar sin, a ligean ar a chur díreach rud éigin Super simplí os cionn an 70 00:03:43,020 --> 00:03:45,210 íomhá, cosúil leis an header. 71 00:03:45,210 --> 00:03:50,830 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. 72 00:03:50,830 --> 00:03:54,900 Déanann an chlib header an cló beag beagán níos mó agus níos suntasaí. 73 00:03:54,900 --> 00:03:58,930 An chlib sos líne, ar an taobh eile lámh é, de chineál ar fionnuar. 74 00:03:58,930 --> 00:04:03,720 Murab ionann agus an chuid is mó clibeanna eile, ní gá duit tag oscailte agus sos deiridh, ach 75 00:04:03,720 --> 00:04:05,120 an ceann a thaispeántar thuas. 76 00:04:05,120 --> 00:04:10,420 Tá sé seo toisc go bhfuil sos aon ábhar agus dá bhrí sin, gné folamh. 77 00:04:10,420 --> 00:04:14,940 >> Eilimintí folamh mar seo, is féidir leat a oscailt agus gar ag an am céanna go simplí ag 78 00:04:14,940 --> 00:04:20,420 lena n-áirítear a Slais ar aghaidh ag an deireadh an dearbhú tosaigh. 79 00:04:20,420 --> 00:04:24,390 Mar sin, anois tá mo shuíomh gréasáin beag rud éigin mar seo. 80 00:04:24,390 --> 00:04:27,410 Níos Fearr, ach de chineál ar mothaíonn sé cosúil le deireadh marbh. 81 00:04:27,410 --> 00:04:30,850 Níl aon áit eile le dul ar leataobh as sin príomh-leathanach. 82 00:04:30,850 --> 00:04:33,075 Bhuel, a ligean ar a shocrú go bhfuil ag lena n-áirítear nasc. 83 00:04:33,075 --> 00:04:36,860 >> Cad Tá mé ag dul a dhéanamh anseo é úsáid tréith denoted ag A agus a dhéanamh ar an 84 00:04:36,860 --> 00:04:40,780 íomhá nasc chuig, a ligean le rá, CS50 teilifíse. 85 00:04:40,780 --> 00:04:44,460 Sa chaoi sin, aon uair cad a tharlaíonn nuair duine ar bith orm, Beidh a n-bhrabhsálaí a sheoladh chuig 86 00:04:44,460 --> 00:04:47,810 eile, is dócha níos mó úsáideach, leathanach gréasáin. 87 00:04:47,810 --> 00:04:51,040 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 88 00:04:51,040 --> 00:04:52,470 ag fáil níos airde. 89 00:04:52,470 --> 00:04:54,590 Ach tá súil agam, tá sé soiléir go fóill. 90 00:04:54,590 --> 00:04:59,460 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, 91 00:04:59,460 --> 00:05:04,410 Beidh mo bhrabhsálaí a oscailt suas eile cluaisín do leathanach gréasáin CS50.tv. 92 00:05:04,410 --> 00:05:08,970 >> 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. 93 00:05:08,970 --> 00:05:11,730 Tá CSS méid atá ar eolas mar bileog stíle cascáideacha. 94 00:05:11,730 --> 00:05:15,230 Agus cuireann sé go bunúsach éifeachtach bhealach a chur in eagar agus a stíl 95 00:05:15,230 --> 00:05:16,910 bloic den chineál céanna de chód. 96 00:05:16,910 --> 00:05:21,290 Ba mhaith liom a thosú mo eagrú HTML a dhéanamh níos éasca a stíl níos déanaí. 97 00:05:21,290 --> 00:05:26,900 Anseo, a leagtar mé suas dhá chineál éagsúla de aitheantóirí chun cabhrú le eagrú mo cód. 98 00:05:26,900 --> 00:05:31,170 Bainim úsáid as an tréith ID taobh istigh de roinn, nó chlib div, agus tá mé úsáid as 99 00:05:31,170 --> 00:05:34,120 Rang tréith taobh istigh chlib div eile. 100 00:05:34,120 --> 00:05:37,190 >> ID agus Aicme tréithe obair an dul céanna. 101 00:05:37,190 --> 00:05:41,210 Is é an difríocht amháin is féidir leat a bheith ach eilimint amháin, an ID ar leith, ach 102 00:05:41,210 --> 00:05:43,600 aon líon na n-eilimintí Is féidir le roinnt rang. 103 00:05:43,600 --> 00:05:47,690 Mar sin, mar shampla, is féidir liom a bhaint as an rang íomhá amanna éagsúla, ach ní féidir liom 104 00:05:47,690 --> 00:05:50,533 roinn eile a chruthú leis an barr ID. 105 00:05:50,533 --> 00:05:54,750 Cé nach bhfuil mé imithe i CSS, teanga eile a úsáidtear go coitianta 106 00:05:54,750 --> 00:05:59,700 taobh HTML, nuair a thosóidh mé styling mo cód le CSS, is féidir liom a úsáid ar na 107 00:05:59,700 --> 00:06:03,730 tréithe eagraíochtúla chun tionchar a imirt ar mo leathanach gréasáin ar aeistéitic. 108 00:06:03,730 --> 00:06:07,600 >> Gach rud sa rannán barr Beidh stylings chomhchosúla nó as aon 109 00:06:07,600 --> 00:06:12,010 grúpa eile de HTML mé grúpa sa Beidh íomhá rang a roinnt le breathnú cosúil. 110 00:06:12,010 --> 00:06:15,700 Tá sé seo i bhfad níos éasca ná mar a iarraidh a chur in eagar agus íomhánna stíl nó bloic de 111 00:06:15,700 --> 00:06:17,690 téacs-aonar. 112 00:06:17,690 --> 00:06:21,480 >> Mar sin, chuaigh muid thar an bunúsacha ar conas a dhéanamh ar leathanach gréasáin le HTML. 113 00:06:21,480 --> 00:06:25,280 Tá a bunch gnéithe eile freisin HTML sin nuair a péireáilte le teangacha eile 114 00:06:25,280 --> 00:06:29,220 cosúil le CSS agus JavaScript is féidir, i ndáiríre dhéanamh leathanaigh seasamh amach. 115 00:06:29,220 --> 00:06:32,960 An bealach is fearr a fháil compordach leis Tá HTML ach a praiseach ar fud leis, 116 00:06:32,960 --> 00:06:35,120 féach cad a oibríonn, agus cad nach bhfuil. 117 00:06:35,120 --> 00:06:36,570 >> Is é mo ainm Daven Farnham. 118 00:06:36,570 --> 00:06:37,820 Is é seo an CS50. 119 00:06:37,820 --> 00:06:40,640 120 00:06:40,640 --> 00:06:45,690 >> Mar sin, mar shampla, is féidir liom a úsáid an íomhá ranga - 121 00:06:45,690 --> 00:06:48,028 Níl, tá go leor tréithe. 122 00:06:48,028 --> 00:06:52,500 123 00:06:52,500 --> 00:06:53,950 Is é mo ainm Daven Farnham. 124 00:06:53,950 --> 00:06:58,560 Is é seo an CS 650. 125 00:06:58,560 --> 00:06:59,810 Ba mhaith liom a rá CSS. 126 00:06:59,810 --> 00:07:02,325 127 00:07:02,325 --> 00:07:03,575 Is é seo an CSS. 128 00:07:03,575 --> 00:07:05,408