>> DAVEN FARNHAM: Gaur egun, ez dut joan HTML buruz pixka bat hitz,
Hipertestua Markatzeko Lengoaia.
HTML nonahi ikusten duzu egun hauetan.
Izan ere, zuk hau ikusten ari bazara arakatzaile batean bideoa, zaren
HTML ikusten oraintxe.
HTML ez da programazio hizkuntza bat, hobeto esanda, erabilitako markaketa lengoaia bat da
orriak errendatu Nabigatzaile Interneten.
>> Beraz, eskatu dezakezu, zer da idaztea web ezberdinak HTML orri batean
programa bat idazten programazio batean C bezalako hizkuntza?
Beno, C oso zorrotzak hizkuntza bat da izan behar duen arau sintaktikoak
konpilatutako exekutatu aurretik.
Duzun inoiz ahaztuta bada bat, besteak beste urtean adierazpen bat amaieran puntu eta koma
Zure C kodea, zer ari naiz ezagutzen duzu sintaxia zorrotzak dagokionez buruz.
>> Nabigatzaile nahiz eta, pixka bat gehiago orduan HTMLra da barkatzea.
Zure HTML ez da, nahiz eta sintaktikoki zuzena, zure orria izan liteke oraindik
nabigatzaile baten bistara, baina agian ez begiratu burutu nahi duzun bezala.
Beraz, beti da onena arauak jarraitu.
Intuizio bat lortzeko modurik onena Gauzak lana nola dago inguru
adibide baten bidez joan.
>> Beraz, zer dugu hemen da oinarrizko bat Web orri baten plana.
Seguruenik gauza asko nabaritu duzu angeluarekin parentesi artean.
Beno, besterik ez duten etiketak dira.
Tags funtsean informatzeko Nabigatzaile dela, beno, zerbait
da zure bidea datozen.
Gogoratu ordea, irekitzen duzunean a Etiketa, ixteko behin dira behar duzun
hura erabiliz egindako.
>> Beraz, adibidez, atal bat ireki dut zabalik kode
parentesi body, itxi parentesia.
Ondoren, testu batzuk gehitu dut, kasu honetan, nire Lehenengo web orrian gero noiz joan behar dut
atal hau ixteko, erabiltzen dut ia bat etiketa berdina une honetan ezik batekin
aurrerantz gorputza aurretik barra.
Oro har, hau formatua Oraindik da betiere, ireki duzu erabili joan
eta etiketa itxiz.
Elkarrekin, bat etiketa ireki eta bukaera etiketa bat konposatzeko zer elementu bat deitu.
>> Begiratuz gero, lehen lerroan, duzu ikusteko harridura puntu bat, eta jarraian
DOCTYPE html.
Hau da, benetan zure nabigatzailean kontatzea fitxategia duen web orri bat da
HTML idatzita.
HTML etiketa funtsean dio, hemen HTML batzuk dator.
Gero burua etiketa bat behar dugu title etiketa bere barruko.
Burua tag gisa uste dezakezu horretarako dator osatzen HTML kodea
zure web orrian en ontziratu benetako edukia.
>> Orokorrean, izenburua jarri duzu zure Web orri hemen, badaude batzuk, nahiz
duten ager daitezke beste etiketa hemen ere.
Hurrengo zure web orrian gorputza dator, haragia eta hezurrak benetako zure web.
Gure adibidean, besterik ez dugu jarri sinple bat esaldi, Nire lehen webgunea,
horrek, gure gune exekutatzen badugu, egingo begiratu honen antzeko zerbait apur bat.
Gure web orrialdea ez da oso queer, baina ez kezkatu.
Hura SPRUCE sortu dugu laster.
>> Beraz gainetik HTML, emango dizugu oso bat Web orri baten oinarrizko txantiloia,
ezer ez fancy, besterik biluzi hezurrak.
Baina web orri bat sortzeko dut bada nik, zer bat gehitu nahi badut
, esan, ni neu argazki?
Beno, hori egin ahal izango dut.
Badira modu pare bat behar dira Irudiak gehitu zure gunea.
Irudian, karpeta berean badago Zure HTML fitxategi batean, lotzen dezakezu
Irudien bidez bide hau atsegin dute.
>> Ireki irudiaren etiketa bat eta jarraian dituzun ek Alt dagoen atributu batean
irudiaren iturburua.
Alt atributuaren balioaren da batzuk besterik kasu horretan, testu alternatibo erabiltzaile batek ezin du
ikusi irudian.
Bestela, nahi duzun ere lotu ahal izango osoa URL baten bidez irudiak, honela.
Orain, webgune hori ez da benetan existitzen, baina ez dago argazki bat balitz
Helbide horretan me, erabili izan dut iturburua URL gehitzea
bere nire web orrian irudia.
Dena den, azkenean askoz batekin Webgune prettier, honen antzeko zerbait.
>> Beno, hori nahiko fresko, baina mota I testu batzuk nahi baita.
Hargatik, zerbait gehitu besterik en super simple gainetik
irudia, goiburua bezala.
Guztiak, orain arte egin dut da goiburua erabili Etiketa, H1, eta lerro-jauzi baten etiketa, br.
Header etiketa letra egiten du apur bat pixka bat handiagoa eta gehiago destacados.
The line break etiketa, bestetik alde batetik, mota da cool.
Beste etiketa gehienak ez bezala, ez duzu irekitzeko eta ixteko break etiketa bat, besterik
bata erakutsia.
Hau da, break edukiak ez duelako eta, beraz, elementu huts bat.
>> Elementuak hutsik Hau atsegin, ireki ahal izango duzu eta, aldi berean hurbil besterik gabe egindako
at aurrera barra bat barne hasierako deklarazio amaieran.
Beraz, orain nire webgunean itxura apur bat honen antzeko zerbait.
Hobeto, baina mota sentitzen hildako amaiera bezala.
Ez dago beste inon alde batera joan orri nagusia honetatik.
Beno, konpondu hori eginda utzi lotura bat.
>> Hemen egin noa da bat erabili aitortu adierazten batek egindako eta egin du
irudi lotura bat, demagun, CS50 telebista.
Horrela, inor niri sakatzen direnean, nabigatzailea xede hau izango luke
beste bat, ziurrenik gehiago erabilgarria, web orrian.
Tamaina gutxitzeko izan dut testu pixka bat delako gure web orrialdea:
gehiago aurreratu lortzean.
Baina, zorionez, oraindik ere, argi da.
Nire webgunean zehazki itxura bera bakarrik gaur egun, betiere, egin klik irudiaren gainean dut,
nire nabigatzailea zabalduko da sortu beste the CS50.tv web orrian fitxa.
>> Azkenik, demagun estilo noa Webgune hau geroago CSS erabiliz.
CSS zer da bat bezala ezagutzen da Kaskadako estilo-orria.
Eta funtsean eskaintzen eraginkor bat da Modu editatu eta estilo
Antzeko kodea blokeak.
Nire HTMLra antolatzen hasi nahi dut egiteko geroago estilo errazagoa da.
Hemen, bi mota desberdinak sortu dut Identifikadore nire kodea antolatzen laguntzeko.
Baten barruan identifikazio atributua erabili dut zatiketa, edo div tag, eta erabili dut bat
Class atributua barruan div tag beste.
>> NAN eta klase atributuak antzera.
Alde bakarra da zuk bakarrik izan ditzake elementu bat, identifikazio espezifikoa du, baina
edozein elementu kopurua klase bat parteka dezake.
Beraz, adibidez, klasean erabili ahal izango dut irudia hainbat aldiz, baina ezin dut
zatiketa beste sortu izena goiko batera.
Ez dut nahiz CSS sartzen joan, normalean erabiltzen den beste hizkuntza
HTML batera, behin Sorozabal hasten naiz CSS-rekin nire kodea, hauek erabili ahal izango dut
eragina da, erakundearen atributuak nire web orriaren estetika.
>> Zatiketa top barruan guztia antzeko stylings edo edozein izango dute
beste HTML dut talde taldean sartu klase irudi antzeko itxura bat partekatuko dute.
Hau da editatu nahian baino askoz errazagoa eta estilo irudiak edo blokeak
testu banaka.
>> Beraz, nola oinarriak baino gehiago joan ginen Web orri bat egiteko HTML batera.
HTML beste ezaugarri mordo bat du gehiegi denean beste hizkuntzak parekatuta
CSS eta JavaScript bezalako, benetan ahal egiteko orriak nabarmentzen dira.
Eroso lortzeko modurik onena HTML inguruan besterik ez nahastea da eta,
ikusi zer lan egiten du, eta zer ez.
>> Nire izena Daven Farnham da.
Hau da CS50.
>> Beraz, adibidez, erabili ahal izango dut klase irudian -
Ez, atributuak ez dira hainbeste.
Nire izena Daven Farnham da.
Hau CS 650 da.
CSS esan nahi dut.
Hau CSS da.