U ovom članku naučit ćete kako koristiti HTML za pisanje svoje prve web stranice! Članak će pružiti ilustrativne primjere za bolje razumijevanje. Odmah rezervirajmo da je članak izvorno osmišljen za one koji tek počinju učiti HTML. Osim toga, obećavamo da ćete do kraja čitanja ovog članka zajamčeno stvoriti svoju prvu web stranicu.
HTML znači HyperText Markup Language, odnosno jezik za organiziranje teksta.
Za razliku od programskih jezika (JavaScript, PHP, itd.) koji koriste skripte za izvođenje radnji na web stranicama, jezik sekvenciranja (HTML) koristi oznake za označavanje sadržaja web stranice.
Počnimo učiti HTML od nule
Baš kao što se engleski sastoji od slova A, B, C, itd., tako se HTML sastoji od neobičnih "slova":,,
itd. Ova neobična "slova" HTML jezika webmasteri nazivaju oznakama.
Sljedeći je primjer HTML oznake.
Tags Napravite podcrtanu crtu oko rubova ovog teksta.
HTML oznake uparene sa stilovima CSS jezika omogućuju vam da brzo i učinkovito kreirate web stranice.
Mjesto HTML-a među ostalim jezicima
Kao što znate, dobra web stranicaugrađeno na najmanje 5 jezika.
Moderna web stranica izgrađena je na jezicima:
- HTML (struktura i poredak).
- CSS (sadržaj stila).
- JavaScript (radnje preglednika).
- PHP (radnja poslužitelja).
- SQL (pohrana podataka).
HTML je glavni temeljni jezik na kojem se drugi temelje. Stoga bi učenje HTML-a trebao biti prvi korak za svakoga tko uči kako izrađivati web stranice na webu.
Oznaka
HTML jezik se mijenjao tijekom godina od svog početka. U ovom trenutku većina internetskih stranica prelazi na najnoviju verziju jezika - HTML5. Ali čak i u HTML5, osnove jezika ostaju nepromijenjene.
Struktura HTML stranice je poput sendviča. Baš kao što sendvič ima dvije kriške kruha, HTML dokument ima HTML oznaku za otvaranje i zatvaranje.
Ove oznake, poput kruha u sendviču, okružuju sve unutra.
Oznaka
Kako nastavljate učiti HTML, svakako biste se trebali upoznati s oznakom. Izravno unutar nadređene oznake nalazi se sav sadržaj web-mjesta, uključujući oznaku. Ova oznaka je obavezna i sadrži sve postavke stranice stranice za koju je napisana. Ove postavke nisu vidljive posjetiteljima stranice, vide ih samo preglednici (Google Chrome, Mozilla Firefox itd.).
Blok postavki web-stranice sadrži sve "neobjavljene" elemente koji pomažu pregledniku da ispravno prikaže vašu stranicu na webu.
Sve opcije kojemože se konfigurirati unutar oznake, pogledat ćemo to, ali malo kasnije - kada dođe vrijeme.
Oznaka
Oznaka, kao i oznaka, nalazi se unutar oznake.
Ova oznaka je potrebna kako bi se na vašoj web stranici prikazale sve informacije koje želite prikazati.
Naslovi, odlomci, tablice, slike i veze samo su mali dio elemenata koji mogu biti sadržani unutar oznake.
Osnovna struktura HTML dokumenta:
… …
Vaša prva stranica
Sada znate da možete kreirati web stranice koristeći HTML i da se za to koriste osnovne oznake:
- . Ocrtava granice web stranice.
- . Sadrži postavke za prikaz web stranice u pregledniku.
- . Sadrži sve elemente web stranice (slike, videozapise, tekst i tako dalje) koje želite prikazati posjetiteljima web-mjesta.
Ostale oznake poput,,, o kojima ćemo uskoro razgovarati.
Bilo bi sjajno kada bi čitatelj ne samo pročitao ovaj članak, već i odmah potrčao kako bi usavršio svoje vještine. Da biste usavršili svoje HTML vještine, morat ćete izraditi svoju prvu web stranicu, koja će služiti kao poligon za testiranje vaših novih vještina.
Poznato je da nam mobilni operateri ("MTS", "MegaFon" i tako dalje) pružaju mobilne usluge. Na isti način usluge izrade i upravljanja stranicama pružaju nam i hosting operateri. Da biste izradili svoju web stranicu, idite na stranicu bilo kojeg operatera besplatnog hostinga.
Provjereni davatelji usluga hostinga uključuju BEGET ilireg, na primjer. Možete odabrati bilo koga.
Nakon kratke registracije, nakon 24 sata, automatski će se kreirati vaša prva web stranica na internetu koja će biti vidljiva cijelom svijetu i možete početi vježbati!
Moderna struktura web-lokacije
Sada kada imate svoju web-lokaciju, provjerite koje oznake sadrži oznaka i kako organiziraju informacije na web-lokacijama.
Slika iznad je shematski prikaz strukture koja je došla s najnovijom verzijom HTML jezika - HTML5. Uz HTML5 nisu došle samo nove oznake, već i značenje izrade web stranica. Sve oznake koje vidite na slici nalaze se unutar glavne oznake. Ove oznake vam pomažu "ocrtati" strukturu vaše stranice i dati joj značenje.
Na primjer, unutar oznaka … prikladno je postaviti naslov stranice (oznake) i opis stranice (oznake).
Prikladno je postaviti izbornik (linkove) stranice (tag) unutar oznaka.
Prikladno je staviti bilo koji veliki blok informacija koji se odnose na značenje unutar oznaka. To može biti nekoliko članaka, od kojih je svaki "umotan" u oznake, ili fotografije (tag), ili tablice (tags
) i više.
Prikladno je staviti sve informacije unutar oznaka koje ne odgovaraju značenju.
Unutar oznaka uobičajeno je postavljati dodatne informacije kao što su kontakt podaci, dodatni odjeljci stranice i tako dalje.
Dakle, sada ste malo vještiji u tome od čega se sastoje moderne web stranice. Uzmimo primjer zapreviranja u mojoj glavi zamijenilo je strahopoštovanje od uvida.
Dakle, kada otvorite upravitelj datoteka na stranici vašeg hosting operatera i pronađete dokument pod nazivom index.php, slobodno upišite u njega, kao ispočetka, strukturu svoje stranice.
Moja prva web stranica
Naslov stranice
Opis stranice
Veza 1 | Veza 2 | Veza 3
Naslov nekog članka
Ovo je blok koji sadrži bilo koju informaciju, a uz pomoć CSS-a možete obojiti ovaj blok, kao i cijelu stranicu sa svim sadržajem, onako kako želite. © Sva prava pridržana
Sjećate li se da smo rekli da postoje različite postavke za stranicu? Pa, evo ga:
- Upotrebom pokazujemo preglednicima da stranica može sadržavati i ruske i engleske znakove (inače, kada otvorite stranicu, vidjet ćete strašne krakozyabry).
- se koristi za označavanje naziva stranice, koji će se prikazati na kartici preglednika i u tražilici ("Yandex", Google i slično).
Naravno, bez CSS stila, vaša će stranica izgledati škrto (crna slova na bijeloj pozadini), ali svakako pokušajte prvo napisati svoju prvu stranicu u HTML-u.
Čestitamo! Upravo ste stvorili svoju prvu web stranicu na vlastitoj web stranici! Bit će zanimljivije!
