Tusaale ka mid ah bogga HTML ah iyo mabaadii'da aasaasiga ah ee

Been abuurtay afaf badan, laakiin afka HTML waa mid ka mid ah ugu gaar ah iyo vosstrebovan. Tan iyo markii ay ku lug badan oo dadaallada kale ee muhiimka ah ee barnaamijyada. Inta badan waxaa la dhigay heli, marka in maskaxda sameeysa aqoonta joogo of Bogani - xiraysid saaraha Astaamaynta Language (HTML).

Dhab ahaantii, in HTML, ma jirto wax adag, iyo in dhowr daqiiqo oo dhan ugu fog fog ka soo barnaamijyada iyo dadka internetka dhammaystiri doonaa abuuritaanka HTML-bogagga buuga. tusaalooyin xusid mudan, xog, runtii, ay heli karaan qof walba.

sharaxaad guud

file HTML - site hal bog ah, inkasta oo ay tani waa laga doodi karaa, laakiin waa waxa ka mid ah file per page, for a bilaabi waxaa iska cad.

file HTML bilaabmaa madax DOCTYPE in qeexan yihiin in nooca faylka - HTML. Dhamaan xubno page (tags) ayaa tilmaamay qaansada ku xagal gudahood. Labada ciyaaryahan kasta ( "<" iyo ">") waxaa ka mid ah mid ka HTML tag. Sida caadiga ah HTML tags lamaanahaaga, in uu yahay, waayo, «tag» kasta «/ tag». Labadaba waxaa ku lifaaqan ee ku dhxe xagal. Waxaa jira hal tag ah, kuwaas oo ah «br /» ugu caansan - guurka in laynka ku xiga.

tag ugu weyn ee file - waxaa HTML naftayda, oo ay ku jiraan laba kaliya tag: MADAXA iyo JIRKA. Xaaladda hore, faahfaahinta kala duwan yihiin waxay muujinaysaa xidhiidhka bogga files kale muhiimka ah waxaa laga yaabaa in PHP joogo iyo qabnay JavaScript. In bogga labaad content qoraal ah. Sidoo kale qaab tags iyo qabnay.

Simple HTML-page

Tusaale abuuro page sida lagu qorey in article hoose. waxay si taxadar leh u fiirso.

qaybta MADAXA

The tag weyn ee MADAXA Ujeedada - sharaxaad guud ee bogga iyo qabnay guud, inkastoo dambaysta ah - kaliya fikradda qof qaraabo ah. Sida caadiga ah waxaa qabsadey muhiimadda badan in wax kaliya labo:

• keywords iyo sharaxaad ee bogga;
• links in files kale (* .css iyo .js *).

Si aad u muujiyaan content ee content page qaybtan ku leedahay muhiimad aan toos ahayn oo kaliya maxaa yeelay waxa ay muujinaysaa meesha qaar ka mid ah faylasha kale waxay leeyihiin xeerar CSS for tags iyo luqadaha kale qabnay.

HTML-page uu leeyahay magac (TITLE), kaas oo la soo bandhigay markii booqasho keentaa aad mouse ka badan tab meesha page la furay. Tani waa muhiim, sababtoo ah waxa ay taasi bogga ka badan ayaa la soo bandhigi karo, fudud in la yidhaahdo, u saxiixay qoraal akhrin karo.

META-tags waa muhiim in barnaamijyada web guud ahaan, laakiin marka loo baahan yahay abuurista HTML-pages ee buugga a, tusaale ka mid ah aruuray loo baahnayn dhismeedka siyaado ah.

On the LINK iyo script links waa in fiiro gaar ah. Midkii kowaad wuxuu u jeedaa in meel halkaas oo ay jiraan file stylesheet CSS ah, kii labaadna wuxuu ahaa - meesha uu file JavaScript-code ka. links noocan oo kale ah lagu hagaajin karo.

Haddii aad isticmaasho qabnay waa in loola dhaqmaa sida aqoonta HTML ah noqon doonaan xoog, waa inaad fiiro gaar ah si deg deg ah on go'yaal style fatahmaan. files CSS waa, gaar ahaan, sharciyada diiwaan gelinta ee HTML tags.

qaybta JIRKA

Dhab ahaantii, bogga muunad HTML ah - taasi waa qaybta JIRKA ah. Waxaa halkan waa in macluumaadka ku jira oo dhan, oo dhan ee bogga content. Dhammaan macluumaadka la soo bandhigay qaab tags iyo qabnay, sida galinta a JavaScript-code ama qaybo ka mid ah-barnaamijka PHP.

