DOUG LLOYD: Felly, rydym yn ei wario about-- os yw fy mathemateg yn gywir, ac yr wyf yn credu yn edrych back-- wyf yn meddwl rydym yn treulio tua 35 o fideos yn siarad am wahanol agweddau ar C, efallai ychydig yn fwy, efallai ychydig yn llai. Ac nid oeddem yn cwmpasu popeth yn C, ond rydym yn cwmpasu darn mawr o'r iaith, mae'r mwyafrif helaeth ohono, yn sicr ar gyfer defnyddiau cyffredin. Nawr rydym yn mynd i siarad am iaith arall, HTML. Ac rydym yn mynd i dalu am mewn dim ond un fideo. 

Ond mae hynny'n mynd i fod yn iawn. Mae hynny'n mynd i fod yn mewn gwirionedd rhywbeth rydych chi'n mynd i ddod i arfer â. Nawr bod gennych y hanfodion un iaith, 'i' mewn gwirionedd yn eithaf hawdd i ddechrau eraill dysgu. Felly rydym yn mynd i ddechrau i gamu ychydig yn ôl a sglein dros y sylfaenol gwahaniaethau rhwng yr ieithoedd hyn a math o ydych yn gadael iddo. Mae llawer o wirioneddol wych adnoddau ar y rhyngrwyd, a oedd yn rydym yn mynd i ddechrau cyfarwyddo chi tuag gan fod y rhyngrwyd yn ystorfa helaeth o wybodaeth. Ac felly nid yw'n yr hoffech chi helpu yn colli allan o reidrwydd trwy beidio â chael y wybodaeth gorchuddio mewn fideo. Byddwch yn dal i allu cael popeth rydych ei angen a defnydd y wybodaeth sydd gennych eisoes adeiledig drwy ddeall C i wneud y gromlin ddysgu ar gyfer y rhain ieithoedd eraill mewn gwirionedd yn fwy gwastad llawer. Dwi'n addo. 

Ond gadewch i ni siarad am un iaith mae hynny'n wir yn sylfaenol ar gyfer pob we dudalen, sydd yn HTML. HTML yw Hyper Text Markup Language. HTML yn iaith ond mae'n Nid yw iaith raglennu. 

Nid oes gan HTML newidynnau. Nid oes ganddo rhesymeg neu swyddogaethau neu unrhyw beth fel 'na. Ni allwn wneud unrhyw rhaglennu fel y cyfryw yn HTML. Weithiau, byddwch yn clywed pobl yn disgrifio eu hunain fel rhaglenwyr HTML, a oedd yn Nid yn gwbl gywir. Ni allwn ysgrifennu rhaglenni HTML. 

HTML yn unig a ddefnyddir i farcio testun. Mae'n cael ei alw yn iaith markup. A beth mae hyn does-- markup-- hwn rydym yn defnyddio tagiau yn HTML ac tags-- hyn mae hyn markup-- semantig yn diffinio strwythur dudalen ac yn achosi i'r testun plaen sy'n bodoli rhwng tagiau i gael eu dehongli gan borwyr mewn gwahanol ffyrdd. Ac efallai mae'n well i egluro y ffordd hon drwy o llun. 

Dyma dudalen HTML syml iawn, nid rhaglen HTML, unwaith eto, tudalen HTML. Ac rydym yn gwybod ei fod yn Dudalen HTML oherwydd ein bod i wedi ffinio popeth gyda tagiau HTML. Felly, mae hyn yn beth tag HTML yn edrych fel. Mae'n rhwng cromfachau ongl. Ac yn sylwi ar y brig mae gennym HTML ac ar yr union gwaelod, ar ôl i ni wedi gwneud yr hyn sydd yn ôl pob golwg mae llawer o HTML eraill, mae gennym HTML ongl slaes braced. Felly, y math yna o yw'r ffin rhwng yr hyn sy'n HTML a beth sydd ddim. Ac wrth gwrs, confensiynol, dim ond wrth i chi ysgrifennu eich holl raglenni C gydag estyniadau dot C, pob un o'ch ffeiliau HTML yn dod i ben gydag estyniadau HTML dot. Ond mae mynd ar mwy yma. Nid ydym yn unig wedi tagiau HTML hyn. Rydym yn ôl pob golwg wedi hyn beth a elwir yn tag pen. Wel, OK, beth sy'n bod? 

