DOUG LLOYD: Beraz igaro dugu naizenean nire matematika eskubidea izanez gero, eta uste back-- bilatzen dut uste bideoak 35 inguru igaro dugu hizketan C hainbat alderdi, agian buruz apur bat gehiago, agian, pixka bat gutxiago. Eta ez dugu estaltzeko C dena, baina guk horren zati handi bat estaltzen hizkuntza, eguneroko gehiengo zabala, zalantzarik ohiko erabilerak da. Orain ari gara hitz egin buruz beste hizkuntza bat, HTML. Eta ari gara estaltzeko joan bideo bat besterik ez da. 

Baina OK izango da. Hori da benetan bihurtu joan erabili ahal izateko zerbait zarela. Orain duzu aukera izan du Hizkuntza bat oinarriak, Egia esan, nahiko erraza beste batzuk ikasten hasteko. Beraz, goazen martxan jarriko Atzera apur bat zapalduta eta distira baino gehiago oinarrizko hizkuntzen artean desberdintasunak eta Ordena utziko da behar duzu. Ez dago benetan handia asko da Interneten, baliabide bertan zuk zuzentzen hasteko goaz Interneten dagoelako bidean Informazio biltegi zabala da. Eta beraz, ez da gehiago gustatuko zaizu izan galtzeko egindako nahitaez informazioa ez izatea Bideo bat estalita. Oraindik duzu izan lortu ahal behar duzun guztia eta erabilera Jadanik duzu ezagutza edificatuac C ulertzeko moduan hauen ikasketa kurba egiteko beste hizkuntzak benetan asko flatter. Zin dagit. 

Baina hitz egin dezagun hizkuntza bat inguru utzi hori da benetan funtsezkoa web bakoitzean orria, HTML da. HTML Hyper Text Markup Language da. HTML hizkuntza bat da, baina ez da Ez programazio hizkuntza bat. 

HTML ez dute aldagaiak. Ez du logika dute edo funtzio edo horrelako ezer. Ezin dugu egin duen programazio per se HTML. Batzuetan beharko duzu entzungo Pertsonak deskribatzeko beraiek HTML programatzaileak, zein ez da erabat zehatza. Ezin dugu HTML programak idatzi. 

HTML besterik markatzeko testu erabiltzen da. Honez markaketa lengoaia bat deitzen. Eta hau zer markup-- honetako honek, etiketa erabili dugu HTML eta tags-- horietan hau markup-- semantikoki Orri baten egitura definitzen du eta testu arruntaren eragiten dituen existitzen arteko etiketa interpretatu behar da modu ezberdinetan nabigatzaile arabera. Eta agian hobe da azaldu arabera ilustrazio bat modu hau. 

Hona hemen HTML orri bat oso erraza da, ez HTML programa bat, berriz ere, HTML orri bat. Eta badakigu bat da HTML orria dugulako HTML etiketa dena mugatzen. Beraz, hau da, zer HTML etiketa baten itxura. Da angelu parentesi artean. Eta goian daukagun nabarituko HTML eta oso behean, egin dugu ondoren zer da itxuraz beste HTML asko, xebroi slash HTML ditugu. Beraz, hori moduko muga delarik zer HTML den eta zer ez den bitartean. Eta, jakina, ohiko moduan, besterik zure C programak idatzi duzun bezala dot C luzapenak, Zure HTML fitxategi guztiak egingo dot HTML luzapenak batekin amaituko da. Baina ez da gehiago hemen gertatzen ari da. Ez besterik ez dugu HTML etiketa hauek. Itxuraz daukagu ​​honetan Gauza burua etiketa bat deitzen. Beno, OK, zer da hori? 

Beno, agian, hobe da gorputz baten bidez bereizteko, gorputza web orriaren edukia izanik. Beraz, agian burua etiketa stuff definitzen Hori ez da arakatzailearen leihoan egoki, baina, nolabait garrantzitsuak gure web orria behar bezala errendatzen ari. Adibidez, barrutik burua etiketa izenburua tags dugu. 

