html tīmekļa lapa ir. Web lapu izveide. HTML valodas apguve. Tīmekļa lapas elementi: galvene

Pirms sākam HTML un CSS vietņu veidošanas nodarbības, ir svarīgi saprast atšķirības starp abām valodām, katras valodas sintaksi un dažus pamata terminus.

Kas ir HTML un CSS?

HTML (HyperText Markup Language) definē satura struktūru un tā nozīmi, definējot saturu, piemēram, virsrakstus, rindkopas vai attēlus. CSS (Cascading Style Sheets) ir prezentācijas valoda, kas izveidota, lai veidotu satura izskatu, izmantojot, piemēram, fontus vai krāsas.

Šīs divas valodas - HTML un CSS - ir neatkarīgas viena no otras, un tām arī jāpaliek. CSS nedrīkst rakstīt HTML dokumentā un otrādi. Parasti HTML vienmēr attēlo saturu, un CSS vienmēr noteiks stilu.

Izprotot atšķirību starp HTML un CSS, pievērsīsimies HTML sīkāk.

HTML pamatnoteikumi

Pirms sākat strādāt ar HTML, jūs, iespējams, saskarsities ar jauniem un bieži vien dīvainiem terminiem. Laika gaitā jūs iepazīsities ar tiem visiem, taču šobrīd jums vajadzētu sākt ar trim pamata HTML terminiem — elementi, tagi un atribūti.

Elementi

Elementi norāda, kā definēt lapas objektu struktūru un saturu. Daži no parasti izmantotajiem elementiem ietver vairākus virsrakstu līmeņus (definēti kā elementi ar

pirms tam

) un rindkopas (definētas kā

); Sarakstā varat iekļaut elementus ,

, , Un un daudzi citi.

Elementi tiek identificēti, izmantojot leņķikavas<>, kas aptver elementa nosaukumu. Tātad elements izskatīsies šādi:

Tagi

Leņķa kronšteinu pievienošana< и >izveido tā saukto tagu ap elementu. Tagi visbiežāk sastopami atvēršanas un aizvēršanas tagu pāros.

Sākuma tags iezīmē elementa sākumu. Tas sastāv no simbola<, затем идёт имя элемента и завершается символом >; Piemēram,

.

Noslēguma atzīme iezīmē elementa beigas. Tas sastāv no simbola< с последующей косой чертой и именем элемента и завершается символом >; Piemēram,

.

Saturs, kas parādās starp sākuma un beigu tagiem, ir šī elementa saturs. Piemēram, saitei būs sākuma tags un noslēdzošais tags. Tas, kas atrodas starp šiem diviem tagiem, būs saites saturs.

Tātad saišu tagi izskatīsies apmēram šādi:

...

Atribūti

Atribūti ir rekvizīti, ko izmanto, lai nodrošinātu Papildus informācija par elementu. Visizplatītākie atribūti ietver atribūtu id, kas identificē elementu; klases atribūts, kas klasificē elementu; atribūts src, kas norāda iegultā satura avotu; un href atribūts, kas norāda saiti uz saistīto resursu.

Atribūti tiek definēti sākuma tagā aiz elementa nosaukuma. Parasti atribūti ietver nosaukumu un vērtību. Šo atribūtu formāts sastāv no atribūta nosaukuma, kam seko vienādības zīme, kam seko atribūta vērtība pēdiņās. Piemēram, elements ar href atribūtu izskatīsies šādi:

Šejs Hovs

HTML pamata terminu demonstrēšana

Šis kods tīmekļa lapā parādīs tekstu "Shay Howe", un, noklikšķinot uz šī teksta, lietotājs tiks novirzīts uz vietni http://shayhowe.com. Saites elements tiek deklarēts, izmantojot sākuma tagu un noslēdzošais tags kas aptver tekstu, kā arī saites adreses atribūtu un vērtību, kas norādīta, izmantojot sākuma tagu, izmantojot href="http://shayhowe.com".

Rīsi. 1.01. HTML sintakse kontūras formā ietver elementu, atribūtu un tagu