Wel efallai mae'n well gwahaniaethu ar ffurf corff, corff yn cynnwys y dudalen ar y we. Felly efallai y tag pen diffinio stwff Nid yw bod yn y ffenestr bori priodol, ond rywsut bwysig i'n tudalen ar y we yn cael ei rendro yn gywir. Er enghraifft, tu mewn y tag pen gennym tagiau teitl. 

Felly teitl yn y byd helo, mewn gwirionedd mae hynny'n mynd i fod yn beth yn dangos i fyny yn y tab yn Chrome neu mewn saffari neu Firefox-- pa bynnag borwr rydych prefer-- dyna beth sy'n mynd i ddangos i fyny yn y teitl. A chyn tabiau byddai'n dangos i fyny yn eich ffenestr bori gyfan a gallwch ond gael un dudalen agor mewn ffenestr porwr ar y tro. Felly mae hynny'n mynd i fod yn teitl fy nhudalen i fyny yn y tab neu y bar ffenestr porwr, helo byd. Ac yna y cynnwys fy Bydd tudalen ar y we yn y byd, helo. Felly, gadewch i ni edrych ar yr hyn y mae rhai Gallai peth fel hyn yn edrych fel. Mae hon yn dudalen HTML eithaf syml. Felly, rwyf yma yn fy IDE CS50 a Rwyf wedi chwyddo i mewn ychydig bach. A dwi'n jyst yn mynd i agor helo dot HTML a dangos i chi bod hyn yn 'n bert lawer y cynnwys dudalen a welsom o'r blaen. Fy tagiau HTML, pennaeth syml, tagiau teitl, corff, ac yn y blaen. Rydw i wedi mewnoli yn lân. 

Ac yna beth y gallaf ei wneud yn fy IDE yn unig yw rhagolwg y dudalen. Ac dyna ni. Mae cynnwys fy nhudalen yn fyd, helo, ac nid wyf yn gweld unrhyw beth mewn o'r tagiau ben yno. Dim ond cynnwys y corff. Y Byd, helo. Ac eto y corff yn unig Meddai, byd, helo. Y rhan arall ar goll. 

Felly dyna mewn gwirionedd i gyd y mae. Mae hon yn dudalen HTML sylfaenol syml iawn. Nawr rydw i wedi mewnoli fy HTML i fod yn neis iawn ac yn drefnus, ond nid oes mewn gwirionedd yn rhaid i I. Gallwn i wneud yn edrych yn bert hyll. A byddai hyn yn dal i weithio. Byddai hyn yn yr un dudalen we union. Rwyf newydd gotten gwared ar pob un o'r gofod gwyn. 

Fel mae'n troi allan, gofod gwyn yw data. Ac felly pan fyddwn yn anfon data o anfonwr i derbynnydd, o'r gweinydd i gleient, data yn costio arian. Ac felly gael gwared o whitespace mewn gwirionedd yn syniad da os ydych yn rhywun sy'n gwasanaethu i fyny llawer o gynnwys y we. Mae'n syniad drwg os ydych chi'n rhywun sydd yn dysgu pethau hyn ac rydych am ei gael ei drefnu'n 'n glws. Mae hyn yn llawer haws i gramadega na hyn. Ond mae'n union yr un fath swyddogaethol. 

Mae'r mewnoliad a phethau fel 'na Nid yw mewn gwirionedd yn bwysig yn HTML. Y cyfan sy'n bwysig yw tagiau agor a cau tagiau yn y drefn gywir. Sylwi ar yr hyn a ddigwyddodd yma, er. Mae'r markup yn rhoi ffordd i ni cyfleu gwybodaeth ychwanegol am yr hyn rydym wedi ysgrifennu. Mae'r rhan Helo, World oedd dehongli fel y teitl. Ac yn y byd, helo ran oedd dehongli fel y cynnwys neu yr hyn a ddylai fod yn yn weladwy ar fy nhudalen we. 

Mae dros 100 o'r rhain wahanol tagiau a llawer o adnoddau gwych ar-lein i ddod o hyd iddynt. Rydym yn mynd i siarad am ychydig ohonynt yn y fideo hwn, mae rhai o'r stwff 'n sylweddol sylfaenol. Ond nid ydym yn mynd Sgwrs am y peth i gyd oherwydd ei fod yn Byddai yn gyflawn i wneud hynny. 

Peth arall y gallwch ei wneud, fodd bynnag, yn agor offer datblygwr. Ac os ydych yn cofio o ein fideo ar HTTP, Esboniais sut i agor i fyny offer datblygwr. Yn Chrome mae fel arfer yn yr allwedd F12 i agor y bar offer datblygwr. Yna, yn hytrach na dewis y Rhwydwaith bwyntil, gallwch ddewis y tab Elfennau. Ac os ydych yn llwytho we dudalen, wnewch chi helpu mewn gwirionedd gweld y HTML sy'n creu y dudalen we. Ac fel y gallwch ddysgu llawer am HTML drwy edrych ar eich hoff wefannau a gweld sut y maent yn adeiladu'r gwahanol ddarnau ohonynt yr ydych yn hoffi. Felly efallai fod cŵl hwn patrwm neu rywbeth fel 'na. Sut maen nhw'n ei wneud yn gyda HTML? Wel gallwch chi jyst agor i fyny 'ch datblygwr offer a hofran dros yr elfen honno a gweld yn union beth HTML yn ei gwneud yn. Felly mae hynny'n wir ffordd dda i ddysgu HTML, ac yr wyf yn argymell yn gryf y ydych yn ei wneud y ddau i ddysgu HTML a hefyd i ddysgu ychydig ychydig am rai o'r opsiynau ar gael i chi yn y offer datblygwr, a oedd yn Bydd yn sicr yn dod i mewn 'n hylaw fel i chi ddechrau gwneud we yn fwy dwys rhaglennu. 

Felly, gadewch i ni edrych ar cwpl o dagiau HTML cyffredin. A byddwn yn neidio ac edrych ar pa rhain yn tagiau a fydd hefyd yn gwneud fel drwy edrych ar rhai ffeiliau yn fy IDE. Felly dyma dri tagiau sylfaenol iawn ar gyfer tweaking ymddangosiad gweledol o destun. Mae tagiau B, yr wyf tagiau, a thagiau U. Ac yn y drefn honno yr hyn y maent yn ei wneud yw olygu bod y testun rhyngddynt mewn print trwm, llythrennau italig, a thanlinellu. Felly, gadewch i ni weld beth fyddai'n edrych fel ar dudalen we go yn fy IDE. 

Felly dyma yn fy IDE gen i ffeil o'r enw BIU dot HTML. BIU dot HTML dim ond bod eofn, italig, tanlinellu. 'N annhymerus' yn agor i fyny. 

A byddwn yn gweld bod yma rwyf cael y testun hwn yw tagiau B beiddgar. Mae'r testun yn tagiau wyf italig. Ac mae testun hwn yw tagiau U tanlinellu. Beth mae hyn yn mynd i edrych fel? Wel unwaith eto, pob gen i ei wneud yw mynd dros yma at fy porwr, fy porwr ffeiliau, cliciwch Rhagolwg, ac mae hyn yn beth sy'n dod i fyny. 

Mae'r testun yn rhwng y B tagiau yn wir bellach beiddgar. Mae'r testun yn rhwng y rwyf tagiau yn wir bellach italig. Ac mae'r testun yn rhwng yr U tagiau yn wir danlinellu yn awr. Felly dyna 'n bert da. Rydym bellach yn gwybod sut i wneud y testun edrych ychydig yn fwy o ffansi neu dynnu pwyslais i rai pethau. Cwpl arall o dagiau cyffredin yma paragraff tagiau, tagiau P, a header, yr wyf wedi rendro yma fel HX. 

Mae'r rhain yn tagiau P, tagiau paragraff hyn, torri eich testun fyny i mewn paragraffau. Nid yw'n ddigon i ddim ond daro Chofnoda ac yn gadael bylchau, oherwydd bod cyfrifiadur yn mynd yn unig i wneud yr hyn yr ydych yn dweud iddo wneud ac yn anwybyddu gwyn lle ar gyfer y rhan fwyaf. Felly, ni allwn jyst daro Enter ac yn disgwyl ein cyfrifiadur i ddehongli ein bod am i ddechrau paragraff newydd. Mae'n rhaid i ni ddweud hyn yn glir iawn yn un paragraph-- hyn yn another-- trwy amgáu pob un mewn cyfres o dagiau P. 

Ac mae gennym hefyd yr opsiynau hyn ar gyfer tagiau H, tagiau pennawd hyn. Mae gennym chwe lefel wahanol o penawdau, un, dau, tri, pedwar, pump, a chwech, sef yn gynyddol fwy ac yn fwy penawdau. Ac maent yn cael llai ac llai a llai ac yn llai. Felly, mae gennym pennawd lefel uchaf, ail header lefel, ac yn y blaen, ac yn y blaen. 