Beraz izenburua kaixo mundua izanik, Hori da benetan zer izango da erakusten Chrome fitxan edo safari edo Firefox-- ere edozein dela nabigatzaileak prefer-- duzun hori zer ari erakusteko izenburuan joan. Eta fitxak aurretik erakutsiko luke Zure nabigatzailean leiho osoa ere sortu eta zuk bakarrik izan daiteke orri bat nabigatzaileak garai batean irekiko. Beraz, hori izango da Nire orria fitxan gora izenburua edo arakatzailearen leiho tabernan, kaixo mundua. Eta gero edukia ene Web orria mundua izango da, kaixo. Beraz, dezagun zer batzuk begirada bat atsegin hau bezalako gauza begiratu daitezke. Hau HTML orria nahiko sinplea da. Beraz, hemen nago nire CS50 IDE eta Pixka bat handitutako dut. Eta besterik ez dut joan ireki, kaixo dot HTML eta zuk erakutsi hori ez dela nahiko askoz orriaren edukian aurretik ikusi dugun. Nire HTML, burua etiketa sinple, izenburua etiketa, gorputza, eta abar. Koskatuak Nik garbi izan behar du. 

Eta gero, zer ezin dut nire IDE besterik ez da orrialdean aurreikusteko. Eta ez dugu joan. Orri nire edukien munduko da, kaixo, eta ez dut ezer ikusi Buru etiketa hortik ere. Besterik gorputzaren edukiari da. World kaixo,. Eta berriro ere, gorputza besterik esan, mundua, kaixo. Beste zatia falta da. 

Beraz, hori da benetan guztia da. Oinarrizko HTML orri bat oso erraza da. Orain nire HTML koskatuak dut benetan polita eta antolatu izan, baina ez daukat. Egin izan dut nahiko itsusia agertuko da. Eta hau oraindik lan litzateke. Hau zehatza berean web orri litzateke. Nik ahaztuak kentzeko zuri espazio guztia. 

Antza denez, espazio zuriak dituen datuak dira. Eta beraz, handik datuak bidaltzen ari gara bidaltzaileari, hartzaileari zerbitzaritik bezeroak, datu-kostuak dirua. Eta horrela ohitu whitespace kentzeko Benetan ideia ona da Oraindik norbait bada zerbitzatzen web eduki asko eman. Ez da batere gomendagarria da bazaude Norbait ari stuff hau ikasteko eta izan nahi duzu nicely antolatu da. Hau da, asko errazago analizatu hau baino. Baina funtzionalki berdin-berdina da. 

Koska eta horrelako gauzak Ez du benetan HTML axola. Axola irekitzeko etiketa eta da tags itxi orden egokian. Iragarki hemen zer gertatu zen, baina. Markaketa modu bat ematen digu Aparteko informazioa jakinarazteko zer idatzi dugu buruz. Kaixo, World parte izan zen titulu gisa interpretatu. Eta mundua, kaixo zati zen eduki gisa interpreta edo zer izan beharko luke Nire web orrialdean ikusgai. 

Badira 100 desberdin horiek baino gehiago daude etiketa eta baliabide handiak asko online aurki ditzakezun. To bati buruz hitz egingo dugu Horietako batzuk bideo honetan, zenbait benetan funtsezkoa stuff. Baina ez gara eztabaida joan dena delako zehatza hacerlo izango litzateke. 

Beste gauza bat egin ahal izango duzu, nahiz eta, da ireki, garapen tresnak. Eta gogoratzen duzu batetik bada Gure HTTP bideoa, Nola zabalduko azaldu nuen garapen tresnak eman. Chrome ohi da F12 gakoa ireki sustatzailearen tresna-barra. Ondoren ordez Sarea hautatzeko fitxa, Elements fitxan aukeratu ahal izango duzu. Eta web bat kargatzeko orrialdea, benetan dituzu ikusi duten web orria sortzen HTML. Eta orain HTML buruz asko ikasi ahal izango duzu gogoko webguneak begiratuz eta ikusten nola eraiki dute Horietako hainbat pieza gustatzen zaizuna. Beraz, agian ez cool hau da eredua edo horrelako zerbait. Nola egiten dute HTML batekin? Beno, besterik gabe dezakezu ireki zure sustatzailearen tresnak eta hover elementu hori baino ikusi eta zehazki zer HTML egiten du. Beraz, hori da benetan bat modu onean HTML ikasteko, eta biziki gomendatzen dut ikasteko, bai, ez duzu HTML eta, era berean, apur bat ikasteko Aukera batzuk pixka duzu eskura garapen tresnak, izango da, zalantzarik erabilgarri etorriko gisa Web intentsiboa egiten hasten zarenean programazioa. 

