خانه/آموزش طراحی سایت/تمرین آنلاین کدنویسی HTML و CSS و JS

ابزار تمرین با امکان مشاهده آنلاین نتایج کدهای HTML و CSS و JS

بهترین ابزار برای تست و بررسی نمونه کد html و css و js از آنچه آموخته‌اید

در این صفحه می‌توانید کدهایی که در این سایت یاد گرفته‌اید را امتحان کنید. با ابزار تمرین آنلاین زیر، کدهای HTML و CSS و JavaScript را در کادر اول وارد کرده و با زدن دکمه «مشاهده نتیجه»، نتیجه کد نویسی خود را در کادر دیگر مشاهده نمایید.

<!DOCTYPE html>
<html>
<body dir="rtl">

<h1 style="text-align:center;">سرفصل نوع ۱ وسط چین</h1>
<p style="text-align:right;">این یک نمونه متن پاراگراف راست چین است که نحوه تراز کردن راست چین را نشان می‌دهد. در حالت راست چین فونت‌ها از سمت راست تراز هستند و از سمت چپ نسبت به طول آخرین کلمه‌ای که در یک سطر جا گرفته است شکسته شده و به خط بعد منتقل می‌شود. در نتیجه سمت چپ این نوع تراز منظم نیست. ولی سمت راست منظم است.</p>
<p style="text-align:justify;">این یک نمونه متن پاراگراف دو طرف تراز (Justify) است که به روش تراز از دو طرف تنظیم شده است. اگر جهت پیش‌فرض سند html شما راست به چپ باشد (RTL) این روش مشابه حالت راست چین است با این تفاوت که علاوه بر تراز بودن سمت راست، سمت چپ متن را نیز تراز می‌کند و پاراگراف شما بسیار زیبا و منظر و به شکل یک بلوک متنی ولی راست چین نمایش داده می‌شود. در واقع تفاوت عمده آن با راست چین نظم سمت چپ کار است. ولی اگر ساختار نوشتاری سند html شما چپ به راست باشد (LTR) تراز دو طرف همچنان وجود دارد ولی نوشته ها از تراز می‌شوند. این حالت را در خط آخر یک پاراگراف که معمولا نا تمام است می‌توانید تشخیص دهید.</p>

</body>
</html>