Gadewch i ni edrych ar rai efallai Tagiau P a rhai tagiau header ar waith ar dudalen gwe. Felly dyma yn fy IDE gen i ffeil o'r enw PH PH dot yn baragraffau HTML, a thagiau header. Agor bod hyd. Mae llawer yn digwydd yma am fy mod i wedi rhoi rhai Lorem ipsum, rhywfaint o destun yn unig ar hap yn fan hyn. Felly byddaf yn chwyddo allan ychydig oherwydd mae cymaint yn digwydd. Ond yn sylwi bod gen i ar yr union top yma gen i H1, lefel un, tag header. Yna mi gael paragraff, sydd ychydig criw o Lorem text-- hap ipsum-- dim ond ddiofyn llenwi safonol mewn testun. Felly mae gen i ddau baragraff tu mewn y un header lefel ac yna i lawr islaw i mi fod â lefel dau pheniad yma ar y llinell 24, ail header lefel, a dau arall paragraffau. Wel beth mae hyn yn edrych fel os byddaf yn edrych arno yn fy rhagolwg? Gawn ni weld. 

Felly sylwi bod y header lefel gyntaf yma mewn gwirionedd yn eithaf dipyn yn fwy na'r ail pennawd lefel. Felly rydym yn defnyddio tagiau H1. Ac yn sylwi bod y tagiau P yn caniatáu i ni i dorri pethau allan yn baragraffau. Pe baem wedi gotten gwared o dagiau P rhai ac mewn gwirionedd yn rhoi dim ond mynd i mewn neu Ffurflenni yn y canol yr hyn yr ydym yn gobeithio y byddai fod y gwahanol paragraffau, byddent i gyd yn unig brecio'n galed gyda'i gilydd a ni fyddai'n cael y paragraff hwn 'n glws gwahanu gyda lle uwchlaw ac islaw. Ac felly dyna beth paragraff tagiau a thagiau header yn cael eu defnyddio'n aml i wneud i dynnu sylw at dogn o ein tudalen ar y we yn y ffordd honno. 

Hyd Nesaf rai tagiau a ddefnyddiwn i adeiladu rhestrau ar ein tudalen ar y we. Felly mae gennym di-drefn lists-- ULs-- sydd yn unig rhestrau bwledi, archebu rhestr sy'n numbered-- OLs-- ac y tu mewn i naill ai un o'r rhai mae angen i ni gael setiau o sut i nodi eitemau rhestr, LI. Ac felly rydym wedi agor tag UL ac rydym yn rhoi eitemau tu mewn iddo. Ac yna pan fyddwn ni'n ei wneud gyda hynny, gallwn gau'r tag UL. 

Ac yn yr un modd y gallwn gael rhestr archebu neu rif ac yn rhoi eitemau rhestr y tu mewn o hynny. Felly, gadewch i ni edrych mewn un neu ddau o restrau a beth y byddent rendr ag ar IDE CS50. Felly, yr wyf wedi yma yn fy IDE a ffeil o'r enw rhestri dot HTML. Gadewch i ni edrych. 

A rhybudd yma gen i di-drefn rhestru gyda phum bethau ynddo. Ac yna mae gen i restr harchebu, ac Rwyf wedi newid y tag ychydig bach, iawn? Rwyf wedi dweud dechrau hafal chwech. Mae'n troi allan gyda rhestr archebu wyf Gall osod y man cychwyn lle bynnag y bo Rwy'n want-- yn ddiofyn, bydd yn one-- drwy ychwanegu hyn a elwir yn priodoledd i fy tag OL. Ac felly y rhestr hon bydd dechrau cyfrif am chwech. Felly, mae'r elfennau o'r rhestr honno rhifo Dylai fod chwech, saith, wyth, naw, deg, oherwydd bod pum elfen yn y rhestr, yn hytrach nag un, dau, tri, pedwar, pump, a oedd yn fyddai'n digwydd pe bawn wedi dweud OL heb nodi y priodoledd cychwyn. 

