1 00:00:00,000 --> 00:00:06,100 2 00:00:06,100 --> 00:00:08,790 >> DOUG LLOYD: Felly, rydym yn ei wario about-- os yw fy mathemateg yn gywir, 3 00:00:08,790 --> 00:00:11,900 ac yr wyf yn credu yn edrych back-- wyf yn meddwl rydym yn treulio tua 35 o fideos yn siarad 4 00:00:11,900 --> 00:00:15,139 am wahanol agweddau ar C, efallai ychydig yn fwy, efallai ychydig yn llai. 5 00:00:15,139 --> 00:00:16,930 Ac nid oeddem yn cwmpasu popeth yn C, ond rydym 6 00:00:16,930 --> 00:00:21,170 yn cwmpasu darn mawr o'r iaith, mae'r mwyafrif helaeth ohono, 7 00:00:21,170 --> 00:00:22,882 yn sicr ar gyfer defnyddiau cyffredin. 8 00:00:22,882 --> 00:00:25,090 Nawr rydym yn mynd i siarad am iaith arall, HTML. 9 00:00:25,090 --> 00:00:28,180 Ac rydym yn mynd i dalu am mewn dim ond un fideo. 10 00:00:28,180 --> 00:00:29,340 >> Ond mae hynny'n mynd i fod yn iawn. 11 00:00:29,340 --> 00:00:31,410 Mae hynny'n mynd i fod yn mewn gwirionedd rhywbeth rydych chi'n mynd i ddod i arfer â. 12 00:00:31,410 --> 00:00:33,535 Nawr bod gennych y hanfodion un iaith, 13 00:00:33,535 --> 00:00:35,776 'i' mewn gwirionedd yn eithaf hawdd i ddechrau eraill dysgu. 14 00:00:35,776 --> 00:00:37,650 Felly rydym yn mynd i ddechrau i gamu ychydig yn ôl 15 00:00:37,650 --> 00:00:43,340 a sglein dros y sylfaenol gwahaniaethau rhwng yr ieithoedd hyn 16 00:00:43,340 --> 00:00:45,750 a math o ydych yn gadael iddo. 17 00:00:45,750 --> 00:00:48,530 Mae llawer o wirioneddol wych adnoddau ar y rhyngrwyd, a oedd yn 18 00:00:48,530 --> 00:00:51,279 rydym yn mynd i ddechrau cyfarwyddo chi tuag gan fod y rhyngrwyd yn 19 00:00:51,279 --> 00:00:53,340 ystorfa helaeth o wybodaeth. 20 00:00:53,340 --> 00:00:55,960 Ac felly nid yw'n yr hoffech chi helpu yn colli allan o reidrwydd 21 00:00:55,960 --> 00:00:58,349 trwy beidio â chael y wybodaeth gorchuddio mewn fideo. 22 00:00:58,349 --> 00:01:00,640 Byddwch yn dal i allu cael popeth rydych ei angen a defnydd 23 00:01:00,640 --> 00:01:03,590 y wybodaeth sydd gennych eisoes adeiledig drwy ddeall C 24 00:01:03,590 --> 00:01:07,130 i wneud y gromlin ddysgu ar gyfer y rhain ieithoedd eraill mewn gwirionedd yn fwy gwastad llawer. 25 00:01:07,130 --> 00:01:08,640 Dwi'n addo. 26 00:01:08,640 --> 00:01:12,770 >> Ond gadewch i ni siarad am un iaith mae hynny'n wir yn sylfaenol ar gyfer pob we 27 00:01:12,770 --> 00:01:14,830 dudalen, sydd yn HTML. 28 00:01:14,830 --> 00:01:18,230 HTML yw Hyper Text Markup Language. 29 00:01:18,230 --> 00:01:22,700 HTML yn iaith ond mae'n Nid yw iaith raglennu. 30 00:01:22,700 --> 00:01:23,900 >> Nid oes gan HTML newidynnau. 31 00:01:23,900 --> 00:01:26,430 Nid oes ganddo rhesymeg neu swyddogaethau neu unrhyw beth fel 'na. 32 00:01:26,430 --> 00:01:30,301 Ni allwn wneud unrhyw rhaglennu fel y cyfryw yn HTML. 33 00:01:30,301 --> 00:01:32,300 Weithiau, byddwch yn clywed pobl yn disgrifio eu hunain 34 00:01:32,300 --> 00:01:35,710 fel rhaglenwyr HTML, a oedd yn Nid yn gwbl gywir. 35 00:01:35,710 --> 00:01:37,980 Ni allwn ysgrifennu rhaglenni HTML. 36 00:01:37,980 --> 00:01:40,770 >> HTML yn unig a ddefnyddir i farcio testun. 37 00:01:40,770 --> 00:01:42,690 Mae'n cael ei alw yn iaith markup. 38 00:01:42,690 --> 00:01:47,680 A beth mae hyn does-- markup-- hwn rydym yn defnyddio tagiau yn HTML ac tags-- hyn 39 00:01:47,680 --> 00:01:51,600 mae hyn markup-- semantig yn diffinio strwythur dudalen 40 00:01:51,600 --> 00:01:55,280 ac yn achosi i'r testun plaen sy'n bodoli rhwng tagiau i gael eu dehongli 41 00:01:55,280 --> 00:01:57,320 gan borwyr mewn gwahanol ffyrdd. 42 00:01:57,320 --> 00:02:00,370 Ac efallai mae'n well i egluro y ffordd hon drwy o llun. 43 00:02:00,370 --> 00:02:06,450 >> Dyma dudalen HTML syml iawn, nid rhaglen HTML, unwaith eto, tudalen HTML. 44 00:02:06,450 --> 00:02:08,680 Ac rydym yn gwybod ei fod yn Dudalen HTML oherwydd ein bod i wedi 45 00:02:08,680 --> 00:02:11,480 ffinio popeth gyda tagiau HTML. 46 00:02:11,480 --> 00:02:13,850 Felly, mae hyn yn beth tag HTML yn edrych fel. 47 00:02:13,850 --> 00:02:15,870 Mae'n rhwng cromfachau ongl. 48 00:02:15,870 --> 00:02:18,570 Ac yn sylwi ar y brig mae gennym HTML ac ar yr union gwaelod, 49 00:02:18,570 --> 00:02:21,400 ar ôl i ni wedi gwneud yr hyn sydd yn ôl pob golwg mae llawer o HTML eraill, 50 00:02:21,400 --> 00:02:24,310 mae gennym HTML ongl slaes braced. 51 00:02:24,310 --> 00:02:29,262 Felly, y math yna o yw'r ffin rhwng yr hyn sy'n HTML a beth sydd ddim. 52 00:02:29,262 --> 00:02:32,220 Ac wrth gwrs, confensiynol, dim ond wrth i chi ysgrifennu eich holl raglenni C 53 00:02:32,220 --> 00:02:35,300 gydag estyniadau dot C, pob un o'ch ffeiliau HTML 54 00:02:35,300 --> 00:02:37,909 yn dod i ben gydag estyniadau HTML dot. 55 00:02:37,909 --> 00:02:39,200 Ond mae mynd ar mwy yma. 56 00:02:39,200 --> 00:02:40,658 Nid ydym yn unig wedi tagiau HTML hyn. 57 00:02:40,658 --> 00:02:44,010 Rydym yn ôl pob golwg wedi hyn beth a elwir yn tag pen. 58 00:02:44,010 --> 00:02:46,010 Wel, OK, beth sy'n bod? 59 00:02:46,010 --> 00:02:48,550 >> Wel efallai mae'n well gwahaniaethu ar ffurf corff, 60 00:02:48,550 --> 00:02:50,590 corff yn cynnwys y dudalen ar y we. 61 00:02:50,590 --> 00:02:55,860 Felly efallai y tag pen diffinio stwff Nid yw bod yn y ffenestr bori priodol, 62 00:02:55,860 --> 00:02:59,410 ond rywsut bwysig i'n tudalen ar y we yn cael ei rendro yn gywir. 63 00:02:59,410 --> 00:03:02,490 Er enghraifft, tu mewn y tag pen gennym tagiau teitl. 64 00:03:02,490 --> 00:03:05,500 >> Felly teitl yn y byd helo, mewn gwirionedd mae hynny'n mynd i fod yn beth 65 00:03:05,500 --> 00:03:08,797 yn dangos i fyny yn y tab yn Chrome neu mewn saffari neu Firefox-- 66 00:03:08,797 --> 00:03:11,880 pa bynnag borwr rydych prefer-- dyna beth sy'n mynd i ddangos i fyny yn y teitl. 67 00:03:11,880 --> 00:03:14,800 A chyn tabiau byddai'n dangos i fyny yn eich ffenestr bori gyfan 68 00:03:14,800 --> 00:03:19,710 a gallwch ond gael un dudalen agor mewn ffenestr porwr ar y tro. 69 00:03:19,710 --> 00:03:22,160 Felly mae hynny'n mynd i fod yn teitl fy nhudalen i fyny yn y tab 70 00:03:22,160 --> 00:03:24,600 neu y bar ffenestr porwr, helo byd. 71 00:03:24,600 --> 00:03:28,611 Ac yna y cynnwys fy Bydd tudalen ar y we yn y byd, helo. 72 00:03:28,611 --> 00:03:31,360 Felly, gadewch i ni edrych ar yr hyn y mae rhai Gallai peth fel hyn yn edrych fel. 73 00:03:31,360 --> 00:03:33,210 Mae hon yn dudalen HTML eithaf syml. 74 00:03:33,210 --> 00:03:35,970 Felly, rwyf yma yn fy IDE CS50 a Rwyf wedi chwyddo i mewn ychydig bach. 75 00:03:35,970 --> 00:03:38,290 A dwi'n jyst yn mynd i agor helo dot HTML 76 00:03:38,290 --> 00:03:42,000 a dangos i chi bod hyn yn 'n bert lawer y cynnwys dudalen a welsom o'r blaen. 77 00:03:42,000 --> 00:03:45,240 Fy tagiau HTML, pennaeth syml, tagiau teitl, corff, ac yn y blaen. 78 00:03:45,240 --> 00:03:47,320 Rydw i wedi mewnoli yn lân. 79 00:03:47,320 --> 00:03:51,530 >> Ac yna beth y gallaf ei wneud yn fy IDE yn unig yw rhagolwg y dudalen. 80 00:03:51,530 --> 00:03:52,630 Ac dyna ni. 81 00:03:52,630 --> 00:03:56,070 Mae cynnwys fy nhudalen yn fyd, helo, ac nid wyf yn gweld unrhyw beth 82 00:03:56,070 --> 00:03:58,500 mewn o'r tagiau ben yno. 83 00:03:58,500 --> 00:03:59,980 Dim ond cynnwys y corff. 84 00:03:59,980 --> 00:04:00,780 Y Byd, helo. 85 00:04:00,780 --> 00:04:03,700 Ac eto y corff yn unig Meddai, byd, helo. 86 00:04:03,700 --> 00:04:06,160 Y rhan arall ar goll. 87 00:04:06,160 --> 00:04:07,610 >> Felly dyna mewn gwirionedd i gyd y mae. 88 00:04:07,610 --> 00:04:11,370 Mae hon yn dudalen HTML sylfaenol syml iawn. 89 00:04:11,370 --> 00:04:14,280 Nawr rydw i wedi mewnoli fy HTML i fod yn neis iawn ac yn drefnus, 90 00:04:14,280 --> 00:04:15,840 ond nid oes mewn gwirionedd yn rhaid i I. 91 00:04:15,840 --> 00:04:17,959 Gallwn i wneud yn edrych yn bert hyll. 92 00:04:17,959 --> 00:04:19,467 A byddai hyn yn dal i weithio. 93 00:04:19,467 --> 00:04:21,050 Byddai hyn yn yr un dudalen we union. 94 00:04:21,050 --> 00:04:23,100 Rwyf newydd gotten gwared ar pob un o'r gofod gwyn. 95 00:04:23,100 --> 00:04:24,820 >> Fel mae'n troi allan, gofod gwyn yw data. 96 00:04:24,820 --> 00:04:28,540 Ac felly pan fyddwn yn anfon data o anfonwr i derbynnydd, o'r gweinydd 97 00:04:28,540 --> 00:04:30,670 i gleient, data yn costio arian. 98 00:04:30,670 --> 00:04:34,460 Ac felly gael gwared o whitespace mewn gwirionedd yn syniad da 99 00:04:34,460 --> 00:04:37,320 os ydych yn rhywun sy'n gwasanaethu i fyny llawer o gynnwys y we. 100 00:04:37,320 --> 00:04:39,820 Mae'n syniad drwg os ydych chi'n rhywun sydd yn dysgu pethau hyn 101 00:04:39,820 --> 00:04:41,528 ac rydych am ei gael ei drefnu'n 'n glws. 102 00:04:41,528 --> 00:04:43,810 Mae hyn yn llawer haws i gramadega na hyn. 103 00:04:43,810 --> 00:04:45,540 Ond mae'n union yr un fath swyddogaethol. 104 00:04:45,540 --> 00:04:48,720 >> Mae'r mewnoliad a phethau fel 'na Nid yw mewn gwirionedd yn bwysig yn HTML. 105 00:04:48,720 --> 00:04:53,634 Y cyfan sy'n bwysig yw tagiau agor a cau tagiau yn y drefn gywir. 106 00:04:53,634 --> 00:04:55,050 Sylwi ar yr hyn a ddigwyddodd yma, er. 107 00:04:55,050 --> 00:04:58,450 Mae'r markup yn rhoi ffordd i ni cyfleu gwybodaeth ychwanegol 108 00:04:58,450 --> 00:04:59,940 am yr hyn rydym wedi ysgrifennu. 109 00:04:59,940 --> 00:05:03,130 Mae'r rhan Helo, World oedd dehongli fel y teitl. 110 00:05:03,130 --> 00:05:06,410 Ac yn y byd, helo ran oedd dehongli fel y cynnwys 111 00:05:06,410 --> 00:05:09,090 neu yr hyn a ddylai fod yn yn weladwy ar fy nhudalen we. 112 00:05:09,090 --> 00:05:12,167 >> Mae dros 100 o'r rhain wahanol tagiau a llawer o adnoddau gwych 113 00:05:12,167 --> 00:05:13,000 ar-lein i ddod o hyd iddynt. 114 00:05:13,000 --> 00:05:14,900 Rydym yn mynd i siarad am ychydig ohonynt yn y fideo hwn, mae rhai 115 00:05:14,900 --> 00:05:16,440 o'r stwff 'n sylweddol sylfaenol. 116 00:05:16,440 --> 00:05:18,440 Ond nid ydym yn mynd Sgwrs am y peth i gyd oherwydd ei fod yn 117 00:05:18,440 --> 00:05:20,250 Byddai yn gyflawn i wneud hynny. 118 00:05:20,250 --> 00:05:22,880 >> Peth arall y gallwch ei wneud, fodd bynnag, yn agor offer datblygwr. 119 00:05:22,880 --> 00:05:26,069 Ac os ydych yn cofio o ein fideo ar HTTP, 120 00:05:26,069 --> 00:05:27,860 Esboniais sut i agor i fyny offer datblygwr. 121 00:05:27,860 --> 00:05:32,020 Yn Chrome mae fel arfer yn yr allwedd F12 i agor y bar offer datblygwr. 122 00:05:32,020 --> 00:05:35,909 Yna, yn hytrach na dewis y Rhwydwaith bwyntil, gallwch ddewis y tab Elfennau. 123 00:05:35,909 --> 00:05:37,700 Ac os ydych yn llwytho we dudalen, wnewch chi helpu mewn gwirionedd 124 00:05:37,700 --> 00:05:40,280 gweld y HTML sy'n creu y dudalen we. 125 00:05:40,280 --> 00:05:44,090 Ac fel y gallwch ddysgu llawer am HTML drwy edrych ar eich hoff wefannau 126 00:05:44,090 --> 00:05:48,474 a gweld sut y maent yn adeiladu'r gwahanol ddarnau ohonynt yr ydych yn hoffi. 127 00:05:48,474 --> 00:05:50,890 Felly efallai fod cŵl hwn patrwm neu rywbeth fel 'na. 128 00:05:50,890 --> 00:05:52,140 Sut maen nhw'n ei wneud yn gyda HTML? 129 00:05:52,140 --> 00:05:55,630 Wel gallwch chi jyst agor i fyny 'ch datblygwr offer a hofran dros yr elfen honno 130 00:05:55,630 --> 00:05:57,700 a gweld yn union beth HTML yn ei gwneud yn. 131 00:05:57,700 --> 00:05:59,450 Felly mae hynny'n wir ffordd dda i ddysgu HTML, 132 00:05:59,450 --> 00:06:02,330 ac yr wyf yn argymell yn gryf y ydych yn ei wneud y ddau i ddysgu HTML 133 00:06:02,330 --> 00:06:04,930 a hefyd i ddysgu ychydig ychydig am rai o'r opsiynau 134 00:06:04,930 --> 00:06:07,050 ar gael i chi yn y offer datblygwr, a oedd yn 135 00:06:07,050 --> 00:06:10,200 Bydd yn sicr yn dod i mewn 'n hylaw fel i chi ddechrau gwneud we yn fwy dwys 136 00:06:10,200 --> 00:06:11,090 rhaglennu. 137 00:06:11,090 --> 00:06:14,080 >> Felly, gadewch i ni edrych ar cwpl o dagiau HTML cyffredin. 138 00:06:14,080 --> 00:06:17,210 A byddwn yn neidio ac edrych ar pa rhain yn tagiau a fydd hefyd yn gwneud 139 00:06:17,210 --> 00:06:20,490 fel drwy edrych ar rhai ffeiliau yn fy IDE. 140 00:06:20,490 --> 00:06:26,330 Felly dyma dri tagiau sylfaenol iawn ar gyfer tweaking ymddangosiad gweledol o destun. 141 00:06:26,330 --> 00:06:29,050 Mae tagiau B, yr wyf tagiau, a thagiau U. 142 00:06:29,050 --> 00:06:33,170 Ac yn y drefn honno yr hyn y maent yn ei wneud yw olygu bod y testun rhyngddynt mewn print trwm, 143 00:06:33,170 --> 00:06:35,430 llythrennau italig, a thanlinellu. 144 00:06:35,430 --> 00:06:40,430 Felly, gadewch i ni weld beth fyddai'n edrych fel ar dudalen we go yn fy IDE. 145 00:06:40,430 --> 00:06:43,390 >> Felly dyma yn fy IDE gen i ffeil o'r enw BIU dot HTML. 146 00:06:43,390 --> 00:06:46,770 BIU dot HTML dim ond bod eofn, italig, tanlinellu. 147 00:06:46,770 --> 00:06:47,830 'N annhymerus' yn agor i fyny. 148 00:06:47,830 --> 00:06:51,810 >> A byddwn yn gweld bod yma rwyf cael y testun hwn yw tagiau B beiddgar. 149 00:06:51,810 --> 00:06:54,010 Mae'r testun yn tagiau wyf italig. 150 00:06:54,010 --> 00:06:56,307 Ac mae testun hwn yw tagiau U tanlinellu. 151 00:06:56,307 --> 00:06:57,640 Beth mae hyn yn mynd i edrych fel? 152 00:06:57,640 --> 00:06:59,473 Wel unwaith eto, pob gen i ei wneud yw mynd dros yma 153 00:06:59,473 --> 00:07:04,690 at fy porwr, fy porwr ffeiliau, cliciwch Rhagolwg, ac mae hyn yn beth sy'n dod i fyny. 154 00:07:04,690 --> 00:07:07,520 >> Mae'r testun yn rhwng y B tagiau yn wir bellach beiddgar. 155 00:07:07,520 --> 00:07:10,720 Mae'r testun yn rhwng y rwyf tagiau yn wir bellach italig. 156 00:07:10,720 --> 00:07:14,634 Ac mae'r testun yn rhwng yr U tagiau yn wir danlinellu yn awr. 157 00:07:14,634 --> 00:07:15,550 Felly dyna 'n bert da. 158 00:07:15,550 --> 00:07:18,450 Rydym bellach yn gwybod sut i wneud y testun edrych ychydig yn fwy o ffansi 159 00:07:18,450 --> 00:07:20,360 neu dynnu pwyslais i rai pethau. 160 00:07:20,360 --> 00:07:25,530 Cwpl arall o dagiau cyffredin yma paragraff tagiau, tagiau P, a header, 161 00:07:25,530 --> 00:07:27,980 yr wyf wedi rendro yma fel HX. 162 00:07:27,980 --> 00:07:32,520 >> Mae'r rhain yn tagiau P, tagiau paragraff hyn, torri eich testun fyny i mewn paragraffau. 163 00:07:32,520 --> 00:07:34,646 Nid yw'n ddigon i ddim ond daro Chofnoda ac yn gadael bylchau, 164 00:07:34,646 --> 00:07:37,186 oherwydd bod cyfrifiadur yn mynd yn unig i wneud yr hyn yr ydych yn dweud iddo wneud 165 00:07:37,186 --> 00:07:39,450 ac yn anwybyddu gwyn lle ar gyfer y rhan fwyaf. 166 00:07:39,450 --> 00:07:41,636 Felly, ni allwn jyst daro Enter ac yn disgwyl ein cyfrifiadur 167 00:07:41,636 --> 00:07:43,760 i ddehongli ein bod am i ddechrau paragraff newydd. 168 00:07:43,760 --> 00:07:47,670 Mae'n rhaid i ni ddweud hyn yn glir iawn yn un paragraph-- hyn yn another-- 169 00:07:47,670 --> 00:07:50,740 trwy amgáu pob un mewn cyfres o dagiau P. 170 00:07:50,740 --> 00:07:54,560 >> Ac mae gennym hefyd yr opsiynau hyn ar gyfer tagiau H, tagiau pennawd hyn. 171 00:07:54,560 --> 00:07:57,000 Mae gennym chwe lefel wahanol o penawdau, un, dau, tri, 172 00:07:57,000 --> 00:08:01,110 pedwar, pump, a chwech, sef yn gynyddol fwy ac yn fwy 173 00:08:01,110 --> 00:08:01,710 penawdau. 174 00:08:01,710 --> 00:08:04,360 Ac maent yn cael llai ac llai a llai ac yn llai. 175 00:08:04,360 --> 00:08:07,690 Felly, mae gennym pennawd lefel uchaf, ail header lefel, ac yn y blaen, ac yn y blaen. 176 00:08:07,690 --> 00:08:10,480 >> Gadewch i ni edrych ar rai efallai Tagiau P a rhai tagiau header 177 00:08:10,480 --> 00:08:13,110 ar waith ar dudalen gwe. 178 00:08:13,110 --> 00:08:18,180 Felly dyma yn fy IDE gen i ffeil o'r enw PH PH dot yn baragraffau HTML, 179 00:08:18,180 --> 00:08:18,970 a thagiau header. 180 00:08:18,970 --> 00:08:20,709 Agor bod hyd. 181 00:08:20,709 --> 00:08:23,000 Mae llawer yn digwydd yma am fy mod i wedi rhoi rhai Lorem 182 00:08:23,000 --> 00:08:24,660 ipsum, rhywfaint o destun yn unig ar hap yn fan hyn. 183 00:08:24,660 --> 00:08:27,284 Felly byddaf yn chwyddo allan ychydig oherwydd mae cymaint yn digwydd. 184 00:08:27,284 --> 00:08:31,980 Ond yn sylwi bod gen i ar yr union top yma gen i H1, lefel un, 185 00:08:31,980 --> 00:08:32,802 tag header. 186 00:08:32,802 --> 00:08:36,010 Yna mi gael paragraff, sydd ychydig criw o Lorem text-- hap ipsum-- 187 00:08:36,010 --> 00:08:38,720 dim ond ddiofyn llenwi safonol mewn testun. 188 00:08:38,720 --> 00:08:41,970 Felly mae gen i ddau baragraff tu mewn y un header lefel ac yna i lawr islaw i mi 189 00:08:41,970 --> 00:08:46,850 fod â lefel dau pheniad yma ar y llinell 24, ail header lefel, a dau arall 190 00:08:46,850 --> 00:08:47,840 paragraffau. 191 00:08:47,840 --> 00:08:51,910 Wel beth mae hyn yn edrych fel os byddaf yn edrych arno yn fy rhagolwg? 192 00:08:51,910 --> 00:08:53,790 Gawn ni weld. 193 00:08:53,790 --> 00:08:55,730 >> Felly sylwi bod y header lefel gyntaf yma 194 00:08:55,730 --> 00:08:58,420 mewn gwirionedd yn eithaf dipyn yn fwy na'r ail pennawd lefel. 195 00:08:58,420 --> 00:08:59,940 Felly rydym yn defnyddio tagiau H1. 196 00:08:59,940 --> 00:09:03,820 Ac yn sylwi bod y tagiau P yn caniatáu i ni i dorri pethau allan yn baragraffau. 197 00:09:03,820 --> 00:09:07,500 Pe baem wedi gotten gwared o dagiau P rhai ac mewn gwirionedd yn rhoi dim ond mynd i mewn neu Ffurflenni 198 00:09:07,500 --> 00:09:10,110 yn y canol yr hyn yr ydym yn gobeithio y byddai fod y gwahanol paragraffau, 199 00:09:10,110 --> 00:09:13,193 byddent i gyd yn unig brecio'n galed gyda'i gilydd a ni fyddai'n cael y paragraff hwn 'n glws 200 00:09:13,193 --> 00:09:15,840 gwahanu gyda lle uwchlaw ac islaw. 201 00:09:15,840 --> 00:09:18,300 Ac felly dyna beth paragraff tagiau a thagiau header 202 00:09:18,300 --> 00:09:22,440 yn cael eu defnyddio'n aml i wneud i dynnu sylw at dogn o ein tudalen ar y we 203 00:09:22,440 --> 00:09:23,550 yn y ffordd honno. 204 00:09:23,550 --> 00:09:27,560 >> Hyd Nesaf rai tagiau a ddefnyddiwn i adeiladu rhestrau ar ein tudalen ar y we. 205 00:09:27,560 --> 00:09:30,820 Felly mae gennym di-drefn lists-- ULs-- sydd yn unig 206 00:09:30,820 --> 00:09:34,090 rhestrau bwledi, archebu rhestr sy'n numbered-- 207 00:09:34,090 --> 00:09:37,680 OLs-- ac y tu mewn i naill ai un o'r rhai mae angen i ni gael 208 00:09:37,680 --> 00:09:40,600 setiau o sut i nodi eitemau rhestr, LI. 209 00:09:40,600 --> 00:09:44,370 Ac felly rydym wedi agor tag UL ac rydym yn rhoi eitemau tu mewn iddo. 210 00:09:44,370 --> 00:09:46,920 Ac yna pan fyddwn ni'n ei wneud gyda hynny, gallwn gau'r tag UL. 211 00:09:46,920 --> 00:09:49,850 >> Ac yn yr un modd y gallwn gael rhestr archebu neu rif 212 00:09:49,850 --> 00:09:51,560 ac yn rhoi eitemau rhestr y tu mewn o hynny. 213 00:09:51,560 --> 00:09:53,350 Felly, gadewch i ni edrych mewn un neu ddau o restrau 214 00:09:53,350 --> 00:09:57,230 a beth y byddent rendr ag ar IDE CS50. 215 00:09:57,230 --> 00:10:00,640 Felly, yr wyf wedi yma yn fy IDE a ffeil o'r enw rhestri dot HTML. 216 00:10:00,640 --> 00:10:03,100 Gadewch i ni edrych. 217 00:10:03,100 --> 00:10:08,482 >> A rhybudd yma gen i di-drefn rhestru gyda phum bethau ynddo. 218 00:10:08,482 --> 00:10:11,440 Ac yna mae gen i restr harchebu, ac Rwyf wedi newid y tag ychydig bach, 219 00:10:11,440 --> 00:10:11,939 iawn? 220 00:10:11,939 --> 00:10:13,152 Rwyf wedi dweud dechrau hafal chwech. 221 00:10:13,152 --> 00:10:16,110 Mae'n troi allan gyda rhestr archebu wyf Gall osod y man cychwyn lle bynnag y bo 222 00:10:16,110 --> 00:10:20,130 Rwy'n want-- yn ddiofyn, bydd yn one-- drwy ychwanegu hyn a elwir yn priodoledd 223 00:10:20,130 --> 00:10:21,190 i fy tag OL. 224 00:10:21,190 --> 00:10:23,572 Ac felly y rhestr hon bydd dechrau cyfrif am chwech. 225 00:10:23,572 --> 00:10:26,780 Felly, mae'r elfennau o'r rhestr honno rhifo Dylai fod chwech, saith, wyth, naw, deg, 226 00:10:26,780 --> 00:10:29,930 oherwydd bod pum elfen yn y rhestr, yn hytrach nag un, 227 00:10:29,930 --> 00:10:33,770 dau, tri, pedwar, pump, a oedd yn fyddai'n digwydd pe bawn wedi dweud OL 228 00:10:33,770 --> 00:10:36,730 heb nodi y priodoledd cychwyn. 229 00:10:36,730 --> 00:10:41,594 >> Felly byddwn yn jyst rhagolwg hwn fel y gallwch cael ymdeimlad am yr hyn sy'n digwydd yma. 230 00:10:41,594 --> 00:10:42,260 Ac dyna ni. 231 00:10:42,260 --> 00:10:44,610 Mae fy rhestr. 232 00:10:44,610 --> 00:10:47,810 Y pum elfen cyntaf rhestrau di-drefn neu bwyntiau bwled. 233 00:10:47,810 --> 00:10:51,010 A'r pum elfen nesaf yn rhestr harchebu ar wahân 234 00:10:51,010 --> 00:10:52,980 gan ddechrau o chwech. 235 00:10:52,980 --> 00:10:56,247 Felly dyna sut y gallwn adeiladu rhestrau gan ddefnyddio HTML. 236 00:10:56,247 --> 00:10:58,080 Peth arall gallech chi am ei wneud gyda HTML 237 00:10:58,080 --> 00:11:01,520 yn adeiladu tabl o gwybodaeth o resi a cholofnau 238 00:11:01,520 --> 00:11:04,560 i gyflwyno gwybodaeth mewn yn arbennig a drefnwyd ffordd. 239 00:11:04,560 --> 00:11:09,110 Er mwyn gwneud hyn gyda HTML gallwn gael diffiniad tabl gan ddechrau braced agored 240 00:11:09,110 --> 00:11:10,160 bwrdd. 241 00:11:10,160 --> 00:11:14,680 Ac yna y tu mewn y tabl hwnnw yr ydym yn Gallai gael set o resi, tagiau TR 242 00:11:14,680 --> 00:11:15,980 i nodi pob rhes. 243 00:11:15,980 --> 00:11:22,510 Ac yna tagiau TD yn mynd y tu mewn o tagiau TR i bennu colofn o fewn rhes. 244 00:11:22,510 --> 00:11:24,340 >> Pam y'i gelwir TD ac nid Tc? 245 00:11:24,340 --> 00:11:25,940 Wel, TD yn sefyll am ddata bwrdd. 246 00:11:25,940 --> 00:11:27,900 Fel arfer rydych yn rhoi eich gwybodaeth yno. 247 00:11:27,900 --> 00:11:29,440 Felly dyna pam ei bod yn TD ac nid TC. 248 00:11:29,440 --> 00:11:31,140 Mae'n ychydig yn ddryslyd. 249 00:11:31,140 --> 00:11:33,720 >> Felly, mae gennych tagiau bwrdd a tu mewn i'ch tagiau bwrdd 250 00:11:33,720 --> 00:11:35,600 gennych nifer o resi, Cyfieithu a Chofnodi. 251 00:11:35,600 --> 00:11:40,030 Ac tu mewn i bob rhes sydd gennych CAT ar gyfer nifer y colofnau 252 00:11:40,030 --> 00:11:42,880 eich bod am gael yn y rhes benodol. 253 00:11:42,880 --> 00:11:47,730 Gadewch i ni edrych ar iawn tabl syml drosodd mewn IDE CS50. 254 00:11:47,730 --> 00:11:49,730 >> Felly, yr wyf wedi yma ffeil Gelwir tabl dot HTML. 255 00:11:49,730 --> 00:11:53,390 Gadewch i ni gael golwg ar beth sy'n edrych fel. 256 00:11:53,390 --> 00:11:56,225 Mae llawer yn digwydd yma ond os ydych yn sylwi gen i dabl agored. 257 00:11:56,225 --> 00:11:57,850 Rwy'n dechrau y diffiniad gyda bwrdd. 258 00:11:57,850 --> 00:12:02,100 Ac yna yn fy rhes cyntaf i mi yn ôl pob golwg wedi pedair colofn, un, dau, tri, 259 00:12:02,100 --> 00:12:02,660 pedwar. 260 00:12:02,660 --> 00:12:04,290 Ac yna dwi'n ei wneud gyda y rhes. 261 00:12:04,290 --> 00:12:07,750 >> Yna mi ddechrau rhes arall a gwneud dau, pedwar, chwech, wyth. 262 00:12:07,750 --> 00:12:08,850 Gorffennwch y rhes. 263 00:12:08,850 --> 00:12:11,410 A yw rhes arall, tri, chwech, naw, 12. 264 00:12:11,410 --> 00:12:14,830 Ac yna rhes olaf, pedwar, wyth, 12, ac er 'i' 265 00:12:14,830 --> 00:12:16,560 ychydig o dorri i ffwrdd yma, 16. 266 00:12:16,560 --> 00:12:17,710 >> Gorffennais y rhes. 267 00:12:17,710 --> 00:12:18,970 Gorffennais y bwrdd. 268 00:12:18,970 --> 00:12:21,430 Ac yna dwi'n ei wneud gyda fy HTML. 269 00:12:21,430 --> 00:12:22,590 Beth mae hyn yn edrych? 270 00:12:22,590 --> 00:12:26,014 271 00:12:26,014 --> 00:12:27,430 Wel, nid yw'n wir o bethau i'w gweld. 272 00:12:27,430 --> 00:12:31,690 Rwyf wedi eu trefnu yn glir fy ngwybodaeth mewn ffordd ychydig yn fwy trefnus. 273 00:12:31,690 --> 00:12:33,755 Ond nid yw'n super 'n bert fan hyn. 274 00:12:33,755 --> 00:12:36,130 Ac rydym yn mynd i ddelio â pan fyddwn yn sôn am CSS. 275 00:12:36,130 --> 00:12:38,930 Byddwn yn ailedrych ar y syniad hwn o yr hyn rydym yn ei wneud i wneud table-- 276 00:12:38,930 --> 00:12:41,260 efallai fformatio ychydig yn well? 277 00:12:41,260 --> 00:12:45,070 Ond dwi ddim yn dal i gael pedair rhes, Mae pob un ohonynt pedair colofn, 278 00:12:45,070 --> 00:12:48,890 ac yn wir yn beth mae hyn yn cyfateb i yn syml iawn pedwar gan bedwar lluosi 279 00:12:48,890 --> 00:12:49,870 bwrdd. 280 00:12:49,870 --> 00:12:51,690 >> Dim ond ychydig mwy tagiau byddwn yn siarad am. 281 00:12:51,690 --> 00:12:54,617 Gadewch i ni siarad am y cysyniad o ffurflen HTML. 282 00:12:54,617 --> 00:12:57,450 Felly efallai y byddwch wedi gweld hyn yn y cyd-destun logio i mewn i dudalen we. 283 00:12:57,450 --> 00:12:59,100 Fel arfer byddwch yn teipio eich enw defnyddiwr. 284 00:12:59,100 --> 00:13:01,510 Rydych yn teipio eich cyfrinair, ac rydych yn dda i fynd. 285 00:13:01,510 --> 00:13:04,170 Byddai hynny'n ddechrau ffurflen. 286 00:13:04,170 --> 00:13:05,420 >> Sgipio dros Div eiliad. 287 00:13:05,420 --> 00:13:07,987 Mae gennym hefyd fewnbwn sydd fath o ffitio tu mewn ffurfiau. 288 00:13:07,987 --> 00:13:10,320 Mae'r rhain yn elfennau sy'n eich bod mewn gwirionedd yn teipio i mewn i, 289 00:13:10,320 --> 00:13:12,580 neu y botymau radio eich bod yn dicio, neu y siec 290 00:13:12,580 --> 00:13:14,310 blwch sy'n eich bod yn ticio i ffwrdd. 291 00:13:14,310 --> 00:13:15,770 Felly mae'r rhain yn mynd y tu mewn o ffurfiau. 292 00:13:15,770 --> 00:13:18,500 Ac maent yn cynnwys y bôn pob rhes o'r ffurflen 293 00:13:18,500 --> 00:13:19,887 os yw eich ffurflen yn cael ei fformatio yn dda. 294 00:13:19,887 --> 00:13:22,220 Yna mae cysyniad hwn o yn div, nad yw'n wir 295 00:13:22,220 --> 00:13:25,060 ffitio i mewn unrhyw gategori penodol tagiau fel y rhai yr wyf i wedi 296 00:13:25,060 --> 00:13:26,170 bod yn ei wneud yn flaenorol. 297 00:13:26,170 --> 00:13:29,790 'I jyst fath o tynnu llinell rhwng gan ddechrau o ryw division-- mympwyol 298 00:13:29,790 --> 00:13:31,670 div-- y dudalen. 299 00:13:31,670 --> 00:13:33,210 Does dim toriad gweledol. 300 00:13:33,210 --> 00:13:34,800 Does dim llinell. 301 00:13:34,800 --> 00:13:37,180 Dyw hi ddim yn cychwyn fel darn ar wahân yn awtomatig. 302 00:13:37,180 --> 00:13:39,430 Byddai'n rhaid i chi arddull ei y ffordd o wneud hynny. 303 00:13:39,430 --> 00:13:42,110 >> 'I jyst fath o yn dweud Rwyf am gael darn o le ar fy tudalen ar y we, 304 00:13:42,110 --> 00:13:45,190 ac Im 'jyst yn mynd i alw mae'n is-adran hon ar fy dudalen. 305 00:13:45,190 --> 00:13:47,619 Gallwn roi pethau y tu mewn o divs, ac mewn gwirionedd, 306 00:13:47,619 --> 00:13:49,410 pan fyddwn yn ben ar at DRhA mewn eiliad, yr ydym chi helpu 307 00:13:49,410 --> 00:13:53,760 gweld fy mod yn rhoi fy ffurfio tu mewn div. 308 00:13:53,760 --> 00:13:57,050 >> Felly, yr wyf wedi yma yn fy IDE a ffeil o'r enw div ffurflen dot HTML. 309 00:13:57,050 --> 00:13:59,260 Gadewch i ni agor i fyny. 310 00:13:59,260 --> 00:14:01,460 Sylwch fod fel y dywedais, div yn fath o fympwyol. 311 00:14:01,460 --> 00:14:01,640 Iawn? 312 00:14:01,640 --> 00:14:02,973 Nid yw'n wir yn golygu unrhyw beth. 313 00:14:02,973 --> 00:14:05,140 Felly, yr wyf yn cael mympwyol rhaniad cyntaf fy dudalen. 314 00:14:05,140 --> 00:14:07,848 Ac yna yn lle div arall yn nes ymlaen, gan ddechrau ar linell wyth, 315 00:14:07,848 --> 00:14:08,730 Mae gen i ffurflen hon. 316 00:14:08,730 --> 00:14:13,594 Ac tu mewn y ffurflen gen i nifer o fewnbynnau, caeau o'r ffurflen. 317 00:14:13,594 --> 00:14:16,510 Felly mae gen i gae y mae ei enw yn A-- nad yw'n wir yn golygu unrhyw beth 318 00:14:16,510 --> 00:14:19,350 now-- iawn yn ôl pob golwg cymryd destun, un arall sy'n 319 00:14:19,350 --> 00:14:22,630 cymryd cyfrinair, un arall mae hynny'n Radio botwm, un arall sy'n blwch siec, 320 00:14:22,630 --> 00:14:24,797 ac un arall mae hynny'n botwm Cyflwyno. 321 00:14:24,797 --> 00:14:26,630 Wel, beth mae hyn yn i gyd mewn gwirionedd yn edrych? 322 00:14:26,630 --> 00:14:27,629 Wel, gadewch i ni edrych. 323 00:14:27,629 --> 00:14:31,010 Byddwn yn agor i fyny yn ein ffenestr rhagolwg. 324 00:14:31,010 --> 00:14:33,557 Sylwch fod hyn yn mympwyol gyntaf division-- mae 325 00:14:33,557 --> 00:14:34,640 dim gwahanu gweledol yma. 326 00:14:34,640 --> 00:14:37,150 Nid oedd yn wir yn gwneud unrhyw beth, dde? 327 00:14:37,150 --> 00:14:38,220 >> Ac yna mae gen i fy ffurflen. 328 00:14:38,220 --> 00:14:39,890 A doeddwn i ddim yn gwneud unrhyw fformatio arbennig. 329 00:14:39,890 --> 00:14:42,680 Felly mae'r ffurflen yn un rhes fawr o wybodaeth. 330 00:14:42,680 --> 00:14:46,424 Os wyf wedi fformatio fy ffurflen wahanol, Efallai y byddwn wedi ei leinio trwy fesul llinell. 331 00:14:46,424 --> 00:14:47,590 Ond doeddwn i ddim yn gwneud unrhyw steilio. 332 00:14:47,590 --> 00:14:49,256 Unwaith eto, nid ydym yn sôn am CSS yma. 333 00:14:49,256 --> 00:14:51,030 Rydym yn unig yn siarad am HTML. 334 00:14:51,030 --> 00:14:53,980 >> Yn dda yn fy ffurflen testun gallaf type-- cofiwch fod mathau o destun math 335 00:14:53,980 --> 00:14:55,480 fel y gallaf roi fy enw i. 336 00:14:55,480 --> 00:14:57,330 Ac yn fy nghyfrinair rwyf Gall deipio fy nghyfrinair. 337 00:14:57,330 --> 00:14:59,740 Ac oherwydd y cae o fath cyfrinair, 338 00:14:59,740 --> 00:15:01,470 nad ydych yn gwybod beth yw fy nghyfrinair yw. 339 00:15:01,470 --> 00:15:02,800 Mae hyn i gyd dotiau. 340 00:15:02,800 --> 00:15:09,140 >> Gallaf hefyd ddewis rhoi tic oddi ar botwm radio neu ticiwch oddi ar blwch gwirio. 341 00:15:09,140 --> 00:15:10,420 Neu gallwn i gyflwyno fy ffurflen. 342 00:15:10,420 --> 00:15:11,810 A doeddwn i ddim yn gwneud unrhyw beth, felly pan fyddaf yn cyflwyno fy ffurflen, 343 00:15:11,810 --> 00:15:13,090 mae'r dudalen yn unig adnewyddu. 344 00:15:13,090 --> 00:15:16,970 Ond gallwn efallai ffurfweddu fy Cyflwyno botwm i wneud rhywbeth arall. 345 00:15:16,970 --> 00:15:20,410 A gawn ni weld beth y gallwn ei wneud gyda bod mewn fideo yn y dyfodol ar PHP. 346 00:15:20,410 --> 00:15:22,520 Ond mae hyn yn adeiladu iawn ffurflen syml ein bod yn 347 00:15:22,520 --> 00:15:27,360 Gall eu defnyddio i gael defnyddwyr ryngweithio a cyflwyno gwybodaeth at ein gwefan. 348 00:15:27,360 --> 00:15:29,620 >> Un sylw olaf cyn i ni symud ymlaen at rai tagiau eraill 349 00:15:29,620 --> 00:15:32,040 yn mynd i gymryd golwg ar hyn mewnbwn tag un mwy o amser. 350 00:15:32,040 --> 00:15:35,760 Hysbysu fy mod i wedi tynnu sylw at ben y tag mewn coch. 351 00:15:35,760 --> 00:15:39,390 Mae pob tag eraill yr ydym wedi ei weld hyd yn hyn wedi wedi cael dechrau a diwedd, agoriad 352 00:15:39,390 --> 00:15:41,030 tag a tag cau. 353 00:15:41,030 --> 00:15:42,520 >> Ond nid tag mewnbwn yn ei wneud. 354 00:15:42,520 --> 00:15:46,860 Does dim testun sy'n mynd rhwng tagiau mewnbwn. 355 00:15:46,860 --> 00:15:49,160 Mae'r holl wybodaeth rydym yn bwriadu cyfleu 356 00:15:49,160 --> 00:15:52,640 ynghlwm fel rhan o'r priodoleddau o'r mewnbwn. 357 00:15:52,640 --> 00:15:54,690 Hysbysiad gennym enw mewnbwn hafal x. 358 00:15:54,690 --> 00:15:55,580 Math hafal y. 359 00:15:55,580 --> 00:15:57,660 Mae hynny'n wir yn yr holl wybodaeth rydym ei hangen. 360 00:15:57,660 --> 00:15:59,470 >> Gelwir hyn yn tag cau eu hunain. 361 00:15:59,470 --> 00:16:02,470 Nid oes angen agoriad a agos gan fod yr holl wybodaeth 362 00:16:02,470 --> 00:16:04,974 cael ei gynnwys y tu mewn i'r tag a'i phriodoleddau. 363 00:16:04,974 --> 00:16:06,390 Felly weithiau byddwch yn gweld hyn, hefyd. 364 00:16:06,390 --> 00:16:10,400 Felly, dim ond fod yn ymwybodol, os oes gennych tag sy'n gwbl hunangynhwysol, 365 00:16:10,400 --> 00:16:14,170 mae'n agor ac yn cau ei hun gyda y bachyn ongl agored ar y chwith 366 00:16:14,170 --> 00:16:17,000 a'r ongl slaes braced ar y dde. 367 00:16:17,000 --> 00:16:20,580 Byddwn yn gweld un arall o'r rhai a ar hyn o bryd gyda tagiau delwedd hefyd. 368 00:16:20,580 --> 00:16:23,300 >> Cyn i ni siarad am ddelweddau, rydym yn Mae angen i siarad am hypergysylltiadau. 369 00:16:23,300 --> 00:16:26,080 Os ydym am i'n tudalen ar y we i fod yn rhyngweithiol ac yn symud o'n cwmpas, 370 00:16:26,080 --> 00:16:28,121 byddai'n braf gallu i cliciwch ar un o'r rheini 371 00:16:28,121 --> 00:16:30,190 hyn sydd fel arfer wedi bod dolen las. 372 00:16:30,190 --> 00:16:34,440 Mae hyn mewn gwirionedd sut yr ydym yn adeiladu hypergyswllt yn ein tudalen ar y we. 373 00:16:34,440 --> 00:16:36,540 Ac yn ddiddorol ddigon mae yna tag HTML arall 374 00:16:36,540 --> 00:16:39,000 Gelwir cyswllt, sydd heb fod yn hypergyswllt. 375 00:16:39,000 --> 00:16:44,130 A yma yn sefyll am angor, a dyna sut yr ydym yn dangos hypergyswllt. 376 00:16:44,130 --> 00:16:49,150 >> Mae href hafal x yn golygu mynd i dudalen X. we A phopeth 377 00:16:49,150 --> 00:16:51,580 rhwng yr awyr agored A tag ac mae'r cau A tag 378 00:16:51,580 --> 00:16:56,010 yn beth sy'n mynd i fod yn tanlinellu testun glas sy'n edrych fel cyswllt 379 00:16:56,010 --> 00:16:57,590 ein bod yn gyfarwydd â hwy. 380 00:16:57,590 --> 00:17:01,660 Isod bod gennym tag delweddau, a oedd yn yn hunan cau tag ar gyfer arddangos 381 00:17:01,660 --> 00:17:05,599 delwedd leoli yn X. A efallai y byddwch yn gallu newid 382 00:17:05,599 --> 00:17:08,280 ddelwedd honno drwy bennu lled ac uchder 383 00:17:08,280 --> 00:17:11,640 a phriodoleddau eraill yn hynny dot dot dot yno. 384 00:17:11,640 --> 00:17:14,260 >> Ar y gwaelod yma mae gennym ddiddorol iawn 385 00:17:14,260 --> 00:17:16,170 edrych tag nad yw'n cael tag cau. 386 00:17:16,170 --> 00:17:19,410 Mae'n ebychnod HTML pwynt DOCTYPE. 387 00:17:19,410 --> 00:17:23,300 Felly HTML wedi bod o gwmpas ers y 1990au cynnar ar gyfer adeiladu tudalennau gwe, 388 00:17:23,300 --> 00:17:25,859 ac mae'n mynd yn destun nifer o ddiwygiadau ers hynny. 389 00:17:25,859 --> 00:17:28,550 Yn fwyaf diweddar yn 2014 mae'n cafodd adolygiad 390 00:17:28,550 --> 00:17:33,440 Gelwir HTML5 sydd bellach yn gyfredol math o de safon HTML facto. 391 00:17:33,440 --> 00:17:36,730 >> Er mwyn dangos bod ein gwe tudalennau yn cael eu hysgrifennu gan ddefnyddio HTML5, 392 00:17:36,730 --> 00:17:38,160 dyma sut y byddwn yn dechrau i ffwrdd. 393 00:17:38,160 --> 00:17:40,380 Gellir ei hepgor ond beth sydd yn y bôn 394 00:17:40,380 --> 00:17:45,930 modd yn na allwch ddefnyddio unrhyw un o'r tagiau sy'n cael eu tagiau HTML5, tagiau newydd hynny. 395 00:17:45,930 --> 00:17:48,591 Felly, rydym bob amser yn dechrau off os ydym yn defnyddio HTML5. 396 00:17:48,591 --> 00:17:51,340 A'r holl tagiau rydym wedi siarad am gynt yn cael eu tagiau HTML5. 397 00:17:51,340 --> 00:17:55,470 Ond byddai hyn yn dangos bod Bydd tagiau HTML5 yn bresennol. 398 00:17:55,470 --> 00:17:58,400 Ac felly rydym wedi ebychnod HTML DOCTYPE, a oedd yn 399 00:17:58,400 --> 00:18:01,280 yw ar gychwyn iawn o'n Ffeil HTML, ac yna ar ôl y pwynt hwnnw 400 00:18:01,280 --> 00:18:04,930 rydym mewn gwirionedd wedi ein HTML agored tag a symud ymlaen o'r fan honno. 401 00:18:04,930 --> 00:18:10,050 >> Mae'r un olaf yn tag sylwadau, sy'n edrych ychydig yn wahanol, hefyd. 402 00:18:10,050 --> 00:18:12,810 Mae'n dechrau i ffwrdd gyda ongl braced dash exclamation 403 00:18:12,810 --> 00:18:15,220 dash ond dim braced cau. 404 00:18:15,220 --> 00:18:20,150 Rhwng y ddwy elfen yno yw pan fyddwch yn ysgrifennu eich sylwadau. 405 00:18:20,150 --> 00:18:28,420 A gadewch i ni edrych ar ddelweddau a sylwadau a chysylltiadau mewn IDE CS50. 406 00:18:28,420 --> 00:18:32,850 >> Felly, yr wyf wedi yma ffeil o'r enw cyswllt delwedd dot HTML yr wyf i'n mynd i agor i fyny. 407 00:18:32,850 --> 00:18:36,420 Ac rhybudd gen i ddau o sylwadau yma yn fy sylwadau HTML. 408 00:18:36,420 --> 00:18:38,990 Felly yn union fel yn C ac eraill ieithoedd rhaglennu, 409 00:18:38,990 --> 00:18:43,169 HTML yn unig trwy fod yn iaith marcio oes rhaid i'r gallu i gael sylwadau. 410 00:18:43,169 --> 00:18:45,710 Ac felly dwi'n ôl pob golwg yn mynd i rhoi darlun o Rick Astley 411 00:18:45,710 --> 00:18:49,060 rhywle rhwng div hwn tag, is-adran mympwyol hwn. 412 00:18:49,060 --> 00:18:51,497 Mae'n debyg bod y ffeil yn lleoli yn Rick dot JPEG, a oedd yn 413 00:18:51,497 --> 00:18:53,580 os ydym yn mynd yn ôl dros at fy nghoeden ffeil am eiliad, 414 00:18:53,580 --> 00:18:55,490 yn ffeil sy'n bodoli mewn y cyfeiriadur cyfredol. 415 00:18:55,490 --> 00:18:56,031 Felly mae hynny'n iawn. 416 00:18:56,031 --> 00:18:57,710 Gallaf gyfeirio ei. 417 00:18:57,710 --> 00:18:59,680 >> Yna gallaf gael cysylltiadau mewnol. 418 00:18:59,680 --> 00:19:05,080 Felly sylwi ar linell 11 yma fy href yw helo dot HTML. 419 00:19:05,080 --> 00:19:09,050 Felly dyna dim ond yn cyfeirio at hello dot HTML sy'n bodoli yn y cyfeiriadur cyfredol. 420 00:19:09,050 --> 00:19:12,980 A gallaf hefyd gael allanol cysylltiadau at jyst yn pennu HTTPS 421 00:19:12,980 --> 00:19:16,180 i nodi nad i ddim yn siarad am ffeil yn fy cyfeiriadur cyfredol. 422 00:19:16,180 --> 00:19:19,730 Rwy'n siarad am ffeil sy'n bodoli rhywle ar y we, ac yr wyf wedi 423 00:19:19,730 --> 00:19:23,370 i ofyn am ddefnyddio'r protocol HTTP. 424 00:19:23,370 --> 00:19:25,990 >> Felly, gadewch i ni edrych ar yr hyn y Efallai y dudalen hon yn edrych fel 425 00:19:25,990 --> 00:19:29,500 a pharatoi ar gyfer llun o Rick Astley i arddangos i fyny ar eich sgrin. 426 00:19:29,500 --> 00:19:31,490 Felly byddaf yn rhagolwg hwn. 427 00:19:31,490 --> 00:19:33,800 Mae Rick Astley yn y iawn top yn hyn o mympwyol 428 00:19:33,800 --> 00:19:35,008 is-adran wyf yn ei roi ar y brig. 429 00:19:35,008 --> 00:19:36,960 Ac yna i lawr yn is na fy mod wedi fy cysylltiadau, dde? 430 00:19:36,960 --> 00:19:39,330 >> Mae gen i gysylltiad â helo dot HTML. 431 00:19:39,330 --> 00:19:42,860 Ac os wyf yn clicio hynny, i mi gael symud dros i'r dudalen hon 432 00:19:42,860 --> 00:19:47,050 ein bod yn gyfarwydd iawn â o cychwyn cyntaf ein rhaglen. 433 00:19:47,050 --> 00:19:50,880 Os byddaf yn pop y dudalen ar agor eto, os wyf pop cyswllt image agor un mwy o amser, 434 00:19:50,880 --> 00:19:54,420 Gallaf hefyd fynd yn allanol at wefan CS50 yn. 435 00:19:54,420 --> 00:19:56,740 Ac dyna ni see-- byddaf chwyddo allan ychydig Yma-- 436 00:19:56,740 --> 00:20:00,260 byddwn yn gweld gwefan CS50 yn fath o hymgorffori yng nghanol ein tudalen. 437 00:20:00,260 --> 00:20:04,670 Felly roeddwn yn gallu gwneud mewnol cysylltu'n yn ogystal â dolen allanol. 438 00:20:04,670 --> 00:20:07,200 >> Y rheol diwethaf gyda HTML sy'n rydym yn mynd i siarad am fan hyn 439 00:20:07,200 --> 00:20:09,510 yw y dylai eich HTML yn cael ei ffurfio'n dda. 440 00:20:09,510 --> 00:20:13,020 Yn C buom yn siarad llawer am y gwahanol cystrawen o bethau. 441 00:20:13,020 --> 00:20:17,650 Yn HTML gystrawen 'n sylweddol troi o gwmpas tagiau. 442 00:20:17,650 --> 00:20:19,660 Mae angen cau pob tag byddwch yn agor. 443 00:20:19,660 --> 00:20:22,630 Ac yn wir, pob tag byddwch yn agor Dylid ei gau yn ôl. 444 00:20:22,630 --> 00:20:25,790 >> Felly, os byddwch yn agor tag beiddgar, mae italig tag, ac yna tag tanlinellu 445 00:20:25,790 --> 00:20:28,120 i wneud pob un o'r tri i set benodol o destun, 446 00:20:28,120 --> 00:20:30,070 dylech eu cau yn ôl. 447 00:20:30,070 --> 00:20:32,270 Felly, os ydych agorwyd beiddgar, italig, tanlinellu, byddwch yn 448 00:20:32,270 --> 00:20:35,240 am gau tanlinellu, italig, beiddgar. 449 00:20:35,240 --> 00:20:39,990 Mae'r math yma o mewngapsiwleiddio yw'r hyn cadw HTML 'n glws a threfnus. 450 00:20:39,990 --> 00:20:44,370 >> Yn wahanol i C, fodd bynnag, ni fydd gwallau cystrawen mewn gwirionedd yn anablu'r eich HTML o bosibl. 451 00:20:44,370 --> 00:20:48,730 Efallai y bydd eich HTML fod yn ddim yn dda Ffurfiwyd ond byddai'n dal i weithio. 452 00:20:48,730 --> 00:20:50,589 Ac felly y gwallau hyn yn gallu didoli o sleidiau gan. 453 00:20:50,589 --> 00:20:52,130 Mae i fyny i chi i 'n sylweddol fod yn wyliadwrus. 454 00:20:52,130 --> 00:20:54,760 Weithiau byddant yn methu, ond Weithiau, gallwch ei gael i ffwrdd ag ef. 455 00:20:54,760 --> 00:20:56,509 >> Gall fod yn wir dasg anodd, fodd bynnag, 456 00:20:56,509 --> 00:21:00,660 i gadw cofnod o pan fyddwch yn agor tag, pan fyddwch yn cau ei, 457 00:21:00,660 --> 00:21:04,110 yn enwedig gan eich HTML Ffeiliau yn mynd yn fwy ac yn fwy. 458 00:21:04,110 --> 00:21:05,490 Youll 'angen rhywfaint o help. 459 00:21:05,490 --> 00:21:07,560 Ac mae ar-lein offer dilysydd eich bod 460 00:21:07,560 --> 00:21:11,474 Gall eu defnyddio i gael golwg ar eich gwe dudalen a gweld os yw'n dda HTML ffurfio. 461 00:21:11,474 --> 00:21:13,390 A ddylech chi yn bendant yn edrych ar y rheini 462 00:21:13,390 --> 00:21:16,620 ac yn dechrau eu defnyddio wrth i chi dechrau gwneud rhywfaint o waith gyda HTML, 463 00:21:16,620 --> 00:21:20,800 ysgrifennu HTML, yn union fel y byddwch yn ei gael rhai arferion da am drefnu 464 00:21:20,800 --> 00:21:24,377 eich HTML mewn ffordd dda a arddull da a gwneud yn siwr 465 00:21:24,377 --> 00:21:27,210 nad ydych yn gwneud unrhyw beth sy'n Gallai creu gwall cystrawen sy'n 466 00:21:27,210 --> 00:21:30,270 yn achosi ychydig o chi problem i lawr y ffordd. 467 00:21:30,270 --> 00:21:31,190 >> Rwy'n Doug Lloyd. 468 00:21:31,190 --> 00:21:33,450 Mae hyn yn CS50. 469 00:21:33,450 --> 00:21:34,859