U ovom članku ćete naučiti kako koristiti HTML za pisanje vaše prve web stranice! Članak će pružiti ilustrativne primjere za bolje razumijevanje. Odmah da rezervišemo da je članak originalno dizajniran za one koji tek počinju da uče HTML. Osim toga, obećavamo da ćete do kraja čitanja ovog članka zajamčeno kreirati svoju prvu web stranicu.
HTML je skraćenica za 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 posebna "slova" HTML jezika webmasteri nazivaju oznakama.
Slijedi primjer HTML oznake.
Tagovi Napravite podvučenu liniju oko ivica ovog teksta.
HTML oznake uparene sa stilovima CSS jezika omogućavaju vam da brzo i efikasno kreirate web stranice.
Mjesto HTML-a među ostalim jezicima
Kao što znate, dobra web stranicaugrađeno na najmanje 5 jezika.
Moderna web stranica je izgrađena na jezicima:
- HTML (struktura i poredak).
- CSS (sadržaj stila).
- JavaScript (radnje pretraživača).
- PHP (akcija servera).
- SQL (skladištenje podataka).
HTML je glavni osnovni jezik na kojem se drugi zasnivaju. Stoga bi učenje HTML-a trebao biti prvi korak za svakoga ko uči kako da pravi web stranice na webu.
Tag
HTML jezik se mijenjao tokom godina od njegovog početka. U ovom trenutku većina internet stranica prelazi na najnoviju verziju jezika - HTML5. Ali čak iu 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 tag za otvaranje i zatvaranje.
Ove oznake, poput kruha u sendviču, okružuju sve unutra.
Tag
Kako nastavljate učiti HTML, svakako biste se trebali upoznati sa oznakom. Direktno unutar nadređene oznake nalazi se sav sadržaj web-mjesta, uključujući 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 pretraživači (Google Chrome, Mozilla Firefox, itd.).
Blok postavki web stranice sadrži sve "nerenderirane" elemente koji pomažu pretraživaču da pravilno prikaže vašu web stranicu na webu.
Sve opcije kojemože se konfigurirati unutar oznake, pogledaćemo to, ali malo kasnije - kada dođe vrijeme.
Tag
Oznaka, kao i oznaka, nalazi se unutar oznake.
Ova oznaka je potrebna da bi se na vašem sajtu prikazale sve informacije koje želite da prikažete.
Naslovi, paragrafi, tabele, slike i linkovi su samo 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 pretraživaču.
- . Sadrži sve elemente web stranice (slike, video zapise, tekst i tako dalje) koje želite da pokažete posjetiteljima stranice.
Druge oznake poput,,, o kojima ćemo uskoro razgovarati.
Bilo bi sjajno kada bi čitatelj ne samo pročitao ovaj članak, već i odmah potrčao da usavrši svoje vještine. Da biste usavršili svoje HTML vještine, morat ćete kreirati 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 kreiranja i upravljanja stranicama nam pružaju hosting operateri. Da kreirate svoju web stranicu, idite na stranicu bilo kojeg besplatnog hosting operatera.
Provjereni hosting provajderi uključuju BEGET ilireg, na primjer. Možete izabrati bilo koga.
Nakon kratke registracije, nakon 24 sata, automatski će biti kreirana vaša prva web stranica na internetu koja će biti vidljiva cijelom svijetu i možete početi s vježbanjem!
Moderna struktura sajta
Sada kada imate svoju web lokaciju, provjerite koje oznake sadrži oznaka i kako organiziraju informacije na stranicama.
Slika iznad je šematski prikaz strukture koja je došla sa najnovijom verzijom HTML jezika - HTML5. Uz HTML5 nisu došle samo nove oznake, već i značenje izgradnje web stranica. Sve oznake koje vidite na slici nalaze se unutar glavne oznake. Ove oznake vam pomažu da "ocrtate" strukturu vaše web stranice i daju joj značenje.
Na primjer, unutar tagova … zgodno je postaviti naslov stranice (tagove) i opis stranice (tagove).
Pogodno je postaviti meni (linkove) stranice (tag) unutar oznaka.
Pogodno 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 tabele (tagovi
) i više.
Pogodno je staviti bilo koju informaciju unutar tagova koja ne odgovara značenju.
Unutar tagova, uobičajeno je da se postavljaju dodatne informacije kao što su kontakt informacije, dodatni delovi sajta i tako dalje.
Dakle, sada ste malo vještiji u tome od čega se prave moderne web stranice. Uzmimo primjerpreviranja u mojoj glavi zamijenilo je strahopoštovanje od uvida.
Dakle, kada otvorite file manager na stranici vašeg hosting operatera i pronađete dokument koji se zove index.php, slobodno upišite u njega, kao od nule, strukturu vaše stranice.
Moja prva web stranica
Naslov stranice
Opis stranice
Link 1 | Link 2 | Link 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 cijeli sajt sa svim njegovim sadržajem, onako kako želite. © Sva prava zadržana
Sjećate li se da smo rekli da postoje različite postavke za stranicu? Pa, evo ga:
- Upotrebom pokazujemo pretraživačima da stranica može sadržavati i ruske i engleske znakove (u suprotnom, kada otvorite stranicu, vidjet ćete strašne krakozyabry).
- se koristi za označavanje naziva stranice, koji će biti prikazan na kartici pretraživača i u pretraživaču ("Yandex", Google i sl.).
Naravno, bez CSS stila, vaša stranica će izgledati škrto (crna slova na bijeloj pozadini), ali svakako pokušajte prvo napisati svoju prvu stranicu u HTML-u.
Čestitamo! Upravo ste kreirali svoju prvu web stranicu na vlastitoj web stranici! Biće zanimljivije!
