صرف چند ڪلاڪن ۾ ويب سائيٽ ڪيئن ٺاهيو

ويب سائيٽ ٺاهڻ مشڪل نه آهي. هن مضمون ۾, اسان html صفحي جي ٺاھڻ جي بنيادي ڳالهين جي ذريعي ھلنداسين ۽ ھڪڙي ميني-شامل لسٽ ڪيئن ٺاھيو. اڳيان, اسان بحث ڪنداسين ته html ڪيئن استعمال ڪجي>-متن کي اجاگر ڪرڻ لاءِ ٽيگ. آخرڪار, اسان توهان کي ڏيکارينداسين ته ويب سائيٽ ڪيئن ٺاهيو صرف چند ڪلاڪن ۾. اسان ڪجھ ٻين مفيد ٽيڪنالاجي کي پڻ ڍڪيندا سين.

html صفحو ٺاھيو

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

توھان پڻ استعمال ڪري سگھو ٿا ھڪڙو لفظ پروسيسر جھڙوڪ MS Word توھان جي ويب پيج لاءِ مواد ٺاھيو. توهان استعمال ڪري سگهو ٿا هائپر لنڪس متن کي هڪ ٻئي سان ڳنڍڻ لاءِ. توھان پڻ فائل کي html فائل طور محفوظ ڪري سگھو ٿا, هڪ ويب صفحو. اهو طريقو سٺو ڪم ڪري ٿو, پر اهي صفحا جيڪي توهان هن طريقي سان ٺاهي رهيا آهيو تمام وڏا آهن ۽ برائوزر ونڊو ۾ سٺا نظر نه ٿا اچن. هن طريقي جو واحد نقصان اهو آهي ته توهان کي انهن اوزارن کي استعمال ڪرڻ سکڻو پوندو جيڪي دستياب آهن.

HTML هڪ مارڪ اپ ٻولي آهي, جنهن جو مطلب آهي ته توهان کي پيج تي مواد کي فارميٽ ڪرڻ لاءِ ٽيگ شامل ڪرڻ گهرجن. هر ٽيگ صفحي جي هڪ عنصر جي نمائندگي ڪري ٿو. هڪ ٽيگ هڪ زاويه بریکٹ جي سڃاڻپ آهي. ڪجھ عناصر صرف ھڪڙي ٽيگ جي ضرورت آھي, جڏهن ته ٻين کي ٻن جي ضرورت آهي. هڪ بند ٿيڻ واري ٽيگ ۾ هڪ فارورڊ سليش شامل آهي. مثال طور, پيراگراف ٽيگ هڪ عنصر ٺاهي ٿو جنهن کي پيراگراف سڏيو ويندو آهي. افتتاحي ۽ بند ڪرڻ واري ٽيگ جي وچ ۾ متن پيراگراف ٽيڪسٽ ٺاهي ٿو. ساڳي طرح, ul tag هڪ غير ترتيب ڏنل فهرست ٺاهي ٿو.

هڪ مني-شامل لسٽ ٺاهڻ

هڪ ميني-شامل سيڪشن ٺاهڻ هڪ ئي ويب پيج تي مختلف عناصر کي ڳنڍڻ جو هڪ مؤثر طريقو آهي. هڪ HTML صفحي کي ڪيترن ئي ذيلي حصن ۾ ورهائي سگهجي ٿو, هر سيڪشن سان گڏ عناصر جي فهرست تي مشتمل آهي. اهي عناصر مختلف مقصدن جي خدمت ڪن ٿا. توھان استعمال ڪري سگھو ٿا قسم وصف کي الفابيٽ جي ترتيب کي ڏيکارڻ لاءِ. توھان پڻ استعمال ڪري سگھو ٿا لوئر ڪيس اکر اکر سان عناصر جي فهرست ٺاھڻ لاءِ, ب, يا ج.

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

html استعمال ڪندي>-ٽيگ

html>-ٽيگ هڪ HTML دستاويز جي مکيه مواد واري علائقي کي بيان ڪرڻ لاء استعمال ڪيو ويندو آهي. مکيه مواد جو علائقو مرڪزي موضوع يا صفحي جي ڪارڪردگي سان لاڳاپيل متن تي مشتمل آهي. اهو سائيٽ تي ٻين مواد کان منفرد هجڻ گهرجي. ٻيو مواد شايد صفحي تي سائڊبار جي صورت ۾ ظاهر ٿي سگھي ٿو, نيويگيشن لنڪس, ڪاپي رائيٽ جي ڄاڻ, سائيٽ لوگو, ۽ ڳولا فارم. هڪ HTML صفحي کي html جي پيروي ڪرڻ گهرجي>-ٽيگ کي HTML صفحو سمجهيو وڃي.

