HTML reiškia hiperteksto žymėjimo kalbą, o dokumentai, naudojantys šią kalbą, sukuria tinklalapius. Kiekviena svetainė tai naudoja, todėl svarbu suprasti, kaip ji veikia.

Šiame mokymo straipsnyje sužinosite viską, ką reikia žinoti HTML.

Kas yra Deklaracija?

The deklaracija yra pirmoji kodo eilutė kiekvienoje HTML failą. Tai nurodo žiniatinklio naršyklėms, kurios versija HTML yra konkrečiame faile.

Kiekviena versija HTML yra unikalus ir turi savo taisykles. HTML 5 yra naujausia kalbos versija. Tai rekomenduojama versija kūrėjams, taip pat paprasčiausia deklaruoti versija. Norėdami paskelbti an HTML 5 dokumentą, tiesiog pridėkite HTML elementas į deklaracija.

Žemiau galite pamatyti pavyzdį:

Kas yra Žymėti?

Kiekvienoje HTML dokumentas, po deklaracijos yra žyma. Ši žyma identifikuoja dokumento šaknį ir prideda ir žymes.

The žyma yra pirmoji skiltis, kurioje yra ir žymas. Tačiau kai kuriais atvejais, kai kūrėjas nusprendžia naudoti vidinį CSS, žyma taip pat įdedama į žymą .

instagram viewer

HTML dokumente yra tik viena žyma . Žymoje yra tinklalapio pavadinimas ir ši informacija rodoma žiniatinklio naršyklės skirtukų srityje.

Pavadinimo žymos pavyzdį galite pamatyti žemiau:

   Įvadas į HTML

An HTML failą, kuriame yra aukščiau esanti žyma naršyklių skirtukų srityje bus rodoma kaip „Įvadas į HTML“.

Žyma apibūdina tinklalapio turinį ir paprastai turi pavadinimą bei turinio atributą. Trys iš populiariausių žymų tipų yra aprašymas, raktinis žodis ir peržiūros sritis.

Žemiau yra aprašymo žymos pavyzdys:

   

Žymos turinio atribute description yra jūsų žiniatinklio aprašas puslapį. Tai duomenys, rodomi paieškos variklio rezultatuose, kurie būsimam lankytojui nurodo, ko tikėtis svetainėje.

Žemiau yra raktinių žodžių žymos pavyzdys:

   

Žymėje raktiniai žodžiai yra žodžių ar frazių, susijusių su Jūsų tinklalapis. Kaip matote aukščiau pateiktame pavyzdyje, kiekvienas naujas žodis ar frazė, priskirtas raktinio žodžio turinio atributui, yra atskirtas kableliu.

Žemiau pateikiamas peržiūros srities žymos pavyzdys:

   

Žyma viewport padeda sukurti interaktyvius dizainus, nes jūsų tinklalapis reaguoja į skirtingų tipų prietaisai.

Kas yra žyma ?

žyma yra antroji pagrindinė šakninės žymos skiltis. Žymoje yra visi elementai, rodomi tinklalapyje.

Elementai su žyma klasifikuojami kaip įterpti arba blokuoti elementai. Jei norite pamatyti pilną HTML esminių dalykų apgaulės lapą , mes sukūrėme vieną, kad galėtumėte lengviau suprasti viską.

Kas yra bloko elementai?

Blokavimo elementai visada prasideda naujoje eilutėje ir užima visą eilutės plotį įjungtas.

