Kas ir Web lapa? Sarakstu galvenos Web lapas elementus

Lielākā daļa no satura, kas ir iekļautsInternets ir tīmekļa lapa. Vēsturiski vēsturiski tas ir pirmais dokumentu veids, kuru paredzēts ievietot virtuālajā tīkla telpā, bet tas joprojām saglabājis tā atbilstību un praktiski nav konkurējošu formātu. Kāda ir tīmekļa lapu struktūra? Ar kādiem līdzekļiem tie ir izveidoti?

Kas ir Web lapa?

"Sarakstu galvenos Web lapas elementus" -saka eksaminētājs datorzinību klasē. Ko mēs varam viņam to pateikt pretī? Pirmkārt, mēs runājam par to, kas parasti ir tīmekļa vietne.

Saskaņā ar vispārpieņemtiem IT speciālistiemdefinīcija ir dokuments, kas paredzēts atvēršanai specializētā programmā - pārlūkprogrammā, kurā datora ekrānā tiek rādīti dažādi noderīgi materiāli - teksti, saites, grafika, video, mūzika utt. Vai ir teksta dokuments. Atbilstošie pārlūka dati ir burti, cipari un īpašās rakstzīmes, kas tiek izmantotas kā iezīmēšanas valodas elementi - HTML. Ar to palīdzību tīmekļa lapas veidotājs pārlūko "izskaidro", kā ekrānā parādīt šo vai citu saturu.

Vietnes struktūra un loma tīmekļa vietnēs

Vai ir iespējams teikt, ka galvenā ir Web lapavietnes sastāvdaļa? Tas daļēji ir taisnība. Tomēr, kā minēts iepriekš, tīmekļa lapa ir tikai teksta dokuments. Vietnē, kā likums, ir arī attēli, video un citi multivides elementi. Tīmekļa lapās tie paši par sevi nevar būt, taču tā struktūrā var būt saites uz tām. Tādējādi vietni var saukt par vietnes galveno sastāvdaļu dominējošajā lomā virtuālā satura rādīšanai lietotāju priekšā.

Reti, protams, irdokuments būs vienīgais vietnes komponents - ja kaut kāda iemesla dēļ tas nesniedz grafiku, video un citus multivides elementus. Jo īpaši pirmās vietnes, kurās tikai tīmekļa lapu iezīmēšanas valodas parādījās, neietver atbilstošu saturu. Pirms lietotāja acīm bija tikai teksts un saites.

Hiperteksta aktivizēšanas princips

Tātad Web lapa ir dokumentskas apkopoti HTML formātā, ar kuru tiek ieviesta hiperteksta atzīme. Bet kāda ir šī parādība? Kas ir hiperteksts? Neuztraucoties teorētiski, mēs atzīmējam, ka šis ir teksts, kas vienā vai otrā veidā ļauj ātri piekļūt citam - izmantojot saites. Parastā grāmatā tas nav iespējams - ir "vienkāršs teksts". Pirms lasīt saturu vai zemsvītras piezīmes, lai lasītājs varētu piekļūt vēlamajai lapai, lasītājam ir jāizveido vairākas peidžeri. "Hiperteksta" režīmā galvenā darba daļa tiek veikta ar datoru - informācija, kas atspoguļota lapas HTML elementos.

Ja informātikas skolotājs mums saka: "Saraksta galvenos Web lapas elementus", tad mēs varam sākt stāstījumu par atbilstošā dokumenta komponentiem, kas izveidoti, izmantojot HTML marķēšanas valodu, pilnīgi pareizi. Tātad vispirms apskatīsim dažus teorētiskus punktus par HTML.

HTML valodas struktūras struktūra: tagi

Kā pārlūkprogramma HTML formātā ierakstītā dokumentā izlasa vajadzīgos datus par tīmekļa vietni? Tas ir ļoti vienkārši.

Šīs valodas galvenie elementi ir atzīmes. Tie vairumā gadījumu ir sapāroti - ir atvēršana, un ir noslēguma. Pirmie ir norādīti tikai ar leņķa kronšteinu palīdzību. Otrais ir tas pats, bet pirms otrās kronšteina slīpsvītra ir rakstzīme /. Pārlūks zina, kā tos atpazīt, un tāpēc parāda tīmekļa lapu saturu saskaņā ar dokumenta izstrādātāja izveidotajiem algoritmiem.

Atvēršanas tagu parasti raksta lielos burtos,slēgšana - mazs. Šis ir standarts, kas ir noskaņots starp IT speciālistiem. Pārlūkprogramma, protams, atpazīst HTML komandu ar jebkādiem burtiem, taču tīmekļa izstrādātājiem ieteicams ievērot atzīmētās tagu rakstīšanas shēmas. Tas atvieglos, piemēram, citu speciālistu tīmekļa lapas pārskatīšanu.

