HTML - hypertext markup cànan a tha air a dhèanamh an eadar-lìon mar as aithne dhuinn agus gràdh. Tha e a 'toirt taing airson seo mìorbhaileach inneal làraich coimhead snog agus nuadh-aimsireil agus a' toirt goireasachd iad a 'cleachdadh. HTML tha dìreach Helmut na h-eileamaidean de duilleag-lìn ann an-cleachdaidh càirdeil roghainn. Tha an obair aige coimeas a dhèanamh eadar 's gu bheil a dhèanamh teacs luchd-deasachaidh leithid MS Word no OpenOffice. Tha iad a 'tionndadh faceless tomad de litrichean ann an sgrìobhainn a tha paragrafan, dàna teacsa, an clò eadailteach, bùird, agus fiù ìomhaighean. An ìre mhath an aon rud a 'dèanamh HTML, leis an eadar-dhealachadh a-mhàin a bhith a' chuid sgrìobhainnean a thaisbeanadh ann am brabhsair, agus na comasan seo inneal a tha nas fharsainge na an teacs neach-deasachaidh. A chleachdadh airson comharrachadh tags - àitheantan sònraichte a tha ag innse lìn duilleag structar. Tha iad dùinte ann an ceàrn eadar camagan - , am brabhsair a dh'fhaodadh a shònrachadh bhon uile gu lèir tomad teacsa. An ath bidh sinn a 'coimhead air na bunaitean HTML do luchd-tòiseachaidh.

lèirsinneach luchd-deasachaidh

Luchd-tòiseachaidh a-mhàin cabhsairean an t-slighe airson a 'sgrùdadh an HTML, gu tric a' tòiseachadh air an obair aca le prògraman a chruthachadh a-lìn gun eòlas sam bith. Faodaidh iad dìreach a 'cur na nithean air an glacadh mar a nochdas iad ann an Opera. Tha e coltach, seo e - an tobar shiorruidh gràs, a 'toirt cothrom airson faighinn cuidhteas a' chuid as motha de na lìn-leasachaidh. Ach nach eil cho sìmplidh, a chionn lèirsinneach luchd-deasachaidh bheil iomadh uireasbhaidhean a dhèanamh a nì e eu-comasach a bhith gan cleachdadh ann an droch phròiseactan.

Tha na prògraman seo a chruthachadh tòrr de cus tags a dhèanamh air an dreach dheireannach an duilleag dhoirbh agus suboptimal. Gu dearbh, anns an aois àrd-astar eadar-lìon na tha e nas lugha cho cudromach sa bha, ach tha grunn adhbharan ann pongail agus an deagh sgrìobhadh làrach-lìn a tha nas practaigeach na h-ionnan, a chruthachadh ann an lèirsinneach neach-deasachaidh. Duilleig-lìn a dhèanamh ann an leithid de Thèid am prògram a dhroch làimhseachadh le einnseanan luirg cho cudthromach dhaibh a h-uile kilobytes còd is luideach agus illogical code ri buidheann de Semantic mearachdan gann a tha iad a 'blasad air. A thuilleadh air sin, an luchd-deasachaidh gu math tric air cùl na h-amannan, a 'fàs nas mò, agus a' caitheamh stòrasan air an leasachadh practaigeach chionn 's nach proifeiseanta nach bi a' cleachdadh stuthan sin. Uime sin, duine sam bith a tha ag iarraidh a bhith ag obair ann an cruthachadh làraichean, bu chòir fios a bunaitean HTML.

tags