Waxaa muhiim ah in la ogaado in tusaale ahaan ka mid ah boggaga web HTML ee browser iyo tusaale la mid ah in editor qoraal ah sida buugayga, tani ma aha wax la mid ah. In kiiska hore waxaan diyaar u yihiin HTML-text taas oo qabnay oo dhan ugu gar qaybshay xukun. Tusaale ahaan, PHP oofiyey ay qayb ka oo la sameeyay halkii code ee meelaha ku habboon tags ah. JavaScript sidoo kale rumoobay howlgalka, in kastoo ku saabsan waxa ay weli u noqon wada hadal oo kala duwan.

HTML - waxaa Tags halkii qabnay. Ugu dambeyntii, kaliya ee content ee bogga soo bandhigay in browser ah, laakiin tag. No PHP-code ma jirtaa.

JavaScript waa in meel gaar ah, oo uu daryeel - si ay ugu adeegaan bogga, ma aha oo kaliya waqtiga boot (dollar), laakiin daqiiqado marka page waa in browser booqdaha, oo waxbarashada.

Tusaale A fudud ee code HTML-page (kaliya qaybta JIRKA ah) hoos ayaa lagu muujiyey.

browser booqdaha A ayaa waxa ay u muuqataa sida hoos ku qoran.

lama ku qeexan xeerka waa in ay eegaan sida waxyaabaha keenay browser ah. design oo dhan waa la arki karo in xeerarka CSS ah. Xaaladdan oo kale, Mcss file / scPhpWordRW.css in la tilmaansado (eeg. Tusaale ahaan waxay aad ugu horreeya ee bogga HTML a).

Si ka duwan HTML, CSS theme waa ka fudud yahay, waxaa jira xeerar aad u heli karo iyo tirada uu yar yahay, marka tusaale ahaan ka mid ah abuurka ah ee HTML-pages uma baahna wax kale oo aan ahayn buugayga. Wax kasta waa mid aad u heli karo horumar degdeg ah:

Tani waxa ay muujinaysaa sida ay u fududahay waxaa lagu tilmaamay scLogo_vDoc tag, oo description this waa in xaalad caadi ah oo tag soo bandhigayaa a sawir vDoc-logo.png, iyo marka mouse yahay waxa ka weyn - bandhigay vDoc-logo-h.png.

Dhismaha sharaxaada HTML ah

Language kuma saabsana oo mid ka mid ah qaab-dhismeedka iyo Saan of fikradda fulinta halkan waa mid aad qaraabo. Waxaa jira doorsoomayaasha jirin, laakiin waxaa jira fursado badan oo. salaysan asalka u ahaa xiraysid waa in uu jiro element ah (tag) in uu yahay Hubi in aad leedahay magac.

Magaca kiiska, labada ciyaaryahan tag ah, ka kooban magacyada saxda ah (tagName) iyo qaansada ku xagal ( «<» + tagName + «>»), haddii aynu ka hadlayno iyo bilowgii tag ah, iyo «», haddii diiwaan ay dhamaadka.

Tusaale pages HTML ku tilmaamay sifooyinka ku yaalla qoraalka hoos ku qoran.

tag The yeelan karaan sifooyinka, ka dibna ay la geliyey iyada oo meel ka dib markii magaca tag hor qaybta xagal xiritaanka ">". Yeelaa, haddii ay qabaan tag waa la diiwaangeliyaa oo keliya bilowga. content ee tag waa in oo ku taala meel u dhaxaysa tag bilowga iyo dhamaadka waxaa ka mid ah.

Total sharaxaada content HTML

HTML kuu ogolaanayaa inaad si ay u qeexaan waxyaalaha block iyo Wabka. First mashquulin meel gaar ah in suuqa kala browser la taagan karo gabi ahaanba, waxa meesha ku haboon berrinkii bandhigay HTML-pages, oo ay leeyihiin size gaar ah.

xubno Wabka guud ahaan muuqan mid thread, in uu yahay, sida lagu sheegay in file bogga, oo soo bandhigay shaashadda. bandhigay ee socodka guud ee saamayn kara marka load bogga dhacdaa. On meelaynta, aragti, iyo guryaha kale ee xubno ka block ee saamayn kara wakhti kasta via JavaScript-code.

