Kas ir html, kam to izmanto. Kas ir lapas HTML? Trenējies, lai saprastu, kas ir HTML...

Katrai vietnei ir atšķirīgs izskats un funkcionalitāte, bet ar ko tā ir saistīta un kādā valodā lapa ir uzrakstīta? Tam visam tiek izmantotas kaskādes stila lapas un HTML. Jūs pats varat apskatīties šīs valodas kodu, ja pārlūkprogrammā apskatāt objektus. Konkrēti, šajā rakstā mēs runāsim par to, kas ir HTML.

Mūsu raksts ir paredzēts galvenokārt iesācējiem, tāpēc ceram uz pastāvīgo emuāra lasītāju sapratni!

Ziņa tiks sadalīta šādos vienumos:

Kas ir HTML lapa

Iezīmēšanas valoda, ko sauc par HTML, tiek izmantota, lai veidotu visus lapas elementus, tostarp tabulas, attēlus un tekstu. Varat izlasīt kodu un mēģināt to saprast, ja tādu izmantojat moderna pārlūkprogramma, vienkārši ar peles labo pogu noklikšķiniet uz lapas un izvēlnē noklikšķiniet uz rindas "lapas avota kods" vai "HTML kods". Pēc tam jūs redzēsiet kaut ko līdzīgu redaktoram, kurā ir daudz nesaprotamu uzrakstu un simbolu, tas ir HTML kods.

Katrā WWW dokumentā ir bagātīgs un labi formatēts teksts, kā arī hipersaites un attēli, ko izvēlas vietnes īpašnieks. Lai strādātu ar šiem elementiem, programmētāji izveidoja valodu ar nosaukumu HTML (Hyper Text Markup Language), kas nozīmē hiperteksta iezīmēšanas valodu. Katra pārlūkprogramma darbojas atšķirīgi un atveido HTML atšķirīgi, tāpēc dažādās pārlūkprogrammās tas tiek renderēts atšķirīgi, īpaši vecākās versijās. Internet Explorer.

Visi HTML dokumenti ir līdzīgi - tas ir standarts teksta fails, kurā ir norādītās valodas iezīmēšanas tagi kopā ar tekstiem, kurus lasīs vietnes apmeklētāji. Ar tagu palīdzību tiek izveidota lapa, un tieši tos pārlūkprogramma nolasa, to ielādējot. Pateicoties tagu definīcijai un to dizainam, jūs varat ievietot rakstu vai citu materiālu noteiktā vietā lapā, pievienot grafiskos failus un fotogrāfijas, kā arī hipersaites uz citām vietnes lapām. Sākotnēji HTML fails nav tīmekļa dokuments, tas par tādu kļūst tikai pēc pārlūkprogrammas izlasīšanas.

Protams, standarta HTML kodam ir savi trūkumi un trūkumi. Jums būs smagi jācenšas sakārtot rindkopas ar tekstu lapā, jo, lai veiktu iezīmēšanu un visu pārējo, jums ir jāparedz noteikti rekvizīti visam tekstam un katrai atsevišķai rindkopai. Ja jūsu vietnei ir 50 lappuses un katrā ir 10–20 rindkopas, teksts būs jāformatē ļoti ilgu laiku un katru reizi jāievieto tie paši tagi. Tas ne tikai nogurdina vietnes īpašnieku, bet arī negatīvi ietekmē vietnes lapas svaru. Šī iemesla dēļ vēlāk viņi izveidoja kaskādes stila lapas, tās īsumā sauc par CSS, kas nozīmē kaskādes stila lapas, pateicoties kurām jūs varat ātri veidot tekstu. Varat piešķirt vienu tagu un iestatīt tam noteiktus raksturlielumus, piemēram, teksta krāsu, izmēru, fontu un tā tālāk, un pēc tam lietot to rindkopām. Šajā gadījumā fails ar stila lapu tiek glabāts atsevišķi, to var augšupielādēt vienā vietnē vai vairākās vienlaikus. Pēc tam lapas galvenie elementi tiek rakstīti HTML valodā un tiek ievietots teksts, un pēc tam tiek pievienots CSS, un viss teksts iegūst jums nepieciešamo dizainu. Tas arī samazina lapas svaru, kas ir ļoti svarīgi.