Tagad, kad zināt, kas ir HTML elementi, tagi un atribūti, apskatīsim mūsu pirmo tīmekļa lapu. Ja kaut kas šeit izskatās jauns, neuztraucieties — mēs to sadalīsim.

HTML dokumenta struktūras pielāgošana

HTML dokumenti ir vienkārši teksta dokumenti, kas saglabāti ar paplašinājumu .html, nevis .txt. Lai sāktu rakstīt HTML, vispirms ir nepieciešams teksta redaktors, kas jums ir ērti lietojams. Diemžēl tas neietver Microsoft Word vai Pages, jo tie ir sarežģīti redaktori. Divi populārākie teksta redaktori HTML un CSS rakstīšanai ir Dreamweaver un Sublime Text. Bezmaksas alternatīvas arī Notepad++ operētājsistēmai Windows un TextWrangler operētājsistēmai Mac.

Visi HTML dokumenti satur nepieciešamo struktūru, kas ietver šādas deklarācijas un elementus: , , Un .

Dokumenta veida deklarācija vaiatrodas HTML dokumenta pašā sākumā un norāda pārlūkprogrammām, kura HTML versija tiek izmantota. Tā kā mēs izmantosim jaunākā versija HTML, mūsu dokumenta veids būs vienkāršs. Pēc tam nāk elements norādot dokumenta sākumu.

Iekšā elements nosaka dokumenta augšdaļu, tostarp dažādus metadatus (pavadošo informāciju par lapu). Saturs elementā neparādās pašā tīmekļa lapā. Tā vietā tas var ietvert dokumenta nosaukumu (kas parādās pārlūkprogrammas loga virsrakstjoslā), saites uz ārējiem failiem vai citus noderīgus metadatus.

Viss redzamais tīmekļa lapas saturs tiks ietverts elementā . Tipiska HTML dokumenta struktūra izskatās šādi:

Sveika pasaule!

Šī ir tīmekļa lapa.

HTML dokumentu struktūras demonstrēšana

Šis kods parāda dokumentu, sākot ar dokumenta tipa deklarāciju,, tad uzreiz nāk elements . Iekšā elementi nāk Un . Elements satur lapas kodējumu, izmantojot tagu un dokumenta nosaukumu caur elementu

Laiks pārbaudīt mūsu darbu un redzēt, kā mūsu HTML un CSS darbojas kopā. Atverot failu index.html (vai atsvaidzinot lapu, ja tas jau ir atvērts) pārlūkprogrammā, vajadzētu parādīt nedaudz savādāku rezultātu nekā iepriekš.

Rīsi. 1.04. Mūsu Styles Conference vietne ar CSS atiestatīšanu

Demonstrācija un pirmkods

Zemāk varat apskatīt Styles Conference vietni tās pašreizējā stāvoklī un arī lejupielādēt avots vietne šobrīd.

Kopsavilkums

Tātad, viss ir kārtībā! Šajā apmācībā mēs spērām dažus lielus soļus.

Iedomājieties, tagad jūs zināt HTML un CSS pamatus. Turpinot un pavadot vairāk laika HTML un CSS rakstīšanai, jums būs daudz ērtāk strādāt ar šīm divām valodām.

Atgādinot, mēs apskatījām sekojošo:

• Atšķirība starp HTML un CSS.
• Ievads HTML elementos, tagos un atribūtos.
• Pirmās tīmekļa lapas struktūras iestatīšana.
• Ievads CSS selektoros, rekvizītos un vērtībās.
• Darbs ar CSS atlasītājiem.
• Rādītājs uz CSS no HTML.
• CSS atiestatīšanas nozīme.

Tagad apskatīsim tuvāk HTML un iepazīsimies ar semantiku.

Resursi un saites

• Izplatīti HTML termini, izmantojot Scripting Master
• CSS termini un definīcijas, izmantojot iespaidīgos tīmekļa vietnes
• CSS rīki: atiestatiet CSS, izmantojot Ēriku Mejeru

Lielākā daļa internetā piedāvātā satura ir tīmekļa lapas. Vēsturiski šis ir pats pirmais dokumentu veids, kas paredzēts ievietošanai virtuālajā tīkla telpā, taču tas joprojām ir aktuāls un tam praktiski nav konkurējošu formātu. Kāda ir tīmekļa lapu struktūra? Kādus tīmekļa izstrādes rīkus viņi izmanto, lai izveidotu?

