>> 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.