Një shembull i një faqe HTML dhe parimet themelore të

Shpikur shumë gjuhë, por gjuha e HTML është një nga më të veçantë dhe vosstrebovan. Që nga ajo përfshin një shumë të iniciativave të tjera të rëndësishme në programimin. Pjesa më e madhe është bërë në dispozicion, kur në mendjen e zhvilluesi i njohurive aktuale të gjuhë markup - HyperText Markup Language (HTML).

Në fakt, në HTML, nuk ka asgjë të vështirë, dhe në disa minuta të gjithë më të largët nga programimi dhe internetit njerëzit do të përmbushë krijimin e HTML-faqeve në fletore. Shembuj të rëndësishëm, thjeshtësia, me të vërtetë, të arritshme për të gjithë.

përshkrim të përgjithshëm

skedar HTML - një vend i një faqe, edhe pse kjo është e diskutueshme, por ajo është një fotografi për faqe, për një fillim është e qartë.

skedar HTML fillon me një kokë DOCTYPE që specifikon se lloji i file - HTML. Të gjitha elementet faqe (tags) janë treguar në kllapa kënd. Çdo palë ( "<" dhe ">") përfshin një tag HTML. Zakonisht HTML tags janë të çiftëzohet, që është, për çdo «tag» kanë «/ tag». Të dyja janë të mbyllur në kllapa kënd. Nuk është një tag vetme, nga të cilat më të njohura «br /» - kalimi në rreshtin tjetër.

tag më e madhe në dosjen - ajo vetë HTML, i cili përfshin vetëm dy kyçe: kokë dhe në trup. Në rastin e parë, specifikim të ndryshme janë tregues i lidhjeve në faqe fotografi të tjera përkatëse mund të jenë të pranishëm PHP dhe Scripts JavaScript. Në faqen e dytë përmbajtjen e shkruar. Gjithashtu në formën e tags dhe scripts.

Simple HTML-faqe

Shembull i krijuar faqe të tillë është treguar në artikull më poshtë. Konsiderojnë atë me kujdes.

seksioni HEAD

kryesore qëllimi HEAD tag - një përshkrim të përgjithshëm të faqes dhe Scripts përgjithshme, edhe pse ky i fundit - vetëm një koncept relativ. Zakonisht nuk i kushton rëndësi të konsiderueshme për vetëm dy gjëra:

• fjalë kyçe dhe përshkrimi i faqes;
• Lidhje me fotografi të tjera (* .css dhe .js *).

Për të shfaqur përmbajtjen e përmbajtjen e faqes së këtij seksioni ka rëndësi vetëm të tërthortë për shkak se ajo tregon ku disa fotografi të tjera kanë rregulla CSS për tags dhe skripte të tjera gjuhë.

HTML-faqe ka një titull (titulli), e cila është shfaqur kur një vizitor sjell miun mbi butonin ku faqe është e hapur. Kjo është e rëndësishme, sepse kjo e bën shumë më të presentable faqe, më e lehtë të thuhet, të nënshkruar tekstin lexueshëm.

Meta-tags janë të rëndësishme në programimin e internetit në përgjithësi, por kur është e nevojshme krijimi i HTML-faqe në një fletore, një shembull i strukturave të padëshirueshme rrëmujë të tepërta.

Mbi link dhe shkrimit lidhjet duhet të i kushtoj vëmendje të veçantë. I pari i referohet në një vend ku ka një skedar CSS stylesheet, e dyta - vendndodhja e file JavaScript-kodit. Lidhje të tilla mund të vendosen.

Në qoftë se ju përdorni Scripts duhet të trajtohet si një njohuri të HTML do të bëhet më e fortë, ju duhet të paguani vëmendje menjëherë në Cascading Style Sheets. Dosjet CSS janë, në veçanti, rregullat e regjistrimit të HTML tags.

seksioni body

