Što je web-stranica? Navedi glavne elemente web-stranici

Glavnina sadržaja predstavljena na Internetu - web stranici. To je povijesno prva vrsta dokumenata namijenjenih za plasman u virtualnom mrežnom prostoru, ali i dalje ostaju relevantni i praktički nema konkurentske formate. Kakva je struktura web stranica? Uz pomoć nekih web razvojnih alata su stvoreni?

Što je web-stranica?

„Navedite glavne elemente web-stranici” - govori nam ispitivaču u učionici informatike. Što možemo reći u odgovoru? Prije svega, govori o tome što web stranice u načelu.

Prema općenito prihvaćena među definiciji IT stručnjaka, dokument koji je dizajniran za otvaranje u posebnom programu - preglednik i sadrži podatke za prikaz na zaslonu računala uz pomoć odgovarajućeg tipa za razne korisne sadržaje - tekst, linkove, grafike, video, glazbu, i .. itd web-stranica - tekst dokumenta. Relevantni podaci za preglednik su slova, brojevi i posebni znakovi koji se koriste kao elementi markup language - HTML. To je, uz pomoć svog tvorca „objašnjava” web stranica preglednik kako prikazati na zaslonu ili drugi sadržaj.

Mjesto i uloga web stranice u strukturi stranice

Možemo reći da je web-stranica - to je glavna komponenta web stranicama? To je djelomično točno. Međutim, kao što je gore navedeno, web stranica - to je samo tekst dokumenta. Stranice, u pravilu, također se nalaze slike, videozapise i druge multimedijske elemente. Web stranice, umjesto limenka, ali u svojoj strukturi, može sadržavati reference na njih. Dakle, web stranica može nazvati glavna komponenta web stranice u pogledu dominantne uloge u mapiranju virtualnog sadržaja korisnicima.

U rijetkim slučajevima, naravno, dokument u pitanju je jedina komponenta mjestu - ako se iz nekog razloga ne daje prikaz grafike, videa i drugih multimedijalnih elemenata. Konkretno, prvi stranice - kad će se pojaviti samo web-stranice označni jezik - nije relevantan sadržaj. samo tekst i linkovi bio prije korisnikovih očiju.

Načelo sudjelovanja hiperteksta

Dakle, web-stranica zove dokument sastavljen na HTML jezika, kroz koje hypertext markup. No, ono što je ovaj fenomen? Što je hipertekst? Ne ulazeći puno u teoriji, napominjemo da ovaj tekst, koji je na neki način omogućuje brzi pristup do druge - kao referenca. U tipičnoj knjizi to nije moguće - ne postoji „običan tekst.” Za pristup željenoj stranici, čitatelj mora napraviti neki preklapanje, prije čitanja sadržaja ili fusnote. U „hipertekstualni” načinu rada, većina posla obavlja se računalom - na štetu informacija ogleda u HTML elemenata na stranici.

Ako nas nastavnik informatike kaže: „Navedite glavne elemente web-stranici”, mi sasvim ispravno može započeti priču o komponenti relevantnog dokumenta, koje su stvorene pomoću HTML oznake. Dakle, najprije razmotriti neke teorijske točke u vezi HTML.

Struktura HTML: oznake

Kako preglednik čita potrebne podatke na web stranici dokumenta, sastavljen na jeziku HTML? Vrlo jednostavno.

Osnovni elementi jezika - to oznaka. Oni su u većini slučajeva muškarci - imaju otvaranje i zatvaranje tamo. Prvi su označene samo zagrade. Drugi - isto, ali je rez se postavlja ispred drugog nosača - simbola /. Preglednik može ih prepoznati, i zato nema problema prikazuje web-stranice u skladu s algoritmima koji je izradio razvojni dokumenta.

Početna oznaka je obično napisan velikim slovima pokrivaju - mali. To je - standardna dobro uspostavljena u mediju IT stručnjaka. Preglednik sigurno prepoznati HTML-klik slova, ali web programeri i dalje treba slijediti označeni krug pisanja oznaka. To će olakšati, na primjer, revizija web stranica od strane drugih stručnjaka.