Kas ir Web lapa?

“Uzskaitiet galvenos tīmekļa lapas elementus,” datorzinātņu stundā mums stāsta eksaminētājs. Ko mēs varam viņam atbildēt? Pirmkārt, mēs runāsim par to, kas principā ir tīmekļa lapa.

Saskaņā ar IT speciālistu vispārpieņemto definīciju, tas ir dokuments, kuru paredzēts atvērt specializētā programmā - pārlūkprogrammā un kurā ir dati attēlošanai datora ekrānā, izmantojot atbilstoša veida dažāda noderīga satura programmatūru - tekstus. , saites, grafikas, video, mūzika utt. Web lapa ir teksta dokuments. Pārlūkprogrammai atbilstošie dati ir burti, cipari un Īpaši simboli, ko izmanto kā iezīmēšanas valodas elementus - HTML. Tieši ar tās palīdzību mājas lapas veidotājs “izskaidro” pārlūkprogrammai, kā to vai citu saturu parādīt ekrānā.

Tīmekļa lapu vieta un loma vietņu struktūrā

Vai mēs varam teikt, ka tīmekļa lapa ir galvenā tīmekļa vietnes sastāvdaļa? Daļēji tā 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 lapa tās nevar saturēt, taču tās struktūrā var būt saites uz tām. Tādējādi tīmekļa lapu var saukt par vietnes galveno sastāvdaļu, ņemot vērā tās dominējošo lomu virtuālā satura attēlošanā lietotāju priekšā.

Retos gadījumos, protams, attiecīgais dokuments būs vienīgā vietnes sastāvdaļa - ja kāda iemesla dēļ tas neparedz grafikas, video un citu multivides elementu attēlošanu. Jo īpaši pašās pirmajās vietnēs, kad parādījās tīmekļa lapu iezīmēšanas valodas, nebija atbilstošs saturs. Lietotāja acu priekšā bija tikai teksts un saites.

Hiperteksta lietošanas princips

Tātad tīmekļa lapa ir dokuments, kas ir apkopots HTML valoda, ko izmanto hiperteksta iezīmēšanai. Bet kas ir šī parādība? Kas ir hiperteksts? Pārāk neiedziļinoties teorijā, mēs atzīmējam, ka šis ir teksts, kas vienā vai otrā veidā ļauj iegūt ātra piekļuve uz citu - caur saitēm. Parastā grāmatā tas nav iespējams - ir “vienkāršs teksts”. Lai piekļūtu vēlamajai lapai, lasītājam jāveic vairāki pagriezieni, vispirms izlasot satura rādītāju vai zemsvītras piezīmes. Hiperteksta režīmā lielāko daļu darba veic dators, izmantojot informāciju, kas atspoguļota lapas HTML elementos.

Ja datorzinātņu skolotājs mums saka: “Uzskaitiet tīmekļa lapas galvenos elementus”, mēs varam diezgan pareizi sākt runāt par atbilstošā dokumenta komponentiem, kas izveidoti, izmantojot HTML iezīmēšanas valodu. Tāpēc vispirms apskatīsim dažus teorētiskos punktus saistībā ar HTML.

HTML valodas struktūra: tagi

Kā pārlūkprogramma nolasa nepieciešamos datus par tīmekļa lapu no HTML dokumenta? Ļoti vienkārši.

Būtiski elementi šīs valodas- tie ir tagi. Vairumā gadījumu tie ir savienoti pārī - ir sākuma un ir noslēdzošais. Pirmie ir norādīti, izmantojot tikai leņķikavas. Otrie ir līdzīgi, bet pirms otrās iekavas ir slīpsvītra - simbols /. Pārlūkprogramma spēj tos atpazīt, un tāpēc bez problēmām parāda tīmekļa lapu saturu saskaņā ar dokumenta izstrādātāja izveidotajiem algoritmiem.

