Mohlala oa e leqepheng la HTML le melao-motheo ea

Qapa lipuo tse ngata, empa e le puo ea HTML ke o mong oa ka ho fetisisa e khethehileng le vosstrebovan. Ho tloha ka ho akarelletsa a mangata maiteko a mang sehloohong mananeo. Haholo o entsoe fumaneha, ha ka likelellong tsa developer indonesia tsebo ea hona joale ea puo ya matshwao - HyperText ya matshwao a ditshwanelophetolo Language (HTML).

Ha e le hantle, ka HTML, ha ho letho ho le thata, 'me ka metsotso e seng mekae tsohle e hōle-hōle ho tswa ho mananeo le batho ba Internet o tla phethahatsa ho thehoa ha HTML-maqephe a bukeng ena. mehlala e ikhethang, tsela e bonolo, ka sebele, e fumanehang ho mong le e mong.

tlhaloso kakaretso

HTML faele - leqephe mong site, le hoja ena e debatable, empa se faele e nngwe ka leqepheng la, bakeng sa ho qala ho hlakile.

HTML faele e qala ka DOCTYPE platform hore totobatsa hore mofuta oa faele ya - HTML. likarolo tsohle leqepheng la (tagged) di ile a bontša ka hare ho ka masakaneng angle. E mong le e para ( "<" le ">") ho kenyeletsa le leng la tag HTML. Hangata HTML tagged di di behuwe ka bobedi, ke hore, bakeng sa mong le e mong «la tag» na le «/ la tag». Ka bobeli ba kenyeleditsweng ka masakaneng angle. Ho na le ke ho kenya tag le 'ngoe, eo ka ho fetisisa ratoa «! Br /» - fetoheng molaong moleng hlahlamang.

Tag ya kholo ka ho fetisisa ka ho faele ya - e ke HTML, e akarelletsang ho kenya tag tse peli feela: HEAD le BODY. Tabeng ea pele, ga tlhaloso fapaneng ke e bontsha gore go ya khokahano ho ea ho a difaele tsa ho tse ling tse loketseng e leqepheng la ka 'na ho ba teng PHP le mengolo Javascript. Ka dikahare bobeli leqephe le ngotsoeng. Hape ka mokgwa wa tagged le mengolo.

Simple HTML-leqepheng la

Mohlala oa ho bōpa leqephe joalo e bontšoa sehloohong se ka tlaase mona. Nahana ka hloko.

HEAD karolong

Ka sehloohong morero oa HEAD la tag - tlhaloso e akaretsang ea leqephe le mengolo akaretsang, le hoja bobeli - feela khopolo e lekanyelitsoeng. Hangata ho na le khomarelang bohlokwa haholo ho etsa lintho tse peli feela:

• mantswe le tlhaloso ea leqephe;
• khokahano ho ea ho a difaele tsa ho tse ling tse (* .css le * .js).

Ho bontša diteng tsa leqephe la dikahare tsa karolo ena e na le bohlokoa feela e sa tobang hobane e bontša moo ba bang ba a difaele tsa ho tse ling tse nang le melao CSS bakeng tagged le mengolo lipuo tse ling.

HTML-leqephe na le sehlooho (Title), eo o bonahala ha moeti tlisa toeba hao ho fetela ho tab ya moo leqephe e buloa. Sena ke sa bohlokoa, hobane etsa leqephe tse ling tse ngata shebahale hantle, ho le bonolo ho re, saennweng ho mongolo balwang.

Meta-tagged ke tsa bohlokoa mananeo ho web ka kakaretso, empa ha e hlokahala ho bōptjoa HTML-maqephe a bukeng ya, ka mohlala oa sa rateheng bohlasoa dibopeho e sa hlokeheng.

Ka LINK le ngotsoeng maqhama lokela ho lefa lebisa tlhokomelo e khethehileng. Pele e bua ka sebaka seo ho sona ho nang le CSS stylesheet faele, bobeli - lefelo la faele Javascript-khoutu ya. maqhama a joalo a ka ba beha.

Haeba u sebelisa mengolo lokela ho tšoaroa ka tsebo e HTML e tla matlafala, o lokela ho ela hloko hang-hang ka maqephe cascading setaele. Difaele CSS ba, ka ho khetheha, melao ea ngoliso ea tagged HTML.

karolo BODY

