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.