Sākuma tagu parasti raksta ar lielajiem burtiem, noslēdzošo ar mazajiem burtiem. Tas ir standarts, kas iedibināts IT speciālistu vidū. Pārlūkprogramma, protams, atpazīs HTML komandu jebkuros burtos, taču tīmekļa izstrādātājiem joprojām ir ieteicams ievērot iezīmēto tagu rakstīšanas shēmu. Tas atvieglos, piemēram, citiem speciālistiem mājas lapas uzlabošanu.

Atribūti

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

Saturs

Starp sākuma un aizvēršanas tagiem atrodas nākamā galvenā tīmekļa lapas sastāvdaļa — saturs. Faktiski tas ir tieši saturs, kas būtu jāparāda lietotāja priekšā ekrānā. Tas var būt teksts, saite, attēls, video vai cits multivides elements.

Web lapas elementi

"Tātad, visbeidzot, uzskaitiet galvenos tīmekļa lapas elementus!" - skolotāja atkārto. "Ar prieku," mēs viņam atbildam. Kas ir iekļauts aplūkojamā dokumenta veida struktūrā? Vienosimies, ka šo aspektu aplūkosim tīmekļa lapas HTML elementu kontekstā. Tas ir, to parādīšana pārlūkprogrammā - tas, ko lietotājs redz ekrānā - mūs interesēs mazākā mērā. Fakts ir tāds, ka atbilstošie HTML algoritmi, pamatojoties uz kuriem programma parāda saturu vienādi, var atšķirties. Un šī ir HTML valodas iezīme: Web lapā var parādīt vēlamo attēlu Dažādi ceļi. Tajā pašā laikā tie var būt vai nu līdzvērtīgi tīmekļa lapas veidotāja darbaspēka izmaksām, vai arī prasīt atšķirīgu piepūli un laiku to ieviešanai.

Tīmekļa lapas elementi: galvene

Lai cik pārsteidzoši tas neizklausītos, tīmekļa lapas standarta elementi tiek parādīti ļoti mazos daudzumos. Faktiski tie ir tikai divi - dokumenta nosaukums un galvenā daļa. Tajā pašā laikā katram no tiem var būt diezgan sarežģīta struktūra.

Kāda ir nosaukuma specifika? Tas atrodas tīmekļa lapas pašā augšpusē. Galveni veidojošais HTML kods parasti ir paredzēts tikai teksta “šifrēšanai”, bet nepieciešamības gadījumā attiecīgajā elementā var ievietot arī nelielus grafiskus ieliktņus. Un tas patiesībā ir viss, ko var teikt par nosaukumu. Šķiet, ka tā loma atbilstošā dokumenta struktūrā ir nenozīmīga. Bet tā nav taisnība. Tīmekļa lapu nosaukumi ir ļoti nozīmīgi no vietņu indeksēšanas viedokļa meklētājprogrammās - Yandex, Google. Šim elementam ir pilnībā jāatbilst tīmekļa lapas saturam, kā arī vietnes tematiskajai specifikai.

Kā tīmekļa lapas nosaukums tiek tverts, izmantojot HTML? Ļoti vienkārši. Vispirms tiek uzrakstīts sākuma tags, kas vienmēr izskatās kā HEAD ar leņķiekavām, tad galvenes saturs, tad beigu tags. Tie, protams, ir rakstīti tīmekļa dokumenta pašā augšpusē.

Tīmekļa dokumenta nosaukumā var būt iekļauti vairāki papildu elementi. Dažreiz Web lapas formāts var prasīt, lai teksts tiktu attēlots noteiktā kodējumā. Kā jūs varat nodrošināt, ka jūsu tīmekļa dokuments atbilst šim kritērijam? Ļoti vienkārši. HTML algoritmi jāievieto dokumenta galvenes struktūrā, norādot pārlūkprogrammai izmantot noteiktas valodas kodējumu - piemēram, kirilicu. Atbilstošās komandas tiek ievietotas META tagā, kas, tāpat kā citas, var būt atvēršana un aizvēršana.

Galvenā tīmekļa lapas daļa