Ha e le hantle, e le sampole leqephe HTML - sena ke BODY karolo. Ho mona hore na boitsebiso bohle, kaofela ha leqephe dikahare. boitsebiso bohle bo fana ka mokgwa wa tagged le mengolo, tse kang ho kenyeletsa le Javascript-khoutu kapa likotoana tsa PHP-lenaneo.

Ho bohlokoa ho hlokomela hore ka mohlala oa maqephe a web a HTML ka sebadi le mohlala tšoanang ka mohlophisi temana kang noutephete, sena ha se ntho e tšoanang. Tabeng ea pele re loketse HTML-ea mongolo oo mengolo tsohle bolaoa. Mohlala, PHP o phethahalitse karolo ea sona 'me ha thehoa ho ena le khoutu ea libaka le letona tagged. Javascript hape phethahala mosebetsing wa borumuwa lona, le hoja ka eona leha ho le joalo ho ba le puisano e arohaneng.

HTML - e Tags sebakeng sa mengolo. Qetellong, feela dikahare tsa leqephe di behilwe ho boraosara ba, empa la tag lona. Ha ho PHP-khoutu e le sieo.

Javascript ke ba maemong a khethehileng, tlhokomelo ea hae e - ea ho sebeletsa leqephe, eseng feela ha ba dia boot nako (overload), empa ka linako tse ha leqephe ke ho boraosara moeti, 'me lithuto tsa eona.

A mohlala e bonolo ya khoutu HTML-leqepheng la (feela BODY karolo) e bontšitsoeng tlaase mona.

seshebisi A moeti oa ho bonahala e le bontšitsoeng tlaase mona.

o ne a sa boletsweng khoutu ya lokela ho shebahala joang thepa ea motheo e ileng seshebisi ka. moralo tsohle ke bonahalang ka melao CSS. Tabeng ena, Mcss / scPhpWordRW.css faele eo e ile ya umakiwa (bona. Mohlala pele haholo tsa leqephe HTML).

Ho fapana le HTML, CSS sehlooho ke pete, ho na le ho fihlella haholo melao le palo ea bona ke tse nyenyane, ha ka mohlala oa popo ea HTML-maqephe ha a hloke letho le leng ho feta noutephete. Tsohle e bonolo ho li fumana haholo bakeng sa ntshetsopele hang-hang:

Sena se bontša kamoo ho le bonolo ho o hlalosoa la tag scLogo_vDoc, 'me tlhaloso ena ke hore le boemong ba tloaelehileng ea ho kenya tag e bontša setshwantsho vDoc-logo.png,' me ha toeba e holim 'a eona - di behilwe vDoc logo-h.png.

Sebōpeho sa litlhaloso HTML

Puo ha e akarelletsa ho phetha efe kapa efe ya sebopeho le hokahanngoang ya ya kgopolo ya mona ke a lekanyelitsoeng haholo. Ha ho na divariabole, empa ho na le e ngata ea le menyetla. Motheo ea bohlokoa ea hypertext ke hore ho na le karolo ea (la tag) hore ke bonnete ba hore o na le lebitso.

Lebitso la boemo ke bofe, ba babeli ba kenya tag, entsoe ka mabitso e nepahetseng (tagName) le masakana a hlaha ka lehlakoreng le ( «<» + tagName + «>»), ha re bua ka tšimoloho ea ho kenya tag ya, 'me «», haeba tlalehiloeng lona qetellong.

Mohlala oa maqephe HTML e hlalosang litšobotsi tsa sebakeng temana ea tlase.

Tag e ka ba le litšobotsi tse, joale ba ba beha ka sebaka sa mora lebitso la tag pele koalang angle bracket ">". Litšobotsi, haeba ba na le ho kenya tag e tlalehiloeng feela qalong. The dikahare tsa kenya tag ke hore eo larileng ka pakeng tsa ho qala di-tag le ho fela ha eona.

Kakaretso ea litlhaloso HTML dikahare

HTML lumella u ho hlalosa-ea le literata le inline likarolo. Pele lula sebakeng se itseng ka ho browser window ka hantle ka ho feletseng, ke hore ka sebakeng se nepahetseng ka tšimo ea bontshiweng HTML-maqephe, 'me ho ba le boholo ba itseng.

likarolo Inline kakaretso hlaha khoele e 'ngoe, e le hore ke, joalokaha ho ne ho boletsoe faele leqepheng la,' me a bonahatsa skrineng. Bontshiweng tsa phallo palo yohle ka ho susumetsoa ha leqephe mojaro se hlahile. Ka placement, ponahalo, 'me thepa tse ling tsa likarolo-ea le literata e ka susumetsoa ka nako efe kapa efe ka tsela Javascript-khoutu ya.

