Išrado daug kalbų, bet HTML kalbapriklauso daugeliui specialių ir labiausiai reikalaujamų. Su juo susijusios ir daug kitų pagrindinių programavimo iniciatyvų. Daug tampa prieinama, kai žinių apie žymėjimo kalbą yra kūrėjo protas - HyperText žymėjimo kalba (HTML).

pavyzdys html puslapis

Iš esmės HTML nėra nieko sudėtingo ir perkeletą minučių kas nors, labiausiai toli nuo programavimo ir interneto asmuo, sukurs HTML puslapį užrašų knygutėje. Pavyzdys, kuris nusipelno dėmesio, yra paprastumas, kuris tikrai yra visiems prieinamas.

Bendras aprašymas

HTML failas yra vienas svetainės puslapis, tačiau tai gali būti ginčijamas, tačiau tai, kad vienas failas yra vienas puslapis, yra suprantamas pradžioje.

HTML failas prasideda antraštėje DOCTYPEkuris rodo, kad šio failo tipas yra HTML. Visi puslapio elementai (žymos) nurodomi kampo skliausteliuose. Kiekviena pora ("<" ir ">") apima vieną HTML žymę. Paprastai HTML žymos yra suporuotos, ty kiekvienai "žyma" yra "/ tag". Abi yra uždaros kampo skliaustuose. Yra vienos žymos, iš kurių populiariausias "br /" yra perėjimas į kitą eilutę.

Didžiausia failo žyma yra pats HTMLkuri apima tik dvi žymes: HEAD ir BODY. Pirma, yra skirtingi aprašymai, nurodomos nuorodos į kitus puslapius, gali būti PHP ir JavaScript scenarijus. Antrame puslapyje įrašomas puslapio turinys. Taip pat žymų ir scenarijų forma.

Paprastas HTML puslapis

Šiame straipsnyje pateikiamas tokio puslapio kūrimo pavyzdys. Apsvarstykite atsargiai.

Autoriaus pavyzdys nėra paveikslėlis

Skyrius HEAD

Pagrindinis HEAD žymos tikslas yra bendras puslapio aprašymas ir bendri scenarijai, nors pastarasis yra palyginti santykinė sąvoka. Paprastai čia svarbūs tik du dalykai:

  • raktiniai žodžiai ir puslapio aprašymas;
  • nuorodos į kitus failus (* .css ir * .js).

Norėdami parodyti puslapio turinį, šio skyriaus turinys turi tik netiesioginę reikšmę, nes jis rodo: kur nors kitose rinkmenose yra kitų kalbų žymių ir scenarijų CSS taisyklės.

HTML puslapis turi pavadinimą (TITLE)Tai rodoma, kai lankytojas pristato pelę į skirtuką, kuriame puslapis yra atidarytas. Tai yra svarbus dalykas, nes jis daro puslapį daug žymesnį, lengviau pasakytą, pasirašytą su įskaitomu tekstu.

HTML puslapio pavyzdys

META žymos apskritai yra svarbios interneto programavimui, tačiau norint sukurti HTML puslapį nešiojamajame kompiuteryje, pavyzdys yra nepageidautinas, kad sutramdytų nereikalingas konstrukcijas.

Nuorodos LINK ir SCRIPTdėmesio. Pirmasis nurodo vietą, kurioje yra CSS stilių lentelė, antrasis - į JavaScript kodo failo vietą. Čia gali būti daug tokių nuorodų.

Jei į scenarijus turėtų būti kreipiamasi, kai žiniosHTML bus sustiprintas, tada nedelsiant reikia atkreipti dėmesį į kaskadinius stiliaus lapus. CSS failuose visų pirma yra HTML žymių kūrimo taisyklės.

Skirsnis BODY

Tiesą sakant, HTML puslapio pavyzdys yra toksskyrius KŪNAS. Čia yra visa informacija, visas svetainės puslapio turinys. Visa informacija pateikiama žymų ir scenarijų formoje, pavyzdžiui, įterpiant "JavaScript" kodą arba PHP rinkmenų dalis.