Beraz, dezagun begirada bat komun HTML etiketa pare. Eta salto eta begirada bat hartu dugu, zer etiketa horiek ere errendatuko fitxategi batzuk nire IDE begiratuta bezala. Hortaz, hona hemen oso oinarrizko hiru etiketa Testu itxura tweaking. Ez da, B etiketa, I etiketa, eta U etiketa. Eta hurrenez hurren, zer egiten da haien arteko testua errendatu lodia ere, etzana, eta azpimarratu du. Beraz, ikus dezagun zer duten begiratu litzateke Web nire IDE orri benetako bat bezala. 

Hortaz, hona hemen nire IDE ere daukat fitxategia BIP dot HTML deitzen. BIP dot HTML izateaz italikoa, azpimarratuz. Beraz, ireki dut. 

Eta hemen ikusiko dugu hori I testu hau izan B etiketa lodia da. Testu honek I etiketa etzana da. Eta testu hau da U etiketa azpimarratuta. Zer da hau itxura? Beno, berriro, I guztiek dute ez da joan baino gehiago hemen nire nabigatzailea, nire fitxategia nabigatzailean, egin klik Aurreikuspen, eta hau da, zer ateratzen. 

B arteko testua etiketa da, hain zuzen ere, gaur egun lodia. I arteko testua etiketa da, hain zuzen ere, gaur egun italic. Eta U arteko testua etiketa da, hain zuzen ere, gaur egun azpimarratuta. Beraz, nahiko ona. Orain badakigu testu nola egin a little more fancy begiratu edo marraztu nabarmenduz zenbait gauza. Tags komun pare bat hona hemen paragrafoan etiketa, P, eta goiburu-etiketa, Horrek dut hemen Errendatutako Nik HX bezala. 

P Etiketa hauek paragrafoan etiketa hauek, Zure testu desegin dute paragrafo. Ez da nahikoa, besterik gabe, sakatu Sartu eta espazioak uzteko, ordenagailu bat da bakarrik joan delako zer esango egin egin eta zuri ez du kontuan Zati handiena, espazioa. Beraz, ezin dugu sakatu Sartu eta gure ordenagailuan espero Nahi dugun interpretatzen paragrafo berri bat hasteko. Oso esplizituki esan hau daukagu da hau paragraph-- beste jarri bakoitzari erantsiz P etiketa multzo batean. 

Eta guk ere aukera horiek H tags, goiburua etiketa hauek egiteko. Sei maila ezberdinak ditugu goiburuak, bat, bi, hiru, lau, bost, eta sei dira, pixkanaka geroz eta gehiago goiburuak. Eta txikiagoa lortzen dute eta txikiagoak eta txikiagoak eta txikiagoak. Beraz, goi mailako goiburu bat, bigarren bat dugu Maila goiburua, eta abar, eta abar. 

Ikus dezagun, agian batzuk begirada bat P tags eta zenbait goiburua tags Ekintza web orri batean ere. Hortaz, hona hemen nire IDE izeneko fitxategi bat dut PH dot HTML, PH izateaz paragrafoetan eta goiburu-etiketa. Zabaldutako. Ez da asko gertatzen da hemen Hasiera batzuk dut jarri delako ipsum, hemen ere edozein testu batzuk. Beraz, mapan handiago dut pixka bat delako ez da hainbeste gertatzen. Baina konturatu behar duten oso at I Gora hemen H1 bat, bat-maila bat daukat, goiburua etiketa. Ondoren paragrafo bat, besterik ez da egin behar dut ausazko text-- Business mordo bat ipsum-- Default betetze estandarra testuan. Beraz, horren barruan bi paragrafo daukat maila bat goiburua eta gero behera I azpitik on line 24 hemen bi maila goiburu bat dute, Bigarren mailan goiburua, eta beste bi paragrafoak. Beno zer itxura hau dauka Ikusi dut nire Aurreikuspen ere bada? Ikus dezagun. 

Beraz, konturatu dela Lehenengo mailan goiburua hemen Benetan nahiko pixka bat handiagoa Bigarren mailan goiburua baino. Beraz H1 etiketa erabiliko dugu. Eta konturatu P etiketa hori ahalbidetuko digu gauzak apurtzeko egindako paragrafo. Jakin izan ahaztuak P etiketa horiek kentzeko bada eta benetan jarri besterik sartzen edo itzultzen zer dugu espero arteko litzateke ezberdinak paragrafoetan izan, guztiak lukete besterik Slam elkarrekin eta Ez litzateke polita paragrafo hau dute Espazio gainetik eta azpitik bereizketa. Eta beraz, zer da paragrafo tags eta goiburua tags normalean marraztu egiten erabiltzen dira gure web orria zatiak arreta horrela. 