Atribūti

Citi svarīgi HTML valodas elementi ir atribūti. Ar viņu palīdzību tīmekļa lapas veidotājs var iestatīt satura īpašības, piemēram, fonta augstumu, krāsu, pozīciju attiecībā pret lapu. Tas pats attiecas uz attēliem, video un citiem multivides komponentiem. Atribūti ir rakstīti sākuma tagā.

Saturs

Starp atvēršanas un aizvēršanas tagunākamais galvenais tīmekļa lapas elements ir saturs. Patiesībā tas ir tāds pats saturs, kas ekrānā jāparādās lietotājam. Tas var būt teksts, saite, attēls, video vai cits multivides elements.

Web lapu elementi

"Tātad norādiet galvenos Web lapas elementus,beidzot! "- atkārtojas skolotājs. "Ar prieku," mēs atbildam uz viņu. Kas ir ietverts attiecīgo dokumentu veida struktūrā? Mēs piekrītam, ka mēs apsvērsim šo aspektu tīmekļa lapas HTML elementu kontekstā. Tas nozīmē, ka to attēlojums pārlūkprogrammā - ko lietotājs redz ekrānā - mēs mazāk ieinteresēsim. Fakts ir tāds, ka atbilstošie HTML algoritmi, uz kuru pamata programma parāda saturu tādā pašā veidā, var būt atšķirīgi. Un tas ir HTML valodas īpatnība: tīmekļa lapā var attēlot vajadzīgo attēlu dažādos veidos. Tajā pašā laikā tie var būt gan līdzvērtīgi tīmekļa vietnes veidotāja pūliņos, gan to īstenošanai paredzēt dažādas pūles un laiku.

Web lapu elementi: galvene

Tīmekļa lapas standarta elementi, piemēram, šispārsteidzoši skanēja, ļoti mazā skaitā. Faktiski no tiem ir tikai divi - dokumenta nosaukums un galvenā daļa. Tajā pašā laikā katrai no tām var būt diezgan sarežģīta struktūra.

Kāda ir nosaukuma specifika? Tas atrodas tīmekļa lapas augšpusē. HTML kodā, kas ģenerē galveni, parasti ir paredzēts, ka tas "šifrē" tikai tekstu, bet, ja nepieciešams, tajā var ievietot arī mazus grafiskos ievietojumus. Un tas faktiski ir viss, ko var teikt par titulu. Šķiet, ka viņa loma attiecīgā dokumenta struktūrā ir nenozīmīga. Bet tas tā nav. Mājas lapu virsraksti ir ļoti nozīmīgi meklētājprogrammu vietņu indeksēšanas ziņā - Yandex, Google. Šim elementam jābūt pilnībā saistītam ar tīmekļa lapas saturu, kā arī vietnes tematisko īpatnību.

Kā tiek noteikts tīmekļa lapas nosaukumsizmantojot HTML? Tas ir ļoti vienkārši. Pirmkārt, ir uzrakstīts sākuma tags, kas vienmēr izskatās kā HEAD ar leņķa skavas, pēc tam - virsraksta saturs, pēc - aizvēršanas tags. Protams, tie ir rakstīti tīmekļa dokumenta augšdaļā.

Web dokumenta nosaukums var ietvert vairākuspapildu elementi. Dažreiz tīmekļa lapas formātā var būt nepieciešams teksta parādīšana konkrētā kodētā veidā. Kā nodrošināt, lai tīmekļa dokuments atbilstu šim kritērijam? Tas ir ļoti vienkārši. Dokumenta galvenes struktūrā jāievieto HTML algoritmi, kuriem pārlūkā ir nepieciešams izmantot noteiktu valodas kodējumu - piemēram, kirilicismu. Atbilstošās komandas tiek ievietotas META tagā, kas, tāpat kā citi, var tikt atvērta un aizvērta.

Galvenā tīmekļa lapas daļa

Tīmekļa dokumenta galvenā daļa tiek atvērta ar taguBODY, ir aizvērts ar vienu un to pašu elementu, ieskaitot slīpsvītru. Šajā gadījumā starp atvēršanas un aizvēršanas tagiem var būt ļoti daudz papildu komandu hiperteksta iezīmēšanas valodai. Tas ir saistīts ar faktu, ka galvenā tīmekļa lapas daļa satur tās noderīgu saturu - tekstus, saites, grafiku, video, dažādas aizpildīšanas veidlapas.

Katrs no attiecīgajiem satura tipiem irpats tagi. Web dokumenta galvenās daļas struktūrā var būt HTML komandas, ar kurām tiek formatēts arī teksts, piemēram, piešķirot fontu noteiktu krāsu, izmēru un citas īpašības.

