.square-box {
  width: 100%;
  aspect-ratio: 1 / 1;
}


.video-container {
  width: 100%;
  aspect-ratio: 16 / 9;
}


.hero-banner {
  width: 100%;
  aspect-ratio: 21 / 9;
}

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

.box {
  width: 200px;
  height: 200px;
  background: dodgerblue;

  clip-path: polygon(
    50% 0%,
    100% 100%,
    0% 100%
  );
}

خیام

▫️ از متغیرها استفاده کنیم
▫️ کدهامون رو مرتب‌تر بنویسیم
▫️ کدهای تکراری رو کمتر کنیم
▫️ استایل‌ها رو راحت‌تر مدیریت کنیم

فروش اکانت جمنای پرو

‏"()document.write"

document.write("Hello World");

<div>
این یک بخش از صفحه است.
</div>

<p>
من در حال یادگیری <span>HTML</span> هستم.
</p>

<img src="photo.jpg" alt="عکس من">

"src" مسیر تصویر را مشخص می‌کند و "alt" توضیح جایگزین تصویر است.

l>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ul>

<ol>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ol>

<ul>
<li>یادگیری HTML</li>
<li>یادگیری CSS</li>
<li>یادگیری JavaScript</li>
</ul>

<br>
به دوره HTML خوش آمدید.

<div>
<span>
<img>
<ul>
<ol>
<li>
<br>

قسمت دوم مرحله دوم معرفی تگ های html

<details>
  <summary>HTML چیست؟</summary>
  <p>HTML برای ساختار صفحات وب استفاده می‌شود.</p>
</details>

<details>
  <summary>CSS چیست؟</summary>
  <p>CSS برای طراحی و زیباسازی صفحات وب است.</p>
</details>

<details>
  <summary>JavaScript چیست؟</summary>
  <p>JavaScript برای ایجاد رفتار و تعامل در صفحات وب استفاده می‌شود.</p>
</details>

<details open>
  <summary>اطلاعات بیشتر</summary>
  <p>این بخش از ابتدا باز است.</p>
</details>