Hurrengo sortu Erabiltzen ditugun zenbait etiketa gure web orrialdean zerrendak eraikitzeko. Beraz desordenatuak behar dugu zerrendak ULs-- dira, besterik zerrendak, agindu Zerrenda diren numbered-- OLs-- eta barrutik bai horietako bat izan behar dugu Zerrenda elementuak nola adierazteko, LI multzo. Eta beraz, UL etiketa irekita daukagu eta, horren barruan elementu jarri dugu. Eta orduan, egiten ari garen hori, UL etiketa itxi ahal izango dugu. 

Eta, era berean izan dezakegu agindu edo zenbakidun zerrenda bat eta horren barruan Zerrenda elementuak jarri. Beraz, dezagun begirada bat zerrendak pare batean eta zer egingo liokete CS50 IDE bezala errendatu. Beraz, hemen daukat nire IDE batean zerrendak izeneko fitxategia dot HTML. Ikus dezagun begirada bat. 

Eta hemen nabarituko desordenatuak bat dut bost gauza egiten dituzten zerrendatu. Eta gero Ordenatutako zerrenda bat daukat, eta Etiketa pixka bat aldatu dut, ezta? Esan dut hasieran berdin sei. Bihurtzen zerrenden I batekin It abiapuntura lekutan ezar daiteke Want-- lehenetsita I one-- izango da by besterik attribute deiturikoan gehituz Nire OL etiketa. Eta beraz zerrenda hau izango hasteko seietan kontatuta. Beraz zenbakidun zerrenda hori elementu behar izan sei, zazpi, zortzi, bederatzi, hamar, bost elementu daude delako zerrendan, inork ez bezala, bi, hiru, lau, bost, eta horrek kasua izango litzateke dut esan izan balu OL Irteeran atributua zehaztu gabe. 

Beraz, besterik ez dugu Aurreikuspen honen diezaiokezu zer gertatzen da hemen zentzu bat lortzeko. Eta ez dugu joan. Ez dago nire zerrenda da. Lehenengo bost elementu dira desordenatuak edo zerrendak. Eta hurrengo bost elementu Aparteko zerrenden dira seietatik aurrera. Beraz, nola ahal dugun eraikitzeko HTML erabiliz zerrendak. Baliteke beste gauza HTML egin nahi taula bat eraiki da errenkada eta zutabe informaziorik Informazio aurkeztea batean bereziki antolatutako bidea. HTML honetan egin izan dezakegu mahai definizio tarte irekia hasita mahaia. Eta gero, taula horren barruan dugu ilaretan, TR etiketa multzo bat izan liteke Ilara bakoitzak adierazteko. Eta gero TD etiketa TR etiketen barruan joan Ilara epean zutabe bat zehazteko. 

Zergatik da TD deitzen da eta ez TC? Beno, TD mahai datuak nabarmentzen. Normalean ari zara Zure informazio han. Beraz, horregatik da TD eta ez TC. Pixka bat nahasgarria da. 

Beraz, mahai etiketa duzu eta Zure mahai etiketen barruan ilaretan, IIL zenbaki bat behar duzu. Eta ilara bakoitzaren barruan duzu Zutabe kopurua for TDS izan nahi duzula Ilara jakin horretan. Ikus dezagun begirada bat oso batean CS50 IDE gorako mahai simple. 

Beraz daukat hemen fitxategi batean mahai dot HTML deitzen. Dezagun begirada bat zer itxura. Ez da asko gertatzen da hemen, baina nabarituko duzu taula bat irekita daukat. Mahai definizioa hasten naiz. Eta gero nire lehen lerroan I itxuraz dute lau zutabe, bat, bi, hiru, lau. Eta ondoren, ilara dela egin naiz. 

Ondoren ilara beste hasten naiz eta ez bi, lau, sei, zortzi. Amaitu ilara hori. Ba ilara beste, hiru, sei, bederatzi, 12. Eta gero, azken ilara batean, lau, zortzi, 12, eta hori da, nahiz eta a little moztu hemen, 16. 

