هڪ HTML صفحو ڪيئن ٺاهيو

جيڪڏھن توھان چاھيو ٿا پنھنجو ويب پيج ٺاھيو, توھان کي HTML جي سمجھ ھجڻ گھرجي. هي آرٽيڪل وضاحت ڪري ٿو ته هڪ HTML صفحو ڪيئن ٺاهيو. پڻ, توھان سکو ته ڪيئن ٺاھيو xml سائيٽ ميپ ۽ ڪيئن ٺاھيو تصوير ۽ لنڪ. اهو پڻ ضروري آهي ته هڪ xml سائيٽ ميپ ٺاهيو, جيڪو توهان جي سائيٽ کي منظم ڪرڻ ۽ توهان جي ٽرئفڪ کي وڌائڻ ۾ مدد ڪري سگهي ٿو. ايندڙ قدم هڪ ٽيمپليٽ چونڊڻ آهي.

html صفحو ٺاھيو

HTML هڪ مارڪ اپ ٻولي آهي. ويب پيج جو هر عنصر هڪ ٽيگ جي نمائندگي ڪري ٿو. هڪ ٽيگ جي سڃاڻپ زاويه بریکٹ ذريعي ڪئي وئي آهي, ۽ هر عنصر ۾ هڪ يا وڌيڪ ٽيگ آهن. ڪجھ عناصر صرف ھڪڙي ٽيگ جي ضرورت آھي; ٻين کي ٻن جي ضرورت ٿي سگھي ٿي. افتتاحي ۽ بند ڪرڻ واري ٽيگ کي اڳتي وڌايو ويو آهي (/). مثال طور, پيراگراف عنصر p ٽيگ جي نمائندگي ڪئي وئي آهي. افتتاحي ۽ بند ڪرڻ واري ٽيگ جي وچ ۾ متن پيراگراف متن آهي.

هڪ HTML دستاويز ٺاهڻ لاء, توهان کي ٽيڪسٽ ايڊيٽر استعمال ڪرڻ جي ضرورت پوندي. اڪثر ڪمپيوٽرن ۾ ڊفالٽ طور ٽيڪسٽ ايڊيٽر هوندو آهي. ونڊوز استعمال ڪندڙ انٽرنيٽ ايڪسپلورر استعمال ڪندا, جڏهن ته ميڪ استعمال ڪندڙ استعمال ڪري سگهن ٿا TextEdit. توهان هڪ فينسي ٽيڪسٽ ايڊيٽر انسٽال ڪري سگهو ٿا هڪ پروفيشنل ڏسندڙ ويب پيج ٺاهڻ لاءِ, پر توهان جي پهرين HTML صفحي لاءِ, اهو ضروري ناهي. توهان پڻ استعمال ڪري سگهو ٿا هڪ سادي ٽيڪسٽ ايڊيٽر ۽ ڪنهن به ويب برائوزر. جيڪڏهن توهان کي پڪ ناهي ته ڪهڙو پروگرام استعمال ڪجي, مفت HTML ايڊيٽر ڊائون لوڊ ڪرڻ جي ڪوشش ڪريو.

html صفحي جا ٻه مکيه حصا آھن: جسم ۽ سر. جسم سيڪشن ويب سائيٽ جي حقيقي مواد تي مشتمل آهي, جڏهن ته هيڊ سيڪشن عنوان ۽ ميٽا معلومات لاءِ استعمال ڪيو ويندو آهي. جسم ۾ ٻيا سڀئي عنصر شامل آهن, تصويرون ۽ ٻين گرافڪس سميت. هيڊر سيڪشن توهان جي نيويگيشن لنڪس رکڻ جي جڳهه آهي. جسم لکڻ کان پوءِ, توهان دستاويز جي مواد داخل ڪرڻ لاء تيار آهيو. جسم ۽ سر عناصر کي استعمال ڪرڻ جي پڪ ڪريو انهي کي يقيني بڻائڻ ته توهان جي ويب سائيٽ هر ڪنهن تائين رسائي آهي.

xml سائيٽ ميپ ٺاهيندي

جيڪڏهن توهان وٽ هڪ HTML صفحو آهي, توھان چاھيو ٿا ھڪڙو XML سائٽ ميپ ٺاھيو سرچ انجڻ کي توھان جي ويب سائيٽ کي گھڙڻ ۾ مدد لاءِ. جيتوڻيڪ اهو توهان جي ڳولا جي درجه بندي کي متاثر نه ڪندو, اهو سرچ انجڻ کي توهان جي مواد کي سمجهڻ ۽ انهن جي ڇڪڻ جي شرح کي ترتيب ڏيڻ ۾ مدد ڏيندو. هن طريقي سان, توھان جي ويب سائيٽ سرچ انجڻ جي نتيجن ۾ وڌيڪ نظر ايندي. هتي شروع ڪرڻ لاء ڪجهه آسان قدم آهن:

هڪ HTML سائيٽ ميپ ٺاهڻ آسان آهي. توهان سڀني کي ڪرڻو آهي توهان جي سائيٽ جي صفحن جو هڪ سادي جدول, هر صفحي جي لنڪ سان. پوءِ هيڊر يا فوٽر ۾ انهي سائيٽ ميپ واري صفحي سان ڳنڍيو. هن طريقي سان, ڪابه پرواه ناهي ته توهان جي سائيٽ جا ڪيترا صفحا آهن, ماڻهو آساني سان انهن جي ذريعي نيويگيٽ ڪري سگهن ٿا. ان کان علاوه, توهان کي سائيٽ ميپ ٺاهڻ لاءِ ايس اي او جمع ڪرڻ جي ضرورت ناهي.

هڪ دفعو توهان جو HTML صفحو لائيو آهي, ان کي گوگل سرچ ڪنسول ۾ جمع ڪرايو. توھان استعمال ڪري سگھوٿا ڪنھن فائل جي واڌ ۽ پنھنجي XML سائٽ ميپ جو نالو. توھان جمع ڪري سگھو ٿا XML سائيٽ ميپ گوگل ڏانھن, پر اهو ضروري ناهي. گوگل جا ڪريلر عام طور تي نوان مواد ڳولڻ ۾ تمام سٺا آهن, ۽ توهان کي انهن ڏانهن سائيٽ ميپ جمع ڪرڻ جي ضرورت ناهي. توھان پڻ ان کي ٻين سرچ انجڻ ڏانھن جمع ڪري سگھو ٿا, پر اهو ضمانت نٿو ڏئي ته توهان کي گوگل طرفان دريافت ڪيو ويندو.

اهو ضروري ناهي ته توهان جي ويب پيج تي هڪ XML سائيٽ ميپ شامل ڪريو, پر اهو توهان جي ويب سائيٽ جي ايس اي او کي وڌائيندو. Sitemaps استعمال ڪيا ويندا آهن سرچ انجڻ انهن جي مدد ڪرڻ لاءِ انهن صفحن کي ترتيب ڏيڻ لاءِ جيڪي سڌو سنئون ويب پيج سان جڙيل نه آهن. Sitemaps پڻ امدادي ميڊيا مواد جي رسائي کي بهتر بنائڻ ۾ مدد ڪن ٿيون. توهان جي ويب سائيٽ تي هڪ سائيٽ جو نقشو شامل ڪرڻ ۾ مدد ڪري سگھي ٿي توهان جي سائيٽ کي وڌيڪ رسائي انجڻ جي بوٽن لاءِ.

تصوير شامل ڪرڻ

HTML ۾, توهان img ٽيگ استعمال ڪندي صفحي تي تصوير شامل ڪري سگهو ٿا. ھن ٽيگ ۾ صرف تصوير ۽ ان جون خاصيتون شامل آھن; ان کي بند ڪرڻ واري ٽيگ جي ضرورت ناهي. هن تصوير جي ٽيگ کي HTML دستاويز جي جسماني حصي ۾ داخل ڪيو وڃي. تصوير جي چوٽي ۽ اوچائي کان علاوه, توهان کي تصوير جي وضاحت ڪندي alt خاصيت شامل ڪرڻ گهرجي. alt ٽيگ لکڻ گھرجي جيئن توھان ڪنھن شخص لاءِ وضاحت لکي رھيا آھيو جيڪو ان کي نه ڏسي سگھي.

HTML دستاويز ۾ تصوير شامل ڪرڻ لاءِ ٿوري CSS ۽ HTML ڄاڻ جي ضرورت آهي. تصوير جي سائيز ۽ ريزوليوشن ٻه اهم عنصر آهن جن تي غور ڪيو وڃي. تصوير جي سائيز جو اندازو لڳايو ويندو ته اهو دستاويز جي مواد ۾ ڪيئن فٽ ٿيندو. جيڪڏهن توهان چاهيو ٿا ته مختلف ريزوليوشن يا اسپيڪٽ ريشو استعمال ڪريو, توھان پڻ ڪوشش ڪري سگھو ٿا تصوير کي تبديل ڪرڻ جي. بهرحال, ياد رکو ته اسڪيلنگ هميشه ڪم نه ڪندو آهي جيئن توهان جي توقع آهي.

تصوير جي سائيز کي ترتيب ڏيڻ لاء انگن جو هڪ سٺو اصول ان جي ويڪر وڌائڻ آهي. ويڪر گهٽ ۾ گهٽ هڪ پکسل اوچائي کان ننڍو هجڻ گهرجي. جيڪڏهن تصوير تمام ننڍي آهي ڏيکاري, توهان سرحد شامل ڪري سگهو ٿا, ۽ پوءِ ان کي ترتيب ڏيو تصوير جي سائيز مطابق. توھان پڻ ھڪڙي تصوير جي سرحد کي ترتيب ڏئي سگھوٿا ان کي سرحدي خاصيت ۾ شامل ڪندي. سرحد جي ٿلهي ڊفالٽ قيمت آهي, پر توهان ان کي ڪنهن به قيمت تي مقرر ڪري سگهو ٿا. پڪ ڪريو ته تصوير ۾ هڪ src خاصيت آهي.

لنڪ شامل ڪرڻ

توھان استعمال ڪري سگھوٿا HTML ۾ ھڪڙي لنڪ پنھنجي دستاويز ۾ a> href خاصيت سان ٽيگ ڪريو. اهو دستاويز لاءِ بک مارڪ ٺاهيندو ۽ ان کي نئين ٽيب ۾ کوليو ويندو. توھان پڻ استعمال ڪري سگھو ٿا ھڪڙو href وصف دستاويز ۾ تصوير داخل ڪرڻ لاءِ. توھان پڻ استعمال ڪري سگھو ٿا ھڪڙي لنڪ جاوا اسڪرپٽ ڪوڊ سان گڏ ھڪڙي HTML بٽڻ کي ھڪڙي لنڪ ۾ تبديل ڪرڻ لاءِ. هڪ دفعو توهان اهو ڪيو آهي, توھان پنھنجي لنڪ کي CSS يا JavaScript ڪوڊ سان انداز ڪري سگھو ٿا.

هڪ لنڪ هڪ ويب وسيلن کان ٻئي تائين هڪ ڪنيڪشن آهي. اهو ٻن سرن تي مشتمل آهي, هڪ ذريعو لنگر ۽ هڪ منزل لنگر. ھڪڙي لنڪ ھڪڙي تصوير کان ٽيڪسٽ فائل تائين ڪجھ به ٿي سگھي ٿو. گهڻيون سماجي نيٽ ورڪنگ سائيٽون ۽ ويب سائيٽون ڪڙيون استعمال ڪن ٿيون صارفين کي هڪ خاص URL ڏانهن سڌو ڪرڻ لاءِ. HTML پڻ ڪڙي جي جڳھ کي بيان ڪرڻ لاء استعمال ڪري سگھجي ٿو. اهو هڪ’ خاصيت توهان کي ڪوڊ عناصر کي URL سان ڳنڍڻ جي اجازت ڏئي ٿي.

جڏهن هڪ لنڪ ٺاهيندي, غور ڪرڻ جي پڪ ڪريو ته توهان جا ساٿي ڪيئن مواد استعمال ڪندا. لنڪ ٽيڪسٽ وضاحتي هجڻ گهرجي, ته جيئن انهن کي خبر پوي ته انهن کي ڪهڙي اميد رکڻ گهرجي. ساڳئي URL جو ورجائڻ اسڪرين پڙهندڙن لاءِ بدصورت آهي, ۽ اھو انھن کي ڪا مفيد معلومات نٿو ڏئي. اسڪرين ريڊر پڻ صارفين کي ٻڌائيندا آهن جڏهن ڪڙيون موجود آهن انهن کي مختلف انداز يا هيٺ ڏنل ٺاهيندي. هن طريقي سان, اهي آساني سان گهربل معلومات ڳولي سگهن ٿا.

ٽيبل شامل ڪرڻ

HTML صفحي تي ٽيبل شامل ڪرڻ سادو آھي, پر ڪجھ شيون آھن جيڪي توھان کي ڪرڻ کان پھريائين غور ڪرڻ گھرجي. توهان جي ميز جو پس منظر رنگ توهان جي گهمڻ جي نظر کي پڪڙڻ ۽ اهم معلومات ڏانهن ڌيان ڏيڻ لاء اهم آهي. توھان ھيڪس رنگ ڪوڊ يا رنگ جا نالا استعمال ڪندي ٽيبل جي ھيڊر عنصر ۽ ڊيٽا عنصر لاء مختلف رنگ سيٽ ڪري سگھو ٿا. ڪنهن به طرح, توهان جي ٽيبل آساني سان نظر ايندي.

توھان شامل ڪري سگھو ٿا ٽيبل ھيڊر ۽ ٽيبل ڊيٽا کي ٽي ڊي عنصر سان, جيڪو فرد جي تعريف ڪري ٿو “باڪس” مواد لاء. ٽيبل هيڊر شامل ڪرڻ هڪ ويب پيج تي ڊيٽا کي ظاهر ڪرڻ لاء پهريون قدم آهي, ۽ جيڪڏھن توھان چاھيو ته توھان کي پھريون شامل ڪرڻ گھرجي. هڪ ٽيبل کي پڻ ٽي قطار جي عنوان هجڻ گهرجي. ھڪڙو مٿو خالي ھجڻ گھرجي. جيڪڏھن توھان جي ٽيبل ۾ ڪالم آھن, توهان کي هر ڪالمن لاء قطار هيڊر پڻ ٺاهڻ گهرجي.

توھان پڻ پنھنجي ٽيبل تي ڪيپشن شامل ڪري سگھو ٿا. ڪيپشن ھڪڙو اختياري عنصر آھي جيڪو بيان ڪري ٿو ٽيبل جو مقصد. ڪيپشن به مددگار آهن رسائي لاءِ. جدول ۾ ڊيٽا جا گروپ بيان ڪندڙ سيلز پڻ شامل ٿي سگھن ٿا. آخرڪار, توھان ھيڊ عنصر شامل ڪري سگھوٿا قطار ۽ ڪالمن جي ھڪڙي سيٽ کي بيان ڪرڻ لاءِ. توھان ٻئي عناصر گڏجي يا الڳ الڳ استعمال ڪري سگھو ٿا. تون به انھن کي ميلاپ ۾ استعمال ڪري سگهو ٿا, پر ڪيپشن سڀ کان اهم آهي.

هڪ div شامل ڪرڻ

HTML فائل ۾ هڪ div شامل ڪرڻ توهان کي سڄي صفحي کي ٻيهر لکڻ جي بغير توهان جي ويب پيج جو هڪ حصو شامل ڪرڻ جي اجازت ڏئي ٿو. div عنصر متن لاء هڪ خاص ڪنٽينر آهي, تصويرون, ۽ ٻيا عنصر. توھان ان کي نالو ڏئي سگھو ٿا جيڪو توھان پسند ڪيو ۽ پنھنجي ضرورتن مطابق ان جي خاصيتن کي تبديل ڪريو. توھان پڻ شامل ڪري سگھو ٿا ھڪڙو ڪلاس يا مارجن توھان جي صفحي تي div ۽ ٻين عناصر جي وچ ۾ ھڪڙو خلا ٺاھيو.

توھان پڻ استعمال ڪري سگھو ٿا innerHTML وصف هڪ div اندر ڪوڊ داخل ڪرڻ لاءِ. هي طريقو هڪ تار ۾ بند ٿيل ڪوڊ قبول ڪري ٿو, ۽ جيڪڏهن اهو div جي اندر نه آهي, مواد کي هٽايو ويندو. توھان کي ھن طريقي سان ڊيو ۾ ڪوڊ داخل ڪرڻ کان پاسو ڪرڻ گھرجي, جيئن ته اهو توهان جي ويب سائيٽ کي ڪراس-سائيٽ اسڪرپٽنگ جي ڪمزورين کي ظاهر ڪري سگهي ٿو. جيڪڏهن توهان اسڪرپٽنگ ٻولي استعمال ڪري رهيا آهيو جهڙوڪ JavaScript, توھان استعمال ڪري سگھو ٿا innerHTML وصف.

A div هڪ بنيادي HTML ٽيگ آهي جيڪو ڪنهن دستاويز جي اندر گروپ ڪوڊ لاءِ استعمال ڪيو ويندو آهي. اهو هڪ پيراگراف تي مشتمل ٿي سگهي ٿو, بلاڪ اقتباس, تصوير, آڊيو, يا اڃا به هڪ مٿو. ان جي پوزيشن توهان کي اجازت ڏئي ٿي ته هڪ يونيفارم انداز ۽ ٻولي لاڳو ڪريو هڪ صفحي جي مختلف حصن تي. Divs بهترين طور تي استعمال ڪيا ويا سيمينٽڪس کي نشان لڳائڻ لاءِ جيڪي لڳاتار عناصر جي گروپن لاءِ عام آهن. هڪ div استعمال ٿيڻ گهرجي جڏهن توهان مڪمل صفحي کي ٻيهر لکڻ جي بغير ڪنهن حصي ۾ انداز شامل ڪرڻ چاهيو ٿا.