Intaa waxaa dheer in ay xubno ka fudud, HTML waxay bixisaa si ay u sharxaan miisaska iyo foomamka. xubno Kuwani waa mid aad u badan in dalabka ee "dhismaha goobta maalin kasta."

Description of miiska: SHAXDA tags, TR, TD

Marka tag TABLE waxaa loo isticmaali karaa si ay u abuuraan miis, sheeg tiro ka mid ah saf oo TR oo isku xigta ah tiro ka mid ah unugyada TD. Marka la barbardhigo miiska caadiga ah ee ururka, ay sabab u tahay ururka nooca HTML-Bogani tabular ku koobnayn dhawaaqo this, sababtoo ah haddii sameeysa uu doonayo in uu qabto miis qaab taas oo tirada columns oo dhan saf oo isku mid ah, ka dibna waa in la raaco in naftaada.

booska mabda'a of HTML: samayno wax kasta waa, laakiin wax kasta oo aan la fahmin. Xaaladaha qaarkood ma aha sidaas u muhiim ah in tirada columns oo isku xigta kasta oo miiska, laakiin haddii aad rabto si ay u qabtaan unugyada isku darsanka ah gudban ama vertical, waxaa lagama maarmaan ah in aad si taxadir leh u tirin oo dhan.

Tusaale HTML page leh sharaxaad ka mid ah miis fudud garaaf ku cad maqaalka.

Halkan waa miis oo muujinaysa baaxadda saddex saf by saddex madax, la tag ugu horeysay ee isku xigta TH waxaa loo isticmaalay halkii tag TD - madax column ah. Gaar ahaan kala duwanaayeen labadan tags aadan haysan, laakiin waxaa suurto gal ah si ay u isticmaalaan marka hore in la kala saaro oo safka kowaad ee miiska, iyo CSS in TH, waxaad ku dhejin kartaa style u gaar ah, kaas oo ay kala ka TD kale.

foomka Description: tag FOOMKA, talooyin

Form - taasi waa qaybta ugu weyddiiyeen oo ku HTML-tags. Isticmaalka qaabab gudbin kartaa macluumaad. Dhab ahaantii, bogga - macluumaad bandhigay this, laakiin foomka - aqbasho.

Tusaale HTML page leh sharaxaad ka mid ah nooc ka mid fudud:

Wuxuu isticmaalaa noocyada kale oo badan, laakiin qaababka ugu muhiimsan waa sida soo socota. Waxaad cayimi kartaa beerta talooyin ah, waxaad u baahan tahay inuu ku meeleeyo iyaga la qorsheeyo oo gacanta ku haya dhacdada for falanqaynta ee aqbasho user. Waxaad cayimi kartaa beer maqan iyo gudbiyaan warbixin ka soo jeeda bogga. Waxaad u xil saari kartaa button gudbinta macluumaadka, adiga oo riixaya in billaabay hanaanka wareejinta xogta.

Isticmaalka HTML

Si loo ogaado luuqadda xiraysid - xaalad lagama maarmaan ah ku saabsan takhasuska wax shaqo berrinkii barnaamijyada Internet, laakiin haddii aad rabto si ay u qoraan barnaamij ee PHP ama JavaScript, markaas ogaada HTML + CSS u baahan tahay si fiican.

luqadda PHP ayaa lagu tilmaamay inay ku jiraan tusaale ahaan hore. PHP waddaa on server ka, sababta oo ah bog la foomkan duulay ka server si browser la beeraha ka buuxsantay. Gaar ahaan, hawlaha TestOnBlur ku xusan talooyin tag ah (onblur dhacdo Handler), helay kasta oo lagu cabbiro ee foomka of beeraha qoraalka.

browser The waddaa JavaScript, iyo in ay si fiican u shaqeeyay xogta button dib ugu server u diri, in uu yahay, design :. Onclick = jQuery ( '# si') Val ( 'gaadhigiina'), waxaa lagama maarmaan ah in la ogaado ma aha oo kaliya oo ku saabsan waxa jQuery ah, laakiin waxa #to, Val, gaadhigii. More hufan, waxaa lagama maarmaan ah inaad ogaato tags HTML aasaasiga ah iyo xeerarka guud codsanaya iyaga Hababka CSS ah.

Tani waa ku filan si ay si deg deg ah kor u isreebreebka ee takhasuska kasta oo degaanka ee barnaamijyada Internet.