href= خاصيت لنڪ عنصر کي کوليندو آهي. کان پوء “=” نشاني, توھان کي لنڪ جو URL پيسٽ ڪرڻ گھرجي. توھان ھڪڙي عنوان ۾ گھڻن پيراگراف لائنن کي پڻ استعمال ڪري سگھو ٿا. بند ڪرڻ واري بریکٹ هڪ لازمي آهي. اهو توهان جي لنڪ کي غلط تشريح ٿيڻ کان روڪيندو. html صفحي کي پڙهڻ لاء آسان بڻائڻ لاء, پنهنجي ويب سائيٽ تي هڪ لنڪ شامل ڪريو. html>-ٽيگ توهان کي لنڪ شامل ڪرڻ جي اجازت ڏيندو جيڪي ڪنهن ٻئي ويب پيج ڏانهن اشارو ڪندا.

هڪ HTML فائل ۾ a.html ايڪسٽينشن هوندي جيڪا توهان جي ڪمپيوٽر کي ٻڌائي ٿي ته اها هڪ HTML فائل آهي. اھو بھترين آھي ته ھائيفن بدران خال استعمال ڪجي, جيئن اسپيس ويب برائوزر کي فائل ڳولڻ کان روڪيندو. هڪ دفعو توهان هڪ HTML صفحو ٺاهڻ مڪمل ڪيو آهي, توهان کي ان کي بچائڻو پوندو. اڳيان, HTML فائل سان فولڊر ڏانھن وڃو ۽ ان تي صحيح ڪلڪ ڪريو. اهو هيٺ ڏنل اسڪرين شاٽ وانگر ظاهر ٿيڻ گهرجي.

html استعمال ڪندي>-متن کي اجاگر ڪرڻ لاءِ ٽيگ

توهان نشان استعمال ڪري سگهو ٿا> HTML دستاويزن ۾ متن کي اجاگر ڪرڻ لاءِ ٽيگ. اهو هڪ نسبتا نئون HTML آهي 5 خصوصيت, ۽ اهو پيراگراف جو نمايان ٿيل حصو بيان ڪري ٿو. نشان> tag ڪم ڪري ٿو پس منظر-رنگ جي ملڪيت کي تبديل ڪندي بنيادي HTML دستاويز جي. نشان> ٽيگ ٻنهي گلوبل ۽ ايونٽ خاصيتن کي سپورٽ ڪري ٿو. اهو زرد يا ڪارو ۾ متن کي اجاگر ڪندو. اهو پڻ ممڪن آهي متن جي رنگ کي تبديل ڪرڻ هيٺ ڏنل CSS فائل ۾.

اڪثر اسڪرين پڙهندڙن کي نشان جي عنصر جو اعلان نه ڪندا آهن, پر توهان استعمال ڪري سگهو ٿا CSS مواد ملڪيت يا.before and.after pseudo-elements ان کي واضح ڪرڻ لاءِ ته توهان ڪهڙي متن کي اجاگر ڪرڻ چاهيو ٿا. اعلان لفظي آهن ۽ صفحي تي غير ضروري معلومات شامل ڪريو, تنهن ڪري توهان کي انهن کي ٿورو استعمال ڪرڻ گهرجي. مثال طور, توھان استعمال ڪري سگھو ٿا اعلانن کي نمايان ڪرڻ لاءِ سرچ اصطلاح يا بلاڪ ڪوٽس. اعلان سڀني وڏن برائوزرن جي حمايت ڪئي وئي آهي.

ان کان علاوه پس منظر-رنگ انداز, توھان استعمال ڪري سگھو ٿا 'highlightme’ توهان جي HTML دستاويز ۾ متن کي اجاگر ڪرڻ لاءِ class. پس منظر-رنگ انداز سڀني برائوزرن جي حمايت ڪئي وئي آهي. توھان پڻ استعمال ڪري سگھو ٿا لفظ 'پيلو’ رنگ جي ڪوڊ جي بدران. توهان متن جي پيراگراف يا سيڪشن کي اجاگر ڪرڻ لاءِ ساڳيو ڪوڊ استعمال ڪري سگهو ٿا. توھان پڻ استعمال ڪري سگھو ٿا CSS ڪلاسز ٽيڪسٽ کي اجاگر ڪرڻ لاءِ.

html استعمال ڪندي>-هڪ مني-شامل فهرست ٺاهڻ لاءِ ٽيگ

html>-ٽيگ استعمال ڪيو ويندو آهي ميني جي فهرست ٺاهڻ لاءِ. ان ۾ لاڳاپيل بند ڪرڻ واري ٽيگ شامل آھي ۽ عنصر جو نالو ننڍو آھي. HTML دستاويز UTF-8 اکر انڪوڊنگ استعمال ڪندي انڪوڊ ٿيل آهن, جيڪو يونيڪوڊ اکرن کي شامل ڪرڻ جي حمايت ڪري ٿو. جڏهن استعمال ڪندي html>-ٽيگ, ۾ UTF-8 چونڊڻ جي پڪ ڪريو “بچايو- جيئن” ڊائلاگ باڪس.

