Kaip sukurti statinį tinklalapį

...

Internetas: tai vieta, kur būti.

Jei vienas išradimas per mūsų gyvenimą visiškai pakeitė pasaulį, tai internetas. Vis daugiau žmonių nori būti internete, nei siūlo socialiniai tinklai: jie nori, kad žiniatinklio erdvė būtų sava. Pagrindinės svetainės tampa vis sudėtingesnės ir naudoja naujokus bauginantį žargoną, pvz., „Flash“, CSS, „Perl“ ir „JavaScript“, tačiau nebijokite. Keturios paprastos raidės gali leisti bet kam akimirksniu patekti į žiniatinklį: HTML. Raidės reiškia hiperteksto žymėjimo kalbą, programavimo kalbą, kuri naudoja žymų seriją statiniam tinklalapiui sukurti. Kuo daugiau žymų žinote, tuo daugiau galėsite nuveikti su statiniu tinklalapiu.

1 žingsnis

Sukurkite pagrindinį statinio tinklalapio skeletą nukopijuodami šį kodą į paprastą teksto rengyklę, pvz., Notepad:

Dienos vaizdo įrašas

Tada išsaugokite failą kaip index.html (numatytasis pagrindinio puslapio pavadinimas) ir atidarykite jį savo naršyklėje. Neturėtumėte nieko matyti, nes sukūrėte tuščią tinklalapį.

Visos šios žymos turi reikšmę. Žyma praneša naršyklei, kad atsiranda tinklalapis. yra vieta, kur paieškos sistemoms gali patekti įvairi informacija. reiškia, kad tuoj prasidės ta dalis, kurią matys žmonės.

2 žingsnis

Pagalvokite apie HTML kaip apie du pagrindinius žymų tipus (kodo bitus skliausteliuose). Vienas liepia naršyklei pradėti ką nors daryti, o kitas – sustoti.

Paryškinkite šį tekstą

Viskas po -- pradinė žyma -- bus paryškinta, kol pasieks -- uždarymo žyma. „/“ nurodo naršyklei sustoti.

3 veiksmas

Pridėkite tekstą į savo tinklalapį. Tinklalapio tekste tarp ir įveskite „Tai yra mano tinklalapis“. Išsaugokite puslapį ir peržiūrėkite jį naršyklėje. Rezultatas gražus, bet ne per daug jaudinantis. Išbandykite keletą kitų žymų, kad paįvairintumėte. Pavyzdžiui, paryškina tekstą; paverčia tekstą kursyvu; leidžia keisti šrifto dydį nuo 1 (mažiausias) iki 6 (didžiausias); padaro tekstą raudoną (arba bet kokią kitą įvestą spalvą);

centruoja tekstą (arba vaizdą) puslapyje.

Pabandykite naudoti kelias iš šių žymų tame pačiame teksto bloke. Galite padaryti bet kokį norimą derinį.

Taip pat galite pridėti tarpų tarp puslapio elementų, tarp jų įdėdami:

pastraipos pertraukai;
už eilutės pertrauką;


sukurti pertrauką su linija tinklalapyje.

4 veiksmas

Pridėkite paveikslėlių į savo puslapį. Atlikite tai naudodami žymą ir pakeiskite žiniatinklio adresą tame pavyzdyje vaizdo, kurį norite naudoti, vieta. Tai viena iš nedaugelio žymų, kuri neturi pabaigos žymos. Vaizdai taip pat gali būti centre, kaip ir tekstas.

5 veiksmas

Sukurkite nuorodą į kitą svetainę. Tai daroma su žyma Paspauskite čia. Dėl šio kodo žodžiai „Spustelėkite čia“ yra nuoroda į kitą svetainę. Vietoj teksto galite naudoti vaizdą kaip nuorodą naudodami kodą .

Patarimas

Kartu naudodami šiuos HTML kodus galite kurti bet kokio sudėtingumo statinius tinklalapius.

Pagalvokite apie HTML žymas kaip dėžutes dėžutėse arba rusiškas lėles. Tai vadinama lizdu, todėl viskas yra tvarkinga ir lengvai skaitoma. Pavyzdžiui, tekstas, esantis tarp

ir
bus paryškintas, kursyvu ir centre. The
dėžutė yra viduje dėžutė, kuri yra viduje dėžė.