Izmantojot CSS ir ieteicams, ja vietnē ir daudz lapu, kurām būs vienāds dizains. Varat iestatīt noteiktu teksta formatējumu visām rindkopām, ja dokumentā ierakstāt vairākas rindiņas ar CSS kodu. Vietnes izveides laikā dizaineri veido galveno izkārtojumu HTML formātā, koncentrējoties uz Photoshop izveidoto izkārtojumu. Bet pēc tam vietne izskatās nepabeigta, jums ir jāizveido pievilcīgs izskats, un tas tiek panākts, kaskādes stila lapas. To ir viegli iemācīties, ja jums ir daudz brīva laika, jo visu vietņu kopējais izskats ir aptuveni vienāds, varat izveidot vienu izkārtojumu ar vairākiem blokiem un tam "pielāgot" citas vietnes. Kā likums, kaskādes stila lapas ir daudz sarežģītākas nekā CSS, un ir vēl grūtāk izveidot vietni, izmantojot blokus, nevis tabulas. Turklāt sākotnējos posmos jūs varat saskarties ar tādu problēmu kā atšķirīga vietnes parādīšana pārlūkprogrammās. SPS tika izveidota, lai netērētu laiku un pelnītu naudu vietnēs - gatavie maketi vietnes, kas var būt bezmaksas vai maksas un kurām ir īpaša pārvaldības sistēma.

Kas ir HTML5. Atšķirības un priekšrocības

Jaunais standarts HTML5 palīdz vietņu īpašniekiem un atbrīvo viņus no atbildības par formāta izmantošanu Adobe Flash kā arī citas programmas. Pateicoties šis standarts var mainīt teksta attēlojumu lapās un vienkāršot informācijas ieviešanu, aizpildot elektroniskās veidlapas. Ja mēs sadalām visus šīs valodas jauninājumus, mēs varam izcelt šādus punktus:

  1. Pēc ieiešanas vietnē cilvēki pārlūkprogrammā varēs skatīties video un klausīties audio, šim nolūkam tiek izveidota atsevišķa poga atskaņošanai.
  2. Izmantojot šo valodu, ir daudz vieglāk augšupielādēt jaunus fotoattēlus, jūs pat varat izveidot attēlu galerijas. Jums pat nav jālejupielādē papildu programmatūra.
  3. Varat atrast tekstu un atzīmēt teksta blokus. Varat arī labi formatēt tekstu, lai to būtu viegli lasīt.
  4. Ja agrāk HTML4 cilvēks kļūdu pēc datu ievadīšanas pamanīja tikai tad, kad nosūtīja veidlapu, tad tagad pārlūkprogramma uzreiz ziņo par kļūdu, ja cilvēks veidlapu aizpilda nepareizi. Lietotājiem tas ir ļoti ērti, jo nav vairākas reizes jāaizpilda vienas un tās pašas datu sadaļas.
  5. Nevajadzīgi lietot programmatūras moduļi, jo ar HTML5 palīdzību jūs varat īstenot visas idejas par vietni. Tikai tad, ja vietne ir unikāla un jums ir jāizdomā kaut kas īpašs, tiek instalēti papildu programmatūras moduļi.
  6. Iepriekš cilvēki nevarēja pārlūkot vietni, izmantojot planšetdatoru vai viedtālruni, jo HTML4 standartam nav saderības ar pārlūkprogrammām mobilās ierīces un citi operētājsistēmas... Izmantojot HTML5, tiek izveidotas lapas, kuras ir lieliski lasāmas no visām ierīcēm lielā ātrumā.

Ja jums ir kādi jautājumi, rakstiet tos komentāros, mēs ar prieku atbildēsim!

Kas ir HTML un kam tas paredzēts - 3,7 no 5, pamatojoties uz 3 balsīm

Pirms sākt mācīties, es ierosinu apsvērt, kas ir html un kam tas ir paredzēts.

HTML apzīmē hiperteksta iezīmēšanas valodu, ko var tulkot kā hiperteksta iezīmēšanas valodu. Ar šīs valodas palīdzību tiek veidotas tīmekļa lapas.

HTML nav programmēšanas valoda. Tas ir paredzēts teksta dokumentu marķēšanai. Tas ir, kopumā mēs to izmantojam teksta formatēšanai.