atributi

Ostali ključni elementi HTML-jeziku - atribute. Uz njihovu pomoć, kreator sadržaja web stranica može postaviti svojstva - kao što su visina fonta, njegova boja, položaj u odnosu na stranicu. Isto vrijedi i za slike, video i ostalih multimedijskih komponenti. Atributi su napisane u početnom oznakom.

sadržaj

Između otvaranja i zatvaranja tag ima sljedeće ključne komponente web stranice - sadržaja. To je, u stvari, isti sadržaj koji će biti prikazani korisniku na zaslonu. To može biti tekst, linkove, slike, video ili druge multimedijalne elemente.

elementi web stranica

„Dakle, popis osnovne elemente web-stranica, napokon!” - ponavlja učiteljicu. „Sa zadovoljstvom” - mi odgovoriti. Koji dio strukture ove vrste dokumenata? Slažemo se da ćemo uzeti u obzir taj aspekt u kontekstu samo HTML web stranice elementima. To jest, oni pokazuju u pregledniku - ono što korisnik vidi na zaslonu - zainteresirani smo u manjoj mjeri. Činjenica da relevantni HTML-algoritmi na kojima se program prikazuje isti sadržaj može biti različit. I ovo obilježje HTML: možete prikazati željenu sliku na web-stranici na različite načine. Tako oni mogu biti i protuvrijednost u smislu web stranice kreator znači rad, a pretpostavljaju različitu količinu vremena i truda da ih provedu.

elementi web stranica: naslov

Standardni elementi web-stranica, kao da je to možda zvuči čudno, s obzirom na vrlo malim količinama. U stvari, postoje samo dva - naslov i glavni dio dokumenta. Međutim, svaki od njih može imati prilično složene strukture.

Koja je specifičnost naslov? Nalazi se na samom vrhu web stranice. U HTML-koda koji generira zaglavlje, u pravilu, očekuje se da će „kodiranje” samo tekst, ali također možete staviti mali grafički umetak, ako je potrebno, u odgovarajućem elementu. I to je, u stvari, sve što se može reći o naslovu. Čini se da je njegova uloga u strukturi mjerodavnog dokumenta je zanemariv. No, to nije slučaj. Web stranica naslovi su vrlo značajna u smislu indeksiranje stranica u tražilice - Yandex, Google. Ovaj element mora biti u potpunosti je relevantan za sadržaj web-stranice, kao i web stranice niša specifičnosti.

Kako naslov web stranica se snima pomoću HTML jezik? Vrlo jednostavno. Prvi pisani početnu oznaku koja se uvijek pojavljuje kao glava s kutnika, a onda - sadržaj zaglavlja, poslije - završnom oznakom. Oni su pisani, naravno, na samom vrhu web dokumenta.

Zaglavlje web dokumenta mogu uključivati niz dodatnih elemenata. Ponekad format web stranica može zahtijevati prikaz teksta u određenom kodiranja. Kako bi se osiguralo da web dokument koji je kriterij? Vrlo jednostavno. U zaglavlju strukture dokumenta trebao bi biti postavljen HTML-algoritme propisuju preglednik na korištenje određeni jezik kodiranja - kao što su ćirilicom. Odgovarajuće naredbe nalaze se unutar META tag, koji, kao i ostali, se otvaraju i zatvaraju.

Glavni dio web stranice

Glavni dio web dokumenta otvoren tag TIJELO, zatvara uz pomoć odgovarajućeg elementa koji obuhvaća udarac. U isto vrijeme između početne i završne oznake može biti ogromna količina dodatnih hypertext markup language naredbe. To je zbog činjenice da je glavni dio toga stavljen koristan sadržaj web stranice - tekst, linkovi, grafika, video, različite obrasce za ispuniti.

