ویرایشگر آنلاین

از موتو کد، دانشنامهٔ برنامه‌نویسی

با ویرایشگر کد آنلاین موتو کد، می‌توانید کدهای HTML, CSS و JavaScript را ویرایش کنید و نتیجه را در مرورگر خود مشاهده کنید.

  • سورس کدها بصورت مجزا در بخش‌های مربوط به خود قرار گرفته‌است
  • با کلیک بر هر قسمت به کدهای همان قسمت هدایت می‌شوید
  • با کلیک بر بخش Complete تمامی سورس کدها را بصورت یکجا ملاحظه می‌کنید
  • برای مشاهدهٔ خروجی سورس کدها بر روی بخش Preview کلیک کنید

مثال
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
<p>Edit the code in the window to the left, and click "Run" to view the result.</p>
<img src="avatar.png" alt="Avatar" style="width:200px">

مثال
body {
  background-color: black;
  text-align: center;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
}

مثال
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<style>
body {
  background-color: black;
  text-align: center;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
}
</style>
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
<p>Edit the code in the window to the left, and click "Run" to view the result.</p>
<img src="avatar.png" alt="Avatar" style="width:200px">

</body>
</html>

Page Title

This is a Heading

This is a paragraph.

Avatar



Responsive demo.svg
Page Title

This is a Heading

This is a paragraph.

Avatar




برای دیدن نحوهٔ کار روی دکمه "مشاهدهٔ نتیجه" کلیک کنید.