د یو د HTML مخ مثال په توګه او د اساسي اصولو

اختراع څو ژبو، خو د HTML د ژبې د ټولو ځانګړو او vosstrebovan یو. څرنګه چې دا شامل دي د د پروګرامونو د نورو مهمو نوښتونو ډېرې. ډېر دی، کله چې د اضايف بیه د ژبې د پراختیا د موجود علم په ذهنونو کې شته - د لومتن د اضايف ژبه (HTML).

په حقيقت کې په HTML، هلته هيڅ ستونزمن کار دی، او په يو څو دقيقو کې د ټولو د پروګرامونو او د انټرنټ د خلکو له لرې به د کتابچې په HTML-مخونو د جوړولو پوره کړي. د یادونې وړ مثالونه، ساده، په حقیقت کې، د السرسي د هر چا.

عمومي Description

د HTML دوتنې - د یو مخ ځای، که څه هم دا د بحث وړ، خو هغه څه چې دی په هر مخ د يوې دوتنې کې، د يو پيل دا ښکاره ده.

د HTML دوتنې سره DOCTYPE سرۍ چې مشخص پيل شو چې د هغه دوتنې د ډول - د HTML. ټول مخ عناصر (نښانونه) زاويه په قوسونو کې دننه په ګوته شوي دي. هر جوړې ( "<" او ">") شامل دي یو ترتيبول په HTML. معمولا د HTML نښانونه جفت دي چې، د هرو «په پېژندتورو» لري «/ ترتيبول». دواړه په زاويه په قوسونو احاطه شوی دی. په راتلونکو کرښې ته انتقال - واحد ترتيبول، چې ډير مشهور «br /» شته دی.

په دوتنه د ستر نښان - دا د ځان د HTML، په کوم کې چې يوازې دوه په پېژندتورو: د سر او د بدن. په لومړي صورت کې، د مختلفو سمتياوې دي د نورو مربوطه مخ دوتنې تړنې کېدای شي شتون PHP او د جاواسکرېپټ سکرېپټونو وي رښتوندود. په دوهم مخ کې لیکل منځپانګه. همدارنګه په د نښانونو او سکرېپټونو په بڼه.

ساده HTML-مخ

د دغه ډول مخ په جوړولو مثال د مادې لاندې په ښودل شوې ده. دا په دقت سره په پام کې ونیسئ.

سر ښکاره کړی

د هدف سر اصلي ترتيبول - چې د مخ او د عمومي سکرېپټونو عمومي توضيحات، که څه هم وروستۍ - يوازې يو تش مفهوم. معمولا هلته ورکوي چې یوازې دوه شيان د پام وړ اهمیت:

• عمده او د مخ Description؛
• د نورو دوتنې تړنې (* .css او * .js).

چې د ښکاره کړی مخ منځپانګه د محتوا د ښودلو لري یوازې د غیر مستقیم اهمیت ځکه چې دا په ګوته کوي چې د ځینو نورو دوتنې لپاره نښانونه او نورو سکرېپټونو ژبو CSS اصول لري.

د HTML-مخ د يو عنوان (سرليک)، چې نندارې ته کله چې د يو ميلمه د ټب چې د مخ پرانيستې ده باندې ستاسو د موږک راولي لري. دا مهمه ده، ځکه چې دا د مخ ډېر presentable، اسانه وايي، کوي د لوستلو وړ متن لاسلیک کړ.

meta-نښانونه دي په عمومي توګه په ويب پروګرام مهم، خو کله چې دا په یوه کتابچه، د ناغوښتل clutter ګوښه جوړښتونو يوه بيلګه ده د HTML-مخونو د جوړولو ته اړتيا لري.

د لار او SCRIPT تړنې ته بايد ځانګړې پاملرنه وکړي. لومړی اشاره یو ځای شته دی CSS ډولپاڼې د دوتنې، د دويم - د جاواسکرېپټ-کوډ دوتنه د ځای. دا ډول تړنې کولای شي.

که تاسو وکاروي سکرېپټونو باید په توګه د HTML د پوهې چلند وشي به قوي شي، تاسو بايد ژر تر ژره پاملرنه په ځوړاوبيزې سبک پاڼې ورکړي. د CSS دوتنې دي، په ځانګړې توګه، د HTML نښانونو د ثبت قواعد.

د بدن ښکاره کړی