Felly byddwn yn jyst rhagolwg hwn fel y gallwch cael ymdeimlad am yr hyn sy'n digwydd yma. Ac dyna ni. Mae fy rhestr. Y pum elfen cyntaf rhestrau di-drefn neu bwyntiau bwled. A'r pum elfen nesaf yn rhestr harchebu ar wahân gan ddechrau o chwech. Felly dyna sut y gallwn adeiladu rhestrau gan ddefnyddio HTML. Peth arall gallech chi am ei wneud gyda HTML yn adeiladu tabl o gwybodaeth o resi a cholofnau i gyflwyno gwybodaeth mewn yn arbennig a drefnwyd ffordd. Er mwyn gwneud hyn gyda HTML gallwn gael diffiniad tabl gan ddechrau braced agored bwrdd. Ac yna y tu mewn y tabl hwnnw yr ydym yn Gallai gael set o resi, tagiau TR i nodi pob rhes. Ac yna tagiau TD yn mynd y tu mewn o tagiau TR i bennu colofn o fewn rhes. 

Pam y'i gelwir TD ac nid Tc? Wel, TD yn sefyll am ddata bwrdd. Fel arfer rydych yn rhoi eich gwybodaeth yno. Felly dyna pam ei bod yn TD ac nid TC. Mae'n ychydig yn ddryslyd. 

Felly, mae gennych tagiau bwrdd a tu mewn i'ch tagiau bwrdd gennych nifer o resi, Cyfieithu a Chofnodi. Ac tu mewn i bob rhes sydd gennych CAT ar gyfer nifer y colofnau eich bod am gael yn y rhes benodol. Gadewch i ni edrych ar iawn tabl syml drosodd mewn IDE CS50. 

Felly, yr wyf wedi yma ffeil Gelwir tabl dot HTML. Gadewch i ni gael golwg ar beth sy'n edrych fel. Mae llawer yn digwydd yma ond os ydych yn sylwi gen i dabl agored. Rwy'n dechrau y diffiniad gyda bwrdd. Ac yna yn fy rhes cyntaf i mi yn ôl pob golwg wedi pedair colofn, un, dau, tri, pedwar. Ac yna dwi'n ei wneud gyda y rhes. 

Yna mi ddechrau rhes arall a gwneud dau, pedwar, chwech, wyth. Gorffennwch y rhes. A yw rhes arall, tri, chwech, naw, 12. Ac yna rhes olaf, pedwar, wyth, 12, ac er 'i' ychydig o dorri i ffwrdd yma, 16. 

Gorffennais y rhes. Gorffennais y bwrdd. Ac yna dwi'n ei wneud gyda fy HTML. Beth mae hyn yn edrych? Wel, nid yw'n wir o bethau i'w gweld. Rwyf wedi eu trefnu yn glir fy ngwybodaeth mewn ffordd ychydig yn fwy trefnus. Ond nid yw'n super 'n bert fan hyn. Ac rydym yn mynd i ddelio â pan fyddwn yn sôn am CSS. Byddwn yn ailedrych ar y syniad hwn o yr hyn rydym yn ei wneud i wneud table-- efallai fformatio ychydig yn well? Ond dwi ddim yn dal i gael pedair rhes, Mae pob un ohonynt pedair colofn, ac yn wir yn beth mae hyn yn cyfateb i yn syml iawn pedwar gan bedwar lluosi bwrdd. 

Dim ond ychydig mwy tagiau byddwn yn siarad am. Gadewch i ni siarad am y cysyniad o ffurflen HTML. Felly efallai y byddwch wedi gweld hyn yn y cyd-destun logio i mewn i dudalen we. Fel arfer byddwch yn teipio eich enw defnyddiwr. Rydych yn teipio eich cyfrinair, ac rydych yn dda i fynd. Byddai hynny'n ddechrau ffurflen. 

Sgipio dros Div eiliad. Mae gennym hefyd fewnbwn sydd fath o ffitio tu mewn ffurfiau. Mae'r rhain yn elfennau sy'n eich bod mewn gwirionedd yn teipio i mewn i, neu y botymau radio eich bod yn dicio, neu y siec blwch sy'n eich bod yn ticio i ffwrdd. Felly mae'r rhain yn mynd y tu mewn o ffurfiau. Ac maent yn cynnwys y bôn pob rhes o'r ffurflen os yw eich ffurflen yn cael ei fformatio yn dda. Yna mae cysyniad hwn o yn div, nad yw'n wir ffitio i mewn unrhyw gategori penodol tagiau fel y rhai yr wyf i wedi bod yn ei wneud yn flaenorol. 'I jyst fath o tynnu llinell rhwng gan ddechrau o ryw division-- mympwyol div-- y dudalen. Does dim toriad gweledol. Does dim llinell. Dyw hi ddim yn cychwyn fel darn ar wahân yn awtomatig. Byddai'n rhaid i chi arddull ei y ffordd o wneud hynny. 