Mar a chaidh ainmeachadh gu h-àrd, a 'tags a' toirt cunntas air structar a 'bhrabhsair duilleag. Mhòr-chuid dhiubh a bhith 'fosgladh agus a' dùnadh tags, ach chan eil a h-uile. Mar eisimpleir, ... , far an àite na puingean a tha an t-susbaint. Tha a 'chiad dhiubh sin a' sealltainn far an robh an taga a 'tòiseachadh, agus an dàrna fear a' dùnadh e. Taobh a-staigh eileamaidean eile a dh'fhaodadh a bhith ann an cruth duilleag dh'fhaodadh iad a bhith a 'neadachadh mar neadachadh liudhagan. An seo tha e deatamach gu dùin an tags gu bheil an duilleag seo air a taisbeanadh gu ceart.

Tha cuideachd aon tags, nach eil a dh'fheumas a bhith air a dùnadh. Ann orra bha e a-staigh, a thuilleadh air buadhan. Buadha a dh'fhaodas a bhith air a stèidheachadh airson a 'chuid as motha de HTML-tags agus a' cur feartan an eileamaid. Tha e air ainmeachadh anns a 'fosgladh tag a' coimhead mar seo: buadha = "...", far a bheil an àite an puingean a tha an luach buadha. Eòlas air an taga a 'chiad cheum cudromach agus a' chuid as motha airson leasachadh HTML. Tha bunaitean ealain seo cuideachd a 'ciallachadh tuigse air duilleag-lìn structar.

structar sgrìobhainn

Tha gach sgrìobhainn HTML a tha co-fhreagarrach air an leudachadh, mar eisimpleir, index.html. Mar sin, am brabhsair a 'tuigsinn dè tha aige ri dhèanamh, agus gu ceart a' sealltainn duilleag. A h-uile faidhlichean chleachdadh gus a chruthachadh air an làraich, tha e glic a chumail san aon phasgan san àm ri teachd a bhios gu mòr faochadh do bheatha. Bunaitean Hypertext Markup Language HTML soilleir gabhail a-steach tuigse air structar na sgrìobhainn. Tha e a 'tòiseachadh leis an taga , ag innse an tionndadh a' bhrabhsair de HTML, a thathar a 'cleachdadh san sgrìobhainn seo. Aig an àm seo, an còigeamh latha dreach air a 'chànan, agus mar sin chan eil feum air inneal a chruthachadh a nì sam bith, faodaidh sinn gu sàbhailte a-steach gu h-àrd tag gu mullach an duilleag sam bith.

An uair sin thèid a 'phrìomh structar càraid, a' ciallachadh "cnàimhneach" air an làraich. Tha a 'chiad tag anns a bheil uile a chuir' chòrr - ... . Na h-uile a tha taobh a-muigh, chan eil e air aithneachadh le brabhsair mar an duilleag-lìn, mar sin, gu bheil e a 'fosgladh agus a' dùnadh na sgrìobhainn. Tha seo a 'tag a dhìth airson sgrìobhainn sam bith. Tha cuideachd grunn àithnteil tags, a thèid a dheasbad gu h-ìosal.

Ceannard

Taobh a-staigh an taga ... tha fiosrachadh teicnigeach nàdar, agus cha tèid a thaisbeanadh air an duilleig, ach, a dh'aindeoin sin, tha e na phàirt cudromach de na sgrìobhainn HTML. Làrach brath a chuir ann an àite seo, a 'taghadh agus a-steach do na còdachadh an duilleag-ainm. Tha e air taobh a-staigh àithnteil tag ... . Tha ea 'sealltainn an t-ainm aig a' mhullach a 'bhrabhsair agad, far an urrainn dhut cuideachd a' cur beag ìomhaigheag airson an duilleag clàr na làraich. Tha e glic sa bhad dè an sgrìobhainn còdachadh airson a cheart taisbeanadh. Faodaidh seo a bhith air a dhèanamh leis an taga . Meta dàta a thoirt seachad air duilleagan structar agus mar as trice tha suidhichte taobh a-staigh a 'chinn.

Ceangal