Ilara hori amaitu nuen. Mahai amaitu nuen. Eta gero nire HTML batera egin dut. Zer da hau itxura? Beno, ez da benetan askoz ikusi. Argi eta garbi nire informazio ditudan antolatu modu zertxobait gehiago antolatu batean. Baina ez da super polita da hemen. Eta ari gara aurre joan denean CSS buruz hitz egiten dugu hori. Ideia hau berriro egingo dugu mahaian bat egiteko zer egiten dugun agian formatua da pixka bat hobeto? Baina oraindik lau ilaratan daukat, eta horietako bakoitzak lau zutabe ditu, eta benetan zer honetako zenbatekoak bat da oso erraza lau bider lau multiplication mahaia. 

Etiketa gehiago gutxiren buruan buruz hitz egingo dugu. Hitz egin dezagun HTML formulario bat kontzeptua. Beraz, ikusi ahal izango duzu hau ere Web orri bat sartuz testuinguruan. Normalean, zure erabiltzaile-izena idatzi ahal izango duzu. Pasahitza nago, eta onak joan. Formulario bat hasieran izango litzateke. 

Baino gehiago saltatzen bigarren bat DIV. Horrez gain, bat Sarrerek bertan motatako egokitzeko formen barruan. Elementu horiek direla zuk benetan sartu idazten ari, edo irrati-botoiak Oraindik taka edo txekea kutxak off markatuta zaren. Beraz, hauek formen barruan joan. Eta, batez ere osatzen dute Inprimakia ilara bakoitzean Zure inprimakia ondo formateatuz gero. Orduan ez kontzeptu hori da div bat, eta horrek ez du benetan sartzen kategoria jakin edozein Direnak dut atsegin tagak aldez aurretik egiten. Besterik Ordena demarcates ezazu division-- arbitrarioa batzuk hasita orriaren div--. Ez dago bisuala break da. Lerro ez. Ez da ezarri off gisa Aparteko zatia automatikoki. Estilo zinela Bide hori egin. 

It besterik Ordena dio bat nahi dut Espazio nire web orrian pieza, eta besterik ez naiz deitzera joan da nire orriaren zatiketa hau. Barruan gauzak jarri ahal izango dugu DIV, eta hain zuzen ere, denean baino gehiago buru dugu Bigarren batean IDE, dizkizugu ikusten naiz jarriz nire div baten barruan kokatzen dira. 

Beraz, hemen daukat nire IDE batean fitxategia div formulario dot HTML deitzen. Dezagun ireki. Ohartu, esan bezala, div arbitrarioa mota da. Eskuin? Ez du benetan esan nahi ezer. Beraz arbitrarioak bat dut Orri nire lehen mailan. Eta gero ordez beste div geroago, on line zortzi hasita, Sasoi honetan daukat. Eta formularioa barruan bat dut Sarrerek kopurua, inprimakia arloetan. Beraz, eremu horren izena da daukat A-- eta horrek ez du benetan esan nahi ezer oraintxe itxuraz testua, beste bat hartzen duela Hori Radio bat da pasahitz bat, beste bat hartzen du botoia, bestea, kontrol-lauki bat da, eta beste hori Bidali botoi bat. Beno, zer egiten duen honetan guztiak benetan itxura? Beno, utzi ditzagun. Beraz, ireki egingo dugu gure Aurreikuspen leiho batean. Iragarki hau arbitrarioa dela Lehenengo division-- ez dago no bisuala bereizketa hemen. Ez da benetan ezer egin, ezta? 

Eta gero, ez daukat nire forma. Eta ez nuen inolako egitura berezirik egiten. Beraz, forma bat besterik ez Informazio-ilara handiak. I formateatua izan bada nire forma ezberdina izan, Baliteke lerro lerro lerro daukat. Baina ez nuen inolako Sorozabal egin. Berriz ere, ez gabiltza CSS buruz hitz egiten hemen. Ari gara HTML buruz hitz egiten. 

Beno nire testua forman I type-- dezake Gogoratzen mota testuaren inprimakiak beraz, nire izena jarri ahal izango dut. Eta nire pasahitza dut Nire pasahitza idatz dezakezu. Eta eremu hori delako mota pasahitza da, ez dakizu zer gertatuko da pasahitza da. Dots guztiak da. 

I off markatzea bat ere aukera dezakezu Irrati-botoi edo markatu off-laukia. Edo nire inprimakia aurkeztu ahal izan dut. Eta ez nuen ezer egin, beraz, nire inprimakia aurkeztu nuen, orrialde besterik freskatzen. Baina agian konfiguratzeko dut nire Bidali botoia zerbait egin behar dela. Eta ikusiko dugu zer egin dezakegu PHP etorkizuneko bideo batean. Baina hau oso bat eraikitzen inprimaki erraz garela erabiltzaile elkarreragin dute erabili eta Informazio aurkeztu gure webgunean. 

