ایک HTML صفحے کی ایک مثال اور کے بنیادی اصولوں

کئی زبانوں آویشکار، لیکن HTML کی زبان سب سے زیادہ خصوصی اور vosstrebovan سے ایک ہے. یہ پروگراموں میں دیگر اہم اقدامات میں سے ایک بہت کچھ شامل ہیں. ہایپر ٹیکسٹ مارکاپ زبان (HTML) - زیادہ مارک اپ زبان کے ڈویلپر موجود علم کے ذہنوں میں جب دستیاب کرایا جاتا ہے.

اصل میں، ایچ ٹی ایم ایل میں، وہاں مشکل کچھ بھی نہیں ہے، اور چند منٹ کے تمام سب سے زیادہ ویئر اور انٹرنیٹ لوگوں سے دور میں نوٹ بک میں ایچ ٹی ایم ایل صفحات کے قیام پورا کریں گے. قابل ذکر مثالیں، سادگی، بے شک، سب کے لئے قابل رسائی.

جنرل تفصیل

HTML فائل - ایک ایک صفحے کی ویب سائٹ ہے، یہ متنازعہ ہے، لیکن فی صفحہ ایک فائل، کیا ہے ایک شروع یہ واضح ہے اگرچہ.

HTML فائل کی وضاحت کرتا ہے کہ ایک DOCTYPE ہیڈر کے ساتھ شروع ہوتا فائل کی قسم ہے کہ - ایچ ٹی ایم ایل. تمام صفحہ عناصر (ٹیگز) زاویہ بریکٹ کے اندر اندر اس بات کا اشارہ کر رہے ہیں. ہر جوڑے ( "<" اور ">") ایک ٹیگ ایچ ٹی ایم ایل میں شامل ہیں. عام طور پر ایچ ٹی ایم ایل ٹیگز کا ہر «ٹیگ» کے لئے یہ ہے کہ، جوڑ بنانے، «/ ٹیگ» پڑے رہے ہو. دونوں زاویہ بریکٹ میں منسلک رہے ہیں. اگلی لائن پر منتقلی - سب سے زیادہ مقبول «بی آر /» جس کا ایک ایک ٹیگ، نہیں ہے.

سر اور جسم: صرف دو ٹیگ بھی شامل ہے جو خود HTML، - فائل میں سب سے بڑا ٹیگ. پہلی صورت میں، مختلف تصریح دیگر مناسب صفحے فائلوں کے لنکس موجود پی ایچ پی اور جاوا سکرپٹ سے ہو سکتا ہے کے نشاندہی کر رہے ہیں. دوسرے صفحے تحریری مواد میں. اس کے علاوہ ٹیگ اور سکرپٹ کی شکل میں.

سادہ ایچ ٹی ایم ایل صفحات

ایسے صفحے کی تشکیل کی مثال ذیل مضمون میں اشارہ کیا گیا ہے. احتیاط سے اس پر غور کریں.

ہیڈ سیکشن

بنیادی مقصد سر ٹیگ - صفحہ اور عام اسکرپٹ کی ایک جنرل وضاحت، اگرچہ مؤخر الذکر - صرف ایک رشتہ دار تصور. عام طور پر صرف دو چیزوں کو کافی اہمیت نہیں دیتا:

• مطلوبہ الفاظ اور صفحے کی وضاحت؛
• دیگر فائلوں کے لنکس (* سی ایس ایس اور * جے ایس).

یہ اشارہ کرتا ہے کیونکہ بعض دوسری فائلوں ٹیگز اور دیگر سکرپٹ زبانوں کے لئے سی ایس ایس قوانین ہیں جہاں اس سیکشن کے صفحے کے مواد کے مواد کو ظاہر کرنے کے لئے صرف بالواسطہ اہمیت ہے.

HTML صفحات کو ایک عنوان (TITLE)، جو ایک وزیٹر ٹیب صفحہ کھولا ہے جہاں پر اپنے ماؤس لے کر آتا ہے جب ظاہر کیا جاتا ہے. یہ کہنا صفحے زیادہ زیادہ presentable، آسان ہوتا ہے کیونکہ پڑھنے کے قابل متن پر دستخط کئے یہ اہم ہے.

