HTML Editor

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

اپنا کوڈ لکھیں اور چیک کریں۔

نحو کو نمایاں کرنے، بریکٹ میچنگ، خودکار بندش، اور کالعدم اور دوبارہ کرنے کے ساتھ کوڈ ایڈیٹر میں کام کریں۔ لائن نمبرز دکھائیں، متن تلاش کریں، یا ایک ٹکڑا بڑھنے پر لائن پر جائیں۔ اضافی علامت ٹول بار عام کوڈنگ حروف کو رسائی کے اندر رکھتا ہے، لہذا ٹیگز اور تاثرات داخل کرنے میں کی بورڈ لے آؤٹ کے درمیان کم سوئچنگ شامل ہوتی ہے۔

کوڈ، آؤٹ پٹ اور کنسول ٹیبز کے درمیان منتقل کریں۔ آؤٹ پٹ ویو آپ کی دستاویز کو ایپ کے اندر پیش کرتا ہے، بشمول اس کے اسٹائل اور اسکرپٹس۔ ترمیم کرتے وقت خودکار پیش نظارہ ریفریش کا استعمال کریں، یا جب آپ نتیجہ اپ ڈیٹ ہونے پر کنٹرول کرنے کو ترجیح دیتے ہیں تو اسے آف کریں۔ کنسول پیغامات آپ کو یہ معائنہ کرنے میں مدد کرتے ہیں کہ آپ کے صفحہ کا JavaScript کیا کر رہا ہے۔

مختلف پیش نظارہ چوڑائیوں کو دریافت کریں۔

یہ دریافت کرنے کے لیے فون، ٹیبلیٹ، یا ڈیسک ٹاپ پریویو موڈز کا انتخاب کریں کہ ایک لے آؤٹ مختلف چوڑائیوں پر کیسے برتاؤ کرتا ہے۔ یہ ایپ کے اندر آراء ہیں، جب آپ ایک جوابی ڈیزائن پر کام کرتے ہیں تو اسپیسنگ اور ترتیب کو چیک کرنے کے لیے مفید ہے۔ ایک سرخی آزمائیں، طرز کے اصول کو ایڈجسٹ کریں، پھر اثر دیکھنے کے لیے آؤٹ پٹ پر واپس جائیں۔

ایک تصور سیکھیں، پھر اس پر عمل کریں۔

لرننگ موڈ HTML، CSS اور JavaScript کے موضوعات کو اکٹھا کرتا ہے۔ ہر چیز کو ترتیب سے پڑھنے کے بجائے موضوع کے لحاظ سے فلٹر کریں یا تصور تلاش کریں۔ ہر سبق میں ایک وضاحت، ایک فوری اشارہ، عملی استعمال، عام نقصانات، ایک مثال، اور ایک کوڈ واک تھرو شامل ہے۔

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

اپنے کام کو جاری رکھیں اور بانٹیں۔

ایک دستاویز بنائیں، ایک محفوظ کردہ HTML فائل کھولیں، یا اپنے کام کو HTML فائل کے طور پر رکھنے کے لیے Save and Save As کا استعمال کریں۔ جب آپ دستاویز خود بھیجنا چاہتے ہیں تو فائل شیئر کریں۔ آن لائن ہینڈ آف کے لیے، ایک ٹرانسفر کوڈ بنائیں یا لنک کا اشتراک کریں اور اسنیپٹ کے ساتھ کام جاری رکھنے کے لیے ساتھی ویب ایڈیٹر کا استعمال کریں۔ آن لائن ٹرانسفر سروس کو موجودہ کوڈ بھیجتا ہے اور اسے انٹرنیٹ کنکشن کی ضرورت ہوتی ہے۔

کام کی جگہ کو آرام دہ بنائیں

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

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

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