HTML Editor: Code & Preview

با ویرایشگر HTML، یک ایده وب را به یک صفحه کاری تبدیل کنید. HTML را با CSS و جاوا اسکریپت تعبیه شده بنویسید، نتیجه را پیش‌نمایش کنید و از درس‌های کوتاه برای درک کدی که تغییر می‌دهید استفاده کنید. این یک فضای کاری کاربردی برای دانش‌آموزان، مبتدیان و توسعه‌دهندگانی است که با صفحات وب کوچک روی دستگاه تلفن همراه آزمایش می‌کنند.

کد خود را بنویسید و بررسی کنید

در یک ویرایشگر کد با برجسته‌سازی نحو، تطبیق براکت، بستن خودکار و لغو و انجام مجدد کار کنید. شماره خط را نشان دهید، متن را پیدا کنید یا وقتی یک قطعه کد بزرگ می‌شود به یک خط بروید. نوار ابزار نماد اضافی، کاراکترهای کدگذاری رایج را در دسترس قرار می‌دهد، بنابراین وارد کردن برچسب‌ها و عبارات نیاز به جابجایی کمتری بین طرح‌بندی‌های صفحه کلید دارد.

بین تب‌های Code، Output و Console جابجا شوید. نمای خروجی، سند شما را در داخل برنامه، از جمله سبک‌ها و اسکریپت‌های آن، رندر می‌کند. هنگام ویرایش از به‌روزرسانی خودکار پیش‌نمایش استفاده کنید یا وقتی ترجیح می‌دهید هنگام به‌روزرسانی نتیجه کنترل داشته باشید، آن را خاموش کنید. پیام‌های کنسول به شما کمک می‌کنند تا بررسی کنید که جاوا اسکریپت صفحه شما چه کاری انجام می‌دهد.

عرض‌های پیش‌نمایش مختلف را بررسی کنید

حالت‌های پیش‌نمایش گوشی، تبلت یا دسکتاپ را انتخاب کنید تا نحوه رفتار یک طرح‌بندی در عرض‌های مختلف را بررسی کنید. این‌ها نماهایی درون برنامه هستند که برای بررسی فاصله و چیدمان هنگام کار بر روی یک طراحی واکنش‌گرا مفید هستند. یک عنوان را امتحان کنید، یک قانون سبک را تنظیم کنید، سپس برای دیدن تأثیر به خروجی برگردید.

یک مفهوم را بیاموزید، سپس آن را تمرین کنید

حالت یادگیری موضوعات HTML، CSS و جاوا اسکریپت را گرد هم می‌آورد. به جای خواندن همه چیز به ترتیب، بر اساس موضوع فیلتر کنید یا یک مفهوم را جستجو کنید. هر درس شامل یک توضیح، یک اشاره سریع، کاربردهای عملی، مشکلات رایج، یک مثال و یک راهنمای کد است.

یک درس را با دو وظیفه کوتاه کدنویسی دنبال کنید. ابتدا یک مثال را بازیابی کنید، سپس یک قطعه کد جدید با استفاده از مفهوم بنویسید. پاسخ خود را بررسی کنید، بازخورد را بخوانید و وقتی می‌خواهید تلاش دیگری انجام دهید، شروع‌کننده را مجدداً تنظیم کنید. وظیفه دوم پس از اتمام وظیفه اول باز می‌شود. پیشرفت مطالعه و تمرین به صورت محلی ثبت می‌شود تا بتوانید به موضوعاتی که شروع کرده‌اید برگردید.

کار خود را نگه دارید و به اشتراک بگذارید

یک سند ایجاد کنید، یک فایل HTML ذخیره شده را باز کنید، یا از ذخیره و ذخیره به عنوان برای نگه داشتن کار خود به عنوان یک فایل HTML استفاده کنید. وقتی می‌خواهید خود سند را ارسال کنید، یک فایل را به اشتراک بگذارید. برای انتقال آنلاین، یک کد انتقال ایجاد کنید یا لینک را به اشتراک بگذارید و از ویرایشگر وب همراه برای ادامه کار با قطعه کد استفاده کنید. انتقال آنلاین کد فعلی را به سرویس ارسال می‌کند و به اتصال اینترنت نیاز دارد.

فضای کاری را راحت کنید

روشن، تاریک یا ظاهر سیستم را انتخاب کنید و اندازه فونت ویرایشگر را تنظیم کنید. تنظیمات به شما امکان می‌دهند شماره خطوط، حالت دسترسی، ذخیره خودکار، پشتیبان‌گیری در هنگام خروج و بازیابی جلسه را کنترل کنید. پیش‌نویس‌ها و کپی‌های فضای کاری، داده‌های برنامه محلی هستند؛ کارهای مهم را به عنوان فایل ذخیره کنید تا اینکه یک جلسه محلی را به عنوان پشتیبان دائمی در نظر بگیرید.

صفحه داده و حریم خصوصی به شما امکان می‌دهد تنظیمات را مرور کنید، داده‌های ویرایشگر موقت را پاک کنید یا داده‌های برنامه محلی را بازنشانی کنید. مرکز پاداش همچنین پاداش‌های روزانه اختیاری و فعالیت‌های سکه مبتنی بر تبلیغات را ارائه می‌دهد. سکه‌های پاداش اقلام درون برنامه‌ای هستند، نه پول نقد.

ویرایش صفحات مستقل و خواندن درس‌های بسته‌بندی‌شده نیازی به سرویس آنلاین ندارد. تصاویر از راه دور، اسکریپت‌های خارجی، انتقال‌های آنلاین و تبلیغات نیاز به اتصال دارند. از ویرایشگر HTML برای خواندن یک مفهوم، امتحان کردن یک تغییر، بررسی نتیجه و نگه‌داشتن کدی که می‌خواهید بر اساس آن بسازید، استفاده کنید.