Tīmekļa dokumenta galvenā daļa tiek atvērta ar tagu BODY un tiek aizvērta ar atbilstošo elementu, ieskaitot slīpsvītru. Turklāt starp sākuma un aizvēršanas tagiem var būt milzīgs skaits papildu hiperteksta iezīmēšanas valodas komandu. Tas ir saistīts ar to, ka mājas lapas galvenajā daļā atrodas tās noderīgais saturs – teksti, saites, grafikas, video, dažādas aizpildāmas veidlapas.

Katram no atbilstošajiem satura veidiem ir savi tagi. Tīmekļa dokumenta galvenās daļas struktūrā var būt HTML komandas, kuras tiek izmantotas arī teksta formatēšanai – piemēram, piešķirot fontam noteiktu krāsu, izmēru un citas īpašības.

Apskatīsim dažu biežāk lietoto HTML tagu specifiku. Faktiski tie veido galvenos tīmekļa lapas elementus.

Pamata HTML tagi

Tātad, lai detalizēti izpētītu, kādi ir tīmekļa lapas elementi, sīkāk izpētīsim pamata HTML tagu būtību. Mēs jau esam norādījuši dažus no tiem iepriekš - jo īpaši tos, ar kuru palīdzību pārlūkprogramma nolasa tīmekļa lapu galvenes un nosaka, kur atrodas galvenā dokumenta daļa.

P tags ir diezgan izplatīts. Tas, tāpat kā citi līdzīgi hiperteksta iezīmēšanas valodas elementi, var būt gan atverams, gan aizverošs. Šis tags ļauj formatēt vienu dokumenta rindkopu. Varat, piemēram, iestatīt tam noteiktu fonta veidu vai krāsu. Tomēr tas tiek darīts, izmantojot papildu tagu - FONT. Šajā gadījumā tas tiks ievietots tajā, kas iezīmē rindkopas robežas - tas neļaus HTML komandai, kas atspoguļo vēlamo fonta veidu, izplatīties uz citiem tīmekļa lapas elementiem.

Tabulas tiek veidotas, izmantojot tagu TABLE. Izmantojot atbilstošos atribūtus, var noteikt nepieciešamo kolonnu un rindu skaitu, iestatīt to platumu, konkrētas apmales, teksta lielumu un fonta krāsu tabulā.

Atbildīgs par attēlu apstrādi pārlūkprogrammā. Tajā var ievietot arī dažādus atribūtus, kas regulē attēla izmēru un novietojumu lapā.

Saites uz citiem tīmekļa dokumentiem vai failiem tiek norādītas, izmantojot tagu A. Parasti tā iekšpusē ir atribūti, kas norāda uz to, ka tīmekļa lapas struktūrā ir hipersaite. Šajā gadījumā tiek norādīts dokuments, fails vai vietne, uz kuru tas ved.

Izplatīts tags ir FRAMESET. Ar tās palīdzību jūs varat sadalīt tīmekļa lapas telpu vairākās zonās - rāmjos. Katrā no tiem varat izmantot atsevišķus tīmekļa dokumentus. Tas nozīmē, ka rāmji ļauj pareizi novietot divas vai vairākas lapas vienā ekrānā vienlaikus.

Stāsts par tīmekļa lapu galvenajiem elementiem un turpmākais stāsts par to formatēšanas līdzekļiem, izmantojot HTML valodu - aptuveni šāds algoritms būs mūsu atbildes algoritms uz jautājumu, ko mums uzdeva eksaminētājs. Ja viņš atnāks pie mums, sakot “uzskaitiet tīmekļa lapas galvenos elementus”, tad mums, izmantojot atbilstošu metodoloģiju, būs visas iespējas atklāt tēmu. Tas ir, ar terminu “elementi” mēs varam saprast tīmekļa dokumenta struktūras galvenās 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 valoda. .

Web izstrādes rīku specifika

Papildus tam, kas tika teikts, mēs varam paskaidrot, ka ir milzīgs skaits tagu un atribūtu, ko nodrošina HTML standarti. Papildus HTML tīmekļa izstrādātāji var izmantot papildu formatēšanas rīkus hiperteksta dokumentiem. Piemēram, ar izmantojot JavaScript jūs varat izveidot dinamiskas Web lapas - tas ir, tās, kurās saturs tiek pastāvīgi atjaunināts (gan paša lietotāja darbību dēļ, gan saskaņā ar skriptos iepriekš rakstītiem algoritmiem).