Azken iruzkin bat dugu aurretik mugitu beste etiketa batzuk dira begirada bat hartu input etiketa denbora gehiago. Hori nabarmendu dut Oharra Gorriz etiketa muturrak. Beste etiketa guztietan, orain arte ikusi dugu ditu hasiera eta amaiera, inaugurazio bat izan Etiketa eta ixteko etiketa bat. 

Baina sarrera tag bat, ez. Ez dago doana testua sarrera tags artean. Informazio guztia transmititzea asmorik ari gara loturik doala baitan Sarrera hori of egozten. Iragarki sarrerako izen berdinen x ditugu. Mota y berdin. Hori da benetan egin informazioa behar dugu. 

Hau da auto etiketa itxi bat deitzen. Ez du irekitzeko eta eskatzen itxi informazio guztia delako dago barruan dago Etiketa eta haien ezaugarri. Beraz, batzuetan, hau ikusiko duzu, too. Beraz, kontuan izan balira bat duzu Etiketa dela erabat auto-jasotako, irekiko da, eta ixten bere buruarekin irekita angelu ezkerreko parentesia eta slash angelu parentesi eskuin hegaletik. Ikusiko dugu beste horietakoa eskuineko irudia Etiketadun orain bai. 

Irudi buruz hitz egiten dugu aurretik, dugu hiperestekak buruz hitz egin behar. Nahi badugu gure web orria izan interaktibo eta mugitu gure inguruan, litzateke polita izango duela den horietakoa gainean klik egin zer du normalean lotura urdin bat izan da. Hau da, benetan nola eraiki gure web orria hiperesteka. Eta interesgarriagoa da nahikoa Han beste HTML etiketa da lotura izenekoa, eta hori ez da Hiperesteka batean. A hemen aingura dago, eta hori hiperesteka nola adieraziko dugu. 

Href A berdinen x baliabide joan Web orria X. Eta guztia open etiketa bat arteko eta itxi etiketa hau da, zer da hori izango dela azpimarratuta duten lotura baten itxura urdinez ezagutzen ari garela. Horren azpian Image etiketa bat izan genuen bertan auto bat ixteko etiketa bistaratzeko Irudi bat X. dago, eta dira aldatu izan zaitezke zehaztuz irudi hori zabalera eta altuera eta beste edozein eginkizun dot dot duten dot han. 

Oso behean hemen oso interesgarria daukagu bila etiketa bat ez datorren etiketa itxi dute. Harridura DOCTYPE HTML da. Beraz HTML inguruan izan zenetik web-orriak eraikitzeko 1990eko hamarkadaren hasieran, eta desagertu egin da hauek jasandako Hainbat adar orduz geroztik. Gehienak 2014an berriki berrikusketa bat jasan du HTML5 izeneko horregatik, egun du de facto HTML estandar moduko. 

To hori adierazteko gure web orrietan daude idatziak HTML5 erabiliz, hau da, nola hasiko gara. It baztertu daiteke baina zer dela, funtsean, Bitarteko da eta ezin duzu erabili etiketa edozein Hori HTML5 etiketa, etiketa horiek berriak dira. Beraz, beti hasteko off dugu HTML5 erabiltzen ari gara. Eta etiketa guztia hitz egin dugu buruz Aurretik ez dira HTML5 etiketa. Baina hori adierazi litzateke HTML5 etiketa egongo da. Eta beraz, harridura daukagu DOCTYPE HTML, Oso hasieran izan da gure HTML fitxategia, eta, ondoren, puntu horretatik aurrera Egia esan, gure erakutsiko irekita daukagu etiketatu eta hortik aurrera jarraitu. 

Azkena, iruzkin etiketa bat da, horrek apur bat desberdina izango da, gehiegi. Off hasten angelu ditu parentesi harridura etenaren etenaren baina itxiera parentesia ez. Bi elementu horiek ez Artean da, non zure iruzkinak idatzi duzula. Eta dezagun irudiak begirada bat eta azalpenak CS50 IDE loturak. 