په حقیقت کې، د يوه نمونه مخ د HTML - دا د بدن کړی. دا دلته دا ده چې ټول هغه معلومات، د محتوا د مخ د ټولو لري. ټول معلومات چې د نښانونو او سکرېپټونو، لکه د جاواسکرېپټ-کوډ يا د PHP پروګرام ټوټې ورزياتولو سره په شکل کې وړاندې دی.

دا مهمه ده چې پوه شي چې په کې د يو متن مدير لکه notepad د کتنمل او ورته مثال په توګه د HTML د وېب پاڼې د مثال په توګه، چې د دې نه د همدې موضوع ده. په لومړي صورت کې موږ چمتو HTML-متن کې چې د ټولو د سکرېپټونو اعدام. د مثال په توګه، php خپله برخه پوره او په نښانونه حق ځایونه کوډ پر ځای جوړه کړه. د جاواسکرېپټ هم د خپل ماموریت سرته رسولې، که څه هم په اړه تر اوسه یوه جلا خبرې وي.

د HTML - دا د سکرېپټونو ځای نښانونه. په پای کې، يوازې د په لټونګر کې نندارې ته مخ د محتوا، خو د خپلو ليکنو ترتيبول. نه PHP-کود دلته نه ده.

د جاواسکرېپټ په يوه ځانګړي مقام، د هغه د پاملرنې ده - د مخ خدمت وکړي، نه یوازې په بوټانو د وخت د (راځي)، خو په شيبو په وخت کې ميلمه د کتنمل مخ دی، او د زده کړو دا.

يوه ساده مثال په توګه د کوډ د HTML-مخ (يوازې د بدن کړی) لاندې ښودل شوی.

يو مېلمانه د کتنمل داسې ښکاري چې په لاندې ډول ښودل شوي دي.

د کوډ کې څرګندې نه دي بايد د عناصر دي چې د کتنمل راوړل شان ښکاري. ټول طرحه په اصولو CSS لیدلو وړ دي. په دې صورت کې Mcss / scPhpWordRW.css دوتنه چې په کې اشاره شوې وه (د يوه مخ د HTML د لومړي مثال په توګه ګورو.).

برعکس د HTML، CSS موضوع ساده ده، ډېر د السرسي وړ قواعد شتون لري او د هغوی د شمېر د کوچنيو، کله چې د HTML-مخونو د جوړولو د مثال په توګه نه په پرتله notepad بل هر څه ته اړتيا نه لري. هر څه ده لپاره فوري پرمختګ ډېر لاس رسی:

دا ښیي، څومره اسانه کار دی ترتيبول په scLogo_vDoc تشریح شوي، او دا شرح ده چې په یو د ليکنو ترتيبول په نارمل حالت نندارې ته یو انځور vDoc-logo.png، او کله چې د موږک باندې دا - نندارې ته vDoc-logo-h.png.

د HTML توضیحات جوړښت

ژبه نه ترسره د مفهوم د جوړښت او العروض نه شامل دلته ډېر خپلوان. متحولونه نه شته، خو د شته فرصتونو د پرېمانه. د لومتن د اساسي بنسټ دی چې د عنصر (TAG) چې دی ډاډه یو نوم لري شتون لري.

د دې قضیې د نوم، د ليکنو ترتيبول په جوړې، جوړ مناسب نومونه (tagName) او زاويه په قوسونو ( «<» + tagName + «>»)، که موږ د ليکنو ترتيبول په پیل، او په اړه خبرې کوو «»، که ثبت خپل پای.

د HTML مخونه تشریح صفات په متن لاندې پروت مثال.

د ليکنو ترتيبول په کولای صفات لري، نو د یو ځای له لارې د ليکنو ترتيبول په نوم وروسته د بنديدو زاویې لیندۍ مخکې دي ">". خصوصیتونه، که هغوی د ليکنو ترتيبول په یوازې په پيل کې ثبت شوي دي. د ليکنو ترتيبول په محتوا ده چې په پيل کې په پېژندتورو او دا په پای کې تر منځ پروت دی.

ټول د HTML منځپانګه توضیحات

د HTML تاسو ته اجازه درکوي د بنديز او په لیکه کې عناصرو تشریح. لومړی اشغال په کړکۍ کې يو سيمه کولای پر ځای شي په بشپړه توګه، چې په کې د نندارې د HTML-مخونه په برخه کې د حق ځای دی، او د یو مشخص اندازه لري.

په لیکه کې عناصر په عمومي ډول یو تار ښکاري، چې د ده، لکه څنګه چې په مخ دوتنه شو ویلي، او د نندارې پر پرده. د ټول جريان نندارې ته کولای شي تر اغېز لاندې شي کله چې د پاڼې په پورته واقع دی. په دکرلو، لید، او د بنديز عناصر د نورو شتمنيو کولای شي په جاواسکرېپټ-کوډ له لارې هر وخت تر اغېز لاندې شي.