Būtu lietderīgi piebilst, ka tīmekļa izstrādātājs savā darbā var izmantot pilnvērtīgas programmēšanas valodas, piemēram, Perl, PHP, Java, Python, ar kuru palīdzību kļūst iespējas strādāt ar hiperteksta dokumentiem. vēl plašāks. Vajadzība pēc tā var būt saistīta ar to, ka tīmekļa tehnoloģiju pielietošanas jomas mūsdienās ir ļoti atšķirīgas. Problēmas, ar kurām saskaras mūsdienu izstrādātāji, var būt diezgan sarežģītas. Piemēram, dažreiz ir nepieciešams tulkot tīmekļa lapas, kas rakstītas krievu valodā, angļu valodā. Šajā gadījumā izstrādātāja rīki būs ļoti dažādi.

Darba mērķis: iepazīstinot studentus ar HTML valodas pamatjēdzieniem, HTML dokumenta uzbūvi, obligātajiem tagiem, komentāriem, teksta formatēšanas metodēm, fiziskajiem un loģiskajiem stiliem, apgūstot prasmes vienkāršu statisku Web dokumentu veidošanā.

Laboratorijas nodarbībās HTML failu sagatavošanai izmantosim Notepad teksta redaktoru, bet kā rīku paveiktā pārraudzībai pārlūkprogrammu Internet Explorer.

Teorētiskā informācija

Pamatjēdzieni

Hiperteksts- informācijas struktūra, kas ļauj izveidot semantiskas savienojumus starp teksta elementiem datora ekrānā tā, lai jūs varētu viegli pāriet no viena elementa uz citu. Praksē hipertekstā daži vārdi tiek izcelti, pasvītrojot vai iekrāsojot tos citā krāsā (hipersaites). Vārda izcelšana norāda uz saistību starp šo vārdu un kādu dokumentu, kurā ar izcelto vārdu saistītā tēma tiek apspriesta sīkāk. Atsevišķs dokuments, kas rakstīts HTML formātā, tiek saukts:

HTML dokuments;

Web dokuments;

Web lapa.

Šādas lapas parasti ir NTM vai HTML formātā.

Web lapu grupa, kas pieder vienam autoram vai vienam IEDV korpusam un ir savstarpēji savienotas ar kopīgām hipersaitēm, veido struktūru, ko sauc par Web mezglu vai vietni. Katrai HTML lapai ir savs unikāls URL — adlppec internetā.

Rāmis (Rāmis) - termins, kam ir divas nozīmes. Pirmā vērtība ir dokumenta apgabals ar savām ritjoslām. Otrais ir 0DNN0H attēls animētā grafiskā failā (rāmī).

Sīklietotne (Sīklietotne) - programma, kas tiek pārsūtīta uz klienta datoru kā atsevišķs fails un tiek palaista, skatot Web lapu.

Skripts (Skripts) , vai skripts, ir programma, kas iekļauta tīmekļa lapā, lai paplašinātu tās iespējas. Dažās situācijās pārlūkprogramma Internet Explorer parāda ziņojumu: "Atļaut skripta izpildi lapā?" Šajā gadījumā mēs domājam skriptus.

CGI (Bieži Vārteja Interfeiss) - vispārīgs nosaukums programmām, kuras, strādājot uz servera, ļauj paplašināt Web lapu iespējas. Bez šādām programmām nav iespējams izveidot interaktīvas Web lapas.

Pārlūkprogramma (Pārlūkprogramma) - programma Web lapu apskatei.

Elements- HTML valodas dizains. Varat to uzskatīt par konteineru, kurā ir dati un kas ļauj tos formatēt noteiktā veidā. Jebkura Web lapa ir elementu kopums. Viena no galvenajām hiperteksta idejām ir elementu ligzdošanas iespēja. Piemēram:

<Начало элемента>Elementa saturs, dati, kurus elements formatē

Tag(angļu valodā tag - etiķete, deskriptors, etiķete) - elementa sākuma vai beigu marķieris. Tagi nosaka elementu darbības robežas un atdala elementus vienu no otra. Web lapas tekstā atzīmes ir ievietotas leņķa iekavās< >, un beigu tagam vienmēr seko slīpsvītra. Teksts nav starp šīm iekavām (< >), ir pilnībā redzams, skatoties pārlūkprogrammā. Piemēram:

<Начальный тег>Elementa saturs, dati, kas

formatē elementu

<Р>Šis teksts tiks ievietots atsevišķā rindkopā

Jebkura Web lapa ir elementu kopums. Viens no HTML pamatprincipiem ir spēja ievietot vienu elementu citā.

Atribūts- elementa parametrs vai īpašība. Atribūti atrodas sākuma taga iekšpusē un ir atdalīti viens no otra ar atstarpēm. Ja cements satur tekstu, tad atribūtos var iestatīt fonta krāsu un izmēru, izlīdzinājumu teksta rindkopa un tā tālāk. Ja elements satur attēlu, atribūti var norādīt attēla izmēru, rāmja esamību un izmēru ap attēlu utt.

<Р align="center">Šis teksts tiks līdzināts ekrāna centram

Šajā piemērā atkal tiek izmantots tags, kas nosaka rindkopas sākumu un beigas. Tomēr sākuma tagā ir līdzināšanas atribūts, kas iestata teksta līdzinājumu ekrāna centrā.

Piezīme:

Jebkurai noderīgai informācijai ir jāparādās starp sākuma un beigu tagiem, norādot tās formātu;

Visi atribūti atrodas sākuma tagā;

Lietošanas ērtībai sākuma tagu varat rakstīt ar lielo (lielo) burtu (P), bet beigu tagu ar mazo (mazo) burtu (/p), lai gan tas nav nepieciešams;

Ne visiem elementiem ir nepieciešams beigu (noslēguma) tags;

Sāciet rakstīt katru jauno elementu jaunā rindā. Ligzdoto elementu atkāpe (cilne). Tas atkal nav nepieciešams, taču tas ievērojami atvieglos jūsu darbu.

Tīmekļa lapa ir īpaši formatēts dokuments, kas var ietvert tekstu, grafiku, hipersaites, audio, animāciju un video.

Vairākas tīmekļa lapas, kurām ir kopīgs motīvs, dizains un saites un kuras parasti atrodas vienā tīmekļa serverī, veido vietni.

Vietne (no angļu valodas. tīmekļa vietne: tīmeklī- “tīmeklis, tīkls” un vietne- “vieta”, burtiski “vieta, segments, tīkla daļa”) - kolekcija elektroniskie dokumenti(faili) par personu vai organizāciju datortīkls, kas apvienoti zem vienas adreses (domēna vārda vai IP adreses).

Visas vietnes kopā veidoGlobālais tīmeklis, kur komunikācija (tīmeklis) apvieno pasaules kopienas informācijas segmentus vienotā veselumā - datubāzē un komunikācijās planētas mērogā. Klientu tiešai piekļuvei serveru vietnēm tika īpaši izstrādāts protokols HTTP .

Tīmekļa vietne ir strukturēta kā žurnāls, kurā ir informācija par konkrētu tēmu vai jautājumu. Tāpat kā žurnāls sastāv no drukātām lapām, tīmekļa vietne sastāv no datora tīmekļa lapām.

Programmu, kas parāda tīmekļa lapu, sauc par tīmekļa pārlūkprogrammu.

Tīmekļa vietnes tiek veidotas, izmantojot hiperteksta dokumentu iezīmēšanas valodu HTML. HTML tehnoloģija sastāv no kontroles rakstzīmju (tagu) ievietošanas parastajā teksta dokumentā un rezultātā mēs iegūstam Web lapu. Pārlūkprogramma, ielādējot Web lapu, parāda to ekrānā tagu norādītajā formā.

HTML ļauj:

· formatēt tekstu;

· iekļaut dokumentā attēlus un multimediju;

· Izmantojot šo valodu, tiek izveidotas hiperteksta saites uz citām Web lapām.

HTML tiek izmantots, lai izveidotu faila informācijas saturu un noteiktu Web lapu struktūru un formātu. Tā kā HTML faili ir vienkārša teksta faili, šādu failu var nosūtīt praktiski uz jebkuru datoru.