Svarbu suprasti, kad HTML puslapio pavyzdysnaršyklė ir tas pats pavyzdys teksto redaktoriuje, ypač Notepad, tai nėra tas pats dalykas. Pirmuoju atveju mes turime galutinį HTML tekstą, kuriame yra vykdomi visi scenarijai. Pvz., "PHP" atliko savo darbą ir sukūrė reikiamas žymes vietoj jo kodo tinkamose vietose. "JavaScript" taip pat įvykdė savo misiją, nors apie tai vis dar yra atskiras pokalbis.

paprastas html pavyzdinis puslapis

HTML yra žyma, o ne scenarijus. Galiausiai naršyklėje rodomas tik puslapio turinys, tik jo žymos. Nėra PHP kodo.

"JavaScript" yra ypatingoje pozicijoje, jo rūpestis yra pateikti puslapį ne tik perkrovimo metu (perkrovus), bet ir tada, kai puslapis yra lankytojo naršyklėje, o vartotojas jį moko.

Paprastas HTML puslapio kodo (tik skyriaus "BODY") pavyzdys pateiktas žemiau.

Autoriaus pavyzdys nėra paveikslėlis

O lankytojo naršyklėje jis atrodo taip, kaip parodyta žemiau.

Autoriaus pavyzdys nėra paveikslėlis

Kodas nenurodė, kaip atrodytielementai, kuriuos naršyklė parodė. Visas matomas dizainas yra CSS taisyklėse. Tokiu atveju failas Mcss / scPhpWordRW.css, kuris buvo nurodytas (žr. Labai pirmąjį HTML puslapio pavyzdį).

Skirtingai nei HTML, CSS tema yra paprastesnėlabai prieinamos taisyklės ir jų skaičius yra mažas, kai HTML puslapio kūrimo pavyzdys nereikalauja nieko, išskyrus užrašų knygutę. Viskas yra labai prieinamas momentiniam įsisavinimui:

Autoriaus pavyzdys nėra paveikslėlis

Tai parodo, kaip žyma paprasčiausiai aprašytascLogo_vDoc ir šis aprašymas yra tai, kad įprastu būdu žyma rodo vaizdo vDoc-logo.png, o kai pelė yra per jį - Rodomi vDoc-logo-h.png.

HTML aprašo struktūra

Kalba nereiškia struktūros irsintaksės samprata yra labai santykinė. Nėra kintamųjų, tačiau yra daug galimybių. Pagrindinis pagrindas hiperteksto yra tas, kad yra elementas (tag), kuris būtinai turi pavadinimą.