په ساده عناصرو سربیره، د HTML وړاندې کوي چې د جدولونو او شکلونو تشریح. دا عناصر دي چې په کې د تقاضا ډیره "هره ورځ ځای ودانۍ."

د مېز جزیات: نښانونه جدول، په انگرېزي، TD

کله چې د يو جدول جوړ جدول د ليکنو ترتيبول په وکارول شي، په يو قطار د TD حجراتو د يو شمير د کتارونو او په انگرېزي شمېر مشخص. په د سازمان د معمول په جدول کې، د طبیعت د HTML-د اضايف جدولي سازمان محدود دې اعلامیې له امله، د برعکس ځکه که د پراختیا غواړي چې د يو مستطيل جدول کې چې د همدې ټولو کتارونو د کالمونو شمېر، نو باید د خپل ځان تعقيب چې لري.

د HTML اصولي دریځ: هر هغه څه ده، خو هيڅ ده چې پوه نه. په ځینو مواردو کې دا نو د د جدول کې د هر قطار کالمونو شمېر مهمه نه ده، خو که تاسو غواړئ چې یو لېږدونه او د حجرو په افقي يا عمودي ترسره کړي، دا ضروري ټولو شمېرل ډېر په احتياط سره ده.

مثال په توګه د HTML سره د يو ساده جدول د Description مخ په انځوریزه د ماده کې ښودل شوي دي.

دلته ده چې د میز له خوا درې ستنې د درې کتارونو په اندازه ښيي، سره د لومړي کتار په پېژندتورو TH شو د TD ترتيبول په ځای کارول - د ستن سرۍ. په ځانګړې توګه جلا دغو دوو نښانونه نه لري، خو دا ممکنه ده چې د لومړي ځل لپاره د جدول په لومړي قطار تر منځ او په TH د CSS کولای شي د خپل سبک، چې له نورو TD توپیر دا ضمیمه توپير وکاروي.

Description فورمه: فورمه ترتيبول، آخذه

فورمه - دا د HTML-نښانونه په برخه کې تر ټولو غوښتنه وکړه. د کارولو فورمی کولای شی معلومات واستوي. په حقیقت کې، د مخ - د دې معلوماتو د نندارې، خو په شکل - وسيله ده.

مثال په توګه د HTML سره د يو ساده د فورمې په مخ:

د بڼې ډېر کاروي، خو د اصلي ځانګړنې په لاندې ډول دي. تاسو کولای شی د آخذې ډګر مشخص، تاسو باید د نوهغه ته د کارونکي آخذه د تحلیل لپاره د طرحې او پيښه مربيان. تاسو کولای شی د یو پټ برخه کې مشخص او د مخ شاليد څخه د معلوماتو د انتقال. تاسو کولای وګماري د معلوماتو د لیږد تڼی، پرسولو، چې د معلوماتو د انتقال د پروسې پیل.

په کارولو سره د HTML

د لومتن د ژبې پوه - لپاره د انټرنټ د پروګرام په برخه کې کوم کار تخصص یوه لازمی شرط دی، خو که تاسو غواړئ چې په PHP او يا د جاواسکرېپټ يوه پروګرام ليکل، نو پوه د HTML + CSS اړتيا پوره.

په تیرو مثال په PHP ژبې مشخص شوی دی. PHP په سرور چلوي، ځکه چې له دې فورمه کې د يوه مخ د پالنګر لخوا د سره په برخو ډک د کتنمل والوت. په ځانګړې توګه، TestOnBlur دندو یادونه په پېژندتورو آخذه (onblur پيښه سمبالوونکی)، د متن برخو په بڼه د ټولو پارامترونو ترلاسه کړ.

لټونګر چلوي د جاواسکرېپټ، او په سمه توګه د پالنګر تڼی په کار وکړ څو د ارقامو ته واستوي بېرته، يعنې د ډیزاین:. onclick = پټول ( '# ته') Val (کراچۍ)، دا ضروري نه يوازې هغه څه په اړه د پټول پوه دی، خو هغه څه چې #to، val، کراچۍ. نور دقیق، دا ضروري ده چې د HTML اساسي نښانونه او د عمومي اصولو ته يې درخواست د CSS سبک پوه.

دا دومره ژر د انټرنټ د پروګرامونو په سيمه کې د هر تخصص د وړتوب کړي ده.