Si të konfiguroni telefonat inteligjentë dhe PC. Portali informativ
  • Shtëpi
  • Gabimet
  • HTML: Bazat për fillestarët. Bazat e gjuhës së programimit WEB HTML Bazat e programimit html dhe css për fillestarët

HTML: Bazat për fillestarët. Bazat e gjuhës së programimit WEB HTML Bazat e programimit html dhe css për fillestarët

HTML (H ypert ext M arkup L) është kodi që përdoret për të strukturuar një faqe në internet dhe përmbajtjen e saj. Për shembull, përmbajtja mund të strukturohet brenda një grupi paragrafësh, një listë pikash me pika ose duke përdorur imazhe dhe tabela të dhënash. Siç sugjeron titulli, ky artikull do t'ju japë një kuptim bazë të HTML dhe funksioneve të tij.

Pra, çfarë është HTML?

HTML nuk është një gjuhë programimi; është një gjuha e shënjimit që përcakton strukturën e përmbajtjes suaj. HTML përbëhet nga një seri elementësh, të cilët i përdorni për të mbyllur, ose mbështjellë, pjesë të ndryshme të përmbajtjes për ta bërë atë të duket në një mënyrë të caktuar ose të veprojë në një mënyrë të caktuar. Mbështetja ", dhe se në elementët bosh etiketa fundore nuk kërkohet dhe as nuk lejohet. Nëse atributet nuk përmenden, përdoren vlerat e paracaktuara në secilin rast." fjalët, mund ta bëjnë fontin më të madh ose më të vogël, e kështu me radhë. Për shembull, merrni linjën e mëposhtme të përmbajtjes:

Macja ime është shumë e mërzitur

Nëse do të donim që rreshti të qëndronte më vete, mund të specifikonim që është një paragraf duke e mbyllur në etiketat e paragrafëve:

Macja ime është shumë e mërzitur

Anatomia e një elementi HTML

Le ta shqyrtojmë këtë element të paragrafit pak më tej.

