Tha eisimpleir de HTML duilleag agus na prionnsapalan bunaiteach

Dh'innlich iomadh cànan, ach tha an cànan HTML S e aon de na sònraichte agus vosstrebovan. Bhon a tha na lùib tòrr eile prìomh iomairtean ann am prògraman. Tha mòran air a dhèanamh ri fhaotainn, nuair ann an inntinnean an leasaiche-diugh eòlas markup chànan - HyperText Markup Language (HTML).

Gu dearbh, ann an HTML, chan eil dad doirbh, agus ann am beagan mhionaidean na h-uile as fhaide air falbh bho na prògraman agus an eadar-lìon daoine a bhios a 'coilionadh a' stèidheachadh HTML-duilleagan anns an leabhran. Eisimpleirean a thoirt fa-near, sìmplidheachd, gu dearbh, ruigsinneach don h-uile duine.

fharsaingeachd Tuairisgeul

HTML faidhl - aon duilleag na làraich, ged a tha seo fios cinnteach, ach dè tha aon faidhl gach duilleig, airson tòiseachadh tha e soilleir.

HTML faidhl tòiseachadh le doctype header a 'sònrachadh gu bheil an seòrsa faidhle - HTML. H-uile duilleag eileamaidean (tags) air an comharrachadh taobh a-staigh ceàrn eadar camagan. Tha gach paidhir ( "<" agus ">") a-steach aon tag HTML. Mar as trice tagaichean HTML tha càraid, is e sin, airson gach «tag» tha «/ tag». An dà chuid air an cuairteachadh ann an ceàrn eadar camagan. Tha aon tag, a 'chuid as mòr-chòrdte «br /» - ghluasad gu an ath loidhne.

Tha taga as motha ann am faidhle - tha mi fhìn HTML, a tha a 'gabhail a-steach ach dà tag: ceann agus corp. Anns a 'chiad suidheachadh,' sònrachadh eadar-dhealaichte a 'nochdadh nan ceanglaichean gu duilleag eile a bhuineas faidhlichean a dh'fhaodadh a bhith an làthair agus PHP JavaScript sgrioptaichean. Anns an dàrna duilleag sgrìobhte susbaint. Cuideachd ann an riochd tags agus sgrioptaichean.

Simple HTML-duilleig

Eisimpleir de 'cruthachadh leithid duilleag air a chomharrachadh anns an aiste gu h-ìosal. Beachdaichidh e gu faiceallach.

Ceannard earrann

Tha a 'phrìomh adhbhar ceann tag - coitcheann iomradh air an duilleag agus coitcheann sgriobtaichean, ged a tha an dàrna - dìreach càirdeach bun-bheachd. Mar as trice mhial cudromach a-mhàin dà ni:

• keywords agus tuairisgeul de na duilleig;
• ceanglaichean gu faidhleachan eile (* * .css agus .js).

Airson a thaisbeanadh susbaint na duilleige susbaint earrann seo a-mhàin a tha neo-dhìreach cho cudromach oir tha ea 'sealltainn far a bheil cuid eile a tha faidhlichean CSS riaghailtean airson tags agus eile sgriobtaichean cànan.

HTML-duilleig tha Tiotal a 'Chlàir (TIOTAL), a tha air an taisbeanadh nuair a tha luchd-tadhail a' toirt do luchag thairis air an taba far a bheil an duilleag seo air a fhosgladh. Tha seo cudromach, oir tha e a 'dèanamh an duilleag mòran nas presentable, nas fhasa ri ràdh, air a shoidhneadh leughaidh teacsa.

Meta-tags a tha cudromach ann a-lìn phrògraman san fharsaingeachd, ach nuair a tha feum air an cruthachadh HTML duilleagan-ann notebook, eisimpleir de mhì-chàilear a sgioblachadh structaran nach eil feum.

Air a 'cheangal agus sgriobt ceanglaichean Bu chòir aire shònraichte a thoirt. Tha a 'chiad' toirt iomradh air an àite far a bheil CSS stylesheet faidhl, an dàrna - suidheachadh nan JavaScript còd-faidhle. Leithid sin de cheanglaichean urrainn a chur.

Ma tha thu a 'cleachdadh sgriobtaichean a bu chòir a làimhseachadh mar HTML eòlas a bhios a bhith nas làidire, bu chòir dhut pàigheadh air aire sa bhad fo-dhuilleagan stoidhle. Tha CSS faidhlichean a tha, gu h-àraidh, tha na riaghailtean a 'clàradh na tagaichean HTML.

earrann BHUIDHINN