Eòlas bunaiteach HTML cuideachd a 'gabhail a-steach cleachdadh na a'spùtadh stoidhlichean, no css. Iad a 'suidheachadh feartan na h-eileamaidean a thèid a thaisbeanadh air an duilleag. Tha an dòigh ùr air an duilgheadas seo gabhail a-steach a sparradh air a leithid de feartan mar a dath, agus àirde location an Leabhair, gu taobh a-muigh airson am faidhle a chur ris goireasachd. Airson a 'ceangal css-faidhle' cleachdadh an taga . Ann deiseil cruth, tha ea 'coimhead rudeigin mar seo: , a' sealltainn href air an àite an fhaidhle a, agus an seòrsa - air an t-seòrsa.

Buidheann

'S e seo pàirt de HTML-sgrìobhainn a chruthachadh le follaiseach phàirt de na duilleig. Na h-uile a tha air a dhèanamh taobh a-staigh an "buidheann" a thèid a thaisbeanadh le bhith a 'bhrabhsair. Ann an a 'cleachdadh tòrr mòr na tagaichean HTML. Basics - Tha an teacsa cruth, ag obair le ceanglaichean agus sìmplidh inneal airson structar air an duilleag-lìn. Airson a dhol a dh'obair ann an HTML, gu leòr gus fios bunaiteach tags agus a bhith comasach a bhith gan cleachdadh. Gu h-ìosal tha an fheadhainn as mòr-chòrdte:

• - air a chleachdadh a tharraing a substring, gu bhith air a shònrachadh gu sònraichte an stoidhle, a mhìneachadh ann an css;
• - a 'cruthachadh ceangal air duilleig-lìn; leumadh an seòladh air a shònrachadh buadha href;
• - aon de na mòr-chòrdte nuadh tags; Duine sam bith a tha a 'co-dhùnadh a bhith ag ionnsachadh na bunaitean a' chànain HTMLl pàigheadh, bu chòir aire shònraichte a thoirt dha, oir tha e bloc eileamaid, a tha air a dhèanamh air bonn an leòmhann roinn latha an-diugh a làraichean-lìn (a 'paraimeadaran airson an loga bacaidh

  air an cur ann an css, agus eile aonadan Faodar cur a-staigh seo tag);

• - a 'taghadh paragraf de teacs; na th 'pharagraf e suidhichte eadar a' fosgladh agus a 'dùnadh tags;