Svaki od pojedinih vrsta sadržaja ima svoju oznaku. U strukturi glavnog dijela web dokumenta mogu biti prisutni HTML-naredba, kojom je oblikovanje teksta također se provodi - na primjer, daje specifičnu boju fonta, veličinu i ostala svojstva.

Razmislite onda, što je specifičnost nekih često korištenih HTML tagova. Zapravo, oni također čine osnovne elemente web stranice.

Osnovni HTML-oznake

Dakle, svrha detaljnu studiju o tome što su elementi web-stranica, proučavao detaljno suštinu osnovnih HTML tagova. Neke od njih smo već citiran gore - osobito one s kojima preglednik čita zaglavlje web stranice i određuje koji je glavni dio dokumenta.

Vrlo čest oznaku P. On je, kao i druge slične elemente hypertext markup language, može se otvoriti i zatvoriti. Ova oznaka omogućuje formatiranje odlomak dokumenta uzet odvojeno. Možete, na primjer, postaviti određeni font i boju za njega. Međutim, to se postiže pomoću dodatnog tag - font. U ovom slučaju, to će biti postavljen unutar odlomka koji se odnosi na granicama - to neće distribuirati HTML-naredba prikazuje tip preferiranog fonta na ostale elemente web stranice.

S TABLICA oznake stvorene stola. Pomoću svojih odgovarajućih atributa može se odrediti potreban broj stupaca i redaka koji definiraju njihovu širinu specifičnost granica, veličinu i boju teksta u tablici fonta.

IMG tag je odgovoran za rukovanje slika preglednika. Također je moguće smjestiti razne atribute koji reguliraju veličinu slike, njegov položaj na stranici.

Linkovi na druge web dokumenata ili datoteka navode se oznake A. U pravilu, nalaze se unutar atributa koji predstavljaju činjenicu da je struktura web stranice - hipervezu. Također se navodi dokument, datoteku ili web stranice na kojoj se vodi.

Kruži oznaku kao okvira. Uz to, možete podijeliti web stranicu prostor u nekoliko područja - okvira. U svakoj od njih možete postavljati linkove na pojedinačne web-dokumenata. To jest, okviri za pravilno omogućuju nalazi na istom zaslonu istovremeno dvije ili više stranica.

Priča o ključnim elementima web-stranica i naknadne priče o sredstvima za oblikovanje pomoću jezik HTML - otprilike algoritam će biti naš odgovor na pitanje što je pitao ispitivaču. Ako je razgovarao s nama, govoreći: „navesti glavne elemente web-stranici”, onda koristite odgovarajuću metodologiju, imamo sve šanse da se razvije temu. To je, pojam „elementi” možemo razumjeti ključne komponente web-dokumentima strukture ili vrste sadržaja - tekst, slike, tablice, okviri, linkovi koje webmaster stvara pomoću alata kao što su HTML jezika.

Specifičnost web razvojnih alata

Osim navedenog, možemo pojasniti što oznake i atribute koje se nalaze u HTML standarda - ogroman. Osim HTML dodatnih sredstava formatiranja hipertekstualnih dokumenata može biti korišten od strane web programere. Na primjer, koristeći JavaScript skriptnog jezika, možete stvoriti dinamičnu web-stranicu - to jest, one u kojima se stalno ažurira sadržaj (oba zbog akcije korisnika, te u skladu s unaprijed propisane algoritama u skripti).

To će biti korisno dodati da je web programer može koristiti u svojim radnim punopravni programskim jezicima, kao što su, na primjer, Perl, PHP, Java, Python, čime postaju još šire mogućnosti za rad s hipertekstualnih dokumenata. Potreba za to može biti zbog činjenice da je primjena web tehnologije danas - vrlo različite. Zadaci s kojima se suočava suvremeno programeri, može biti vrlo složen. Na primjer, ponekad je potrebno provoditi web-stranice prijevod, napisan na ruskom, engleskom. U tom slučaju, razvojni alati će biti najraznovrsniji.