Kako izraditi jednostavnu web stranicu pomoću zagrada za početnike: 14 koraka

2025 Autor: John Day | [email protected]. Zadnja promjena: 2025-01-23 14:47

Uvod

Sljedeće upute pružaju korak po korak smjernice za izradu web stranice pomoću zagrada. Zagrade su uređivač izvornog koda s primarnim fokusom na web razvoj. Izradio ga je Adobe Systems, besplatan je softver otvorenog koda licenciran pod MIT licencom, a trenutno ga na GitHub-u drže Adobe i drugi programeri otvorenog koda. Napisano je u JavaScript, HTML i CSS.

Upute

Napomena: - Sve HTML oznake trebaju biti između zagrada:

Korak 1: Preuzmite softver

preuzmite zagrade s ove web stranice

Korak 2: Otvorite zagrade

otvorite preuzeti softver Brackets na računalu.

Korak 3: Stvorite novu datoteku

Nakon otvaranja zagrada, kliknite ikonu datoteke u gornjem lijevom kutu prozora, zatim kliknite novo, vidjet ćete novu datoteku "Bez naslova".

Korak 4: Spremite datoteku kao

Desnom tipkom miša kliknite ovu datoteku "bez naslova", kliknite spremi kao, a zatim je spremite na pogon

u ovom trenutku datoteci možete dati bilo koji naziv, samo pazite da iza imena dodate “.html” (html s točkama).

Korak 5: Počnite s oznakom DOCTYPE

Svaka html stranica mora započeti sa sljedećom oznakom strukture. Pregledniku govori koja se ‘pravila moraju slijediti’ prilikom generiranja HTML stranice.

Korak 6: HTML oznaka

i - te oznake služe za početak i završetak dokumenta.

Korak 7: Oznake glave i tijela

Između html oznaka upišite i, gdje sadrži stvari "iza scene". Također, pišite i gdje sadrži tekst, slike, video, audio itd.

Korak 8: Meta oznaka

Između oznaka upišite gdje pruža informacije poput pojmova za tražilicu ili kodiranja znakova.

Korak 9: Naslovna oznaka

Između oznaka, ispod, upišite i. Dakle, sve što napišete između, vidjet ćete to pri vrhu prozora preglednika, a ta je oznaka važna za tražilicu. Na primjer, napisat ću "WRD 204"

Korak 10: Dodavanje odlomka pomoću oznake P

U međuvremenu napišite bilo koju informaciju koju želite vidjeti na web stranici, na primjer sliku, audio, video i odlomak, na primjer, napisat ću odlomak pomoću ovih oznaka za odlomak:

i.

Korak 11: Pogledajte svoje rezultate

Kako biste vidjeli svoje rezultate: prvo desnom tipkom miša kliknite datoteku i kliknite "spremi", a zatim kliknite ikonu "pregled uživo" u gornjem desnom kutu.

Napomena: - svaki put kada napravite promjenu i želite vidjeti rezultat, prvo morate spremiti datoteku, možete koristiti prečac "Ctrl + S"

Korak 12: Promijenite oblikovanje

Ako želite promijeniti veličinu formata teksta, koristite najveći naslov ili najmanji. U mom primjeru ću se poslužiti.

Korak 13: Jednostruka/dvostruka oznaka prijeloma retka

Ako želite napraviti jedan/dvostruki prijelom retka između odlomaka, koristite oznaku

Korak 14: Zaključak

Čestitamo! sada možete početi stvarati vlastitu web stranicu.

Ako vas zanima više o HTML oznakama, preporučujem ovu web stranicu