Näiteks HTML-lehekülje ja aluspõhimõtted

Väljamõeldud paljudes keeltes, kuid keele HTML on üks eriline ja vosstrebovan. Kuna see hõlmab palju muud olulist algatust programmeerimine. Palju on kättesaadav, kui mõtetes arendaja praeguste teadmise märgistuskeel - HyperText Markup Language (HTML).

Tegelikult HTML ei ole midagi raske, ja mõne minuti pärast kõik kõige kaugel programmeerimine ja Internet inimesed täita ametikohtade HTML-lehekülgi sülearvuti. Märkimisväärsed näited, lihtsus, tõepoolest, igaühele kättesaadavad.

üldkirjeldus

HTML fail - üks leht saidi, kuigi see on vaieldav, kuid mida on ühe faili lehekülg jaoks alguses selgub.

HTML faili algab DOCTYPE kaudu, mis määrab, et tüüp faili - HTML. Kõik leheelemente (sildid) on tähistatud noolsulgudes. Iga paari ( "<" ja ">") hõlmab üks tag HTML. Tavaliselt HTML sildid on seotud, see tähendab, iga «tag» on «/ tag». Mõlemad on noolsulgudes. Seal on ühe tag, millest kõige populaarsem «br /» - üleminek järgmisele reale.

Suurim sildi faili - see ise HTML, mis sisaldab ainult kaks tag: pea ja keha. Esimesel juhul, erinevate tehniliste viitavad lingid muude asjakohaste lehekülg failid võivad esineda PHP ja JavaScript skripte. Teises lehekülg kirjutatud sisu. Ka kujul silte ja skriptid.

Lihtne HTML-lehekülg

Näide luua sellised lehekülg on näidatud allpool artiklis. Mõtle hoolikalt.

HEAD sektsioonis

Peamine eesmärk HEAD tag - üldkirjeldus lehele ja üldise skriptid, kuigi viimane - vaid suhteline mõiste. Tavaliselt on omistab suurt tähtsust ainult kaks asja:

• märksõnad ja kirjeldus lehekülg;
• linke teistele failid (* .css ja * js).

Et kuvada sisu Lehe sisu Käesoleva paragrahvi on ainult kaudne tähtsus, sest see näitab, kui mõned muud failid on CSS reeglid silte ja muud skriptid keeles.

HTML-leheküljel on pealkiri (pealkiri), mis kuvatakse siis, kui külastaja toob hiirt tab kus leht on avatud. See on oluline, sest see muudab lehekülg palju esinduslik, lihtsam öelda, allkirjastatud loetav tekst.

META-sildid on oluline veebi programmeerimine üldiselt, aga kui see on vajalik luua HTML-lehekülgede sülearvuti, näiteks soovimatute segadusega koondatud struktuure.

Lingil ja SKRIPTI lingid tuleks pöörata erilist tähelepanu. Esimene viitab kohale, kus on CSS-stiil faili, teine - asukohast JavaScript koodi faili. Sellised lingid on võimalik seadistada.

Kui kasutate skripte tuleks käsitleda HTML teadmisi muutub tugevamaks, siis peaks pöörama tähelepanu kohe kaskaadlaadistikke. CSS failid on eelkõige registreerimise reeglites HTML sildid.

profiilkehale

Tegelikult proovi lehekülg HTML - see on põhiosa. See on siin, mis sisaldab kogu teavet, kogu sisu lehel. Kõik andmed on esitatud kujul silte ja skriptid, nagu lisada JavaScript koodi või tükid PHP-programmi.

On oluline mõista, et näiteks HTML veebilehti brauser ja sama näiteks tekstiredaktor nagu notepad, see ei ole sama asi. Esimesel juhul oleme valmis HTML-teksti, milles kõik skriptid teostatakse. Näiteks PHP on täitnud oma osa ja moodustanud asemel koodi õiges kohas sildid. JavaScript ka täitnud oma missiooni, kuigi seda veel olla eraldi vestlus.

HTML - märgib see asemel skripte. Lõppkokkuvõttes ainult lehe sisu kuvatakse brauseri, kuid selle tag. Nr PHP-koodi ei ole olemas.

JavaScript on eriline positsioon, tema eest hoolt - teenida lehekülje mitte ainult alglaadimise ajal (ülekoormus), kuid hetki, kui leht on külastajate brauseri ja uuringud seda.

Lihtne näide koodi HTML-leht (ainult kereosa) on toodud allpool.

Külastaja brauser tundub, nagu allpool näidatud.

ei täpsustatud kood peaks välja nägema elemendid, mis tõi brauseris. Kõik disain on nähtav CSS reegleid. Sel juhul mcss / scPhpWordRW.css faili, mis oli viidatud (vt. Kõige esimene näide lehekülg HTML).

Erinevalt HTML, CSS teema on lihtsam, seal on väga kättesaadav eeskirjad ja nende arv on väike, kui näiteks loomine HTML-lehti ei nõua midagi muud kui notepad. Kõik on väga kättesaadav kohe areng:

See näitab, kui lihtne on kirjeldatud tag scLogo_vDoc ja kirjeldus on, et normaalsele sildi kuvab pildi vDoc-logo.png, ja kui hiir on see - kuvatakse vDoc-logo-h.png.

Struktuuri HTML kirjelduse

Keel ei hõlma tegeleb mis tahes struktuur ja süntaks mõiste siin on väga suhteline. Puuduvad muutujad, kuid seal on palju võimalusi. Põhialus hüperteksti on see, et on olemas element (tag), mis on kindlasti veel nime.

Nimi juhul tag paari, mis koosneb pärisnimede (Muutujanimede) ja nurksulud ( «<» + Muutujanimede + «>»), kui me räägime alguses tag ja «», kui salvestatud selle lõppu.

Näide HTML lehtedel kirjeldatakse atribuudid asub alljärgnev.

Märgis võib olla atribuudid, siis nad pannakse läbi ruumi pärast sildi nimi enne sulgemisaega noolsulg ">". Oskused, kui neil on silt on salvestatud ainult alguses. Sisu tag on see, mis jääb sildi algust ja lõppu ta.

Kokku HTML sisu kirjelduse

HTML võimaldab kirjeldada plokk ja inline elemente. Esimese hõivata teatud piirkonnas brauseriaknas saab asetada täiesti, et on õiges kohas valdkonnas kuva HTML-lehti ja on konkreetne suurus.

Inline elemendid ilmuvad tavaliselt üks niit, mis on, nagu öeldud lehe fail ja kuvatakse ekraanil. Ekraan koguvooluhulga saab mõjutada, kui leht koormuse korral. Paigutuse, nähtavust ja muud omadused plokkelementidest võib mõjutada igal ajal läbi JavaScript koodi.

Lisaks lihtne elemente, HTML pakub kirjeldada tabelid ja vormid. Need elemendid on väga palju nõudlust "igapäevaelu platside ehitus."

Kirjeldus tabeli: silte TABEL, TR, TD

Kui TABEL tag saab luua tabel, määrata ridade arvu ja TR järjest mitu TD rakke. Erinevalt tavalisest tabeli organisatsiooni iseloomu tõttu HTML-märgistuskeel tabelina organisatsiooni piiratud käesolev deklaratsioon, sest kui arendaja tahab on ristkülikukujuline tabel, kus veergude arvu kõik read sama, siis peab see olema, et ise.

Põhimõtteline seisukoht HTML: mida iganes on, kuid midagi, mis ei ole arusaadav. Mõnel juhul ei ole nii oluline veergude arvu igas reas tabeli, aga kui sa tahad teha ühendamise rakkude horisontaalselt või vertikaalselt, on vaja arvestada kõik väga hoolikalt.

Näide HTML lehe kirjeldus lihtsa tabeli graafiliselt näidatud artiklis.

Siin on tabel, mis näitab suurust kolm rida kolm veergu, kus esimeses reas silt TH asemel kasutati TD tag - veerupäises. Eriti eristada neid kahte silte ei ole, kuid see on võimalik kasutada esimest eristada esimese rea tabeli ja CSS TH, võite lisada oma stiili, mis eristab seda teistest TD.

Kirjeldus kujul: VORM tag, INPUT

Vorm - see on kõige nõudis osa HTML-sildid. Kasutades vorme saab edastada teavet. Tegelikult lehekülg - see ekraan teavet, kuid vormis - sisend.

Näide HTML lehe kirjeldus lihtsa vormi:

Kasutab vormide palju, kuid peamised omadused on järgmised. Saate määrata väljale, peate need määrama kujundada ja ürituste masinad analüüsi kasutaja sisend. Saate määrata peidetud väli ja edastada teavet lehekülje taust. Saate määrata teabe edastamine, vajutades mis algatab andmeedastusprotsessiga.

kasutades HTML

Et teada hüperteksti keel - vältimatu tingimus tahes töö spetsialiseerumine valdkonnas Internet programmeerimine, kuid kui soovite kirjutada programmi PHP või JavaScripti, siis tea, HTML + CSS vaja täiesti.

PHP keeles on tuvastatud eelmises näites. PHP jookseb serveris, sest leht selles vormis lendas serverist Brauseri väljad täidetud. Eelkõige TestOnBlur nimetatud ülesandeid sildi INPUT (onblur sündmus), sai kõik parameetrid kujul tekstiväljade.

Brauser jookseb JavaScript ja korralikult töötanud andmeid saata nuppu serverisse tagasi, see on disain :. onclick = jQuery ( "#, et") val ( "korvi"), on vaja teada, mitte ainult sellest, mida jQuery, aga mida #to, Val, korvi. Täpsemalt on vaja teada HTML sildid ja üldnormid neile CSS stiile.

See on piisavalt kiiresti tõsta kvalifikatsiooni tahes eriala valdkonnas Internet programmeerimine.