HTML دستاویز کی ساخت: کلیدی ٹیگ، مثال

HTML - مارک اپ سائٹ کی زبان. کئی یہ پروگرامنگ کے بارے میں غور، لیکن یہ نہیں ہے. HTML میں، کوئی متغیر، کمپیوٹنگ، arrays اور کسی بھی پروگرامنگ زبان میں موجود دیگر عناصر موجود ہیں.

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

HTML-دستاویز بنائیں

سائٹ کا ایک سادہ صفحہ بنائیں کسی بھی ایڈیٹر میں ہو سکتا ہے. مناسب بھی "نوٹ پیڈ". نوسکھئیے ڈویلپر کے لئے autosubstitution افعال اور دیگر نکات ہیں جو دوسرے ایڈیٹرز کا استعمال کرنے کی سفارش کی ہے. یہ آپ کے لئے تیار کی میزیں، لنکس، تصاویر اور دیگر عناصر پیدا کرنے کے لئے اجازت دیتا ہے. اور "نوٹ پیڈ" میں دستی طور پر لکھنے کے لئے ہر خط.

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

HTML زبان پدانکردوست ہے. یہ ایچ ٹی ایم ایل-دستاویز کی ایک خاص ساخت ہے، ہے. یہ کیا ہے؟ وضاحت کے لئے مندرجہ ذیل پر غور کریں.

HTML دستاویز کی ساخت. مثال

ڈھانچہ ہمیشہ ایک ہی ہے. آپ کچھ تبدیل کرنا چاہتے ہیں تو براؤزر اسے سنبھال نہیں کر سکتے. نتیجے کے طور پر، آپ کو آپ کیا چاہتے ہیں حاصل نہیں ہے.

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

HTML دستاویز کی ساخت - بنیادی ٹیگز:

• <سر>
• <جسم>

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

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

سیکشن سر

سیکشن سر کے پیراگراف 3 کے تحت اعداد و شمار. یہ سیکشن خدمت کی معلومات پہچانتی ہے. مثلا، آپ انکوڈنگ (پیراگراف 4) اور صفحہ (مرحلہ نمبر 5) کے عنوان کی وضاحت کر سکتے ہیں.

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

HTML دستاویز کی ساخت ہے کہ عنوان <عنوان> صرف سیکشن سر میں نشاندہی کی جاتی ہے. <عنوان> ٹیگ جسم کے حصے میں، یا اس کے بعد کی وضاحت کرنے، تو ہینڈلر کو یہ توجہ نہیں دیں گے.

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

کنکشن سٹائل

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

بوٹس تمام شیلیوں ایک علیحدہ فائل بنانے کا مشورہ دیتے ہیں، اور عناصر میں صرف مختلف کلاسوں کا استعمال کریں.

فائل منسلک کریں مندرجہ ذیل کے طور پر.

<لنک ریل = "stylesheet میں" href کی = HTTP: // سائٹ /article/256158/٪E2٪80٪9Cstyle.css٪E2٪80٪9D قسم = "متن / CSS">

href کی وصف فائل کا راستہ متعین کرتا ہے. راستے میں ایک خرابی ہے تو، شیلیوں لوڈ نہیں کر رہے ہیں. قسم وصف کا بھی یہ سی ایس ایس فائل کی طرف اشارہ کرتا ہے جس کی ضرورت ہے.

ایک اور آپشن سیکشن سر میں براہ راست سٹائل کی وضاحت کرنے کے لئے ہے.

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

آپ کی کلاس میں صرف ایک صفحے پر استعمال کیا جائے گا، تو اس اختیار کو آپ کے لئے صحیح ہے.

کنکشن سکرپٹ

سکرپٹ مندرجہ ذیل کے طور جڑے ہوئے ہیں.

<سکرپٹ کی قسم = "متن / جاوا اسکرپٹ" ایسآرسی = HTTP: // سائٹ /article/256158/٪E2٪80٪9Cmain.js٪E2٪80٪9D٪3E٪3C/script٪3E٪3C/p>

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

جسم کے حصے

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

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

سب سے بنیادی ٹیگز جسم میں استعمال کیا جا سکتا ہے کہ غور کریں. بیسک زیادہ نہیں ہے. باقی سب آپ کو آپ کے علم اور عمل کے بڑھنے کے طور پر آپ کو پتہ چل جائے گا.

کلیدی ٹیگز

HTML دستاویز کی ساخت تحریر کے لازمی عناصر کی ضرورت ہے. ٹیگز ہمیشہ بریکٹ کے کناروں <> کے ساتھ ساتھ فریم جانا چاہئے. اس کے بغیر، اپنے براؤزر کو اس ٹیگ کے کہ سمجھ نہیں ہے. افتتاحی بریکٹ کے بعد ہمیشہ ایک عنصر کا نام (ٹیگ) ہونا ضروری ہے. آپ <اور نام کے درمیان ایک جگہ بناتے ہیں تو براؤزر اس کے متن پر غور.

ایک تصویر ٹیگ کی مثال پر غور کریں. کہ اس ٹیگ کے لنکس، پیرا، اور بہت سے دوسرے کے برعکس، بند نہیں ہے یاد رکھیں کہ.

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

تمام ٹیگ میں ایسآرسی وصف فائل اپ لوڈ کرنا چاہتے ہیں کے راستے کی طرف اشارہ کرتا. تمام عناصر میں ALT وصف ایک مختصر وضاحت اشارہ. اس صورت میں، اپ لوڈ تصاویر bird.jpg وضاحت - فوٹو پرندوں.

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

دیگر کلیدی ٹیگ، جس کے حصے جسم میں اشارہ کر رہے ہیں پر غور کریں.

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

یہ کیسے سر میں نمائندگی کیا جا سکتا

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

یہ اس ورژن جگہ لیتا ہے:

اور یہ:

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

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

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

آپ کو کئی اشیاء کے لئے اس انداز مقرر کرنا چاہتے ہیں تو، ایک کوما لکھیں.

نتیجہ ایک سرخ شہ سرخی ہو جائے گا.

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

وہ اس طرح سے استعمال کیا جانا چاہئے.

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