Tātad, kā mēs varam rediģēt tekstu, izmantojot HTML? Fakts ir tāds, ka HTML valoda sastāv no tagiem. Katrs tags nosaka, kā teksts izskatīsies jūsu lapā.

Citiem vārdiem sakot, katrs tags jūsu pārlūkprogrammai (programmai, ar kuru jūs pārlūkojat internetu) dod noteiktu komandu, pārlūkprogramma saprot šo komandu un parāda gatavu tekstu jūsu ekrānā, kas ir formatēts noteiktā veidā.

Tāpēc jūs neredzat pašu kodu, pārlūkprogramma monitora ekrānā parāda gatavu formatētu tekstu un grafiku. Ja vēlaties redzēt pats html kods un tagus, ar kuru palīdzību notiek tagad lasāmā teksta formatēšana, pēc tam dodieties uz savu Interneta pārlūkprogramma Explorer uz Izvēlne> Skats un nolaižamajā sarakstā atlasiet> Avots. Skaties uz bildi.

Tiks atvērts logs ar kodu. Līdzīgi tam, ko var redzēt otrajā attēlā. Jūs varat ritināt un redzēt šo kodu, tas galvenokārt sastāv no tagiem, kuru iekšpusē vairumā gadījumu ir teksts. Tādējādi, neiedziļinoties detaļās, varam teikt, ka katrs tags nosaka, kur, kā, kāds fonts, kādā krāsā izskatīsies Jūsu teksts.

Bet patiesībā HTML tagi var ne tikai formatēt tekstu, ar to palīdzību jūs varat ievietot attēlu lapā, izveidot tabulas, izveidot saites un daudz ko citu.

Katrs tags pilda savas specifiskās funkcijas, un, lai iemācītos izveidot tīmekļa lapas, ir jāzina, kam tas vai cits tags ir paredzēts. Es domāju, ka tagad jūs nedaudz sapratāt, kas ir html.

Vispirms apskatīsim, kas ir tags. Vienkārši sakot, birkas sastāv no parastajām angļu rakstzīmēm vai vārdiem, tikai šie burti un vārdi ir noteiktā veidā dekorēti.

Katrs tags sastāv no leņķa iekavām,< >kurā ievietoti noteikti simboli. Lielākā daļa no tām ir atvērtas un aizvērtas.

Piemēram, tags - atvēršana un- aizvēršana. Kā redzat, tie atšķiras ar slīpsvītras klātbūtni / beigu rakstzīmi. Ja starp tiem ievietojat kādu vārdu, piemēram, Čau tad tas tiks parādīts treknrakstā... Viss, kas ir ietverts leņķa iekavās, šajā gadījumā netiek parādīts ekrānā, bet ir sava veida komanda pārlūkprogrammai, ka starp šiem tagiem ievietotais vārds ir jāparāda treknrakstā.

Protams, tagu ir daudz un katrs no tiem pilda savas specifiskās funkcijas. Visi pārējie tagi un viss CTML kopumā darbojas aptuveni saskaņā ar šo principu. Pieprasot jebkuru dokumentu no interneta, jūsu pārlūkprogramma lejupielādē html kodu, pareizi to interpretē un ekrānā parāda gatavu formatētu tekstu, grafiku, tabulas utt.

Šīs apmācības mērķis bija sniegt jums priekšstatu par to, kas ir HTML, nākamajās nodarbībās mēs sāksim apgūt šo iezīmēšanas valodu. Lai jums būtu vieglāk apgūt materiālu, iesaku nodarbības sākt apgūt no vienkāršākajām, raiti pārejot uz sarežģītākām, piemēram, šādā secībā: sākumā izpētiet, kā ir dokuments. izmanto, ar kuru palīdzību tās tiek iestatītas un ražotas, iemācīties iestatīt u.c. uz sarežģītāku.

Lai izveidotu HTML lapas, varat izmantot īpašas programmas, piemēram, bet jūs varat izveidot lapas, izmantojot vienkāršu teksta redaktoru, kas ir pieejams jebkurā Windows versijā.

