Kurio puslapio HTML pavyzdys ir pagrindiniai principai

Sugalvotas daug kalbų, bet HTML kalba yra viena iš labiausiai ypatinga ir vosstrebovan. Kadangi jis yra susijęs su kitų pagrindinių iniciatyvų programavimą daug. Daug yra prieinama, kai kūrėjas šiuo metu yra žinoma žymėjimo kalba protus - Hypertext Markup Language (HTML).

Iš tiesų, HTML, nėra nieko sunkiau, ir per kelias minutes viską labiausiai nutolusių nuo programavimo ir interneto žmonėms bus įvykdyti HTML puslapių užrašų knygutės steigimą. Pažymėtina pavyzdžiai, paprastumas, iš tiesų, visiems prieinamos.

bendras aprašymas

HTML byla - vienas puslapis Svetainės, nors tai yra diskutuotinas, tačiau tai, kas yra vienas failas puslapyje, Norėdami pradėti aišku.

HTML byla prasideda DOCTYPE antraštę, kurioje nurodoma, kad failo tipas - HTML. Visi puslapis elementai (žymių) yra nurodyta per laužtiniuose skliaustuose. Kiekviena pora ( "<" ir ">") apima vieną žymę HTML. Paprastai HTML žymes yra suporuotas, tai yra, kiekvienam «žyma» turėti «/ tag». Abu yra uždara laužtiniuose skliaustuose. Yra vieno žymeles, kurios populiariausias «Br /» - perėjimas į kitą eilutę.

Didžiausias tag byla - tai pats HTML, kuris apima tik du žymę: galva ir kūnas. Pirmuoju atveju, skiriasi specifikacija yra orientacinio pobūdžio nuorodų į kitus susijusius puslapio failus gali būti pateikti PHP, JavaScript scenarijus. Į antrą puslapį raštiško turinį. Taip pat į žodžius ir scenarijus forma.

Paprastas HTML puslapis

Pavyzdys sukurti tokį puslapyje yra nurodyta žemiau straipsnis. Manote, kad tai atsargiai.

GALVA skyriuje

Pagrindinis tikslas head žyma - bendras aprašymas puslapyje ir bendrųjų scenarijus, nors pastarasis - tik reliatyvi sąvoka. Paprastai teikia didelę reikšmę tik du dalykus:

• raktažodžiai ir aprašymas puslapyje;
• nuorodos į kitų failų (* .css ir * Js).

Rodyti puslapio turinio Šiame skyriuje turinio turi tik netiesioginę reikšmę, nes ji rodo kai kurie kiti failai CSS taisykles žodžius ir kitus scenarijus kalbomis.

HTML puslapis turi pavadinimą (pavadinimas), kuris bus rodomas, kai lankytojas atneša pelę virš skirtuko, kur puslapis yra atidarytas. Tai svarbu, nes tai daro puslapis daug daugiau išvaizdi, lengviau pasakyti, pasirašyti įskaitomą tekstą.

Meta žymeles yra svarbus interneto programavimo apskritai, bet kai jis būtinas, kad HTML puslapių kūrimui nešiojamojo kompiuterio, kurio nepageidautina netvarką nereikalingų struktūrų pavyzdys.

Ant nuorodos ir scenarijų nuorodos turėtų skirti ypatingą dėmesį. Pirmoji susijusi su vieta, kur yra CSS stilių failą, antrasis - iš JavaScript kodo failo vietą. Tokie ryšiai gali būti nustatyta.

Jei naudojate scenarijus turėtų būti elgiamasi kaip HTML žinių taps stipresnis, jūs turėtumėte atkreipti dėmesį iš karto pakopinių stilių. CSS failus, ypač registracijos HTML žymes taisyklės.

KŪNO skyriuje

Tiesą sakant, pavyzdys puslapio HTML - tai KŪNO skyriuje. Tai, kad čia yra visa informacija, visa puslapio turinio. Visa informacija yra pateikta į žodžius ir scenarijus, pavyzdžiui, įterpiant JavaScript kodą ar vienetų PHP-programos forma.

Svarbu suvokti, kad HTML tinklalapius naršyklėje ir tuo pačiu pavyzdžiui, teksto redaktoriumi, pavyzdžiui, Notepad pavyzdys, tai nėra tas pats. Pirmuoju atveju mes esame pasiruošę HTML tekstas, kuriame vykdomas visi scenarijai. Pavyzdžiui, PHP įvykdė savo dalį ir suformavo vietoj tinkamose vietose žymas kodą. JavaScript pat įvykdė savo misiją, nors apie tai dar bus atskiras pokalbis.

HTML - tai žymės vietoj scenarijus. Galų gale, tik puslapio rodomas naršyklėje turinys, bet jo žymė. Nėra PHP kodas nėra.

JavaScript specialioje padėtyje, jo priežiūra - tarnauti puslapį, ne tik įkrovos metu (perkrovos), bet momentų, kai puslapis yra lankytojo naršyklės ir tyrimai IT.

Paprastas pavyzdys kodo HTML puslapyje (tik kūną skirsnis) parodyta žemiau.