• - a h-àireamhachadh liosta, na h-eileamaidean a tha mar tag paidhir
  1. ;
  2. - a bulleted liosta, a tha, a thuilleadh air anns an t-àireamhachadh a tha eileamaidean sgrìobhadh leis an taga
     • ;

     • -

       - sgrìobhainn bannan-cinn (an àireamh a 'sealltainn ìre a' header, ie

       - prìomh tiotal, agus an dèidh sin air eadar-dhealachaidhean a tha aige fo-thiotalan, co-dhiù, ìrean cinn

       Tha cha-mhòr do-dhèanta a lorg air an eadar-lìon àiteachan fosgailte) tha e cuideachd cudromach cuimhneachadh gu bheil an duilleag urrainn ach aon header

       ;

     • - dàna teacs;
     • - Eadailig;
     • - cuir a-steach dealbhan air an duilleag-lìn (tha e aon tag, chan eil e gu feum dhùnadh sìos, ach tha a dhìth gus sònraichibh an alt buadha, a tha a 'sònrachadh an teacs airson an ìomhaigh);
     • - Tha taga a chur a-steach an sgrìobhainn èisteachd faidhle.

     Chan eil seo uile tags a tha riatanach gus a chruthachadh agad fhèin duilleag-lìn, ach tha iad gu leòr airson laighe air bunaitean a HTML do luchd-tòiseachaidh.

     CSS

     HTML leasachadh cànain a tha air a stiùireadh gu bheil gach taga obzavolsya cuideam buadhan, agus riatanasan airson coltas na duilleagan-lìn a 'ciallachadh àrdachadh gu mòr. Code air a bhith mì-ghoireasach agus dhoirbh, bha e doirbh a leughadh, leig aonar atharrachadh no atharrachadh. Osbarr, agus an uair sin a bhith a 'fallas, ag atharrachadh a h-uile làmh ma làraich agad deich duilleagan ann, air a bheil tòrr de na cinn-naidheachd, comharraichte ann an gorm, agus a tha thu gu h-obann ag iarraidh a dhèanamh dhaibh dearg. Le teachd fo-dhuilleagan stoidhle, phròiseas seo air a bhith sìmplidh agus loidsigeach, agus an còd HTML-air fàs mòran nas so-leughaidh.

     Cur an gnìomh CSS

     Duilleagan-lìn a chruthachadh, feumaidh tu fios a bunaitean HTML agus CSS, mar sin tha e a-nis às aonais an eòlas fo-dhuilleagan stoidhle a dhèanamh anns an sgìre seo dad. Shuidhich iad buadhan airson gach eileamaid, a tha a 'buntainn ri fad sgrìobhainn. Mar sin, faodaidh tu a 'suidheachadh an dath aon uair a h-uile

     eileamaidean no , a' sgrìobhadh ach aon riaghailt. Leis an-dràsta riatanasan airson coltas na duilleagan eadar-lìn, a 'cleachdadh fo-dhuilleagan stoidhle Is A Must.

     Gus a 'ceangal css faidhl ris an sgrìobhainn seo, tha a' ceangal tag. Beagan os a cionn a mhìneachadh prionnsabal a chleachdadh, ach chan eil e an aon roghainn a h-uile stoidhlichean còmhla ann an aon àite. Tha an taga , a tha stèidhichte ann an "head" an sgrìobhainn agus a 'leigeil dhuibh clàradh stoidhlichean gun a bhith a' cleachdadh CSS faidhlichean. Nach fheum a bhith a 'cleachdadh aon dòigh no eile. Faodaidh iad a bhith soirbheachail còmhla gus an toradh as fheàrr. Gus a chruthachadh faidhle le duilleagan-stoidhle a dh'fheumas a chruthachadh faidhle le leudachadh .css, me Styles.css.

     JavaScript

     Gu math tric, an neach a tha air a co-dhùnadh a 'tòiseachadh a' leasachadh duilleagan-lìn, a 'tuigsinn gu bheil a' ghnìomh-obrach nach eil gu leòr de na maoinean air an tabhann le HTML. Bhunaitean Cruthaichidh àlainn duilleag, ach dè ma tha sibh gu h-obann a dhìth gus a dhèanamh eadar-ghnìomhach? Airson nan adhbharan sin, tha suidheachadh gun choimeas cànan prògramaidh gun eadar-obrachadh math le HTML. Tha e air a ghairm JavaScript, oir bha i torrach mar bràthair ab 'òige de na mòr-chòrdte Java cànan. An-diugh, na cànanan sin a fhuair dhealachaidhean mòra, agus tha a 'bheàrn eadar iad a-mhàin a' fàs.

     JavaScript urrainn cumhachd a thoirt do HTML, tha e a 'leigeil leat a chruthachadh agus a edit tags. Cuideachd le taic seo mìorbhaileach inneal, faodaidh sibh ag obair le Cokie, dàta a luchdachadh a-nuas bho am frithealaiche gun reloading an duilleag a dhèanamh air an làraich nas eadar-obrachail a 'leigeil HTML na comasan. Tha an cànan agus na cuingeachaidhean a tha co-cheangailte ri tèarainteachd. Ma JavaScript nach eil air a chleachdadh air taobh an fhrithealaiche, bidh e air a dhèanamh ann an suidheachaidhean a chuingealachadh a comas, gu bheil a 'ionnsaigh a' cleachdadh droch-rùnach an còd air a 'choimpiutair sam bith.

     luchd-deasachaidh

     HTML bunaiteach airson luchd-tòiseachaidh a 'gabhail eòlais air a' mhòr-chuid goireasach agus practaigeach airson a 'cruthachadh prògram duilleagan-lìn. Mar a chaidh a mhìneachadh gu h-àrd, tha an luchd-deasachaidh lèirsinneach leithid Dreamweaver agus an leithid, nach eil freagarrach airson nan adhbharan seo. So, sgrìobh tags ann àbhaisteach notebook? Roghainn seo tha e cuideachd ceist, bho coitcheann notebook Chan eil sònraichte sam bith airson innealan-cruth. Dh'fhaodadh an obair seo a 'dèiligeadh gu math Notepad ++. A mòr plus a 'bhathar seo gu bheil e fosgailte tobar agus a sgaoileadh saor an-asgaidh. Anns e tha goireasach sheantansan comharraich agus fèin-dùnaidh tags. Notepad ++ cuideachd a 'tabhann raon farsaing de goireasan eadar-aghaidh-chànanan, agus a comas air leudachadh gu furasta le cuideachadh bho iomadh cur-ris.

     Sublime Teacsa 3 - prògram coltach ri Notepad ++, ach a 'sgaoileadh air stèidh chìs. Sin a choisinn i an cridhe a 'mhòr-chuid leasachaidh. Sublime Text 3 freagarrach airson JavaScript, HTML agus CSS. Basics a bhith ag obair le bidh e gu bhith ag ionnsachadh air an ceann fhèin, ach tha e 'fhiach e. Tha fìor chothroman airson limitless mhìn-tuning gun atharrachadh as motha air a 'phrògram a' freagradh feumalachdan agad.

     Tha bunaitean HTML agus CSS do luchd-tòiseachaidh

     Mar a chì sibh, ag ionnsachadh ealain a chruthachadh duilleagan-lìn chan eil e cho doirbh mar a tha e coltach aig a 'chiad shealladh. Dìreach beagan mhìosan practaigeach Thèid trèanadh Cuir thu bho socair Ùr-ionnsaiche neach-cleachdaidh gus an leasaiche. Vorstke ionnsachadh mòran nas fhasa na bhith ag ionnsachadh sam bith an cànan prògramaidh no Linux. Gu dearbh, na tagaichean HTML nach eil cho mòr cudromach a thuigsinn practaigeach roinnean den iarrtas aca.

     Cha bhi Amiss ann an gnìomhachas seo tha sgilean obrach ann an Adobe Photoshop. Tha am prògram seo a 'leigeil leat a bhith ag obair le dealbhan, ìomhaighean agus grafaigeach eile eileamaidean de duilleagan-lìn. Aig an àm seo tha e "Photoshop" S e as fheàrr gus dèiligeadh ris a leithid sin fhuasgladh, na farpaisich a bha beagan. Airson an fheadhainn a tha a 'chompanaidh Adobe bhathar cha d'thàinig riutha, cha Lightroom, GIMP, Dealbhan agus phrògraman eile coltach ri gnìomhan.

     Tha sin a 'toirt eòlas HTML

     Sgilean ann an cruthachadh duilleagan-lìn a tha fìor iomchaidh an-diugh, mar a tha an eadar-lìon a 'leudachadh le bhith a' leum agus crìochan. Gach iomairt, sam bith, fiù 's na bu lugha a' bhùth, bùthan-obrach agus clubaichean spòrs - uile airson a bhith agad fhèin fheàrr. Agus gu dearbh, airson seo a dh'fheumas iad a-leasachaidh aig a bheil CSS agus HTML. Basics furasta ionnsachadh, agus an uair sin tha e suas a chleachdadh. Bhon a chaidh an cruth a tha teicneòlas daonnan a 'mean-fhàs, an-aghaidh ceann-leasachaidh còmhnaidh a tha ann an iarrtas. Duine sam bith a 'co-dhùnadh gus an cosgadh e fhèin ris inntinneach seo an gnìomhachas, cha bhith gun obair.