HTML- apzīmē HyperText Markup Language, kas ir visplašāk izmantotā valoda tīmekļa lapu rakstīšanai.

  • Hiperteksts attiecas uz veidu, kā tiek saistītas tīmekļa lapas (HTML dokumenti). Tādējādi tīmekļa lapā pieejamo saiti sauc par hipertekstu.
  • Kā norāda nosaukums, HTML ir iezīmēšanas valoda, kas nozīmē, ka jūs izmantojat HTML, lai vienkārši “atzīmētu” teksta dokumentu ar tagiem, kas tīmekļa pārlūkprogrammai norāda, kā to strukturēt parādīšanai.

HTML sākotnēji tika izstrādāts ar mērķi definēt dokumentu struktūru, piemēram, virsrakstus, sarakstus, rindkopas un tā tālāk, lai atvieglotu apmaiņu. zinātnisko informāciju starp pētniekiem.

HTML tagad plaši izmanto, lai formatētu tīmekļa lapas, izmantojot dažādus HTML valodā pieejamos tagus.

HTML dokuments

Nākamajā piemērā ir parādīts HTML dokuments vienkāršākā forma:

Dokumenta nosaukums

Virsraksts

Lūk, dokumenta saturs...

Saglabāsim kodu HTML failā document.html, izmantojot jūsu iecienītāko teksta redaktoru. Un atveriet failu ar tīmekļa pārlūkprogrammu, piemēram, Internet Explorer, Google Chrome vai Firefox et al. Tam ir jāparāda šāda izvade:

Tagi HTML dokumenta izveidei

Kā minēts iepriekš, HTML ir iezīmēšanas valoda, un satura formatēšanai tiek izmantoti dažādi tagi. Šīs atzīmes ir ievietotas leņķa iekavās. Lielākajai daļai tagu ir atbilstoši beigu tagi, izņemot dažus tagus. Piemēram, tags ir noslēguma atzīme un tagu ir tuvu atzīme cits.

Iepriekš minētajā piemērā tiek izmantoti šādi tagi, lai ģenerētu HTML dokumentu:

TagApraksts
Šis tags nosaka dokumenta veidu un HTML versiju.
Šis tags aptver visu HTML dokumentu un galvenokārt sastāv no dokumenta nosaukuma, ko attēlo tagi ... un dokumenta pamattekstu, ko attēlo tagi ... .
Šis tags apzīmē dokumenta nosaukumu, kas var saturēt citus html tagus, piemēram, , <link>utt.</td> </tr><tr><td><title> </td><td>Tag <b><title> </b> izmanto tagā <head>lai norādītu dokumenta nosaukumu.</td> </tr><tr><td><body> </td><td>Šis tags apzīmē dokumenta pamattekstu, kurā tiek glabāti citi html tagi, piemēram, <h1>, <div>, <p>Cits.</td> </tr><tr><td><h1> </td><td>Šis tags apzīmē nosaukumu.</td> </tr><tr><td><p> </td><td>Šis tags apzīmē rindkopu.</td> </tr></table><p>Zināšanas par šiem tagiem ir pietiekamas, lai izveidotu html dokumentu (html lapu).</p> <p>Lai apgūtu HTML, jums ir jāzina dažādi tagi un jāsaprot, kā tie darbojas pēc formatēšanas. <a href="https://obanracer.ru/lv/kak-vstavit-skrinshot-v-tekstovyi-dokument-kak-sdelat-printskrin-s.html">teksta dokuments</a>... HTML apguve ir vienkārša, jo lietotājiem tikai jāiemācās izmantot dažādus tagus teksta vai attēlu formatēšanai, tādējādi izveidojot skaistu tīmekļa lapu.</p> <h2>HTML dokumentu struktūra</h2> <p>Tipiska HTML dokumenta struktūra izskatīsies šādi:</p><p>Dokumenta deklarācijas birka <html> <head> <title>Tagi, kas saistīti ar dokumenta nosaukumu Ar ķermeni saistīti tagi

Turpmākajās nodarbībās mēs izpētīsim visus virsraksta un pamatteksta tagus, tagad apskatīsim, kas ir dokumenta deklarācijas tags.

Deklarācija

Deklarācijas birkaizmanto tīmekļa pārlūkprogramma, lai saprastu dokumentā izmantoto HTML versiju. Pašreizējā versija HTML - 5, un tajā tiek izmantota šāda deklarācija:

HTML dokumentā var izmantot daudzus citus reklāmu veidus atkarībā no tā, kuru HTML versiju izmantojat. Mēs redzēsim sīkāku informāciju par to, apspriežot tagu.kopā ar citiem HTML tagiem.

Sveiki visiem!. Otro nodarbību mēs veltīsim jautājumam - kas ir HTML un kā ar to strādāt. Tajā jūs uzzināsiet par populārākās tīmekļa programmēšanas valodas funkcijām un skaidri sapratīsiet tās galveno būtību.

Pamatojoties uz to, kā jūs to apgūsit, jums būs vieglāk virzīties uz priekšu, un tad jūs varēsit viegli (lai gan nē, jums joprojām ir smagi jāstrādā) uzsākt sarežģītāku valodu iekarošanu, lai izveidotu vietnes, piemēram, tas pats PHP. Tātad ķersimies pie lietas.

Kas ir HTML

HTML (hiperteksta iezīmēšanas valoda) ir hiperteksta iezīmēšanas valoda ikdienas dzīvē. Standarta iezīmēšanas valoda interneta dokumentiem globālajā tīmeklī. Tā ir viena no populārākajām vietņu veidošanas valodām. Tas tiek uzskatīts arī par vienkāršāko ielādes ziņā pārlūkprogrammās.

Tam nav nekādu sarežģītu "dubļumu" kā PHP, kas pirms lapas parādīšanas pārlūkprogrammā vispirms veic pieprasījumu MySql datu bāzei un pēc tam tikai parāda saturu lietotājam. Es nerunāšu par garām verbālām prelūdijām par to, kā tas tika izveidots, jo tas jau sen nav interesanti.

Par visiem šiem punktiem - lieliskā Vikipēdija jums palīdzēs. Mēs vēlamies iemācīties ātri izveidot vietnes, vai ne? labi! Tad turpināsim un izpratīsim visas šīs tīmekļa zinātnes sarežģītības.

HTML valodas pamati. Atzīmju jēdziens

Nekur nevar aiziet, nezinot stabilu pamatu, neviens nav atcēlis "matemātisko daļu" (jebkura priekšmeta "pamats"). Un mēs neatkāpsimies no tradīcijām un noteikumiem.

HTML pamati ir tagi vai, precīzāk sakot, tagu kopa. Tie ir apzīmēti šādi.<тег>... Atzīmes vienmēr tiek savienotas pārī un tiek rādītas šādi

<тег>.

< тег> < / тег> .

Katrs no tiem veic stingri specifiska funkcija attēlošanai pārlūkprogrammās.

Daži parāda attēlu, citi saiti, citi ir atbildīgi par rindkopām, ceturtie veido tabulu utt. Tajās varam ierakstīt jebkuru tekstu. Man patīk tos saukt par konteineriem, tā teikt skaidrības labad. Bet ir arī vientuļi, tos pētīsim nākamajās nodarbībās.

Un saproti arī pats vienu svarīgs punkts... V šī valoda darbojas Pareto princips, tas ir, kā jebkurā dzīves, darbības jomā, un, lai kur tas būtu, pastāv 80/20 noteikums.

Ko tas nozīmē? Tas liecina, ka 20% (mūsu gadījumā tas ir html) valodas veic 80% no galvenā darba. Loģika ir tāda, ka nav nepieciešams apgūt visus tagus, jo daudzi no tiem vienkārši netiek izmantoti vai tiek izmantoti ļoti reti. Tāpēc mūsu nodarbībās mēs koncentrējamies uz visbiežāk sastopamajiem un svarīgākajiem. Un jūs ar to paveicāt lielisku darbu!

HTML dokumentu struktūra

Jebkura html dokumenta struktūra izskatās šādi

Dokuments bez nosaukuma

< ! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 Transitional // EN""http://www.w3.org/TR/html4/loose.dtd">

< html >

< head >

< meta http - equiv = "Content-Type" content = "text/html; charset=utf-8" >

< title >Dokuments bez nosaukuma< / title >

< / head >

< body >

< / body >

< / html >

Tagad aprakstīsim katru punktu sīkāk:

Kas ir Doctype un tā nozīme

