Turinys:

Kaip sukurti paprastą tinklalapį naudojant skliaustus pradedantiesiems: 14 žingsnių
Kaip sukurti paprastą tinklalapį naudojant skliaustus pradedantiesiems: 14 žingsnių

Video: Kaip sukurti paprastą tinklalapį naudojant skliaustus pradedantiesiems: 14 žingsnių

Video: Kaip sukurti paprastą tinklalapį naudojant skliaustus pradedantiesiems: 14 žingsnių
Video: 8 „Excel“ įrankiai, kuriuos turėtų mokėti naudoti visi 2024, Lapkritis
Anonim
Kaip sukurti paprastą tinklalapį pradedantiesiems naudojant skliaustus
Kaip sukurti paprastą tinklalapį pradedantiesiems naudojant skliaustus

Įvadas

Šiose instrukcijose pateikiamos nuoseklios instrukcijos, kaip sukurti tinklalapį naudojant skliaustus. „Brackets“yra šaltinio kodo redaktorius, kurio pagrindinis dėmesys skiriamas žiniatinklio kūrimui. Tai sukurta „Adobe Systems“, tai nemokama ir atviro kodo programinė įranga, licencijuota pagal MIT licenciją, o šiuo metu „GitHub“ją tvarko „Adobe“ir kiti atvirojo kodo kūrėjai. Jis parašytas „JavaScript“, HTML ir CSS.

Instrukcijos

Pastaba: - Visos HTML žymos turi būti tarp skliaustų:

1 veiksmas: atsisiųskite programinę įrangą

Atsisiųskite programinę įrangą
Atsisiųskite programinę įrangą

atsisiųskite skliaustus iš šios svetainės

2 veiksmas: atidarykite skliaustus

Atidarykite skliaustus
Atidarykite skliaustus

kompiuteryje atidarykite atsisiųstą „Brackets“programinę įrangą.

3 veiksmas: sukurkite naują failą

Sukurkite naują failą
Sukurkite naują failą

Atidarę skliaustus, spustelėkite failo piktogramą viršutiniame kairiajame lango kampe, tada spustelėkite naują, pamatysite naują failą „Be pavadinimo“.

4 veiksmas: išsaugokite kaip failą

Išsaugoti kaip.. failą
Išsaugoti kaip.. failą

Dešiniuoju pelės mygtuku spustelėkite šį failą „be pavadinimo“, spustelėkite įrašyti kaip, tada turėtumėte jį išsaugoti diske

šiuo metu galite suteikti bet kokį failo pavadinimą, tik įsitikinkite, kad po pavadinimo pridėsite „.html“(taškas html).

5 veiksmas: pradėkite nuo DOCTYPE žymos

Pradėkite nuo DOCTYPE žymos
Pradėkite nuo DOCTYPE žymos

Kiekvienas html puslapis turi prasidėti tokia struktūros žyma. Ji nurodo naršyklei, kokių taisyklių reikia laikytis pateikiant HTML puslapį.

6 veiksmas: HTML žyma

HTML žyma
HTML žyma

ir - tos žymos yra dokumento pradžia ir pabaiga.

7 žingsnis: galvos ir kūno žymės

Galvos ir kūno žymės
Galvos ir kūno žymės

Tarp HTML žymų rašykite ir ten, kur yra „užkulisių“medžiagos. Taip pat rašykite ir kur jame yra teksto, vaizdų, vaizdo įrašų, garso įrašų ir pan.

8 žingsnis: meta žyma

Meta žyma
Meta žyma

Tarp žymų rašykite, kur ji pateikia tokią informaciją kaip paieškos variklio terminai ar simbolių kodavimas.

9 veiksmas: pavadinimo žyma

Pavadinimo žyma
Pavadinimo žyma

Tarp žymų, po, rašykite ir. Taigi, viską, ką rašote tarp jų, matysite naršyklės lango viršuje ir ši žyma yra svarbi paieškos sistemai. Pavyzdžiui, aš parašysiu „WRD 204“

10 veiksmas: pastraipos pridėjimas naudojant „P Tag“

Pastraipos pridėjimas naudojant P žymą
Pastraipos pridėjimas naudojant P žymą

Tarp jų rašykite bet kokią informaciją, kurią norite matyti tinklalapyje, pvz., Paveikslėlį, garso įrašą, vaizdo įrašą ir pastraipą, pavyzdžiui, aš, pavyzdžiui, parašysiu pastraipą, naudodamas šias pastraipos žymas:

ir.

11 veiksmas: peržiūrėkite savo rezultatus

Peržiūrėkite savo rezultatus
Peržiūrėkite savo rezultatus
Peržiūrėkite savo rezultatus
Peržiūrėkite savo rezultatus

Norėdami pamatyti savo rezultatus: pirmiausia dešiniuoju pelės mygtuku spustelėkite failą ir spustelėkite „išsaugoti“, o ne viršutiniame dešiniajame kampe spustelėkite piktogramą „tiesioginė peržiūra“.

Pastaba: - bet kuriuo metu, kai atliksite pakeitimus ir norite pamatyti rezultatą, pirmiausia turite išsaugoti failą, galite naudoti nuorodą „Ctrl + S“

12 veiksmas: pakeiskite formatavimą

Pakeiskite formatavimą
Pakeiskite formatavimą
Pakeiskite formatavimą
Pakeiskite formatavimą

Jei norite pakeisti teksto formato dydį, naudokite didžiausią antraštę arba mažiausią. Savo pavyzdyje naudosiu.

13 veiksmas: vienos/dvigubos eilutės pertraukos žyma

Vienos/dvigubos eilutės pertraukos žyma
Vienos/dvigubos eilutės pertraukos žyma
Vienos/dvigubos eilutės pertraukos žyma
Vienos/dvigubos eilutės pertraukos žyma

Jei norite padaryti vienos ar dvigubos eilutės pertrauką tarp pastraipų, naudokite žymą

14 žingsnis: Išvada

Sveikinu! dabar galite pradėti kurti savo tinklalapį.

Jei jums įdomu sužinoti daugiau apie HTML žymas, rekomenduoju šią svetainę

Rekomenduojamas: