HTML صفحہ کیسے بنائیں

اگر آپ اپنا ویب پیج بنانا چاہتے ہیں۔, آپ کو HTML کی سمجھ ہونی چاہیے۔. This article explains how to create an HTML page. بھی, آپ سیکھیں گے کہ ایکس ایم ایل سائٹ کا نقشہ کیسے بنانا ہے اور تصویر اور لنک کیسے شامل کرنا ہے۔. ایکس ایم ایل سائٹ کا نقشہ بنانا بھی ضروری ہے۔, جو آپ کو اپنی سائٹ کو منظم کرنے اور ٹریفک بڑھانے میں مدد دے سکتا ہے۔. اگلا مرحلہ ایک ٹیمپلیٹ کا انتخاب کرنا ہے۔.

Creating a html page

ایچ ٹی ایم ایل ایک مارک اپ لینگویج ہے۔. ویب صفحہ کے ہر عنصر کی نمائندگی ٹیگ کے ذریعے کی جاتی ہے۔. ایک ٹیگ کی شناخت زاویہ بریکٹ کے ذریعہ کی جاتی ہے۔, اور ہر عنصر میں ایک یا زیادہ ٹیگ ہوتے ہیں۔. کچھ عناصر کو صرف ایک ٹیگ کی ضرورت ہوتی ہے۔; دوسروں کو دو کی ضرورت ہو سکتی ہے. افتتاحی اور اختتامی ٹیگز میں فارورڈ سلیش ہوتا ہے۔ (/). مثال کے طور پر, پیراگراف کے عنصر کو p ٹیگ سے ظاہر کیا جاتا ہے۔. ابتدائی اور اختتامی ٹیگز کے درمیان متن پیراگراف کا متن ہے۔.

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

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

Creating a xml sitemap

If you have an HTML page, آپ تلاش کے انجنوں کو اپنی ویب سائٹ کرال کرنے میں مدد کے لیے ایک XML سائٹ کا نقشہ بنانا چاہیں گے۔. اگرچہ اس سے آپ کی تلاش کی درجہ بندی متاثر نہیں ہوگی۔, اس سے سرچ انجنوں کو آپ کے مواد کو سمجھنے اور ان کے رینگنے کی شرح کو ایڈجسٹ کرنے میں مدد ملے گی۔. اس طرح, آپ کی ویب سائٹ سرچ انجن کے نتائج میں زیادہ نظر آئے گی۔. شروع کرنے کے لیے کچھ آسان اقدامات یہ ہیں۔:

HTML سائٹ کا نقشہ بنانا آسان ہے۔. آپ کو بس اپنی سائٹ کے صفحات کا ایک سادہ ٹیبل بنانا ہے۔, ہر صفحے کے لنکس کے ساتھ. پھر ہیڈر یا فوٹر میں اس سائٹ کے نقشے کے صفحے سے لنک کریں۔. اس طرح, اس سے کوئی فرق نہیں پڑتا ہے کہ آپ کی سائٹ کے کتنے صفحات ہیں۔, لوگ آسانی سے ان کے ذریعے تشریف لے سکتے ہیں۔. مزید, آپ کو سائٹ کا نقشہ بنانے کے لیے SEO جمع کرانے کی ضرورت نہیں ہے۔.

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

اپنے ویب صفحہ پر XML سائٹ کا نقشہ شامل کرنا ضروری نہیں ہے۔, لیکن یہ آپ کی ویب سائٹ کے SEO کو بڑھا دے گا۔. سائٹ کے نقشے سرچ انجنوں کے ذریعے ان صفحات کی فہرست میں مدد کے لیے استعمال کیے جاتے ہیں جو کسی ویب صفحہ سے براہ راست منسلک نہیں ہوتے ہیں۔. سائٹ کے نقشے بھرپور میڈیا مواد کی رسائی کو بہتر بنانے میں بھی مدد کرتے ہیں۔. اپنی ویب سائٹ میں سائٹ کا نقشہ شامل کرنے سے آپ کی سائٹ کو سرچ انجن بوٹس کے لیے مزید قابل رسائی بنانے میں مدد مل سکتی ہے۔.

Adding a picture

In HTML, آپ img ٹیگ کا استعمال کرکے کسی صفحہ میں تصویر شامل کرسکتے ہیں۔. اس ٹیگ میں صرف تصویر اور اس کی خصوصیات شامل ہیں۔; اسے بند کرنے والے ٹیگ کی ضرورت نہیں ہے۔. اس تصویری ٹیگ کو HTML دستاویز کے باڈی سیکشن میں داخل کیا جانا چاہیے۔. تصویر کی چوڑائی اور اونچائی کے علاوہ, آپ کو تصویر کی وضاحت کرنے والا ایک alt وصف شامل کرنا چاہئے۔. Alt ٹیگ کو اس طرح لکھا جانا چاہئے جیسے آپ کسی ایسے شخص کے لئے تفصیل لکھ رہے ہیں جو اسے نہیں دیکھ سکتا ہے۔.

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

کسی تصویر کے سائز کو ایڈجسٹ کرنے کے لیے انگوٹھے کا ایک اچھا اصول اس کی چوڑائی کو بڑھانا ہے۔. چوڑائی اونچائی سے کم از کم ایک پکسل چھوٹا ہونا چاہیے۔. اگر تصویر دکھانے کے لیے بہت چھوٹی ہے۔, آپ ایک بارڈر شامل کر سکتے ہیں۔, اور پھر تصویر کے سائز میں فٹ ہونے کے لیے اسے ایڈجسٹ کریں۔. آپ کسی تصویر کو بارڈر انتساب میں شامل کر کے بارڈر کو ایڈجسٹ بھی کر سکتے ہیں۔. سرحد کی موٹائی پہلے سے طے شدہ قدر ہے۔, لیکن آپ اسے کسی بھی قدر پر سیٹ کر سکتے ہیں۔. اس بات کو یقینی بنائیں کہ تصویر میں ایک src وصف ہے۔.

Adding a link

You can add a link in HTML to your document using an a> href وصف کے ساتھ ٹیگ کریں۔. یہ دستاویز کے لیے ایک بک مارک بنائے گا اور اسے ایک نئے ٹیب میں کھولے گا۔. آپ دستاویز میں تصویر داخل کرنے کے لیے ایک href وصف بھی استعمال کر سکتے ہیں۔. آپ HTML بٹن کو لنک میں تبدیل کرنے کے لیے JavaScript کوڈ کے ساتھ ایک لنک بھی استعمال کر سکتے ہیں۔. ایک بار جب آپ یہ کر چکے ہیں۔, آپ سی ایس ایس یا جاوا اسکرپٹ کوڈ کے ساتھ اپنے لنک کو اسٹائل کر سکتے ہیں۔.

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

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

Adding a table

Adding a table to an HTML page is simple, لیکن آپ کو ایسا کرنے سے پہلے چند چیزوں پر غور کرنا چاہیے۔. آپ کی میز کا پس منظر کا رنگ آپ کے مہمان کی نظر کو پکڑنے اور اہم معلومات کی طرف توجہ مبذول کرنے کے لیے اہم ہے۔. آپ ہیکس کلر کوڈز یا رنگ کے ناموں کا استعمال کرکے ٹیبل کے ہیڈر عنصر اور ڈیٹا عنصر کے لیے ایک مختلف رنگ سیٹ کر سکتے ہیں۔. کسی بھی طرح سے, آپ کی میز آسانی سے نظر آئے گی۔.

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

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

Adding a div

Adding a div to an HTML file allows you to add a section of your webpage without re-writing the whole page. div عنصر متن کے لیے ایک خاص کنٹینر ہے۔, تصاویر, اور دیگر عناصر. آپ اسے اپنی پسند کے مطابق نام دے سکتے ہیں اور اپنی ضروریات کے مطابق اس کی صفات کو تبدیل کر سکتے ہیں۔. آپ اپنے صفحہ پر div اور دیگر عناصر کے درمیان ایک جگہ بنانے کے لیے کلاس یا مارجن بھی شامل کر سکتے ہیں۔.

آپ div کے اندر کوڈ داخل کرنے کے لیے innerHTML وصف بھی استعمال کر سکتے ہیں۔. یہ طریقہ سٹرنگ میں بند کوڈ کو قبول کرتا ہے۔, اور اگر یہ div کے اندر نہیں ہے۔, مواد ہٹا دیا جائے گا. آپ کو اس طرح div میں کوڈ داخل کرنے سے گریز کرنا چاہئے۔, کیونکہ یہ آپ کی ویب سائٹ کو کراس سائٹ اسکرپٹنگ کے خطرات سے دوچار کر سکتا ہے۔. اگر آپ سکرپٹ کی زبان استعمال کر رہے ہیں جیسے کہ جاوا اسکرپٹ, آپ innerHTML وصف استعمال کر سکتے ہیں۔.

Div ایک بنیادی HTML ٹیگ ہے جو کسی دستاویز کے اندر گروپ کوڈ کے لیے استعمال ہوتا ہے۔. اس میں ایک پیراگراف ہو سکتا ہے۔, بلاک اقتباس, تصویر, آڈیو, یا یہاں تک کہ ایک ہیڈر. اس کی پوزیشن آپ کو صفحہ کے مختلف حصوں پر یکساں انداز اور زبان کا اطلاق کرنے کی اجازت دیتی ہے۔. Divs کا استعمال سیمنٹکس کو نشان زد کرنے کے لیے کیا جاتا ہے جو لگاتار عناصر کے گروپوں میں عام ہیں۔. جب آپ پورے صفحے کو دوبارہ لکھے بغیر کسی حصے میں اسٹائل شامل کرنا چاہتے ہیں تو ایک div کا استعمال کیا جانا چاہئے۔.