میٹا ٹیگز عام طور پر ویب پروگرامنگ میں اہم ہیں، لیکن یہ ایک نوٹ بک، ناپسندیدہ بے ترتیبی بے کار ڈھانچے کی ایک مثال میں ایچ ٹی ایم ایل صفحات کی تخلیق کی ضرورت ہے جب.

لنک اور سکرپٹ لنکس پر خصوصی توجہ دینا چاہئے. جاوا کوڈ فائل کا محل وقوع - سب سے پہلے ایک سی ایس ایس stylesheet فائل، دوسری نہیں ہے جہاں ایک جگہ سے مراد ہے. اس طرح کے لنکس کو مقرر کیا جا سکتا ہے.

آپ استعمال کرتے ہیں تو سکرپٹ ایک HTML علم کے طور پر علاج کیا ہونا چاہئے مضبوط ہو گا، آپ جھرن کاری سٹائل شیٹس پر فوری طور پر توجہ دینا چاہئے. سی ایس ایس فائلوں کو ایچ ٹی ایم ایل ٹیگز کا رجسٹریشن کے قوانین خاص طور پر، کر رہے ہیں.

سیکشن BODY

اصل میں، ایک نمونہ صفحے HTML - یہ جسم کے حصے ہیں. یہ تمام معلومات، مواد صفحے کے تمام پر مشتمل ہے کہ یہاں ہے. تمام معلومات جیسا کہ ایک JavaScript کوڈ یا پی ایچ پی پروگرام کے ٹکڑے ڈالنے ٹیگ اور سکرپٹ کی شکل میں پیش کیا جاتا ہے.

یہ اس طرح کے نوٹ پیڈ ایک ٹیکسٹ ایڈیٹر میں براؤزر اور ایک ہی مثال میں ایچ ٹی ایم ایل ویب صفحات کی مثال اس ایک ہی بات نہیں ہے کہ احساس کرنے کے لئے اہم ہے. پہلی صورت میں ہم جس میں تمام سکرپٹ پھانسی دے تیار HTML متن کی ہیں. مثال کے طور پر پی ایچ پی کی اس کے حصہ پورا کر اور اس کی بجائے صحیح جگہوں ٹیگز میں کوڈ کے تشکیل دیا ہے. جاوا سکرپٹ کو بھی یہ ابھی تک ایک علیحدہ گفتگو کے بارے میں، اگرچہ، اس کے مشن کو پورا کیا.

HTML - یہ اس کی بجائے اسکرپٹ کے ٹیگز. آخر میں، صرف براؤزر میں دکھایا صفحے کے مواد، لیکن اس کے ٹیگ. کوئی پی ایچ پی کوڈ نہیں ہے.

جاوا سکرپٹ ایک خصوصی پوزیشن، ان کی دیکھ بھال میں ہے - نہ صرف بوٹ وقت (اوورلوڈ) میں، صفحے پر خدمت کرنے کے لئے، لیکن لمحات میں صفحہ وزیٹر کے براؤزر میں ہے، اور علوم جو.

ایک سادہ مثال کوڈ HTML صفحات کی (صرف جسم کے حصے) کے ذیل میں دکھایا گیا ہے.

جیسا کہ ذیل میں دکھایا گیا ہے ایک وزیٹر کے براؤزر کو یہ لگ رہا ہے.

کوڈ میں وضاحت نہیں کی گئی عناصر براؤزر لایا اس طرح نظر آنا چاہئے. تمام ڈیزائن سی ایس ایس قوانین میں دکھائی دے رہا ہے. اس صورت میں، Mcss / scPhpWordRW.css فائل ہے کہ محولہ کیا گیا تھا (. دیکھیں ایک صفحے کے HTML کے پہلے مثال).

برعکس HTML، CSS موضوع آسان ہے، بہت قابل رسائی قوانین موجود ہے اور HTML صفحات کی تخلیق کی مثال نوٹ پیڈ کے علاوہ اور کچھ کی ضرورت نہیں ہے جب ان کی تعداد، چھوٹا ہے. سب کچھ فوری طور پر ترقی کے لئے بہت قابل رسائی ہے:

یہ کتنا آسان ہے یہ ٹیگ scLogo_vDoc بیان کیا گیا ہے ظاہر کرتا ہے، اور یہ وضاحت ٹیگ کی معمول کی حالت میں ایک تصویر vDoc-logo.png کی نمائش کرتا ہے، اور ماؤس یہ ختم ہو گیا ہے جب - vDoc علامت (لوگو) h.png دکھایا.

HTML وضاحت کی ساخت

زبان تصور کی ساخت اور نحو میں سے کسی کو لے کر شامل نہیں ہے یہاں بہت رشتہ دار ہے. کوئی متغیر ہیں، لیکن مواقع کی کافی مقدار موجود ہیں. ہایپر ٹیکسٹ کا بنیادی بنیاد ایک عنصر (ٹیگ) ایک نام ہے بات کا یقین ہے کہ ہے کہ وہاں ہے.

کیس کے نام، ٹیگ جوڑی، مناسب نام (کے tagName) اور زاویہ بریکٹ پر مشتمل ( «<» + کے tagName + «>»)، ہم ٹیگ کے آغاز، اور کے بارے میں بات کر رہے ہیں تو «»، ریکارڈ تو اس کے آخر میں.

ذیل کے متن میں واقع صفات بیان HTML صفحات کی مثال.

ٹیگ کی صفات ہو سکتا ہے، تو پھر وہ ایک جگہ کے ذریعے ٹیگ کا نام بعد بند ہونے زاویہ بریکٹ سے پہلے ڈال رہے ہیں ">". اوصاف وہ ٹیگ صرف شروع میں ریکارڈ کیا جاتا ہے تو. ٹیگ کے مواد آغاز ٹیگ اور اس کے آخر کے درمیان واقع ہے جس میں یہ ہے کہ.

کل HTML مواد کی وضاحت

HTML اگر آپ کو بلاک اور ان لائن عناصر کو بیان کرنے کی اجازت دیتا ہے. پہلا براؤزر ونڈو میں ایک مخصوص علاقے تعینات کیا جا سکتا پر قبضہ بالکل، جو کہ ڈسپلے HTML صفحات کے میدان پر صحیح جگہ میں ہے، اور ایک مخصوص سائز ہے.

ان لائن عناصر عام طور پر، یہ ہے کہ، ایک دھاگہ نظر پیج فائل میں بیان کیا گیا ہے، اور سکرین پر ظاہر کیا گیا تھا کے طور پر. صفحہ لوڈ وقت ہوتی ہے جب کل کی روانی کے ڈسپلے متاثر ہو سکتے ہیں. جگہ کا تعین کرنے، کی نمائش، اور بلاک عناصر کی دیگر خصوصیات پر جاوا اسکرپٹ کوڈ کے ذریعے کسی بھی وقت متاثر ہو سکتے ہیں.

سادہ عناصر کے علاوہ، ایچ ٹی ایم ایل کی میزیں اور فارم کی وضاحت کرنے کے فراہم کرتا ہے. ان عناصر میں مانگ میں بہت زیادہ ہیں "روزمرہ سائٹ عمارت."

ٹیبل کی تفصیل: ٹیگز میز، TR، TD

میز ٹیگ ایک ٹیبل بنانے کے لئے استعمال کیا جا سکتا ہے جب، TD خلیات کی ایک بڑی تعداد کے لئے ایک قطار میں قطار اور TR کی ایک بڑی تعداد کی وضاحت کریں. تنظیم کی معمول کی میز پر، اس اعلان تک محدود نوعیت HTML-مارک اپ ٹیبل تنظیم کی وجہ سے، کے برعکس ڈویلپر جس میں ایک ہی کے لئے تمام قطار میں کالموں کی تعداد، پھر یہ کہ خود کے لئے پر عمل کرنا ہوگا ایک آئتاکار میز ہے کرنا چاہتا ہے تو اس کی وجہ سے.

HTML کے اصولی موقف: جو کچھ بھی کرتے ہیں، لیکن کچھ بھی نہیں سمجھ نہیں ہے. بعض صورتوں میں یہ ٹیبل میں سے ہر ایک قطار میں کالموں کی تعداد کو اتنا اہم نہیں ہے، لیکن آپ کو افقی یا عمودی طور پر ضم خلیات انجام دینے کے لئے چاہتے ہیں، تو یہ بہت احتیاط سے تمام شمار کرنے کے لئے ضروری ہے.