'I jyst fath o yn dweud Rwyf am gael darn o le ar fy tudalen ar y we, ac Im 'jyst yn mynd i alw mae'n is-adran hon ar fy dudalen. Gallwn roi pethau y tu mewn o divs, ac mewn gwirionedd, pan fyddwn yn ben ar at DRhA mewn eiliad, yr ydym chi helpu gweld fy mod yn rhoi fy ffurfio tu mewn div. 

Felly, yr wyf wedi yma yn fy IDE a ffeil o'r enw div ffurflen dot HTML. Gadewch i ni agor i fyny. Sylwch fod fel y dywedais, div yn fath o fympwyol. Iawn? Nid yw'n wir yn golygu unrhyw beth. Felly, yr wyf yn cael mympwyol rhaniad cyntaf fy dudalen. Ac yna yn lle div arall yn nes ymlaen, gan ddechrau ar linell wyth, Mae gen i ffurflen hon. Ac tu mewn y ffurflen gen i nifer o fewnbynnau, caeau o'r ffurflen. Felly mae gen i gae y mae ei enw yn A-- nad yw'n wir yn golygu unrhyw beth now-- iawn yn ôl pob golwg cymryd destun, un arall sy'n cymryd cyfrinair, un arall mae hynny'n Radio botwm, un arall sy'n blwch siec, ac un arall mae hynny'n botwm Cyflwyno. Wel, beth mae hyn yn i gyd mewn gwirionedd yn edrych? Wel, gadewch i ni edrych. Byddwn yn agor i fyny yn ein ffenestr rhagolwg. Sylwch fod hyn yn mympwyol gyntaf division-- mae dim gwahanu gweledol yma. Nid oedd yn wir yn gwneud unrhyw beth, dde? 

Ac yna mae gen i fy ffurflen. A doeddwn i ddim yn gwneud unrhyw fformatio arbennig. Felly mae'r ffurflen yn un rhes fawr o wybodaeth. Os wyf wedi fformatio fy ffurflen wahanol, Efallai y byddwn wedi ei leinio trwy fesul llinell. Ond doeddwn i ddim yn gwneud unrhyw steilio. Unwaith eto, nid ydym yn sôn am CSS yma. Rydym yn unig yn siarad am HTML. 

Yn dda yn fy ffurflen testun gallaf type-- cofiwch fod mathau o destun math fel y gallaf roi fy enw i. Ac yn fy nghyfrinair rwyf Gall deipio fy nghyfrinair. Ac oherwydd y cae o fath cyfrinair, nad ydych yn gwybod beth yw fy nghyfrinair yw. Mae hyn i gyd dotiau. 

Gallaf hefyd ddewis rhoi tic oddi ar botwm radio neu ticiwch oddi ar blwch gwirio. Neu gallwn i gyflwyno fy ffurflen. A doeddwn i ddim yn gwneud unrhyw beth, felly pan fyddaf yn cyflwyno fy ffurflen, mae'r dudalen yn unig adnewyddu. Ond gallwn efallai ffurfweddu fy Cyflwyno botwm i wneud rhywbeth arall. A gawn ni weld beth y gallwn ei wneud gyda bod mewn fideo yn y dyfodol ar PHP. Ond mae hyn yn adeiladu iawn ffurflen syml ein bod yn Gall eu defnyddio i gael defnyddwyr ryngweithio a cyflwyno gwybodaeth at ein gwefan. 

Un sylw olaf cyn i ni symud ymlaen at rai tagiau eraill yn mynd i gymryd golwg ar hyn mewnbwn tag un mwy o amser. Hysbysu fy mod i wedi tynnu sylw at ben y tag mewn coch. Mae pob tag eraill yr ydym wedi ei weld hyd yn hyn wedi wedi cael dechrau a diwedd, agoriad tag a tag cau. 

Ond nid tag mewnbwn yn ei wneud. Does dim testun sy'n mynd rhwng tagiau mewnbwn. Mae'r holl wybodaeth rydym yn bwriadu cyfleu ynghlwm fel rhan o'r priodoleddau o'r mewnbwn. Hysbysiad gennym enw mewnbwn hafal x. Math hafal y. Mae hynny'n wir yn yr holl wybodaeth rydym ei hangen. 