Apsveriet, kāda ir dažu bieži izmantoto HTML tagu specifika. Faktiski tie veido arī tīmekļa lapas pamatelementus.

Pamata HTML tagi

Tātad, lai veiktu detalizētu pētījumu par toir tīmekļa lapas elementi, mēs uzzinām vairāk par pamata HTML tagu būtību. Daži no tiem mēs jau minējām iepriekš - jo īpaši, ar kuru palīdzību pārlūkprogramma skan tīmekļa lapu galvenes un nosaka, kur atrodas galvenā dokumenta daļa.

P tags ir diezgan izplatīts. Tā, tāpat kā citi līdzīgi hiperteksta iezīmēšanas valodas elementi, var atvērt un aizvērt. Šis taga ļauj formatēt vienu dokumenta daļu. Piemēram, varat iestatīt konkrētu fonta veidu vai krāsu. Tomēr tas tiek darīts, izmantojot papildu tagu - FONT. Šajā gadījumā, tas tiks ievietots iekšpusē punkta, kas attiecas uz ierobežojumiem - tas nebūs izplatīt HTML komanda parāda uz vēlamo fonta veidu, lai citiem elementiem mājas lapā.

Izmantojot TABLE tagu, tiek izveidotas tabulas. Izmantojot atbilstošos atribūtus, jūs varat definēt vajadzīgo kolonnu un rindu skaitu, norādīt to platumu, robežas specifiku, fonta izmēru un krāsu tabulā.

IMG tags ir atbildīgs par pārlūka attēlu apstrādi. Tas arī ļauj ievietot dažādus atribūtus, kas kontrolē attēla izmēru, tā pozīciju lapā.

Saites uz citiem tīmekļa dokumentiem vai failiemir norādīti, izmantojot A tagu. Parasti tajā ir atribūti, kas norāda uz to, ka tīmekļa lapas struktūrā ir hipersaites. Tajā tiek norādīts dokuments, fails vai vietne, kurā tā tiek novirzīta.

Ir tāds tags kā FRAMESET. Ar to jūs varat sadalīt tīmekļa lapas vietu vairākās jomās - rāmjos. Katrā no tiem jūs varat ievietot saites uz atsevišķiem tīmekļa dokumentiem. Tas nozīmē, ka rāmji ļauj vienā un tajā pašā laikā pareizi novietot divas vai vairāk lapas vienā ekrānā.

Stāsts par galvenajiem tīmekļa lapu un vietņu elementiemturpmākā stāstīšana par to formatēšanas līdzekļiem, izmantojot HTML valodu, būs aptuveni mūsu atbildes algoritms uz jautājumu, kuru pārbaudītājs mums lūdza. Ja viņš vērsās pie mums, sacīdams: "uzskaitīt galvenos tīmekļa lapas elementus", tad, izmantojot atbilstošo metodiku, mums būs visas iespējas izpaust tēmu. Tas nozīmē, ka ar terminu "elementi" mēs saprotam galvenās tīmekļa dokumenta struktūras sastāvdaļas vai satura veidus - tekstu, attēlus, tabulas, rāmjus, saites, ko tīmekļa pārzinis ģenerē, izmantojot tādu rīku kā HTML.

Web izstrādes rīku specifika

Papildus tam, kas ir teikts, mēs to varam paskaidrottagi un atribūti, ko sniedz HTML standarti - milzīgs daudzums. Papildus HTML, tīmekļa izstrādātāji var izmantot papildu rīkus hiperteksta dokumentu formatēšanai. Piemēram, izmantojot JavaScript skriptu valodu, varat izveidot dinamiskas tīmekļa lapas, tas ir, tās, kurās saturs tiek nepārtraukti atjaunināts (gan pašu lietotāja darbību ietvaros, gan saskaņā ar algoritmiem, kas skriptos iepriekš sagatavoti).

Būtu lietderīgi pievienot tīmekļa vietnes izstrādātājulai savā darbā izmantotu pilnīgas programmēšanas valodas, piemēram, Perl, PHP, Java, Python, ar kurām spēja strādāt ar hiperteksta dokumentiem ir vēl plašāka. Vajadzība to var izraisīt fakts, ka šodien tīmekļa tehnoloģiju pielietošanas jomas ir ļoti atšķirīgas. Uzdevumi, ar kuriem saskaras mūsdienu izstrādātāji, var būt diezgan sarežģīti. Piemēram, dažreiz krievu valodā angļu valodā tulkojamās tīmekļa lapas ir jāpārveido. Šajā gadījumā izstrādātāju rīku komplekts būs visvairāk.