Në fakt, një faqe mostër HTML - kjo është pjesa e trupit. Ai është këtu që përmban të gjitha informatat, të gjitha të faqes përmbajtjes. Të gjitha informatat është paraqitur në formën e tags dhe Scripts, të tilla si të futur një JavaScript-kod ose pjesë të PHP-programit.

Është e rëndësishme të kuptohet se shembulli i faqeve të internetit HTML në shfletuesin dhe të njëjtin shembull, në një editor teksti si Notepad-in, kjo nuk është e njëjta gjë. Në rastin e parë ne jemi të gatshëm HTML-text në të cilat të gjitha Scripts ekzekutuar. Për shembull, PHP ka përmbushur pjesën e saj dhe të formuar në vend të kodit në vendet e drejtë tags. JavaScript gjithashtu përmbushur misionin e saj, edhe pse për këtë ende të jetë një bisedë të veçantë.

HTML - kjo tags vend të Scripts. Në fund të fundit, vetëm përmbajtja e faqes shfaqet në shfletuesin, por tag saj. No PHP-kodi nuk është atje.

JavaScript është në një pozitë të veçantë, kujdesin e tij - për të shërbyer faqe, jo vetëm në kohën e boot (mbingarkesa), por në momentet kur faqja është në shfletuesin vizitori, dhe studimet ajo.

Një shembull i thjeshtë i kodit HTML-faqe (vetëm seksioni trupit) është treguar më poshtë.

shfletuesi një vizitor duket siç tregohet më poshtë.

nuk është specifikuar në kodin duhet të duken si elementet që sollën shfletuesin. Të gjitha të projektimit është e dukshme në rregullat CSS. Në këtë rast, Mcss / fotografi scPhpWordRW.css që u referohen (shih. Shembulli i parë i një faqe HTML).

Ndryshe HTML, CSS theme është e thjeshtë, nuk ka rregulla shumë të arritshme dhe numri i tyre është i vogël, kur shembulli i krijimit të HTML-faqe nuk kërkon asgjë tjetër përveç Notepad. Çdo gjë është shumë e kuptueshme për zhvillimin e menjëhershëm:

Kjo tregon se sa e lehtë është përshkruar tag scLogo_vDoc, dhe ky përshkrim është se në një gjendje normale të tag tregon një foto vDoc-logo.png, dhe kur miu është mbi të - shfaqet vDoc-logo-h.png.

Struktura e përshkrimeve HTML

Gjuha nuk ka të bëjë me kryerjen e ndonjë prej strukturës dhe sintaksë e konceptit këtu është shumë relative. Nuk ka variablave, por ka shumë mundësi. Baza themelore e HyperText është se ka një element (tag) që është e sigurtë se do të ketë një emër.

Emri i rastit, çifti tag, i përbërë nga emrat e duhur (tagName) dhe kllapa kënd ( «<» + tagName + «>»), në qoftë se ne po flasim për fillimin e tag, dhe «», nëse regjistruar në fund të saj.

Shembull i faqeve HTML përshkruajnë atribute të vendosura në tekstin e mëposhtëm.

Tag mund të ketë atribute, atëherë ata janë vënë nëpër një hapësirë pas emrit tag para kllapa kënd mbylljes ">". Atributet, në qoftë se ata kanë tag është regjistruar vetëm në fillim. Përmbajtja e tag është ajo që shtrihet në mes tag fillimit dhe në fund të saj.

Gjithsej përshkrimet përmbajtjes HTML

HTML lejon ju për të përshkruar bllok dhe inline elementet. First zënë një zonë të caktuar në dritaren e shfletuesit mund të jetë i pozicionuar absolutisht, që është në vendin e duhur në fushën e ekranit HTML-faqe, dhe të ketë një madhësi të veçantë.

elemente inline në përgjithësi duket një fije, që është, siç është deklaruar në faqen e dosjes, dhe shfaqet në ekran. Shfaqja e rrjedhjes së përgjithshme mund të ndikohet kur ndodh faqja ngarkesës. Në vendosjen, shikimit, dhe pronat e tjera të elementeve të bllokut mund të ndikohet në çdo kohë nëpërmjet JavaScript-kod.