Beraz daukat hemen izeneko fitxategi irudi lotura bat dot HTML horretatik dut ireki da. Eta konturatu Dut pare bat iruzkinak hemen nire HTML iruzkinak. Beraz, besterik gabe, C eta beste batzuetan bezala programazio hizkuntzak, HTML besterik markaketa lengoaia bat izatea duela iruzkinak egin behar dute gaitasuna. Eta beraz, ez dut itxuraz joan place Rick Astley argazki bat div honen artean nonbait Etiketa, zatiketa arbitrarioaren honetan. Antza denez, fitxategi hori da, Rick dot JPEG, kokatuta dago eta horrek atzera buru baino gehiago badugu Nire bigarren bat fitxategia zuhaitza, existitzen den fitxategi bat da uneko direktorioa. Beraz, hori OK. Dut erreferentzia ditzakegu. 

Ondoren, barne-loturak izan ahal dut. Beraz, on line 11 nabarituko hemen Nire href kaixo dot HTML da. Beraz, hori besterik ez kaixo dot HTML aipatzen oraingo direktorioa existitzen. Eta nik ere kanpoko izan daiteke besterik zehaztuz HTTPS bidez loturak naiz, baina ez dut hitz egiten adierazteko nire uneko direktorioan fitxategi bat buruz. Existitzen den fitxategi bat buruz ari naiz interneten nonbait, eta horrek ere badut on HTTP protokoloa darabilten eskatzeko. 

Beraz, dezagun begirada bat zer Orri hau agian itxura eta Rick argazki bat egiteko prest Astley agertuko den pantailan. Beraz, hau aurreikusteko dut. Ez da, Rick Astley at arbitrarioa honetan oso gora zatiketa jarri dut goian. Eta I azpitik gero behera Nire loturak izan da, ezta? 

Kaixo dot HTML lotura bat daukat. Eta hori egin klik badut, lortuko mugitu orrialde hau Oso bertatik ezagutzen ari garela Oso gure programaren hasieran. Orri hori irekita pop dut berriro bada, badut pop irudi lotura irekitzeko denbora gehiago, I ere joan daiteke kanpotik CS50 webgunean. Eta ez dugu see-- dut Urruntzeko pixka bat hemen Ikusiko dugu CS50 webgunean moduko Gure orriaren erdian murgildurik. Beraz, barne egiteko gai izan nintzen lotzen baita kanpoko esteka bat bezala. 

HTML azken arau hori hemen mintzagai goaz da zure HTML ondo eratu behar dela. C buruz asko hitz egin dugu Gauzak sintaxia ezberdinak. HTML sintaxia benetan tags inguruan. Ireki duzun etiketa guztietan itxita egon behar da. Eta hain zuzen ere, etiketa guztietan irekitzen duzunean alderantzizko ordenan egon behar itxita. 

Beraz etiketa lodia bat irekitzen baduzu, etzanda bat Etiketa, eta, ondoren, azpimarra etiketa duela hirurak bat egin testu multzo bereziki, horiek itxi behar duzu alderantzizko ordenan. Beraz lodia ireki bada, italic, azpimarratu, zuk azpimarra, etzanda ixteko, lodia nahi. Kapsulatzea moduko hau zer da mantentzen HTML polita eta antolatu. 

C ez bezala, ordea, akats sintaktikoak ez ditu benetan elbarri zure HTML seguru. Zure HTML ez baita izan daiteke osatutako baina ez litzateke oraindik lan. Eta, beraz, akats horiek arabera diapositiba ordena ditzakezu. Zeuk aukeratu da benetan, adi egon. Batzuetan huts egingo dute, baina batzuetan ihes dezakezu berarekin. 

Benetan izan daiteke lan zaila da, nahiz eta, noiz ireki duzu segimendua egiteko Etiketa bat izango da, baldin itxita duzu, batez ere, zure HTML gisa fitxategiak handiagoa eta handiagoa. Nahi duzu laguntza batzuk. Eta ez dira online validator tresnak duzula Zure web begirada bat izan behar erabili ahal Orri eta ikusi ondo egin osatutako HTML bada. Eta betiko behar duzu horiek begirada bat hartu eta hasteko duzun bezala erabili Lan batzuk egiten ari HTML Hasteko, idazten HTML, beraz, lortuko duzu antolatzeko moduari buruzko ohitura onak batzuk Zure HTML modu ona da eta style ona eta ziur ez zaudela ezer egiten duten syntax error sor zezakeen duzu pixka bat eragingo luke errepidean behera arazo bat. 

Naiz Doug Lloyd. Hau CS50 da.