Šajā rakstā jūs uzzināsit, kā izmantot HTML, lai izveidotu savu pirmo vietni! Rakstā tiks sniegti ilustratīvi piemēri labākai izpratnei. Uzreiz izdarīsim atrunu, ka raksts sākotnēji bija paredzēts tiem, kas tikai sāk apgūt HTML. Turklāt mēs apsolām, ka līdz šī raksta izlasīšanas beigām jūs noteikti izveidosit savu pirmo vietni.
HTML apzīmē hiperteksta iezīmēšanas valodu, tas ir, teksta kārtošanas valodu.
Atšķirībā no programmēšanas valodām (JavaScript, PHP u.c.), kas izmanto skriptus darbību veikšanai vietnēs, secības valoda (HTML) izmanto tagus, lai atzīmētu vietnes saturu.
Sāksim mācīties HTML no nulles
Tāpat kā angļu valoda sastāv no burtiem A, B, C utt., tā HTML veido savdabīgi "burti":,,
u.c. Šos savdabīgos HTML valodas "burtus" tīmekļa pārziņi sauc par tagiem.
Tālāk ir sniegts HTML taga piemērs.
Tagi Izveidojiet pasvītrojumu ap šī teksta malām.
HTML tagi, kas savienoti pārī ar CSS valodas stiliem, ļauj ātri un efektīvi izveidot vietnes.
HTML vieta citu valodu vidū
Kā jūs zināt, laba vietneiebūvēts vismaz 5 valodās.
Mūsdienu vietne ir veidota šādās valodās:
- HTML (struktūra un secība).
- CSS (stila saturs).
- JavaScript (pārlūkprogrammas darbības).
- PHP (servera darbība).
- SQL (datu krātuve).
HTML ir galvenā pamatvaloda, uz kuras balstās citas. Tāpēc HTML apguvei ir jābūt pirmajam solim ikvienam, kurš mācās veidot vietnes tīmeklī.
Taga
HTML valoda ir mainījusies gadu gaitā kopš tās izveides. Šobrīd lielākā daļa interneta vietņu pāriet uz jaunāko valodas versiju – HTML5. Taču pat HTML5 valodā valodas pamati paliek nemainīgi.
HTML lapas struktūra ir kā sviestmaize. Tāpat kā sviestmaizei ir divas maizes šķēles, HTML dokumentam ir sākuma un beigu HTML tags.
Šīs atzīmes, tāpat kā maize sviestmaizē, ieskauj visu iekšā.
Taga
Turpinot mācīties HTML, jums noteikti vajadzētu iepazīties ar tagu. Tieši vecāktagā ir viss vietnes saturs, ieskaitot tagu. Šis tags ir nepieciešams, un tajā ir visi tās vietnes lapas iestatījumi, kurai tas ir rakstīts. Šie iestatījumi nav redzami vietnes apmeklētājiem, tos redz tikai pārlūkprogrammas (Google Chrome, Mozilla Firefox utt.).
Tīmekļa lapas iestatījumu blokā ir ietverti visi "nerenderētie" elementi, kas palīdz pārlūkprogrammai pareizi attēlot jūsu vietni tīmeklī.
Visas iespējas, kasvar konfigurēt tagā, mēs to apskatīsim, bet nedaudz vēlāk - kad pienāks laiks.
Taga
Atzīme, tāpat kā atzīme, atrodas taga iekšpusē.
Šis tags ir nepieciešams, lai jūsu vietnē parādītu visu informāciju, ko vēlaties parādīt.
Virsraksti, rindkopas, tabulas, attēli un saites ir tikai neliela daļa no elementiem, ko var ietvert tagā.
HTML dokumenta pamatstruktūra:
… …
Jūsu pirmā vietne
Tagad jūs zināt, ka varat izveidot vietnes, izmantojot HTML, un šim nolūkam tiek izmantoti pamata tagi:
- . Iezīmē tīmekļa lapas robežas.
- . Ietver iestatījumus tīmekļa lapas parādīšanai pārlūkprogrammā.
- . Ietver visus tīmekļa lapas elementus (attēlus, videoklipus, tekstu un tā tālāk), ko vēlaties rādīt vietnes apmeklētājiem.
Citas atzīmes, piemēram,,,, par kurām mēs drīz runāsim.
Būtu lieliski, ja lasītājs ne tikai izlasītu šo rakstu, bet arī uzreiz skrietu pilnveidot savas prasmes. Lai uzlabotu savas HTML prasmes, jums būs jāizveido sava pirmā vietne, kas kalpos par jūsu jauno prasmju pārbaudes vietu.
Ir zināms, ka mobilo sakaru operatori ("MTS", "MegaFon" un tā tālāk) sniedz mums mobilos pakalpojumus. Tādā pašā veidā vietņu izveides un pārvaldības pakalpojumus mums nodrošina mitināšanas operatori. Lai izveidotu savu vietni, dodieties uz jebkura bezmaksas mitināšanas operatora vietni.
Verificētie mitināšanas pakalpojumu sniedzēji ietver BEGET vaireg, piemēram. Jūs varat izvēlēties jebkuru.
Pēc īsas reģistrācijas, pēc 24 stundām, automātiski tiks izveidota jūsu pirmā mājas lapa internetā, kas būs redzama visai pasaulei, un jūs varat sākt praktizēt!
Mūsdienīga vietnes struktūra
Tagad, kad jums ir sava vietne, pārbaudiet, kādus tagus satur tags un kā tie organizē informāciju vietnēs.
Iepriekš redzamajā attēlā ir shematisks attēlojums struktūrai, kas tika iekļauta jaunākajā HTML valodas versijā - HTML5. Kopā ar HTML5 parādījās ne tikai jauni tagi, bet arī vietņu veidošanas nozīme. Visas attēlā redzamās atzīmes ir ietvertas galvenajā tagā. Šie tagi palīdz "ieskicēt" jūsu vietnes struktūru un piešķir tai nozīmi.
Piemēram, tagu iekšpusē ir ērti ievietot vietnes nosaukumu (tagus) un vietnes aprakstu (tagus).
Ir ērti ievietot vietnes (taga) izvēlni (saites) tagu iekšpusē.
Tagu iekšpusē ir ērti ievietot jebkuru lielu informācijas bloku, kas saistīta ar nozīmi. Tie var būt vairāki raksti, no kuriem katrs ir "iesaiņots" tagos vai fotoattēlos (tags), vai tabulās (tags
) un vairāk.
Ir ērti ievietot tagos jebkuru informāciju, kas neatbilst. nozīmei.
Tagu iekšpusē ir ierasts ievietot papildu informāciju, piemēram, kontaktinformāciju, vietnes papildu sadaļas un tā tālāk.
Tātad tagad jūs esat mazliet lietpratīgāks attiecībā uz to, no kā tiek veidotas mūsdienu vietnes. Ņemsim piemērusatricinājumu manā galvā nomainīja bijība no ieskata.
Tātad, atverot failu pārvaldnieku sava mitināšanas operatora vietnē un atrodot dokumentu ar nosaukumu index.php, droši ierakstiet tajā savas vietnes struktūru, it kā no jauna.
Mana pirmā vietne
Lapas nosaukums
Lapas apraksts
Saite 1 | Saite 2 | Saite 3
Kāda raksta nosaukums
Šis ir bloks, kas satur jebkādu informāciju, un ar CSS palīdzību jūs varat izkrāsot šo bloku un visu vietni ar visu tā saturu tā, kā vēlaties. © Visas tiesības aizsargātas
Atcerieties, ka mēs teicām, ka vietnei ir dažādi iestatījumi? Nu, lūk:
- Izmantojot pārlūkprogrammas, mēs parādām, ka vietnē var būt gan krievu, gan angļu rakstzīmes (pretējā gadījumā, atverot vietni, jūs redzēsit briesmīgu krakozyabry).
- tiek izmantots, lai norādītu lapas nosaukumu, kas tiks parādīts pārlūkprogrammas cilnē un meklētājprogrammā ("Yandex", Google un tamlīdzīgi).
Protams, bez CSS stila jūsu vietne izskatīsies skopi (melni burti uz b alta fona), taču noteikti vispirms mēģiniet uzrakstīt savu pirmo lapu HTML valodā.
Apsveicam! Jūs tikko izveidojāt savu pirmo tīmekļa lapu savā vietnē! Būs interesantāk!