Gelwir hyn yn tag cau eu hunain. Nid oes angen agoriad a agos gan fod yr holl wybodaeth cael ei gynnwys y tu mewn i'r tag a'i phriodoleddau. Felly weithiau byddwch yn gweld hyn, hefyd. Felly, dim ond fod yn ymwybodol, os oes gennych tag sy'n gwbl hunangynhwysol, mae'n agor ac yn cau ei hun gyda y bachyn ongl agored ar y chwith a'r ongl slaes braced ar y dde. Byddwn yn gweld un arall o'r rhai a ar hyn o bryd gyda tagiau delwedd hefyd. 

Cyn i ni siarad am ddelweddau, rydym yn Mae angen i siarad am hypergysylltiadau. Os ydym am i'n tudalen ar y we i fod yn rhyngweithiol ac yn symud o'n cwmpas, byddai'n braf gallu i cliciwch ar un o'r rheini hyn sydd fel arfer wedi bod dolen las. Mae hyn mewn gwirionedd sut yr ydym yn adeiladu hypergyswllt yn ein tudalen ar y we. Ac yn ddiddorol ddigon mae yna tag HTML arall Gelwir cyswllt, sydd heb fod yn hypergyswllt. A yma yn sefyll am angor, a dyna sut yr ydym yn dangos hypergyswllt. 

Mae href hafal x yn golygu mynd i dudalen X. we A phopeth rhwng yr awyr agored A tag ac mae'r cau A tag yn beth sy'n mynd i fod yn tanlinellu testun glas sy'n edrych fel cyswllt ein bod yn gyfarwydd â hwy. Isod bod gennym tag delweddau, a oedd yn yn hunan cau tag ar gyfer arddangos delwedd leoli yn X. A efallai y byddwch yn gallu newid ddelwedd honno drwy bennu lled ac uchder a phriodoleddau eraill yn hynny dot dot dot yno. 

Ar y gwaelod yma mae gennym ddiddorol iawn edrych tag nad yw'n cael tag cau. Mae'n ebychnod HTML pwynt DOCTYPE. Felly HTML wedi bod o gwmpas ers y 1990au cynnar ar gyfer adeiladu tudalennau gwe, ac mae'n mynd yn destun nifer o ddiwygiadau ers hynny. Yn fwyaf diweddar yn 2014 mae'n cafodd adolygiad Gelwir HTML5 sydd bellach yn gyfredol math o de safon HTML facto. 

Er mwyn dangos bod ein gwe tudalennau yn cael eu hysgrifennu gan ddefnyddio HTML5, dyma sut y byddwn yn dechrau i ffwrdd. Gellir ei hepgor ond beth sydd yn y bôn modd yn na allwch ddefnyddio unrhyw un o'r tagiau sy'n cael eu tagiau HTML5, tagiau newydd hynny. Felly, rydym bob amser yn dechrau off os ydym yn defnyddio HTML5. A'r holl tagiau rydym wedi siarad am gynt yn cael eu tagiau HTML5. Ond byddai hyn yn dangos bod Bydd tagiau HTML5 yn bresennol. Ac felly rydym wedi ebychnod HTML DOCTYPE, a oedd yn yw ar gychwyn iawn o'n Ffeil HTML, ac yna ar ôl y pwynt hwnnw rydym mewn gwirionedd wedi ein HTML agored tag a symud ymlaen o'r fan honno. 

Mae'r un olaf yn tag sylwadau, sy'n edrych ychydig yn wahanol, hefyd. Mae'n dechrau i ffwrdd gyda ongl braced dash exclamation dash ond dim braced cau. Rhwng y ddwy elfen yno yw pan fyddwch yn ysgrifennu eich sylwadau. A gadewch i ni edrych ar ddelweddau a sylwadau a chysylltiadau mewn IDE CS50. 

Felly, yr wyf wedi yma ffeil o'r enw cyswllt delwedd dot HTML yr wyf i'n mynd i agor i fyny. Ac rhybudd gen i ddau o sylwadau yma yn fy sylwadau HTML. Felly yn union fel yn C ac eraill ieithoedd rhaglennu, HTML yn unig trwy fod yn iaith marcio oes rhaid i'r gallu i gael sylwadau. Ac felly dwi'n ôl pob golwg yn mynd i rhoi darlun o Rick Astley rhywle rhwng div hwn tag, is-adran mympwyol hwn. Mae'n debyg bod y ffeil yn lleoli yn Rick dot JPEG, a oedd yn os ydym yn mynd yn ôl dros at fy nghoeden ffeil am eiliad, yn ffeil sy'n bodoli mewn y cyfeiriadur cyfredol. Felly mae hynny'n iawn. Gallaf gyfeirio ei. 