Përveç elementeve të thjeshtë, HTML ofron për të përshkruar e tabelave dhe format. Këto elemente janë shumë në kërkesën në "ndërtesën e përditshme vend."

Përshkrimi i tabelës: Tags tavolinë, TR, TD

Kur tag TABELA mund të përdoret për të krijuar një tabelë, të përcaktojë një numër të rreshtave dhe TR në një rresht për një numër të qelizave të DT. Në kontrast me tabelën e zakonshme të organizimit, për shkak të natyrës organizatën tabelore HTML-markup kufizuar në këtë deklaratë, sepse në qoftë se zhvilluesi dëshiron të ketë një tryezë drejtkëndëshe në të cilën numri i kolonave në të gjitha rreshtat e njëjtë, atëherë ajo duhet të ndjekin atë për veten tuaj.

Pozicioni parimor i HTML: të bëjë çdo gjë që është, por asgjë që nuk është kuptuar. Në disa raste kjo nuk është aq e rëndësishme për numrin e kolonave në çdo rresht të tabelës, por në qoftë se ju doni të kryer një qelizat bashkojë horizontalisht apo vertikalisht, është e nevojshme për të numëruar të gjitha me shumë kujdes.

Faqe Shembull HTML me një përshkrim të një tabelë të thjeshtë paraqitur grafikisht në artikull.

Këtu është një tabelë që tregon madhësinë e tri radhë nga tri kolona, me tag e parë rresht TH është përdorur në vend të tag TD - kolonën kokë. dallohen veçanërisht këto dy tags nuk kanë, por është e mundur që të përdorin të parët për të dalluar në mes të rreshtin e parë të tabelës, dhe në CSS th, ju mund të lidhni stilin tuaj, e cila e dallon atë nga DT tjetër.

Përshkrimi Forma: tag FORM, INPUT

Form - kjo është pjesa më e kërkuar e HTML-tags. duke përdorur forma mund të përcjellë informacion. Në fakt, faqja - ky informacion ekranit, por forma - input.

Faqe Shembull HTML me një përshkrim të një formë të thjeshtë:

Përdor e formave shumë më tepër, por tiparet kryesore janë si më poshtë. Ju mund të specifikoni në fushën e input, ju duhet të caktojë ata për të hartuar dhe handlers ngjarje për analizën e dhëna përdoruesi. Ju mund të specifikoni një fushë fshehur dhe të transmetojë informacion nga sfond faqe. Ju mund të caktojë butonin transmetimit informacion, duke shtypur që inicion procesin e transferimit të të dhënave.

Përdorimi i HTML

Për të ditur gjuhën HyperText - një kusht i domosdoshëm për çdo fushë specializimi të punës në fushën e programimit në Internet, por në qoftë se ju dëshironi të shkruani një program në PHP apo JavaScript, atëherë e di HTML + CSS nevojë të përkryer.

gjuha PHP është identifikuar në shembullin e mëparshëm. PHP shkon në server, sepse një faqe me këtë formë fluturoi nga serveri në shfletues me fushat e mbushur. Në veçanti, funksionet TestOnBlur përmendura në input tag (onblur mbajtës ngjarje), ka marrë të gjitha parametrat në formën e fushave të tekstit.

Shfletuesi shkon JavaScript, dhe për të duhet punuar dhënave dërgoni butonin përsëri në server, që është, dizajni :. onClick = jQuery ( '#' të) val ( 'cart'), është e nevojshme të dinë jo vetëm për atë që jQuery, por ajo që #to, val, cart. Më saktësisht, është e nevojshme të dinë tags themelore HTML dhe rregullat e përgjithshme që zbatohen për ato stilet CSS.

Kjo është e mjaftueshme për të shpejt të rritur kualifikimin e çdo fushë specializimi në fushën e programimit në Internet.