Gu dearbh, sampall duilleag HTML - tha seo a 'BHUIDHINN earrann. 'S e seo anns a bheil am fiosrachadh uile, a h-uile clàr na duilleig. A h-uile fiosrachadh a thoirt seachad ann an riochd sgriobtaichean agus tags, leithid inserting a JavaScript-code no pìosan de na PHP-phrògram.

Tha e cudromach tuigsinn gu bheil an t-eisimpleir de HTML duilleagan-lìn ann am brabhsair is an aon eisimpleir ann an teacs an neach-deasachaidh mar Notepad, chan e seo an aon rud. Anns a 'chiad chùis tha sinn deiseil HTML-teacs anns a bheil a h-uile sgriobtaichean bàs. Mar eisimpleir, PHP air a choileanadh agus pàirt a chruthachadh an àite an còd ann an àiteachan ceart an tags. JavaScript cuideachd a 'coimhlionadh a rùin, ged a tha e fhathast mu dheidhinn a bhith air leth còmhradh.

HTML - tha e Tags an àite sgrioptaichean. Aig deireadh an latha, ach an t-susbaint na duilleig air an taisbeanadh ann an brabhsair, ach a taga. No PHP-code Chan eil e ann.

JavaScript ann an suidheachadh sònraichte, a chùram - a 'frithealadh na duilleig, chan ann a-mhàin aig àm boot (cus), ach ann an amannan nuair a tha an duilleag a tha ann an luchd-tadhail aig a' bhrabhsair, agus Eòlais e.

A sìmplidh mar eisimpleir còd HTML-duilleig (a-mhàin a 'BHUIDHINN earrann) air a shealltainn gu h-ìosal.

Tha neach-tadhail aig brabhsair e a 'coimhead mar a chithear gu h-ìosal.

Cha robh a shònrachadh ann an còd bu chòir coimhead mar na h-eileamaidean a thug an brabhsair. All dealbhadh tha ri faicinn ann an CSS riaghailtean. Anns a 'chùis seo, Mcss / scPhpWordRW.css faidhle a chaidh iomradh (faic. Chaidh a' chiad eisimpleir de duilleag HTML).

Eu-coltach ri HTML, CSS e cuspair sìmplidh, tha fìor ruigsinneach riaghailtean agus an àireamh a tha beag, nuair a eisimpleir air an cruthachadh HTML duilleagan-eil feum rud sam bith eile seach Notepad. Everything e glè ruigsinneach airson leasachadh sa bhad:

Tha seo a 'sealltainn cho furasta a tha e air a mhìneachadh tag scLogo_vDoc, agus gu bheil an tuairisgeul seo àbhaisteach ann an staid an taga a' taisbeanadh dealbh vDoc-logo.png, agus nuair a bha an luchag a tha e os - thaisbeanadh vDoc-logo-h.png.

Tha an structar a 'HTML tuairisgeulan

Cànain Chan eil com-pàirt a bhith a 'coileanadh gin de na structar sheantansan agus a' bhun-bheachd seo gu math càirdeach. Chan eil caochladairean, ach tha gu leòr de chothroman. Tha bunaiteach bunait hypertext se gu bheil eileamaid (tag) a tha cinnteach gu bheil ainm.

Tha ainm a 'chùis, an taga paidhir, air a dhèanamh ceart ainmean (tagName) agus ceàrn eadar camagan ( «<» + tagName + «>»), ma tha sinn a' bruidhinn mu dheidhinn an toiseach an taga, agus «», ma chlàradh a cheann.

Eisimpleir de HTML duilleagan ag innse mu buadhan suidhichte anns an teacsa gu h-ìosal.

Tha taga dh'fhaodas a bhith aig buadhan, agus an uair sin tha iad air a chur tro beàrn an dèidh an taga ainm ron cheann ceàrn camagan ">". Buadhan, ma tha iad an taga air a chlàradh a-mhàin aig an toiseach. Tha susbaint an taga a tha sin a tha na laighe eadar an taga tòiseachaidh agus an ceann.

Total HTML clàr na tuairisgeulan

HTML leigeas leat airson innse an loga bacaidh agus inline eileamaidean. A 'chiad fuireach air sgìre shònraichte ann an uinneag shealladar Faodar an suidheachadh air leth, a tha anns an àite cheart aig an achadh de thaisbeanadh HTML duilleagan-, agus tha sònraichte meud.

Inline eileamaidean san fharsaingeachd a 'nochdadh aon snàithlean, a tha, mar a chaidh a ràdh anns an duilleag faidhl, agus air an taisbeanadh air an sgrion. Tha an taisbeanadh den iomlan sruth faodar buaidh a thoirt air nuair a tha an duilleag-eallach a 'tachairt. Air greis gnìomhachais, follaiseachd, agus feartan eile an loga bacaidh eileamaidean faodar buaidh aig àm sam bith tro JavaScript-code.