ایک سادہ ٹیبل کی ایک وضاحت کے ساتھ مثال HTML صفحہ گراف مضمون میں دکھایا گیا ہے.

کالم ہیڈر - یہاں تین کالم کی طرف تین قطاروں کا سائز دکھا ایک میز، پہلی صف ٹیگ TH بجائے TD ٹیگ کے استعمال کیا گیا تھا کے ساتھ ہے. خاص طور پر ان دو ٹیگز کے پاس نہیں ہے ممیز، لیکن یہ ٹیبل کی پہلی قطار کے درمیان تمیز کرنے کے لئے سب سے پہلے استعمال کرنے کے لئے ممکن ہے، اور TH کو سی ایس ایس میں، آپ دوسرے TD سے ممتاز بناتا ہے جس میں آپ کی اپنی سٹائل، منسلک کرسکتے ہیں.

تفصیل فارم: فارم ٹیگ، ان پٹ

فارم - یہ HTML ٹیگز کے سب سے زیادہ مطالبہ کیا حصہ ہے. کا استعمال کرتے ہوئے شکلوں معلومات منتقل کر سکتے ہیں. دراصل، صفحہ - یہ ڈسپلے کی معلومات، لیکن فارم - ان پٹ.

ایک سادہ سا فارم کی ایک وضاحت کے ساتھ مثال HTML صفحہ:

فارمز بہت کچھ کا استعمال کرتا ہے، لیکن جیسا کہ مندرجہ ذیل اہم خصوصیات ہیں. آپ کو ان پٹ فیلڈ وضاحت کر سکتے ہیں، آپ کو تفویض کرنے کے لئے ان کے صارف کی ان پٹ کا تجزیہ کے لئے ڈیزائن اور ایونٹ handlers کی ضرورت ہے. تم ایک خفیہ میدان کی وضاحت اور صفحے کے پس منظر سے معلومات منتقل کر سکتے ہیں. آپ اس ڈیٹا کی منتقلی کے عمل کا خالق دبانے، معلومات ٹرانسمیشن کے بٹن پر نامزد کر سکتے ہیں.

HTML کا استعمال کرتے ہوئے

ہایپر ٹیکسٹ زبان جاننے کی - انٹرنیٹ پروگرامنگ کے میدان میں کوئی کام تخصص کے لئے ایک لازمی شرط ہے، لیکن آپ کو پی ایچ پی یا جاوا میں ایک پروگرام لکھنے کے لئے چاہتے ہیں، تو جان لو HTML + CSS بالکل ضرورت ہے.

پی ایچ پی کی زبان گزشتہ مثال میں نشاندہی کی گئی ہے. بھرے کھیتوں کے ساتھ براؤزر کو سرور سے اڑ گئے کیونکہ اس فارم کے ساتھ ایک صفحے کی پی ایچ پی، سرور پر چلتا ہے. خاص طور پر، ٹیگ ان پٹ (onblur ایونٹ ہینڈلر) میں ذکر TestOnBlur افعال، متن قطعے کی شکل میں تمام پیرامیٹرز کو موصول ہوئی.

براؤزر جاوا چلتا ہے، اور مناسب طریقے سے سرور پر ڈیٹا بیک بٹن بھیج کام کیا کرنے کے لئے، یہ ہے کہ، کے ڈیزائن :. ہیں OnClick = jQuery کے ( 'کرنے #') ویل ( 'کی ٹوکری')، یہ ضروری جاننا ہے نہ صرف کیا jQuery کے بارے میں، لیکن کیا #to، ویل، کی ٹوکری. مزید خاص طور پر، یہ بنیادی HTML ٹیگ اور ان سے سی ایس ایس شیلیوں اطلاق عام قوانین کو جاننا ضروری ہے.

یہ فوری طور پر انٹرنیٹ پروگرامنگ کے علاقے میں کسی بھی مہارت کے اہلیت کو بلند کرنے کے لئے کافی ہے.