Yna gallaf gael cysylltiadau mewnol. Felly sylwi ar linell 11 yma fy href yw helo dot HTML. Felly dyna dim ond yn cyfeirio at hello dot HTML sy'n bodoli yn y cyfeiriadur cyfredol. A gallaf hefyd gael allanol cysylltiadau at jyst yn pennu HTTPS i nodi nad i ddim yn siarad am ffeil yn fy cyfeiriadur cyfredol. Rwy'n siarad am ffeil sy'n bodoli rhywle ar y we, ac yr wyf wedi i ofyn am ddefnyddio'r protocol HTTP. 

Felly, gadewch i ni edrych ar yr hyn y Efallai y dudalen hon yn edrych fel a pharatoi ar gyfer llun o Rick Astley i arddangos i fyny ar eich sgrin. Felly byddaf yn rhagolwg hwn. Mae Rick Astley yn y iawn top yn hyn o mympwyol is-adran wyf yn ei roi ar y brig. Ac yna i lawr yn is na fy mod wedi fy cysylltiadau, dde? 

Mae gen i gysylltiad â helo dot HTML. Ac os wyf yn clicio hynny, i mi gael symud dros i'r dudalen hon ein bod yn gyfarwydd iawn â o cychwyn cyntaf ein rhaglen. Os byddaf yn pop y dudalen ar agor eto, os wyf pop cyswllt image agor un mwy o amser, Gallaf hefyd fynd yn allanol at wefan CS50 yn. Ac dyna ni see-- byddaf chwyddo allan ychydig Yma-- byddwn yn gweld gwefan CS50 yn fath o hymgorffori yng nghanol ein tudalen. Felly roeddwn yn gallu gwneud mewnol cysylltu'n yn ogystal â dolen allanol. 

Y rheol diwethaf gyda HTML sy'n rydym yn mynd i siarad am fan hyn yw y dylai eich HTML yn cael ei ffurfio'n dda. Yn C buom yn siarad llawer am y gwahanol cystrawen o bethau. Yn HTML gystrawen 'n sylweddol troi o gwmpas tagiau. Mae angen cau pob tag byddwch yn agor. Ac yn wir, pob tag byddwch yn agor Dylid ei gau yn ôl. 

Felly, os byddwch yn agor tag beiddgar, mae italig tag, ac yna tag tanlinellu i wneud pob un o'r tri i set benodol o destun, dylech eu cau yn ôl. Felly, os ydych agorwyd beiddgar, italig, tanlinellu, byddwch yn am gau tanlinellu, italig, beiddgar. Mae'r math yma o mewngapsiwleiddio yw'r hyn cadw HTML 'n glws a threfnus. 

Yn wahanol i C, fodd bynnag, ni fydd gwallau cystrawen mewn gwirionedd yn anablu'r eich HTML o bosibl. Efallai y bydd eich HTML fod yn ddim yn dda Ffurfiwyd ond byddai'n dal i weithio. Ac felly y gwallau hyn yn gallu didoli o sleidiau gan. Mae i fyny i chi i 'n sylweddol fod yn wyliadwrus. Weithiau byddant yn methu, ond Weithiau, gallwch ei gael i ffwrdd ag ef. 

Gall fod yn wir dasg anodd, fodd bynnag, i gadw cofnod o pan fyddwch yn agor tag, pan fyddwch yn cau ei, yn enwedig gan eich HTML Ffeiliau yn mynd yn fwy ac yn fwy. Youll 'angen rhywfaint o help. Ac mae ar-lein offer dilysydd eich bod Gall eu defnyddio i gael golwg ar eich gwe dudalen a gweld os yw'n dda HTML ffurfio. A ddylech chi yn bendant yn edrych ar y rheini ac yn dechrau eu defnyddio wrth i chi dechrau gwneud rhywfaint o waith gyda HTML, ysgrifennu HTML, yn union fel y byddwch yn ei gael rhai arferion da am drefnu eich HTML mewn ffordd dda a arddull da a gwneud yn siwr nad ydych yn gwneud unrhyw beth sy'n Gallai creu gwall cystrawen sy'n yn achosi ychydig o chi problem i lawr y ffordd. 

Rwy'n Doug Lloyd. Mae hyn yn CS50.