A bharrachd air na h-eileamaidean sìmplidh, HTML a 'tabhann tuairisgeul a thoirt air na bùird agus foirmean. Eileamaidean sin a tha gu mòr ann an iarrtas a tha ann an "làitheil làrach togalaich."

Tuairisgeul air an clàr: tags Clàr, TR, TD

Nuair a CLÀR tag Faodar a chleachdadh gus a chruthachadh bòrd, a 'sònrachadh grunn sreathan agus TR ann an sreath airson grunn TD ceallan. Ann an coimeas ri àbhaisteach clàr na buidhne, air sgàth nàdar HTML-markup clàir a 'bhuidheann a chuingealachadh gu' Ghairm seo a chionns, ma tha an-leasachaidh ag iarraidh a bhith ceart-cheàrnach clàr anns a bheil an àireamh de cuilbh anns a h-uile sreathan de an aon, an sin feumaidh e leantainn a shon fhèin.

Tha prìomh suidheachadh HTML: dhèanadh rud sam bith a tha, ach ni sam bith nach eil a 'tuigsinn. Ann an cuid de chùisean, chan eil e cho cudromach dhan àireamh de cholbhan anns gach sreath de bhòrd, ach ma tha thu ag iarraidh a 'coileanadh a choimeasgadh ceallan a' chòmhnard no dìreach, tha e riatanach a bhith a 'cunntadh na h-uile gu math faiceallach.

Example HTML duilleag le iomradh air bòrd shìmplidh a grafaigean a chithear ann an artaigil.

Seo an clàr a 'sealltainn meud trì sreathan le trì colbhan, leis a' chiad sreath tag TH chaidh a chleachdadh an àite TD tag - an colbh header. Aithnichear àraidh dà tags chan eil, ach tha e comasach a 'cleachdadh a' chiad dealachadh a dhèanamh eadar a 'chiad sreath de bhòrd, agus ann CSS gu TH, faodaidh sibh cur a-steach agad fhèin nòs, a tha a' ga eadar-dhealachadh bho TD eile.

Tuairisgeul foirm: FOIRM tag,-steach

Foirm - tha seo a 'mhòr-chuid ag iarraidh pàirt de HTML-tags. Cleachdadh foirmean urrainn sgaoileadh fiosrachaidh. Eil fhios agaibh, an duilleag - fiosrachadh seo a thaisbeanadh, ach an fhoirm - a 'cur.

Example HTML duilleag le iomradh air sìmplidh foirm:

Feuman foirmean mòran tuilleadh, ach air na prìomh fheartan a tha mar a leanas. 'S urrainn dhut dè an achadh a-steach, feumaidh tu a thoirt dhaibh a dhealbh agus tachartas treòrachaidh airson mion-sgrùdadh a-steach an neach-cleachdaidh. Faodaidh tu a shònrachadh falaichte achadh, agus a thar-chur fiosrachadh bho an duilleag chùl. 'S urrainn dhut ainmeachadh fiosrachadh tar-chur a' phutan, a 'putadh a initiates an dàta gluasad phròiseas.

Cleachdadh HTML

Airson fios hypertext chànan --sheachanta chùmhnant airson obair sam bith speisealachadh ann an raon de phrògraman eadar-lìon, ach ma tha thu ag iarraidh a sgrìobhadh ann am prògram PHP no JavaScript, an uair sin fios + HTML CSS Feumaidh-iomlan.

PHP cànain air a chomharrachadh ann an eisimpleir roimhe. PHP 'ruith air an fhrithealaiche, a chionn duilleag leis an fhoirm seo a leanas a dh'itealaich bhon fhrithealaiche don le sealladair na h-achaidhean air an lìonadh. Gu sònraichte, TestOnBlur gnìomhan air an ainmeachadh ann an taga-steach (onblur tachartas cìobair), fhuair a h-uile chrìochan ann an cruth teacsa achaidhean.

Tha brabhsair ruith JavaScript, agus gu ceart ag obair putan a chur an dàta air ais chun an fhrithealaiche, ie dealbhadh: onclick = jQuery ( '# a'). Val ( 'chairt'), tha e riatanach gus nach 'eil fhios a-mhàin mu dheidhinn dè an jQuery, ach dè #to, Val, cairt. Nas mionaidiche, tha e riatanach gus fios a tagaichean HTML bunaiteach agus na riaghailtean coitcheann a 'tagradh dhaibh na CSS stoidhlichean.

'S e seo a thogail luath gu leòr gus an teisteanas sam bith speisealachadh ann an sgìre eadar-lìon phrògraman.