Lai izveidotu Web lapas, tiek izmantoti vienkārši teksta redaktori, kas izveidotajā dokumentā neiekļauj teksta formatēšanas kontroles rakstzīmes. Kā šādu Windows redaktoru varat izmantot standarta pielietojums"Piezīmju grāmatiņa".

Parasti tīmekļa lapas failam ir .html vai .htm paplašinājums.

Turklāt ir daudzas tehnoloģijas, kurās vietņu izveides pamatdarbības jau ir automatizētas, atliek tikai veikt izmaiņas atbilstoši savai tēmai.

Lai skatītu HTML lapu, vienkārši ievadiet tās URL tīmekļa pārlūkprogrammas adreses joslā un pēc tam sekojiet hipersaitēm. Bet tieši tā ir galvenā problēma – kā uzzināt lapas adresi? Visbiežāk notiek tā, ka tu zini, kas tev jāatrod, bet nezini, kur tieši meklēt. Lai atrisinātu šo problēmu, ir īpašas meklētājprogrammas. No lietotāja viedokļa, meklēšanas sistēma- šī ir parasta vietne mājas lapa kas satur saites uz citām vietnēm, kas sadalītas kategorijās (“Sports”, “Bizness”, “Datori” utt.). Turklāt meklētājprogramma ļauj lietotājam ievadīt vairākus atslēgvārdus un atgriež saites uz lapām, kurās ir šie atslēgvārdi.

tīmekļa vietne

Tīmekļa vietne (angļu valodā Website, no web - web un vietne - "vieta") ir privātpersonas vai organizācijas dokumentu kopums, kas apvienots zem vienas adreses datortīklā. Pēc noklusējuma tiek pieņemts, ka vietne atrodas internetā. Visas interneta vietnes kopā veido globālo tīmekli. HTTP protokols tika īpaši izstrādāts, lai klienti varētu tieši piekļūt vietnēm serveros. Vietnes citādi sauc par personas vai organizācijas pārstāvniecību internetā. Kad viņi saka “jūsu lapa internetā”, tas nozīmē visu vietni vai personisku lapu kā daļu no kādas citas vietnes. Papildus vietnēm internetā ir pieejamas arī WAP vietnes mobilajiem tālruņiem.

Sākotnēji tīmekļa vietnes bija statisku dokumentu kolekcijas. Šobrīd lielāko daļu no tiem raksturo dinamisms un interaktivitāte. Šādiem gadījumiem eksperti lieto terminu tīmekļa aplikācija – gatava programmatūras pakotne lai atrisinātu vietnes problēmas. Tīmekļa lietojumprogramma ir vietnes daļa, bet tīmekļa lietojumprogramma bez datiem ir tikai tehniski vietne.

Vairumā gadījumu internetā viena vietne atbilst vienam domēna vārdam. Tieši saskaņā ar domēna vārdi vietnes ir identificētas globālais tīkls. Ir iespējamas arī citas iespējas: viena vietne vairākos domēnos vai vairākas vietnes vienā domēnā. Parasti lielas vietnes (tīmekļa portāli) izmanto vairākus domēnus, lai loģiski nodalītu dažāda veida sniegtos pakalpojumus (mail.yandex.ru, news.yandex.ru, auto.yandex.ru). Ir arī gadījumi, kad tiek piešķirti atsevišķi domēni dažādas valstis vai valodas. Piemēram, google.ru un google.fr loģiski ir Google vietnes dažādās valodās, taču tehniski tās ir dažādas vietnes. Vairāku vietņu apvienošana vienā domēnā ir raksturīga bezmaksas hostings. Lai identificētu vietnes, adresē ir ietverta tilde un vietnes nosaukums aiz saimniekdatora: example.com/~manas-vietnes-nosaukums/.

Populārs kategorijā:

Kā datorā izveidot karaoke klipu?

lasīt

Lai atskaņotu, ir nepieciešama lietotne Origin, taču tā nav instalēta FIFA...

lasīt

Personīgās lapas reģistrēšana sociālajā tīklā Facebook

lasīt

Kā palaist vienkāršu Nmap Nmap skenēšanu

lasīt