html استعمال ڪندي>-ٽيگ شامل ڪرڻ لاءِ هڪ مني-شامل فهرست هڪ HTML صفحي تي آسان آهي. توھان ھي ٽيگ استعمال ڪري سگھوٿا ڪنھن به عنصر لاءِ جيڪو اڻ ترتيب ڏنل فهرست کي سپورٽ ڪري ٿو. توھان پڻ استعمال ڪري سگھو ٿا اڻ ترتيب ڏنل فهرست ھڪڙي نيويگيشن مينيو لاءِ. dl عنصر شرطن ۽ وضاحتن جي جوڑوں جي ھڪڙي فهرست کي شامل ڪري ٿو. آرڊر ٿيل لسٽ ۾ شيون کاٻي پاسي وڌندڙ ڪائونٽر سان ڏيکاريل آھن. توھان پڻ dl عنصر کي ختم ڪري سگھو ٿا جيڪڏھن فهرست واري شيءِ کي فوري طور تي ٻئي عنصر جي پٺيان ھجي.

ميني-شامل لسٽ داخل ڪرڻ جو ٻيو طريقو HTML دستاويز ۾ فوٽر عنصر شامل ڪرڻ آهي. هي عنصر ويجھي سيڪشننگ مواد جي فوٽر جي نمائندگي ڪري ٿو. اهو اڪثر ڪري ليکڪ جي باري ۾ معلومات تي مشتمل آهي, ڪاپي رائيٽ ڊيٽا, يا لاڳاپيل دستاويزن جي لنڪ. html استعمال ڪندي>-HTML صفحي تي ميني-شامل لسٽ ٺاهڻ لاءِ ٽيگ

html استعمال ڪندي>-انفرادي ٽيڪسٽ بلاڪ کي اجاگر ڪرڻ لاءِ ٽيگ

HTML5 نشان سان انفرادي ٽيڪسٽ بلاڪ کي نمايان ڪري ٿو> عنصر. هي HTML5 ٽيگ ماخذ ۾ مواد جو رنگ تبديل ڪري ٿو هڪ خاص ڇانو پيلي يا ڪارو, پڙهندڙ کي اهم متن ۾ فرق ڪرڻ جي اجازت ڏئي ٿو. اهو پڻ استعمال ڪري سگهجي ٿو مواد جي حصن کي ظاهر ڪرڻ لاءِ جيڪي ٻين متن کان وڌيڪ ڌيان ڏيڻ جي ضرورت آهي. نشان> عنصر HTML ۾ گلوبل خاصيتون ۽ واقعي جي خاصيتن کي سپورٽ ڪري ٿو. جڏهن صحيح طور تي استعمال ڪيو ويندو آهي, هي HTML5 ٽيگ ويب پيج جي پڙهڻ جي صلاحيت کي وڌائي سگھي ٿو.

HTML4 معيار جسماني طرز جي ڪردار-سطح جي ٽيگ کي رد ڪري ٿو. اهي پيش ڪرڻ سان معاملو ڪن ٿا, ۽ انهن مقصدن لاءِ CSS استعمال ڪرڻ بهتر آهي. HTML5 انهن کي ٻيهر متعارف ڪرايو آهي. اهي هاڻي بي عزتي نه آهن, پر اهي اڃا تائين انفرادي ٽيڪسٽ بلاڪ کي اجاگر ڪرڻ جو واحد رستو نه آهن. HTML5 سان متن جي انفرادي بلاڪ کي نمايان ڪرڻ لاءِ CSS استعمال ڪريو! اهو سادو طريقو مواد جي هڪ ٽڪرا اندر انفرادي متن بلاڪ کي اجاگر ڪندو.

فلوٽ: توھان ھي CSS پراپرٽي استعمال ڪري سگھوٿا ھڪڙي عنصر کي شامل ڪرڻ واري عنصر جي کاٻي يا ساڄي ڪنڊ ڏانھن.. اهو هڪ گرڊ يا ڪالمن ٺاهڻ لاء استعمال ڪري سگهجي ٿو. توهان پڻ استعمال ڪري سگهو ٿا هڪ CSS ملڪيت جنهن کي فلوٽ سڏيو ويندو آهي هڪ iframe يا تصوير کي برائوزر جي کاٻي يا ساڄي مارجن ڏانهن فلوٽ ڪرڻ لاءِ. اهي خاصيتون CSS سان انفرادي بلاڪ کي نمايان ڪرڻ آسان بڻائي ٿي.