Elements doctype tiek izmantots, lai norādītu mūsu tīmekļa lapas veidu. Šī ir tā sauktā "dokumenta tipa deklarācija" vai dokumenta tipa deklarācija.

Šim tagam vienmēr ir jābūt pirmajā vietā katrā lapā. Tā ir galvenā tīmekļa lapu sastāvdaļa, kas apgalvo, ka tās atbilst standartiem: bez tā jūsu kods neizturēs validatora validāciju.

Tīmekļa dokumentu pārbaudītājs ir datorprogramma, kas pārbauda jebkura dokumenta, datu straumes vai koda daļas atbilstību noteiktam formātam, pārbauda dokumenta vai faila sintaktisko pareizību (saskaņā ar Vikipēdiju).

Izceļas vairākas Doctype vērtības:

  1. Stingri
  2. Pārejas
  3. Rāmju komplekts (ar rāmjiem)

Es izmantoju otro variantu. Visērtāk ir strādāt ar to, jo tas neierobežo izstrādātāju. Lasītājs ir neizpratnē par to, kāda ir atšķirība un kuru vislabāk izmantot?

Ļaujiet man paskaidrot atšķirību starp tām. Pārejas versija stingri neatbilst W3C validācijas standartiem (vai krievu valodā, pārbaudiet), tas ir, pārlūkprogramma tīmekļa dokumenta saturu parādīs tādā pašā veidā, pat ja tajā ir novecojuši, novecojuši un citi standarta koda variācijas. Bet Strict versija precīzi atbilst visiem standartiem, tas ir, praksē, ja esat aizmirsis kaut kur kodā ievietot atbilstošo simbolu (piemēram, slīpsvītru /), tad pārbaudot tiks parādīts brīdinājums.

Šādi izskatās tīmekļa dokuments, izmantojot stingro versiju:

Stingra valodas standartu ievērošana

< ! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Strict // EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

< html xmlns = "http://www.w3.org/1999/xhtml">

< head >

< title >Stingrs valodas standarts< / title >

< meta http - equiv = "Content-Type" content = "text/html; charset=utf-8" / >

< / head >

< body >

< p > . . . < / p >

< / body >

< / html >

Iesaku izmantot otro variantu nevis tvaicēt, jo tas ir ērtākais. Tagad apskatīsim citas mūsu lapas daļas.

- vai tags "head", tas satur svarīgākos tagus, kas pārlūkprogrammai izskaidro, kas lapā ir jādara un kādi mehānismi jāpalaiž. Tas nosaka tīmekļa dokumentu un tā saturu. Tas bieži tiek ielādēts ar dažādiem skriptiem, kas lapā palaiž dažādas mikroshēmas, un ir arī svarīgs SEO veicināšanas "konteiners" - tags

Mēs neiedziļināsimies detaļās un vēsturē par to, kas ir HTML, bet pāriesim tieši pie galvenajiem punktiem. HTML ir jebkuras vietnes izveides pamats! Studējot vietnes veidošanas tēmu, jums jāsāk ar to. Šeit nav nekā smaga. Pilnīgi IKVIENS var apgūt šo tehnoloģiju!

Es gribu uzreiz atzīmēt, ka šī NAV programmēšanas valoda, bet gan iezīmēšanas valoda.

Kāpēc ir viegli iemācīties HTML?

Lai tekoši runāt angļu valoda jums nav jāzina visi vārdi, kas ir angļu valodā. Šeit jums vienkārši jāapgūst daži pamata tagi un jāiemācās ar tiem strādāt. Un tad jums tikai jātrenējas un jāattīsta prasme.

Sāksim izpētīt šo jautro un vienkāršo tehnoloģiju.

Mazliet teorijas...

Jebkura lapa sastāv no tagiem. Tas nozīmē, ka lapa patiesībā neizskatās tā, kā mēs to esam pieraduši redzēt, bet tā sastāv no daudziem tagiem, no kuriem katrs spēlē noteiktu lomu.

Tas izskatās kā liela ķieģeļu siena. Ja visi ķieģeļi uz tā ir glīti uzlikti, tad visa siena izskatās skaisti. Tāpēc, rakstot lapas struktūru, ir jāpievērš uzmanība katram tagam, jo ​​tas ir mūsu nākotnes lapas "celtniecības bloks".