Pjesët kryesore të elementit tonë janë si më poshtë:

  • Etiketa e hapjes: Ky përbëhet nga emri i elementit (në këtë rast, p), i mbështjellë në kllapa këndi hapës dhe mbyllës. Kjo tregon se ku fillon ose fillon të hyjë në fuqi elementi - në këtë rast kur fillon paragrafi.
  • Etiketa mbyllëse: Kjo është e njëjtë me etiketën e hapjes, përveç që përfshin a prerje përpara përpara emrit të elementit. Kjo tregon se ku përfundon elementi - në këtë rast ku përfundon paragrafi. Dështimi për të shtuar një etiketë mbyllëse është një nga gabimet standarde të fillestarëve dhe mund të çojë në rezultate të çuditshme.
  • Përmbajtja: Kjo është përmbajtja e elementit, i cili në këtë rast është vetëm tekst.
  • Elementi: Etiketa hapëse, etiketa mbyllëse dhe përmbajtja së bashku përbëjnë elementin.
  • Elementet mund të kenë gjithashtu atribute që duken si më poshtë:

    Atributet përmbajnë informacion shtesë për elementin që nuk dëshironi të shfaqet në përmbajtjen aktuale. Këtu, klasa është atributi emri dhe editor-note është atributi vlerë. Atributi class ju lejon t'i jepni elementit një identifikues që mund të përdoret më vonë për të synuar elementin me informacionin e stilit dhe gjëra të tjera.

    Një atribut duhet të ketë gjithmonë sa vijon:

  • Një hapësirë ​​ndërmjet tij dhe emrit të elementit (ose atributit të mëparshëm, nëse elementi tashmë ka një ose më shumë atribute).
  • Emri i atributit i ndjekur nga një shenjë e barabartë.
  • Vlera e atributit të mbështjellë me thonjëza hapëse dhe mbyllëse.
  • Shënim: Vlerat e thjeshta të atributeve që nuk përmbajnë hapësirë ​​të bardhë ASCII (ose ndonjë nga karakteret " " ` =< >) mund të mbetet i pacituar, por rekomandohet që të citoni të gjitha vlerat e atributeve, pasi kjo e bën kodin më të qëndrueshëm dhe të kuptueshëm.

    Elementet e folesë

    Ju mund të vendosni elementë edhe brenda elementëve të tjerë - kjo quhet fole. Nëse do të donim të shprehnim se macja jonë është shumë inatosur, mund ta mbështjellim fjalën "shumë" me një element, që do të thotë se fjala duhet theksuar fort:

    Macja ime është shumë e mërzitur.

    Sidoqoftë, duhet të siguroheni që elementët tuaj të jenë të mbivendosur siç duhet. Në shembullin e mësipërm, ne hapëm

    fillimisht elementi, pastaj elementi; prandaj, fillimisht duhet të mbyllim elementin, pastaj atë

    element. Sa më poshtë është e gabuar:

    Macja ime është shumë e mërzitur.

    Elementet duhet të hapen dhe mbyllen saktë në mënyrë që të jenë qartë brenda ose jashtë njëri-tjetrit. Nëse ato mbivendosen siç tregohet më sipër, atëherë shfletuesi juaj i internetit do të përpiqet të bëjë supozimin më të mirë për atë që po përpiqeshit të thoni, gjë që mund të çojë në rezultate të papritura. Pra, mos e bëni!

    Elemente boshe

    Disa elementë nuk kanë përmbajtje dhe quhen elemente boshe. Merrni elementi që kemi tashmë në faqen tonë HTML:

    Kjo përmban dy atribute, por nuk ka mbyllje etiketë dhe pa përmbajtje të brendshme. Kjo është për shkak se një element imazhi nuk e mbështjell përmbajtjen për të ndikuar në të. Qëllimi i tij është të vendosë një imazh në faqen HTML në vendin ku shfaqet.

    Anatomia e një dokumenti HTML

    Kjo përfundon bazat e elementeve individuale HTML, por ato nuk janë të dobishme më vete. Tani do të shohim se si elementët individualë janë kombinuar për të formuar një faqe të tërë HTML. Le të rishikojmë kodin që kemi vendosur në shembullin tonë index.html (të cilin e takuam për herë të parë në artikullin Trajtimi me skedarët):

    Faqja ime e testimit

    Këtu kemi sa vijon:

    • - doktipi. Kërkohet parathënie. Në mjegullën e kohës, kur HTML ishte i ri (rreth 1991/92), doctypes ishin menduar të vepronin si lidhje me një sërë rregullash që faqja HTML duhej të ndiqte për t'u konsideruar HTML e mirë, që mund të nënkuptojë kontroll automatik të gabimeve dhe të tjera gjëra të dobishme. Megjithatë këto ditë, ata nuk bëjnë shumë dhe në thelb nevojiten vetëm për t'u siguruar që dokumenti juaj të sillet siç duhet. Kjo është gjithçka që duhet të dini për momentin.
    • - elementi. Ky element mbështjell të gjithë përmbajtjen në të gjithë faqen dhe ndonjëherë njihet si elementi rrënjë.
    • - elementi. Ky element vepron si një enë për të gjitha gjërat që dëshironi të përfshini në faqen HTML që nuk eshte përmbajtjen që po u tregoni shikuesve të faqes suaj. Kjo përfshin gjëra të tilla si fjalë kyçe dhe një përshkrim të faqes që dëshironi të shfaqet në rezultatet e kërkimit, CSS për të stiluar përmbajtjen tonë, deklarata të grupeve të karaktereve dhe më shumë.
    • - Ky element e vendos grupin e karaktereve që dokumenti juaj duhet të përdorë në UTF-8, i cili përfshin shumicën e karaktereve nga shumica dërrmuese e gjuhëve të shkruara. Në thelb, tani mund të trajtojë çdo përmbajtje tekstuale që mund të vendosni në të. Nuk ka asnjë arsye për të mos e vendosur këtë dhe mund të ndihmojë në shmangien e disa problemeve më vonë.
    • - elementi. Kjo cakton titullin e faqes suaj, i cili është titulli që shfaqet në skedën e shfletuesit ku faqja është ngarkuar. Përdoret gjithashtu për të përshkruar faqen kur e shënoni/e preferoni atë.
    • - elementi. Kjo përmban të gjitha përmbajtjen që dëshironi t'u tregoni përdoruesve të uebit kur ata vizitojnë faqen tuaj, qoftë tekst, imazhe, video, lojëra, pjesë audio të luajtshme ose çfarëdo tjetër.
    Imazhet

    Siç thamë më parë, ai vendos një imazh në faqen tonë në pozicionin që shfaqet. Ai e bën këtë nëpërmjet atributit src (burimi), i cili përmban shtegun për në skedarin tonë të imazhit.

    Ne kemi përfshirë gjithashtu një atribut alt (alternativ). Në këtë atribut, ju specifikoni tekstin përshkrues për përdoruesit që nuk mund ta shohin imazhin, ndoshta për arsyet e mëposhtme:

  • Ata janë me dëmtim të shikimit. Përdoruesit me dëmtime të konsiderueshme të shikimit shpesh përdorin mjete të quajtura lexues ekrani për t'u lexuar tekstin alternativ.
  • Diçka shkoi keq duke bërë që imazhi të mos shfaqet. Për shembull, provoni të ndryshoni qëllimisht shtegun brenda atributit tuaj src për ta bërë atë të pasaktë. Nëse ruani dhe ringarkoni faqen, duhet të shihni diçka të tillë në vend të imazhit:
  • Fjalët kyçe për tekstin alt janë "tekst përshkrues". Teksti alt që shkruani duhet t'i sigurojë lexuesit informacion të mjaftueshëm për të pasur një ide të mirë të asaj që përcjell imazhi. Në këtë shembull, teksti ynë aktual i "Imazhi im i testit" nuk është aspak i mirë. Një alternativë shumë më e mirë për logon tonë të Firefox-it do të ishte "Logoja e Firefox: një dhelpër flakëruese që rrethon Tokën".

    Provoni të krijoni një tekst alternativ më të mirë për imazhin tuaj tani.

    Shënimi i tekstit

    Ky seksion do të mbulojë disa nga elementët thelbësorë HTML që do të përdorni për të shënuar tekstin.

    Titujt

    Elementet e titullit ju lejojnë të specifikoni se pjesë të caktuara të përmbajtjes suaj janë tituj - ose nëntituj. Në të njëjtën mënyrë që një libër ka titullin kryesor, titujt e kapitujve dhe titrat, një dokument HTML mund të ketë gjithashtu. HTML përmban 6 nivele titujsh, – , megjithëse zakonisht do të përdorni vetëm 3 deri në 4 më së shumti:

    Titulli im kryesor Titulli im i nivelit të lartë Nëntitulli im Nëntitulli im

    Tani provoni të shtoni një titull të përshtatshëm në faqen tuaj HTML pikërisht mbi tuajën element.

    Shënim: Do të shihni që niveli juaj i titullit 1 ka një stil të nënkuptuar. Mos përdorni elemente të titullit për ta bërë tekstin më të madh ose të guximshëm, sepse ato përdoren për aksesueshmëri dhe arsye të tjera si SEO. Mundohuni të krijoni një sekuencë kuptimplote të titujve në faqet tuaja, pa anashkaluar nivelet.

    Listat e paragrafëve

    Pjesa më e madhe e përmbajtjes së uebit janë lista dhe HTML ka elementë të veçantë për to. Shënimi i listave përbëhet gjithmonë nga të paktën 2 elementë. Llojet më të zakonshme të listave janë listat e renditura dhe të pa renditura:

  • Listat e pa renditura janë për listat ku rendi i artikujve nuk ka rëndësi, si p.sh. një listë blerjesh
      element.
    • Listat e renditura janë për listat ku renditja e artikujve ka rëndësi, si p.sh. një recetë. Këto janë të mbështjella me një element.
    • Nëse ngecni, gjithmonë mund ta krahasoni punën tuaj me kodin tonë të përfunduar të shembullit në GitHub.

      Këtu, ne kemi gërvishtur vetëm sipërfaqen e HTML. Për të mësuar më shumë, shkoni në temën tonë.

      Me këtë seri dua të hap një seri mësimesh kushtuar HTML. E mora këtë vendim sepse do të doja të përpiqesha t'i mësoja përdoruesit se si të krijojnë faqe interneti nga e para. Ky mendim ka qenë në kokën time për një kohë të gjatë. Pyetja e vetme që lindi ishte se ku të filloni, me HTML ose të vazhdoni drejtpërdrejt me instalimin e motorit dhe konfigurimin e mëtejshëm të tij.

      Por nëse filloni duke mësuar motorin, atëherë disa nga përdoruesit që nuk njohin HTML do të mbeten jashtë. Kështu që vendosa të filloj me bazat dhe ta bëj në atë mënyrë që edhe çdo fillestar të mund të kuptojë se çfarë dhe si.

      Pra, çfarë është HTML?

      Vetë shkurtesa qëndron për Hypertext Markup Language (HyperText Markup Language).

      Për ta thënë thjesht, HTML është një gjuhë e veçantë shënjimi që i tregon shfletuesit se si të shfaqë një faqe të veçantë ueb. Domethënë, me çfarë fonti duhet të tregohet teksti, në çfarë rendi duhet të renditen elementët, cilët elementë duhet të shfaqen të nënvizuar etj. Dhe në varësi të cilit element has shfletuesi, në përputhje me rregullat e përcaktuara në vetë shfletuesin. , ky element do të shfaqet në atë mënyrë të shfaqur. Sidoqoftë, këto rregulla më pas mund të ndryshohen, por unë do të flas për këtë në mësimet e mia të ardhshme, të cilat do t'i kushtohen CSS.

      Unë propozoj të filloj duke parë një shembull të faqes më të thjeshtë të internetit që mund të jetë. Tani nuk duhet ta përqendroni vëmendjen tuaj në atë që nënkuptojnë këto ose ato etiketa. Ka një kohë për gjithçka, për fillestarët, vetëm kushtojini vëmendje se ku është gjithçka në kod dhe si lidhet gjithçka me atë që shfaqet në shfletues. Konsideroni një shembull të dokumentit HTML:

      Titulli i faqes Një ditë në jetën time Përgatitja për një koncert

      Sot u zgjova herët sepse kisha një ditë të vështirë përpara. Në fund të fundit, sot më duhet të performoj në një koncert para njëqind spektatorëve. Dhe për t'u siguruar që gjithçka të shkojë mirë, më duhet të përsëris programin e provave

      Prova

      Gjithçka shkoi pa pengesa. Askush nga ekipi ynë nuk e humbi ritmin dhe siç doli, të gjithë shqetësoheshin më kot.

      Koncert

      Të gjithë performuan mirë, megjithëse mendoj se ka pasur një moment kur bateristi ynë humbi ritmin e tij. Por ne dolëm me zgjuarsi nga situata.

      Së pari, do t'ju duhet të shkruani këtë tekst në një redaktues teksti (për mua më i përshtatshmi është Notepad ++) dhe ta ruani skedarin nën emrin index .html diku në diskun tuaj. Kur klikoni dy herë në skedarin e ruajtur, do të shihni një faqe që duket diçka si kjo.

      Ju lutemi vini re se vetë etiketat nuk shfaqen, por shfaqet vetë përmbajtja që ndodhet midis tyre. Dhe nga këtu mund të konkludoni se etiketat veprojnë si një element dizajni në HTML.

      Shikoni kodin burimor. Siç mund ta keni vënë re tashmë, ka një dhëmbëzim të vogël përpara fjalës "Një". Megjithatë, shfletuesi nuk e mori parasysh atë thjesht e gëlltiti në heshtje, sikur të mos kishte ekzistuar kurrë. Për më tepër, nëse përpiqeni të vendosni shumë hapësira midis fjalëve, të gjitha ato do të perceptohen nga shfletuesi si një hapësirë ​​- HTML e ka këtë veçori.

      Dhe këtu është një këshillë tjetër: kur shkruani kodin HTML, stërviteni veten për të futur ato etiketa që janë të vendosura brenda të tjerëve. Për shembull, etiketat e titullit dhe të trupit janë të vendosura brenda etiketës html. Kjo do të thotë që kur shkruani këto etiketa, mos harroni t'i futni ato në përputhje me të. Zakonisht ato bëhen duke përdorur dy hapësira ose skeda - kjo është çështje shije. Pse është e nevojshme kjo? Tani, në atë copëzën e vogël të dokumentit që dhashë si shembull më sipër, nuk ka shumë informacion, kështu që është mjaft problematike të ngatërrohesh atje. Sidoqoftë, nëse ka shumë elementë të mbivendosur në faqe, atëherë asgjë nuk do të jetë më e lehtë se sa të humbisni në këtë kod të madh dhe të keni vështirësi të kuptoni se në cilën pjesë të dokumentit jeni tani. Pra, është më mirë të mësoheni me një stil të mirë menjëherë, atëherë do ta kuptoni vetë dhe do t'ju shërbejë mirë në të ardhmen.

      Vlen gjithashtu të tregohet minimumi i thjeshtë i etiketave që duhet të jenë në dokumentin HTML. E kam fjalën për këtë pjesë:

      Por edhe nëse kjo pjesë mungon, shumica e shfletuesve do të mbyllin një sy ndaj gjithë kësaj dhe do të shfaqin përsëri faqen tuaj. Sidoqoftë, një stil kaq joserioz i kodimit, në të cilin një person kalon një numër të madh etiketash, është shkrim i keq, ndaj këshillohet që në çdo rast t'i keni të gjitha këto elemente në faqen tuaj. Përndryshe, kjo mund të përbëjë një problem përputhshmërie me shfletuesit e tjerë, gjë që mund të ndikojë përfundimisht në pamjen e faqes tuaj dhe si rezultat, në trafikun.

      Për më tepër, ju mund të shkruani komente në një dokument HTML - ky është informacion thjesht shërbimi që është menduar ekskluzivisht për ju. Zakonisht këto janë disa shënime të rëndësishme që shërbejnë si një kujtesë për ju ose thjesht diçka që ia vlen t'i kushtoni vëmendje. Komentet nuk përpunohen nga shfletuesi, që do të thotë se përdoruesi nuk do t'i shohë ato. Zakonisht ato shkruhen kështu:

      Tani le të përpiqemi të kuptojmë vetë se cila etiketë në shembullin tonë të mësipërm është përgjegjëse për çfarë.

      Etiketa html do të thotë që fillon prodhimi i kodit html.

      kreu – seksioni i informacionit të shërbimit. Ndër të tjera, ekziston titulli , i cili është përgjegjës për tekstin në titullin e dritares së shfletuesit. Ky seksion mund të trajtohet gjithashtu si informacion që duam t'i tregojmë shfletuesit për këtë faqe.

      trupi – fillon pjesa kryesore e dokumentit.

      h 1 – kreu.

      h 2 – nëntitull.

      p – paragrafi.

      Kjo është ndoshta e gjitha! Nëse ky ishte dokumenti juaj i parë HTML, atëherë urime! Po, ai nuk duket aq i mrekullueshëm sa do të donim. Por megjithatë, ne kemi materiale për të cilat mund të punojmë tashmë. Dhe në mësimet e ardhshme, gjithçka do të jetë edhe më interesante, dhe ngadalë do të prekim punën me fletët e stilit kaskadë (CSS).

      • < Назад

      Për të komentuar, duhet të regjistroheni.

      Bazat HTML përmban rregullat bazë të gjuhës HTML, një përshkrim të strukturës së një faqe HTML dhe marrëdhëniet në strukturën e një dokumenti HTML midis elementeve HTML.

      Një dokument HTML është një dokument teksti i rregullt që mund të krijohet ose në një redaktues teksti të rregullt (Notepad) ose në një të specializuar me theksim të kodit (Notepad++, Visual Studio Code, etj.). Një dokument HTML ka një shtesë .html.

      Një dokument HTML përbëhet nga një pemë e elementeve HTML dhe tekstit. Çdo element identifikohet në dokumentin burimor nga një etiketë fillimi (hapjeje) dhe mbarimi (mbylljeje) (me përjashtime të rralla).

      Etiketa e fillimit tregon se ku fillon elementi, etiketa e përfundimit tregon se ku përfundon. Etiketa mbyllëse formohet duke shtuar një prerje / përpara emrit të etiketës: .... Midis etiketave fillestare dhe mbyllëse është përmbajtja e etiketës - përmbajtja.

      Etiketat e vetme nuk mund të ruajnë përmbajtjen drejtpërdrejt, ajo shkruhet si një vlerë atribute, për shembull, një etiketë do të krijojë një buton me tekstin Button brenda.

      Etiketat mund të vendosen brenda njëra-tjetrës, për shembull,

      Teksti

      . Kur investoni, duhet të ndiqni rendin në të cilin mbyllen (parimi "matryoshka"), për shembull, hyrja e mëposhtme do të jetë e pasaktë:

      Teksti

      .

      Elementet HTML mund të kenë atribute (globale, të aplikuara për të gjithë elementët HTML dhe të tyret). Atributet shkruhen në etiketën hapëse të elementit dhe përmbajnë një emër dhe vlerë, të specifikuar në formatin e atributit name="value" . Atributet ju lejojnë të ndryshoni vetitë dhe sjelljen e elementit për të cilin janë vendosur.

      Secilit element mund t'i caktohen vlera të shumta të klasës dhe vetëm një vlerë id. Vlerat e shumëfishta të klasave shkruhen të ndara nga një hapësirë, . Vlerat e klasës dhe identitetit duhet të përbëhen vetëm nga shkronja, numra, viza dhe vija nënvizore dhe duhet të fillojnë vetëm me shkronja ose numra.

      Shfletuesi shikon (interpreton) dokumentin HTML, duke ndërtuar strukturën e tij (DOM) dhe duke e shfaqur atë në përputhje me udhëzimet e përfshira në këtë skedar (stilet, skriptet). Nëse shënimi është i saktë, dritarja e shfletuesit do të shfaqë një faqe HTML që përmban elementë HTML - tituj, tabela, imazhe, etj.

      Procesi i interpretimit (parsing) fillon përpara se faqja e internetit të ngarkohet plotësisht në shfletues. Shfletuesit përpunojnë dokumente HTML në mënyrë sekuenciale, që nga fillimi, ndërsa përpunojnë CSS dhe lidhin fletët e stilit me elementët e faqes.

      Një dokument HTML përbëhet nga dy seksione - titulli - midis etiketave ... dhe pjesa e përmbajtjes - midis etiketave ....

      Struktura e faqes së internetit 1. Struktura e dokumentit HTML

      HTML ndjek rregullat që përmbahen në skedarin e deklarimit të llojit të dokumentit (Përkufizimi i llojit të dokumentit, ose DTD). Një DTD është një dokument XML që përcakton se cilat etiketa, atribute dhe vlerat e tyre janë të vlefshme për një lloj të caktuar HTML. Çdo version i HTML ka DTD-në e vet.

      DOCTYPE është përgjegjës për shfaqjen e saktë të një faqe interneti nga shfletuesi. DOCTYPE specifikon jo vetëm versionin HTML (p.sh. html) por edhe skedarin përkatës DTD në internet.

      ...

      Elementet brenda etiketës formojnë një pemë dokumenti, i ashtuquajturi model i objektit të dokumentit, DOM (modeli i objektit të dokumentit). Në këtë rast, elementi është elementi rrënjë.


      Oriz. 1. Struktura më e thjeshtë e një faqe interneti

      Për të kuptuar ndërveprimin e elementeve të faqes së internetit, është e nevojshme të merren parasysh të ashtuquajturat "marrëdhënie familjare" midis elementeve. Marrëdhëniet ndërmjet elementeve të shumtë të mbivendosur klasifikohen si prind, fëmijë dhe motër.

      Një paraardhës është një element që përmban elementë të tjerë. Në figurën 1, paraardhësi për të gjithë elementët është . Në të njëjtën kohë, elementi është paraardhësi i të gjitha etiketave që përmban: ,

      .

      Një pasardhës është një element i vendosur brenda një ose më shumë llojeve të elementeve. Për shembull, është një pasardhës i , dhe elementi

      Është pasardhës i të dyjave dhe .

      Një element prind është një element që lidhet me elementë të tjerë në një nivel më të ulët dhe ndodhet sipër tyre në pemë. Në figurën 1 dhe. Etiketë

      Është prind vetëm për .

      Një element fëmijë është një element që është drejtpërdrejt i varur nga një element tjetër në një nivel më të lartë. Në figurën 1 ka vetëm elementë, ,

      Dhe janë fëmijë të.

      Një element simotër është një element që ka një element prind të përbashkët me atë në fjalë, të ashtuquajturit elementë të të njëjtit nivel. Në figurën 1 dhe janë elementë të të njëjtit nivel, si dhe elementë , dhe

      Ato janë motra me njëra-tjetrën.

      1.1. Elementi 1.2. Elementi

      Seksioni ... përmban informacion teknik rreth faqes: titull, përshkrim, fjalë kyçe për motorët e kërkimit, kodim, etj. Informacioni që fut atje nuk shfaqet në dritaren e shfletuesit, por përmban informacion që i tregon shfletuesit se si të përpunojë faqen.

      1.2.1. Elementi

      Etiketa e kërkuar e seksionit është . Teksti i vendosur brenda kësaj etikete shfaqet në shiritin e titullit të shfletuesit të internetit. Titulli duhet të jetë jo më shumë se 60 karaktere për t'u përshtatur plotësisht në titull. Teksti i titullit duhet të përmbajë përshkrimin më të plotë të përmbajtjes së faqes në internet.

      1.2.2. Elementi

      Një etiketë opsionale e seksionit është një etiketë e vetme. Me ndihmën e tij, ju mund të vendosni një përshkrim të përmbajtjes së faqes dhe fjalë kyçe për motorët e kërkimit, autorin e dokumentit HTML dhe vetitë e tjera të meta të dhënave. Një element mund të përmbajë elementë të shumtë sepse ato përmbajnë informacione të ndryshme në varësi të atributeve të përdorura.

      Përshkrimi i përmbajtjes së faqes dhe fjalëve kyçe mund të specifikohet njëkohësisht në disa gjuhë, për shembull, në rusisht dhe anglisht:

      Duke përdorur një etiketë, ju mund të bllokoni ose të lejoni indeksimin e një faqe në internet nga motorët e kërkimit:

      Për të ringarkuar automatikisht faqen pas një periudhe të caktuar kohe, duhet të përdorni vlerën e rifreskimit:

      Faqja do të ringarkohet pas 30 sekondash. Për të ridrejtuar vizitorin në një faqe tjetër, duhet të specifikoni URL-në në parametrin url:

      "Programet" => "Aksesorët" => "Notepad" .

      Nëse keni dëgjuar për programe që thjeshtojnë punën e shkrimit të kodit HTML (Microsoft FrontPage, Adobe Dreamweaver), atëherë unë nuk rekomandoj përdorimin e tyre në këtë fazë të trajnimit. Praktikoni aftësitë tuaja në një bllok shënimesh standarde ose në redaktuesin e tekstit Notepad++ dhe kur të përfundoni këtë kurs, do të jeni në gjendje të përdorni programe për të përshpejtuar gjërat. Abonohuni në përditësimet e blogut tim dhe lexoni se si të përdorni Microsoft FrontPage dhe Adobe Dreamweaver.

      Për ta kuptuar më mirë, kam përgatitur një shembull. Shikoni me kujdes foton:

      Shpjegimi.

      1). Çdo dokument HTML fillon me këtë rresht:

      Me këtë rresht ne i tregojmë shfletuesit se dokumenti ynë HTML përputhet me versionin 4.01 të specifikimeve ndërkombëtare. Falë kësaj linje, faqja juaj do të duket e njëjtë.
      Nuk është e nevojshme të mbani mend këtë rresht, dokumenti HTML do të funksionojë pa të. Kjo është vetëm që të jeni të vetëdijshëm se çfarë është.

      2).

      3).

      dhe - kreun e dokumentit. Etiketat shtesë të shërbimit shpesh futen këtu, një nga këto etiketa është . Ju do të mësoni për etiketat e tjera të shërbimit në mësimet e mëtejshme në këtë fazë të trajnimit, ky informacion është i mjaftueshëm.
      4).

      dhe - titullin e dokumentit.

      Ky titull do të shfaqet në shfletuesin:
      në kërkim jam indeks ose në Google.

      5).

      dhe - trupin e dokumentit.
      Këtu është përmbajtja e dokumentit, për shembull, teksti, fotografitë, tabelat, muzika, filmat, etj. Do të mësoni më shumë se si të futni muzikë, tekst, fotografi në trupin e dokumentit në mësimet e mëposhtme.< >Shënim: , , , ,
      ,

      Shpesh do të lexoni dhe dëgjoni fjalën "etiketë".
      Një etiketë është gjithçka që është midis kllapave

      . Për shembull:

      etj - të gjitha këto janë etiketa.
      Etiketat nuk janë të dukshme kur shikoni faqen në një shfletues, por gjithçka që nuk është në kllapa do të shfaqet në shfletues kur shikoni.


      Ka shumë etiketa dhe ato kanë qëllime të ndryshme.

      Ka etiketa që duhen mbyllur. Për shembull,
      .

      hape etiketën

      dhe sigurohuni që ta mbyllni etiketën

      ...

      Dhe ka etiketa të vetme, për shembull, kjo

      Një etiketë është një lloj kontejneri që mund të përmbajë tekst, fotografi dhe etiketa të tjera...

      ...

      ○ Kushtojini vëmendje sekuencës së saktë të hapjes dhe mbylljes së etiketave:
      Etiketa që hapëm i pari mbyllet e fundit, e dyta është e parafundit, etj.

      ○ Këtu është një shembull i një sekuence të pasaktë të etiketave hapëse dhe mbyllëse. Me këtë urdhër, mund të ketë gabime në faqen e internetit:
      Gabimi ishte në dhe.

      Kini kujdes kur shkruani kodin.

      Kodi i gatshëm.

      Kështu duket kodi i përfunduar standard i detyrueshëm HTML për një faqe interneti.

  • Titulli i faqes Teksti i faqes, tabelat, fotot, muzika dhe video.

    Dusya bën Google Now, Cortana dhe Siri për përdoruesit e Android që flasin rusisht