Bylos pavadinimas, žyma pora, sudaryta iš tikrinių vardų (tagName) ir laužtiniuose skliaustuose ( "<» + tagName + «>»), jei mes kalbame apie žyma pradžioje, ir "</» + tagName + «>» Jei įrašyta jo pabaiga.

HTML puslapio, kuriame aprašomi atributai, pavyzdys yra žemiau tekste.

Autoriaus pavyzdys nėra paveikslėlis

Žyma gali turėti atributus, tada jie pateikiamipo tarpo po žymos pavadinimo iki uždarymo kampo laikiklio ">". Atributai, jei jie turi žymą, yra parašyti tik žymos pradžioje. Žymos turinys yra tarp žymos pradžios ir jo pabaigos.

Bendras HTML aprašymų turinys

HTML leidžia jums apibūdinti blokinius ir mažuselementai. Pirmasis užima tam tikrą vietą naršyklės lange, gali būti visiškai išdėstytas, ty tinkamoje vietoje HTML puslapio ekrano srityje, ir turi tam tikrą dydį.

html puslapio kūrimo pavyzdys

Paprastai rodomos eilutės elementaivienas sriegis, tai yra, kaip nurodyta puslapio faile, ir rodomi. Viso srauto rodymas gali būti paveiktas, kai puslapis įkeliamas. "Block Element" vieta, matomumas ir kitos savybės gali būti paveiktos bet kuriuo metu naudojant "JavaScript" kodą.

Be paprastų elementų, HTML pateikia lentelių ir formų aprašymą. Šie elementai yra labai paklausūs "kasdieniniame svetainės kūrime".

Lentelės aprašymas: žymos TABLE, TR, TD

Naudojant TABLE žymę galite sukurti lentelę,nurodykite tam tikrą skaičių eilučių TR ir kiekvienoje eilėje keletas TD langelių. Priešingai nei įprasta stalo organizavimo, atsižvelgiant į gamtos HTML žymėjimo lentelės organizacijos ribotas su šia deklaracija, nes jei užsakovas nori turėti stačiakampio stalo, kai stulpelių skaičius visose tas pats eilių, tada jis turi laikytis, kad sau.

pavyzdys html puslapio HTML

Pagrindinė HTML pozicija: daryk viską, kas nurodyta, bet nieko, kas nesuprantama. Kai kuriais atvejais tai nėra taip svarbu stulpelių kiekvienoje lentelės eilutėje skaičių, tačiau, jei norite atlikti Sulieti langelius horizontaliai arba vertikaliai, būtina labai atidžiai skaičiuoti visiems.

Straipsnyje aiškiai parodytas HTML puslapio, kuriame aprašoma paprasta lentelė, pavyzdys.

Autoriaus pavyzdys nėra paveikslėlis

Čia yra trijų eilučių trys lentelės lentelėstulpelio antraštė - kolonėlės, pirmoji eilutė žymė TH buvo naudojamas vietoj td žymė. Ypač išsiskiria šie du žodžius neturite, bet ji galima naudoti pirmasis atskirti pirmą lentelės eilutėje, o CSS TH, galite pridėti savo stilių, kuris atskiria jį nuo kitų TD.

Formos aprašymas: FORMA, INPUT žymos

Formos yra labiausiai paplitusi HTML žymų dalis. Naudodami formas galite perkelti informaciją. Tiesą sakant, pats puslapis yra informacijos išvestis, tačiau forma yra jos įvestis.

HTML puslapio pavyzdys su paprastos formos aprašymu:

Autoriaus pavyzdys nėra paveikslėlis

Formų naudojimas yra daug didesnis, tačiaupagrindinės galimybės yra tokios. Galite nurodyti įvesties laukus, priskirti jiems dizainą ir tvarkykles, kad galėtumėte analizuoti vartotojo įvestį. Galite nurodyti paslėptus laukus ir siųsti fono informaciją iš puslapio. Galite nurodyti mygtukus perduoti informaciją, paspaudę ant kurios inicijuoja informacijos perdavimą.

Naudojant HTML

Žinoti hiperteksto kalbą yra nepakeičiama sąlygadirbk su bet kokia specializacija interneto programavimo srityje, bet jei jums reikia parašyti programas PHP ar JavaScript, tuomet jūs turite puikiai žinoti HTML + CSS.

PHP kalba buvo pažymėta ankstesniame pavyzdyje. PHP veikia serveryje, nes puslapis su šia formule nukreiptas iš serverio į naršyklę su užpildytais laukais. Visų pirma funkcija TestOnBlur, paminėta žymos INPUT ("onblur event handler"), gavo visus parametrus teksto laukų pavidalu.

sukurti HTML puslapį pavyzdiniame nešiojamojo kompiuterio

Naršyklėje veikia JavaScript irdirbo tinkamai siųsti duomenis į serverį raktu, tai yra dizainas :. onclick = "jQuery (" # į ") Val (" krepšelį "), turite idėją ne tik tai, ką JQuery, bet kas #to, Val krepšelis. Tiksliau, jums reikia žinoti pagrindines HTML žymes ir bendras CSS stilių taikymo taisykles.

Tai gana pakanka, kad greitai pagerintų savo kvalifikaciją bet kokioje specializuotoje interneto programavimo srityje.

</ p>