Lankytojas naršyklė atrodo taip, kaip parodyta žemiau.

nebuvo nurodyta kodas turėtų atrodyti elementų, atnešė naršyklę. Visi dizainas yra matomas CSS taisykles. Šiuo atveju, MCSS / scPhpWordRW.css failą, kuris buvo paminėta (žr. Pats pirmas pavyzdys puslapio HTML).

Skirtingai nei HTML, CSS tema yra paprastesnis, yra labai prieinamos taisyklės ir jų skaičius yra nedidelis, kai iš HTML puslapių kūrimui pavyzdys nereikalauja nieko, išskyrus notepad. Viskas yra labai prieinama nedelsiant plėtrai:

Tai rodo, kaip lengvai ji yra aprašyta žyma scLogo_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.

Pažymėjus šią parinktį HTML aprašymo struktūra

Kalba neapima vykdanti bet kokią struktūrą ir sintaksės sąvokos čia yra labai reliatyvu. Nėra kintamieji, tačiau yra daug galimybių. Esminis pagrindas hipertekstas yra tai, kad elementas (TAG), kad yra tikrai turėti pavadinimą.

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

Pavyzdys HTML puslapiuose apibūdinami požymius, esančių žemiau tekste.

Žyma gali turėti atributus, tada jie įdėti per erdvę po žyma pavadinimu iki uždarymo kampas laikiklio ">". Savybės, jei jie turi žymė yra įrašomas tik pradžioje. Iš žyma turinys yra tas, kuris yra tarp pradžios žyma ir jo pabaigoje.

Iš viso HTML turinį aprašymai

HTML leidžia apibūdinti blokuoti ir linijiniai. Pirma užima tam tikras sritis, naršyklės lange galima išdėstyti visiškai, tai yra tinkamoje vietoje vaizdinės HTML puslapius srityje ir turite konkretų dydį.

Inline elementai paprastai atsiranda po vieną giją, tai yra, kaip buvo nurodyta puslapio failo, ir ekrane. Iš viso srauto ekranas gali turėti įtakos kai puslapis apkrova įvyksta. Dėl vaiko įkurdinimo, matomumo, ir kitus objektus bloko elementai gali turėti įtakos bet kuriuo metu per JavaScript kodą.

Be paprastų elementų, HTML siūlo aprašyti lenteles ir formas. Šie elementai yra labai daug paklausos "kasdienio svetainės kūrimo."

Aprašymas lentelės: Žymos stalo, TR, td

Kai LENTELĖ žymė gali būti naudojama siekiant sukurti lentelę, nurodykite eilučių ir TR skaičių iš eilės už TD ląstelių skaičius. 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.

Principine pozicija HTML: daryti viską, kas, bet nieko, kad nesupranta. 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.

HTML puslapio pavyzdys su paprasta lentele aprašymas grafiškai parodyta straipsnyje.

Čia yra lentelė, kurioje trijų eilučių dydį, trijų stulpelių, su pirmoje eilėje žyma TH buvo naudojamas vietoj TD žodį - stulpelio antraštės. 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.

Aprašymas forma: FORMA žymė, įvesties

Forma - tai labiausiai reikalavo dalis HTML žymes. Naudojant formos gali perduoti informaciją. Tiesą sakant, puslapis - šis ekranas informacija, tačiau forma - įėjimo.

HTML puslapio pavyzdys su paprasta forma aprašymas:

Naudoja formų daug daugiau, tačiau pagrindiniai bruožai yra šie. Galite nurodyti įvesties lauką, reikia priskirti juos projektuoti ir renginių krautuvai iš naudotojo įvesties analizė. Galite nurodyti paslėptą lauką ir perduoti informaciją iš puslapio fone. Jūs galite paskirti informacijos perdavimo mygtuką, paspaudus kad inicijuoja duomenų perdavimo procesą.

naudojant HTML

Norėdami sužinoti hiperteksto kalba - būtina sąlyga bet kuriuo darbo specializacija interneto programavimo srityje, tačiau, jei norite parašyti programą PHP arba JavaScript, tada žinau, HTML + CSS reikia puikiai.

PHP kalba buvo nustatyta ankstesniame pavyzdyje. PHP veikia serveryje, nes puslapis su šia forma skrido iš serverio į naršyklę su laukų užpildyti. Visų pirma, minimos žyma INPUT (onblur įvykių apdorojimo) TestOnBlur funkcijas, gavo visus į teksto laukus forma parametrus.

Naršyklė veikia JavaScript ir tinkamai dirbo mygtuką siųsti duomenis į serverį, ty dizainas:. Onclick = "jQuery ( '# į')" Val ( "krepšelis"), būtina žinoti ne tik apie tai, ką JQuery, bet kas #to, Val, krepšelis. Tiksliau, būtina žinoti pagrindinius HTML žymas ir bendrąsias taisykles, taikomas jų CSS stilius.

Tai pakankamai greitai pakelti bet kokia specializacijos kvalifikaciją į interneto programavimo srityje.