Kai kurie blokų elementai, kuriuos naudosite, yra šie:

  • Antraštės žymos
  • žyma

  • žyma
    1. žyma
  • žyma
  • žyma
  • Blokavimo elementai naudojami tekstui padalinti į svetainę nuosekliu, lengvai virškinamu formatu.

    Yra šeši skirtingi antraštės žymų tipai:

    ,

    ,

    ,

    ,
    ir
    . Žyma

    sukuria didžiausią antraštę, o
    - mažiausia antraštė, o visos kitos antraštės patenka į vietą tarp dviejų (priklausomai nuo jos skaičiaus) vertė).

    Antraštės žymos naudojamos tinklalapio antraštėse. Konkrečios antraštės žymos naudojimas priklauso nuo antraštės padėties tinklalapyje. Pvz., Žyma

    naudojama pirmoje tinklalapio antraštėje, o tinklalapyje naudojamas tik vienas h1 elementas (nors jame gali būti keli elementai h2, h3 ir h4).

    Žemiau galite pamatyti žymės

    pavyzdį:
      

    HTML pagrindų mokymasis


    kodas>

    Kas yra

    žyma?

    yra dar vienas naudojamas bloko elementas tinklalapio tekste ir jis kuria pastraipas. Žemiau pateikiamas šios žymos naudojimo pavyzdys:

      


    Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit aliquid a cupiditate
    inventore, reiciendis earum illum mollitia dignissimos officia, culpa cumque dolorem
    quidem atque maiores, ad tempora quia. Atsisakykite, delectus!


    Kas yra
    Žyma?

    Žyma

    reiškia padalijimą. Jis naudojamas kuriant konteinerius kitų HTML elementų grupėms stiliaus ar funkciniais tikslais.

    Pavyzdžiui, jei dirbate su tinkleliu, turėsite sudėti visus tinklelio elementus į konteinerį. Žymą

    turėsite naudoti kurdami sudėtinį rodinį.

    Susiję: sužinokite, kaip sukurti dvimatę svetainę naudojant CSS tinklelį

    Žymos

    ir
    naudojamos kuriant sąrašus HTML . Žyma
    sukuria tvarkingus sąrašus, o žyma
    - netvarkingus sąrašus. Tačiau abi žymos naudoja žymą
  • , kuri sukuria sąrašo elementus.

    Žymos
      naudojimas

    Užsakytame sąraše pagal numatytuosius nustatymus naudojami skaičiai. Tačiau žyma

    yra tipo atributas, kurį galite naudoti norėdami aiškiai nurodyti elementą, kurį norite naudoti sąrašui tvarkyti. Galite užsisakyti sąrašą su didžiosiomis arba mažosiomis romėniškais skaitmenimis, didžiosiomis arba mažosiomis raidėmis ar skaičiais.

    Toliau pateiktą pavyzdį galite pamatyti:

      

    1. Pirmasis elementas

    2. < li> Antra elementas
    3. trečias elementas


    Aukščiau pateiktas kodas sukuria tvarkingą sąrašą, naudojant bylų raidės.

    Žymos
      naudojimas

    Žymoje

    taip pat yra tipo atributas, kuris turi vieną iš kelių reikšmių: diską, apskritimą ar kvadratą. Tačiau diskas yra numatytasis naujo sąrašo elemento netvarkytame sąraše rodiklis.

    Žemiau pateikiamas pavyzdys, ko norėtų nesutvarkytas sąrašas kodo forma:

      

    • Pirmasis elementas

    • Antra elementas

    • trečias elementas


    Kas yra įterptieji elementai?

    Įterptas elementas nėra pradėti nuo naujos linijos. Jis prasideda nuo kitos galimos pozicijos, kuri gali būti arba negali būti naujoje linijoje, ir naudoja tik tiek pločio, kiek reikia. Kai kuriuos įterptus elementus, kuriuos greičiausiai naudosite, yra:

    Mes išsamiau aptarsime kiekvieną iš jų žemiau.

    Kas yra žyma?

    žyma naudojama tiesioginio stiliaus tikslais. Pavyzdžiui, jei norite pakeisti konkretaus žodžio ar frazės stilių pastraipoje, galite naudoti žymą .

    Žemiau pateikiamas šios žymos pavyzdys:

      


    Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit aliquid a cupiditate
    inventore, reiciendis earum illum dignissimos officia , culpa cumque dolorem
    quidem atque maiores, ad tempora quia. Atsisakykite, delectus!


    Naudojant žymą aukščiau pateiktas pavyzdys užtikrina, kad du žodžiai žymoje dabar gali būti unikalūs stilius.

    Kas yra žyma?

    žyma naudojama kuriant nuorodas tinklalapyje. Žyma suteikia kūrėjui nuorodą į kitą svetainę (išorinė nuoroda) arba kitą tinklalapį toje pačioje svetainėje (vidinė nuoroda). Žyma turi du svarbius atributus - „href“ ir „target“.

    Atributas „href“ yra būtinas, nes jame saugoma nuorodos vietos vertė. Ir tikslinis atributas yra būtinas, nes jis leidžia vartotojui atidaryti nuorodą naujame skirtuke. Be tikslinio atributo dabartiniame skirtuke bus atidaryta nuoroda, o jei tai išorinė nuoroda, ji atitrauks srautą nuo jūsų svetainės.

    Žemiau rasite žymos veikimo pavyzdį:

       Spustelėkite šią „Google“ nuorodą   

    HTML mokymasis yra Būtina programuotojams

    HTML mokymasis yra labai svarbus visiems programuotojams ir turėtų būti jūsų pagrindai studijas. Laimei, tai taip pat nėra pernelyg sudėtinga.

    Perskaitę šį vadovą turėtumėte turėti viską, ko reikia norint geriau formatuoti svetaines.

    Bendrinti Tweet span> El. paštas
    An Įvadas į kaskadinius stiliaus lapus (CSS)

    Pasirengę atsisakyti nuobodžių HTML tinklalapių ir paįvairinti CSS? Štai vadovas, kurio jums reikia norint pradėti.

    Skaityti toliau

    Susiję Temos
    • Programavimas
    • HTML
    • Kodavimo patarimai
    • Programavimas
    Apie Autorius
    Kadeisha Kean (27 straipsniai Paskelbta)

    Kadeisha Kean yra „Full Stack“ programinės įrangos kūrėja ir techninė/technologijų rašytoja. Ji turi aiškų sugebėjimą supaprastinti kai kurias sudėtingiausias technologines sąvokas; gaminti medžiagą, kurią lengvai supranta bet kuris naujokas. Ji aistringai rašo, kuria įdomią programinę įrangą ir keliauja po pasaulį (per dokumentinius filmus).

    Daugiau iš Kadeisha Kean

    Prenumeruokite mūsų informacinį biuletenį

    Prisijunkite prie mūsų informacinio biuletenio, kad gautumėte techninių patarimų, apžvalgų, nemokamų el. knygų ir išskirtinių pasiūlymų!

    Spustelėkite čia į užsiprenumeruoti