Bet kas ir tags HMTL?

to HTML elements lapa, kas kaut kādā veidā ietekmē lapas attēlojumu un izkārtojumu. Vārdos to saprast ir diezgan grūti, tāpēc vajag praktiski visu uzreiz apskatīt un pierast pie koda. Apskatiet attēlu zemāk:

Šī ir vienkāršākās lapas struktūra. Bet šie atkārtotie vārdi trīsstūrveida iekavās ir tagi. Ja atverat savu teksta redaktors un uzrakstiet šo kodu un pēc tam saglabājiet to HTML formātā, tad iegūsit HTML lapu. Vēl nav skaidrs, kas ir HTML? 🙂

No šīs struktūras varat redzēt tagus, kuriem jābūt klāt. Šīs ir atzīmes:

  • un aizvēršana
  • un aizvēršana
  • un aizvēršana

Lai padarītu to skaidrāku, tālāk esošajā attēlā esmu tos iezīmējis oranžā krāsā:

Viss, ko rakstām starp tagiem un mēs savā lapā neredzēsim. Šie tagi var pastāstīt pārlūkprogrammai par kodējumu, par mūsu lapas nosaukumu, šeit tie var savienot dažādus stilus, skriptus utt. To visu redzēsit nākamajās nodarbībās.

Un šeit ir visas atzīmes, kuras mēs ierakstīsim starp tagiem un, atkarībā no tā mērķa, ietekmēs tieši mūsu struktūru HTML lapas.

Nu, vai ir kļuvis skaidrāks, kas ir HTML? 😉 Bet mēs neapstājamies un ejam tālāk...

Dažiem tagiem var būt beigu tags, bet dažiem var nebūt. Piemēram, tags ir noslēguma atzīme... Kā jau varēja uzminēt, atzīmes ir aizvērtas ar slīpsvītru.

Ir ļoti svarīgi ievērot atvēršanas un aizvēršanas tagus. Lai nebūtu kļūdu. Pārlūkprogramma var nerādīt kļūdu, taču jūsu lapu struktūra būs nepareiza pat turpmākā darba laikā ar stiliem (kur mēs izskats) būs lielas problēmas. Tāpēc, ja atzīmei ir beigu atzīme, tai ir jāatrodas pareizajā vietā.

Ņemsim piemēru, kā NEDRĪKST aizvērt tagus un kādā secībā tas jādara. Divu tagu piemērs:

Pareizs HTML KODS

Tas, ko redzat iepriekš, ir šī ir pareizā beigu tagu rakstīšanas secība... Bet var būt tāda situācija

KĻŪDA HTML KODĀ

Tāpēc aizveriet tagus ir stingri aizliegts!

Trenējies, lai saprastu, kas ir HTML...

Jūs varat tikai uzzināt vairāk par to, kas HTML ir praksē. Šim nolūkam varat izmantot jebkuru teksta redaktoru. Pat piezīmju grāmatiņa. Bet es iesaku izmantot Notepad ++, jo šeit ir daudz vairāk funkcionalitātes darbam ar HTML. Varat to lejupielādēt, izmantojot saiti Lejupielādēt Notepad ++. Šim redaktoram ir visas iespējas izveidot un rediģēt HTML lapas.

Sāksim. Pēc programmas atvēršanas jūs redzēsit šādu logu:

Lai izveidotu HTML lapu, šajā logā jāievada lapas "body". Varat kopēt tālāk esošo tekstu un vienkārši ielīmēt to. Bet labāk visu ievadīt ar rokām. Tas palīdzēs jums ātrāk atcerēties un pierast pie tagiem.

Tātad, jums vajadzētu būt kaut kam šādam:

Tālāk jums ir jāsaglabā šo lapu HTML formātā. Lai to izdarītu, noklikšķiniet uz izvēlnes "Fails", šeit noklikšķiniet uz "Saglabāt kā ...". Ievadiet HTML lapas nosaukumu. Es to nosaucu par index.html. Tad mēs vienkārši ietaupām ērta vieta manā datorā. Pēc tam parādīsies fona apgaismojums HTML tagi, jo Notepad ++ redaktors sapratīs, ka tā ir HTML dokuments... Un daudz patīkamāk ir strādāt ar fona apgaismojumu.