Ho phaella ho thepa ea motheo e bonolo, HTML fana ho hlalosa litafole le mefuta e. likarolo tsena ke haholo ka batloang ka "letsatsi le letsatsi saeteng ho haha."

Tlhaloso ea tafole: tagged tafoleng, TR, TD

Ha tafole ea la tag ka sebelisoa ho bopa tafole, qaqisa palo ya mela le TR ka tatellano bakeng sa palo ka ea lisele TD. Ho fapana le tafole e tloaelehileng ea mokhatlo o hlophisitsoeng, ka lebaka la ho sebopeho HTML-ya matshwao tafola mokhatlo o hlophisitsoeng oa lekanyetsoa phatlalatso ena, hobane ha developer indonesia ho batla ho ba le tafole likhutlo li 'nè tseo ka tsona palo ea litšiea ka mela kaofela e tšoanang, ka nako eo ho lokela ho latela hore bakeng sa hao.

The melao-motheo boemo ba HTML: etsa eng kapa eng eo ke, empa ha ho letho le hore e sa utloisisoe. Maemong a mang ho ke ke ha e le habohlokoa hakaale ka palo ea litšiea moleng ka mong ea tafoleng, empa haeba u batla ho etsa lisele tse sa itsoakanya tsekaletse kapa plate, ho ke ke ho hlokahala hore re bale tsohle ka hloko haholo.

Mohlala HTML leqephe le tlhaloso ya tafole e bonolo ka ho hlaka ho bontšitsoe sehloohong sena.

Mona ke tafole bontsha boholo ba mela e meraro ka litšiea tse tharo, ka la pele moleng la tag TH e ne e sebelisoa ho ena le ho TD la tag - the lenaneng la platform. Haholo-holo khetholloa tagged tsena tse peli ha ba na, empa ho ka etsahala ho sebelisa oa pele oa ho khetha pakeng tsa se moleng pele la tafole, 'me ka CSS ho TH, o ka hokela setaele sa hao, e leng distinguishes e tsoa ho e TD tse ling.

Tlhaloso foromo: MOFUTA la tag, input

Foromo ya - ena ke nako e ngata a batla a HTML-tagged. Ho sebelisa liforomo ka fetisetsa tlhahisoleseding. Ha e le hantle, leqephe - litaba tsena bontshiweng, empa foromo - input.

Mohlala HTML leqephe le tlhaloso ya foromo e bonolo:

Sebedisa tsa mefuta tse ling tse ngata, empa likarolo ya sehlooho ke tse latelang. U ka bolela ka ho toba ea tšimo input, u lokela ho abela ho meralo le baokameli ketsahalo bakeng sa ho hlahloba input mosebedisi. U ka bolela ka ho toba e le tšimo patiloeng le fetisetsa tlhahisoleseding ho tswa leqephe la semelo sa. O ka kgetha ho lesedi phetiso konopo, phehella hore ba qalang tshebetso phetiso ya data.

sebelisa HTML

Ho tseba puo hypertext - boemo ba bohlokoa haholo bakeng sa leha e le efe ee rileng mosebetsi tšimong ea mananeo Internet, empa haeba u batla ho ngola ka lenaneo ka PHP kapa Javascript, joale le tsebe HTML + CSS hloka tsela e phethahetseng.

puo PHP e se e tsejoa ka mohlala fetileng. PHP matha ka seva, hobane leqephe le ka foromo ena sefofane ho tswa ho seva e ho sebadi le masimo khorisoa. Ka ho khetheha, mesebetsi TestOnBlur boletsoeng ka la tag input (ketsahalo onblur mots'oari), o ile a fumana entsprechen tsohle ka mokgwa wa masimo a taba e ngotsoeng.

The seshebisi matha Javascript, 'me ho hantle sebelitse ya data romela konopo khutlela seva, ke hore, moralo :. Onclick = jQuery (' # ho ') Val (' koloi '), e ke ho hlokahala hore ho tseba ha feela ka seo jQuery, empa seo #to, Val, koloi. More toba, ho ke ke ho hlokahala hore ho tseba tagged mantlha HTML le melao kakaretso sebelisa ho bona le mekhoa CSS.

Sena ke ka ho lekaneng hore ka potlako tsosa mangolo ea botsayakarolo leha e le efe sebakeng mananeo Internet.