جلسه 5

    سلام

    <!DOCTYPE html>
    <html lang="en">

    <body>

    <divstyle="background-color: blue; width: 75%;min-height: 165px; height: auto; word-spacing:2px;

    padding: 200px; box-sizing: border-box;margin: 20px auto 100px auto;">

    <p style="display:inline-block;width: 65%;">    
    fggfngdfngndfngdfnghtrhrtujyutytujyut
    </p>
    <!-- من ماهیت تک رو عوض کردم همون تور که گفتید ام خروجی نداد -->
    <img src="img/1.jpg" alt="" width="40%p; height="auto; style="display: inline-block;" ">

    </div>
    <p>bnbvvhgchgcfxcfxchwruertgearoiutoenjvjdfhnuidfhgu</p>    
    </body>
    </html>


    سلام روزتون بخیر

    margin اعمال شده برای چک کردنش یکبار margin رو حذف کنید صفحه رو رفرش کنید چک کنید دوباره margin رو اضافه کنید تفاوتش رو ببینید

    padding داره اعمال میشه مثل marginیکبار حذف کنین رفرش کنید و دوباره بنویسید  و رفرش کنید تا تفاوتش رو ببینید.

    box-sizing هم اوکیه.با padding:200px یکبار مقدار box-sizing رو border-box ست کنید رفرش کنید ببینید مجدد مقدار box-sizing رو content-box ست کنید رفرش کنید تا تفاوتش رو ببینید. 

    word-spacing مشکلی نداره اجرا نشدنش به این دلیله که شما بین متنتون هیچ فاصله ای ندارید در واقع اصلا کلمه جداگانه ندارید این ویژگی فاصله بین کلمات رو تغییر میده .حالا کلمات رو چطور تشخیص میده؟ اینکه شما بین حروف فاصله بزارید بر اساس space کلمه می شناسه و اون فاصله ها رو کم یا زیاد می کنه.بین متنی که در تگ p نوشتید چند تا فاصله بزارید اوکیه.
    برای تگ img اولا یک دابل کوتیشن اضافه اخر تگ دارید که به رنگ قرمز دیده میشه اونو حذف کنید.دوما اگر در کنار سند html که دارید توش کار می کنید پوشه ای به نام  img دارید و در اون عکسی به نام 1 و پسوند .jpg دارید تصویر نمایش داده میشه اگر تصویر نمایش داده نمیشه حتما ادرس دهی اشتباهه باید پوشه ای به این نام ایجاد کنید و تصویر با همین نام در پوشه بزارید تا بتونید تصویر رو ببینید.
    موفق باشید.