مطالبی که در این جلسه می آموزیم:
1- چطوری به تگ هامون توی HTML استایل بدیم؟
2- چطور با تگ های مختلف HTML یک وب سایت زیبا ایجاد کنیم؟
آموزش تصویری html آموزش html استایل در html html css تگ تایتل </a> <a href='https://www.vidbid.ir/tag/%D8%AA%DA%AF%20%3Chead%3E' title='تگ <head>' class='badge badge-pill badge-light mr-2 mb-3'>تگ <head></a>
</p>
<div class="card-text font-weight-lighter mt-3 mb-1">
<span class="badge badge-pill badge-light mb-3"
title="2020-03-17 12:17:01 , v: 81 , l: 0">5 سال پیش
</span>
<span class="mb-3" title="دسته بندی"> در <a href='https://www.vidbid.ir/category/educational' class='badge badge-pill badge-default mr-1'>آموزشی</a></span>
<span class="badge badge-pill badge-light mr-2 mb-2">زمان 18:47</span>
<!-- Views -->
<span class="badge badge-pill badge-light mr-2 mb-2" title="نمایش">
<i class="fa fa-eye fa-2x mr-1" style="width: 16px; height: 14px" aria-hidden="true"></i> 81
</span>
<!-- Youtube Icon -->
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 mt-4 d-flex justify-content-center">
<button type="button" class="btn btn-pink btn-rounded mx-3 px-4 py-3 d-flex justify-content-between w-responsive"
style="max-width: 400px;"
data-toggle="modal" data-target="#modal_login"
>
<div>
<i class="fas fa-user fa-2x mr-2" style="width: 14.75px; height: 17px"></i>
<span>ثبت نام / ورود به سایت</span>
</div>
<div>
<img src="https://www.vidbid.ir/image/stuff/google-25.png" width="25px" height="25px" title="Google" alt="google">
</div>
</button>
</div>
<div class="related_videos related-cat video-pack compact_items" id="">
<div class="row no-gutters related-title">
<div class="col title-container d-flex justify-content-between">
<h2 class="title"><i class="fas fa-grip-vertical mr-2"></i>
دسته بندی آموزشی
</h2>
<a href="#site_top" class="go-top" title="برو بالا">
<i class="fa fa-arrow-up mr-3 " aria-hidden="true"></i>
</a>
</div>
</div>
<div class="related-container ">
<div class="row">
<div class="col clip-item d-flex related-item-1 related-1item">
<div class="thumbnail w-100 video-card d-flex flex-column">
<div class="thumbnail-image-wrapper thumb-container w-100">
<a href="https://www.vidbid.ir/video/1069611/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%A7%D8%B3%DA%A9%DB%8C%D8%AA-%D8%A7%D8%B2-%D8%B5%D9%81%D8%B1-%D8%AF%D9%88%D8%B1-%D8%B2%D8%AF%D9%86-a-form-%D9%82%D8%B3%D9%85%D8%AA-%D8%AF%D9%87%D9%85?type=today">
<img class="card-img-top clip-image lazyload"
src="https://www.vidbid.ir/image/stuff/vid-pl-hldr.jpg"
data-src="https://static.cdn.asset.aparat.cloud/avt/67441490-5669-l__3691.jpg?width=300&quality=90&secret=nE3SaRCb4vg4w991KsE8pQ"
width="290px" height="163px"
alt="آموزش اسکیت از صفر، دور زدن A...">
</a>
</div>
<span class="clip-duration">05:05</span>
<div class="card-body title d-flex flex-column">
<div class="card-title d-flex flex-1 flex-column">
<a href="https://www.vidbid.ir/video/1069611/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%A7%D8%B3%DA%A9%DB%8C%D8%AA-%D8%A7%D8%B2-%D8%B5%D9%81%D8%B1-%D8%AF%D9%88%D8%B1-%D8%B2%D8%AF%D9%86-a-form-%D9%82%D8%B3%D9%85%D8%AA-%D8%AF%D9%87%D9%85?type=today" class="flex-1"
title="آموزش اسکیت از صفر، دور زدن A form (قسمت دهم)">
آموزش اسکیت از صفر، دور زدن A form (قسمت دهم)
</a>
</div>
<span class="d-flex justify-content-between">
<span class="card-text font-weight-lighter clip-time align-self-center"
title="2025-12-17 00:18:36 , v: 7, l: 0">
4 روز پیش
</span>
</span>
</div>
</div>
</div>
<div class="col clip-item d-flex related-item-2 related-1item">
<div class="thumbnail w-100 video-card d-flex flex-column">
<div class="thumbnail-image-wrapper thumb-container w-100">
<a href="https://www.vidbid.ir/video/1069606/%D8%B1%DB%8C%D8%A7%D8%B6%DB%8C-%D9%BE%D9%86%D8%AC%D9%85-%D8%A7%D8%A8%D8%AA%D8%AF%D8%A7%DB%8C%DB%8C-%D9%85%D8%A8%D8%AD%D8%AB-%D8%AA%D9%86%D8%A7%D8%B3%D8%A8-%D9%81%D8%B5%D9%84-%D8%B3%D9%88%D9%85-%D8%B5%D9%81%D8%AD%D9%87-56-%D8%AA%D8%A7-59?type=today">
<img class="card-img-top clip-image lazyload"
src="https://www.vidbid.ir/image/stuff/vid-pl-hldr.jpg"
data-src="https://static.cdn.asset.aparat.cloud/avt/67235787-4528-l__3987.jpg?width=300&quality=90&secret=iJ7vWD3diH79GkSvEAV9tA"
width="290px" height="163px"
alt="ریاضی پنجم ابتدایی مبحث تناسب...">
</a>
</div>
<span class="clip-duration">34:26</span>
<div class="card-body title d-flex flex-column">
<div class="card-title d-flex flex-1 flex-column">
<a href="https://www.vidbid.ir/video/1069606/%D8%B1%DB%8C%D8%A7%D8%B6%DB%8C-%D9%BE%D9%86%D8%AC%D9%85-%D8%A7%D8%A8%D8%AA%D8%AF%D8%A7%DB%8C%DB%8C-%D9%85%D8%A8%D8%AD%D8%AB-%D8%AA%D9%86%D8%A7%D8%B3%D8%A8-%D9%81%D8%B5%D9%84-%D8%B3%D9%88%D9%85-%D8%B5%D9%81%D8%AD%D9%87-56-%D8%AA%D8%A7-59?type=today" class="flex-1"
title="ریاضی پنجم ابتدایی مبحث تناسب فصل سوم صفحه 56 تا 59">
ریاضی پنجم ابتدایی مبحث تناسب فصل سوم صفحه 56 تا 59
</a>
</div>
<span class="d-flex justify-content-between">
<span class="card-text font-weight-lighter clip-time align-self-center"
title="2025-12-17 00:18:28 , v: 2, l: 0">
4 روز پیش
</span>
</span>
</div>
</div>
</div>
<div class="col clip-item d-flex related-item-3 related-1item">
<div class="thumbnail w-100 video-card d-flex flex-column">
<div class="thumbnail-image-wrapper thumb-container w-100">
<a href="https://www.vidbid.ir/video/1069664/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%AD%D8%B3%D8%A7%D8%A8%D8%AF%D8%A7%D8%B1%DB%8C-%D9%88%D8%AC%D9%88%D9%87-%D9%86%D9%82%D8%AF-%D9%BE%D9%88%D8%AF%D9%85%D8%A7%D9%86-%D8%B3%D9%88%D9%85-%D8%AF%D9%81%D8%A7%D8%AA%D8%B1-%D8%B1%D8%B3%D9%85%DB%8C-%D9%88-%D8%BA%DB%8C%D8%B1-%D8%B1%D8%B3%D9%85%DB%8C?type=today">
<img class="card-img-top clip-image lazyload"
src="https://www.vidbid.ir/image/stuff/vid-pl-hldr.jpg"
data-src="https://static.cdn.asset.aparat.cloud/avt/67436910-2421-l__5513.jpg?width=300&quality=90&secret=hGCi6w5VdQYS20AzKp2YRw"
width="290px" height="163px"
alt="آموزش حسابداری وجوه نقد | پودم...">
</a>
</div>
<span class="clip-duration">23:55</span>
<div class="card-body title d-flex flex-column">
<div class="card-title d-flex flex-1 flex-column">
<a href="https://www.vidbid.ir/video/1069664/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%AD%D8%B3%D8%A7%D8%A8%D8%AF%D8%A7%D8%B1%DB%8C-%D9%88%D8%AC%D9%88%D9%87-%D9%86%D9%82%D8%AF-%D9%BE%D9%88%D8%AF%D9%85%D8%A7%D9%86-%D8%B3%D9%88%D9%85-%D8%AF%D9%81%D8%A7%D8%AA%D8%B1-%D8%B1%D8%B3%D9%85%DB%8C-%D9%88-%D8%BA%DB%8C%D8%B1-%D8%B1%D8%B3%D9%85%DB%8C?type=today" class="flex-1"
title="آموزش حسابداری وجوه نقد | پودمان سوم (دفاتر رسمی و غیر رسمی)">
آموزش حسابداری وجوه نقد | پودمان سوم (دفاتر رسمی و غیر رسمی)
</a>
</div>
<span class="d-flex justify-content-between">
<span class="card-text font-weight-lighter clip-time align-self-center"
title="2025-12-19 00:50:36 , v: 2, l: 0">
2 روز پیش
</span>
</span>
</div>
</div>
</div>
<div class="col clip-item d-flex related-item-4 related-1item">
<div class="thumbnail w-100 video-card d-flex flex-column">
<div class="thumbnail-image-wrapper thumb-container w-100">
<a href="https://www.vidbid.ir/video/1069559/%D9%84%D8%A7%DB%8C%D8%AA-%D8%B1%D9%88%D9%85-%D9%86%D8%B1%D9%85-%D8%A7%D9%81%D8%B2%D8%A7%D8%B1-%D8%B9%DA%A9%D8%A7%D8%B3%D8%A7%D9%86-%D8%AD%D8%B1%D9%81%D9%87-%D8%A7%DB%8C%DB%8C-%D8%A7%D8%AF%DB%8C%D8%AA-%D8%AD%D8%B1%D9%81%D9%87-%D8%A7%DB%8C-%D8%B9%DA%A9%D8%B3-%D9%82%D8%B3%D9%85%D8%AA-%DA%86%D9%87%D9%84-%D9%88-%D9%87%D8%B4%D8%AA%D9%85?type=today">
<img class="card-img-top clip-image lazyload"
src="https://www.vidbid.ir/image/stuff/vid-pl-hldr.jpg"
data-src="https://static.cdn.asset.aparat.cloud/avt/67420278-6574-l__4000.jpg?width=300&quality=90&secret=FVuZFNGtOsYDDZ1gk7spug"
width="290px" height="163px"
alt="لایت روم نرم افزار عکاسان حرف...">
</a>
</div>
<span class="clip-duration">07:15</span>
<div class="card-body title d-flex flex-column">
<div class="card-title d-flex flex-1 flex-column">
<a href="https://www.vidbid.ir/video/1069559/%D9%84%D8%A7%DB%8C%D8%AA-%D8%B1%D9%88%D9%85-%D9%86%D8%B1%D9%85-%D8%A7%D9%81%D8%B2%D8%A7%D8%B1-%D8%B9%DA%A9%D8%A7%D8%B3%D8%A7%D9%86-%D8%AD%D8%B1%D9%81%D9%87-%D8%A7%DB%8C%DB%8C-%D8%A7%D8%AF%DB%8C%D8%AA-%D8%AD%D8%B1%D9%81%D9%87-%D8%A7%DB%8C-%D8%B9%DA%A9%D8%B3-%D9%82%D8%B3%D9%85%D8%AA-%DA%86%D9%87%D9%84-%D9%88-%D9%87%D8%B4%D8%AA%D9%85?type=today" class="flex-1"
title="لایت روم نرم افزار عکاسان حرفه ایی ادیت حرفه ای عکس قسمت چهل و هشتم">
لایت روم نرم افزار عکاسان حرفه ایی ادیت حرفه ای عکس قسمت چهل و هشتم
</a>
</div>
<span class="d-flex justify-content-between">
<span class="card-text font-weight-lighter clip-time align-self-center"
title="2025-12-15 00:50:15 , v: 5, l: 0">
6 روز پیش
</span>
</span>
</div>
</div>
</div>
<div class="col clip-item d-flex related-item-5 related-1item">
<div class="thumbnail w-100 video-card d-flex flex-column">
<div class="thumbnail-image-wrapper thumb-container w-100">
<a href="https://www.vidbid.ir/video/1069639/%D9%85%D8%B1%D9%88%D8%B1-%DA%A9%D8%A7%D9%85%D9%84-%D8%AD%D8%B3%D8%A7%D8%A8%D8%A7%D9%86-%DB%B2-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%B4%D8%A8-%D8%A7%D9%85%D8%AA%D8%AD%D8%A7%D9%86-%D8%AD%D9%84-%D9%86%D9%85%D9%88%D9%86%D9%87-%D8%B3%D9%88%D8%A7%D9%84-%D8%A7%D9%85%D8%AA%D8%AD%D8%A7%D9%86%DB%8C-%D9%86%D9%88%D8%A8%D8%AA-%D8%A7%D9%88%D9%84-%D9%86%D8%B3%D8%AE%D9%87-%DB%B1?type=today">
<img class="card-img-top clip-image lazyload"
src="https://www.vidbid.ir/image/stuff/vid-pl-hldr.jpg"
data-src="https://static.cdn.asset.aparat.cloud/avt/67497310-7928-l__9362.jpg?width=300&quality=90&secret=ZoTkm7zF7025Y29Q-S5bKw"
width="290px" height="163px"
alt="مرور کامل حسابان ۲ برای شب امت...">
</a>
</div>
<span class="clip-duration">34:12</span>
<div class="card-body title d-flex flex-column">
<div class="card-title d-flex flex-1 flex-column">
<a href="https://www.vidbid.ir/video/1069639/%D9%85%D8%B1%D9%88%D8%B1-%DA%A9%D8%A7%D9%85%D9%84-%D8%AD%D8%B3%D8%A7%D8%A8%D8%A7%D9%86-%DB%B2-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%B4%D8%A8-%D8%A7%D9%85%D8%AA%D8%AD%D8%A7%D9%86-%D8%AD%D9%84-%D9%86%D9%85%D9%88%D9%86%D9%87-%D8%B3%D9%88%D8%A7%D9%84-%D8%A7%D9%85%D8%AA%D8%AD%D8%A7%D9%86%DB%8C-%D9%86%D9%88%D8%A8%D8%AA-%D8%A7%D9%88%D9%84-%D9%86%D8%B3%D8%AE%D9%87-%DB%B1?type=today" class="flex-1"
title="مرور کامل حسابان ۲ برای شب امتحان | حل نمونه سوال امتحانی نوبت اول | نسخه ۱">
مرور کامل حسابان ۲ برای شب امتحان | حل نمونه سوال امتحانی نوبت اول | نسخه ۱
</a>
</div>
<span class="d-flex justify-content-between">
<span class="card-text font-weight-lighter clip-time align-self-center"
title="2025-12-19 00:18:08 , v: 4, l: 0">
2 روز پیش
</span>
</span>
</div>
</div>
</div>
<div class="col clip-item d-flex related-item-6 related-1item">
<div class="thumbnail w-100 video-card d-flex flex-column">
<div class="thumbnail-image-wrapper thumb-container w-100">
<a href="https://www.vidbid.ir/video/1069608/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%DA%A9%D8%A7%D9%85%D9%84-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D8%A7%D8%B3%D8%AA%D9%88%D8%B1%DB%8C-%D9%85%D9%88%D8%B4%D9%86-%D8%A7%DB%8C%D9%86%D8%B3%D8%AA%D8%A7%DA%AF%D8%B1%D8%A7%D9%85-%D8%A8%D8%A7-%D9%81%D8%AA%D9%88%D8%B4%D8%A7%D9%BE-%D9%88-%D9%87%D9%88%D8%B4-%D9%85%D8%B5%D9%86%D9%88%D8%B9%DB%8C-1-%D8%B3%D8%A7%D8%B9%D8%AA-%D8%AC%D8%A7%D9%85%D8%B9?type=today">
<img class="card-img-top clip-image lazyload"
src="https://www.vidbid.ir/image/stuff/vid-pl-hldr.jpg"
data-src="https://static.cdn.asset.aparat.cloud/avt/67415798-9363-l__9427.jpg?width=300&quality=90&secret=zRHMBOtzXsQdzkiRole43A"
width="290px" height="163px"
alt="آموزش کامل طراحی استوری موشن ا...">
</a>
</div>
<span class="clip-duration">59:26</span>
<div class="card-body title d-flex flex-column">
<div class="card-title d-flex flex-1 flex-column">
<a href="https://www.vidbid.ir/video/1069608/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%DA%A9%D8%A7%D9%85%D9%84-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D8%A7%D8%B3%D8%AA%D9%88%D8%B1%DB%8C-%D9%85%D9%88%D8%B4%D9%86-%D8%A7%DB%8C%D9%86%D8%B3%D8%AA%D8%A7%DA%AF%D8%B1%D8%A7%D9%85-%D8%A8%D8%A7-%D9%81%D8%AA%D9%88%D8%B4%D8%A7%D9%BE-%D9%88-%D9%87%D9%88%D8%B4-%D9%85%D8%B5%D9%86%D9%88%D8%B9%DB%8C-1-%D8%B3%D8%A7%D8%B9%D8%AA-%D8%AC%D8%A7%D9%85%D8%B9?type=today" class="flex-1"
title="آموزش کامل طراحی استوری موشن اینستاگرام با فتوشاپ و هوش مصنوعی | 1 ساعت جامع">
آموزش کامل طراحی استوری موشن اینستاگرام با فتوشاپ و هوش مصنوعی | 1 ساعت جامع
</a>
</div>
<span class="d-flex justify-content-between">
<span class="card-text font-weight-lighter clip-time align-self-center"
title="2025-12-17 00:18:31 , v: 2, l: 0">
4 روز پیش
</span>
</span>
</div>
</div>
</div>
<div class="col clip-item d-flex related-item-7 related-1item">
<div class="thumbnail w-100 video-card d-flex flex-column">
<div class="thumbnail-image-wrapper thumb-container w-100">
<a href="https://www.vidbid.ir/video/1069640/%D9%85%D8%B1%D9%88%D8%B1-%DA%A9%D8%A7%D9%85%D9%84-%D8%B1%DB%8C%D8%A7%D8%B6%DB%8C-%D8%AF%D9%87%D9%85-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%B4%D8%A8-%D8%A7%D9%85%D8%AA%D8%AD%D8%A7%D9%86-%D8%AD%D9%84-%D9%86%D9%85%D9%88%D9%86%D9%87-%D8%B3%D9%88%D8%A7%D9%84-%D8%A7%D9%85%D8%AA%D8%AD%D8%A7%D9%86%DB%8C-%D9%86%D9%88%D8%A8%D8%AA-%D8%A7%D9%88%D9%84-%D9%86%D8%B3%D8%AE%D9%87-%DB%B1?type=today">
<img class="card-img-top clip-image lazyload"
src="https://www.vidbid.ir/image/stuff/vid-pl-hldr.jpg"
data-src="https://static.cdn.asset.aparat.cloud/avt/67479055-1888-l__2461.jpg?width=300&quality=90&secret=bcF26s2LuASif4GZga0EkA"
width="290px" height="163px"
alt="مرور کامل ریاضی دهم برای شب ام...">
</a>
</div>
<span class="clip-duration">43:52</span>
<div class="card-body title d-flex flex-column">
<div class="card-title d-flex flex-1 flex-column">
<a href="https://www.vidbid.ir/video/1069640/%D9%85%D8%B1%D9%88%D8%B1-%DA%A9%D8%A7%D9%85%D9%84-%D8%B1%DB%8C%D8%A7%D8%B6%DB%8C-%D8%AF%D9%87%D9%85-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%B4%D8%A8-%D8%A7%D9%85%D8%AA%D8%AD%D8%A7%D9%86-%D8%AD%D9%84-%D9%86%D9%85%D9%88%D9%86%D9%87-%D8%B3%D9%88%D8%A7%D9%84-%D8%A7%D9%85%D8%AA%D8%AD%D8%A7%D9%86%DB%8C-%D9%86%D9%88%D8%A8%D8%AA-%D8%A7%D9%88%D9%84-%D9%86%D8%B3%D8%AE%D9%87-%DB%B1?type=today" class="flex-1"
title="مرور کامل ریاضی دهم برای شب امتحان | حل نمونه سوال امتحانی نوبت اول | نسخه ۱">
مرور کامل ریاضی دهم برای شب امتحان | حل نمونه سوال امتحانی نوبت اول | نسخه ۱
</a>
</div>
<span class="d-flex justify-content-between">
<span class="card-text font-weight-lighter clip-time align-self-center"
title="2025-12-19 00:18:10 , v: 4, l: 0">
2 روز پیش
</span>
</span>
</div>
</div>
</div>
<div class="col clip-item d-flex related-item-8 related-1item">
<div class="thumbnail w-100 video-card d-flex flex-column">
<div class="thumbnail-image-wrapper thumb-container w-100">
<a href="https://www.vidbid.ir/video/1069612/%D8%A7%D9%86%DA%AF%D9%84%DB%8C%D8%B3%DB%8C-%D9%BE%D8%A7%DB%8C%D9%87-%D9%87%D9%81%D8%AA%D9%85-%D8%AF%D8%B1%D8%B3-%DA%86%D9%87%D8%A7%D8%B1%D9%85-3?type=today">
<img class="card-img-top clip-image lazyload"
src="https://www.vidbid.ir/image/stuff/vid-pl-hldr.jpg"
data-src="https://static.cdn.asset.aparat.cloud/avt/67438426-1861-l__5427.jpg?width=300&quality=90&secret=y0uL5k4isHvUPHCyAO5ZWA"
width="290px" height="163px"
alt="انگلیسی پایه هفتم درس چهارم (...">
</a>
</div>
<span class="clip-duration">02:14</span>
<div class="card-body title d-flex flex-column">
<div class="card-title d-flex flex-1 flex-column">
<a href="https://www.vidbid.ir/video/1069612/%D8%A7%D9%86%DA%AF%D9%84%DB%8C%D8%B3%DB%8C-%D9%BE%D8%A7%DB%8C%D9%87-%D9%87%D9%81%D8%AA%D9%85-%D8%AF%D8%B1%D8%B3-%DA%86%D9%87%D8%A7%D8%B1%D9%85-3?type=today" class="flex-1"
title="انگلیسی پایه هفتم درس چهارم ( 3 )">
انگلیسی پایه هفتم درس چهارم ( 3 )
</a>
</div>
<span class="d-flex justify-content-between">
<span class="card-text font-weight-lighter clip-time align-self-center"
title="2025-12-17 00:18:38 , v: 4, l: 0">
4 روز پیش
</span>
</span>
</div>
</div>
</div>
<div class="col clip-item d-flex related-item-9 related-1item">
<div class="thumbnail w-100 video-card d-flex flex-column">
<div class="thumbnail-image-wrapper thumb-container w-100">
<a href="https://www.vidbid.ir/video/1069641/%D8%B1%DB%8C%D8%A7%D8%B6%DB%8C-%D8%AF%D9%87%D9%85-%D9%81%D8%B5%D9%84-%DA%86%D9%87%D8%A7%D8%B1%D9%85-%D8%AD%D9%84-%D8%AA%D9%85%D8%B1%DB%8C%D9%86-%D8%B5%D9%81%D8%AD%D9%87-%DB%B9%DB%B3-%D8%B1%DB%8C%D8%A7%D8%B6%DB%8C-%D8%AF%D9%87%D9%85-%D8%AA%D8%AC%D8%B1%D8%A8%DB%8C-%D9%88-%D8%B1%DB%8C%D8%A7%D8%B6%DB%8C-%D9%81%DB%8C%D8%B2%DB%8C%DA%A9?type=today">
<img class="card-img-top clip-image lazyload"
src="https://www.vidbid.ir/image/stuff/vid-pl-hldr.jpg"
data-src="https://static.cdn.asset.aparat.cloud/avt/67369649-8577-l__6769.jpg?width=300&quality=90&secret=TH37iQ4paVeI64-AQyT8Qw"
width="290px" height="163px"
alt="ریاضی دهم فصل چهارم حل تمرین...">
</a>
</div>
<span class="clip-duration">23:46</span>
<div class="card-body title d-flex flex-column">
<div class="card-title d-flex flex-1 flex-column">
<a href="https://www.vidbid.ir/video/1069641/%D8%B1%DB%8C%D8%A7%D8%B6%DB%8C-%D8%AF%D9%87%D9%85-%D9%81%D8%B5%D9%84-%DA%86%D9%87%D8%A7%D8%B1%D9%85-%D8%AD%D9%84-%D8%AA%D9%85%D8%B1%DB%8C%D9%86-%D8%B5%D9%81%D8%AD%D9%87-%DB%B9%DB%B3-%D8%B1%DB%8C%D8%A7%D8%B6%DB%8C-%D8%AF%D9%87%D9%85-%D8%AA%D8%AC%D8%B1%D8%A8%DB%8C-%D9%88-%D8%B1%DB%8C%D8%A7%D8%B6%DB%8C-%D9%81%DB%8C%D8%B2%DB%8C%DA%A9?type=today" class="flex-1"
title="ریاضی دهم فصل چهارم حل تمرین صفحه ۹۳ ریاضی دهم تجربی و ریاضی فیزیک">
ریاضی دهم فصل چهارم حل تمرین صفحه ۹۳ ریاضی دهم تجربی و ریاضی فیزیک
</a>
</div>
<span class="d-flex justify-content-between">
<span class="card-text font-weight-lighter clip-time align-self-center"
title="2025-12-19 00:18:12 , v: 1, l: 0">
2 روز پیش
</span>
</span>
</div>
</div>
</div>
<div class="col-12 text-center more-videos">
<a href="https://www.vidbid.ir/category/educational"
class="btn btn-sm mx-auto mb-3 mt-0 btn-block">مشاهده همه ...</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="related_bar mt-0">
<div class="related_videos related-cat video-pack real-related-videos compact_items" id="">
<div class="row no-gutters related-title">
<div class="col title-container d-flex justify-content-between">
<h2 class="title"><i class="fas fa-grip-vertical mr-2"></i>
ویدئو های مرتبط
</h2>
<a href="#site_top" class="go-top" title="برو بالا">
<i class="fa fa-arrow-up mr-3 " aria-hidden="true"></i>
</a>
</div>
</div>
<div class="related-container ">
<div class="row">
<div class="col clip-item d-flex related-item-1 ">
<div class="thumbnail w-100 video-card d-flex flex-column">
<div class="thumbnail-image-wrapper thumb-container w-100">
<a href="https://www.vidbid.ir/video/229719/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%B5%D9%81%D8%B1-%D8%AA%D8%A7-%D8%B5%D8%AF-css-html-%D9%82%D8%B3%D9%85%D8%AA-14?type=today">
<img class="card-img-top clip-image lazyload"
src="https://www.vidbid.ir/image/stuff/vid-pl-hldr.jpg"
data-src="https://static.cdn.asset.aparat.cloud/avt/20651221-7723-l__8863.jpg?width=300&quality=90&secret=XFMjgDcz7ko0-MZdeY3-1g"
width="290px" height="163px"
alt="آموزش صفر تا صد CSS HTML قسمت...">
</a>
</div>
<span class="clip-duration">20:46</span>
<div class="card-body title d-flex flex-column">
<div class="card-title d-flex flex-1 flex-column">
<a href="https://www.vidbid.ir/video/229719/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%B5%D9%81%D8%B1-%D8%AA%D8%A7-%D8%B5%D8%AF-css-html-%D9%82%D8%B3%D9%85%D8%AA-14?type=today" class="flex-1"
title="آموزش صفر تا صد CSS HTML قسمت 14">
آموزش صفر تا صد CSS HTML قسمت 14
</a>
</div>
<span class="d-flex justify-content-between">
<span class="card-text font-weight-lighter clip-time align-self-center"
title="2020-03-30 21:30:19 , v: 68, l: 0">
5 سال پیش
</span>
</span>
</div>
</div>
</div>
<div class="col clip-item d-flex related-item-2 ">
<div class="thumbnail w-100 video-card d-flex flex-column">
<div class="thumbnail-image-wrapper thumb-container w-100">
<a href="https://www.vidbid.ir/video/230878/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-html-%D9%88-css-%D8%A8%D8%AE%D8%B4-%DB%8C%DA%A9?type=today">
<img class="card-img-top clip-image lazyload"
src="https://www.vidbid.ir/image/stuff/vid-pl-hldr.jpg"
data-src="https://static.cdn.asset.aparat.cloud/avt/15140281-4731-l__8400.jpg?width=300&quality=90&secret=BpudGlnCA1ok-ulvscYj7A"
width="290px" height="163px"
alt="آموزش HTML و CSS بخش یک">
</a>
</div>
<span class="clip-duration">17:58</span>
<div class="card-body title d-flex flex-column">
<div class="card-title d-flex flex-1 flex-column">
<a href="https://www.vidbid.ir/video/230878/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-html-%D9%88-css-%D8%A8%D8%AE%D8%B4-%DB%8C%DA%A9?type=today" class="flex-1"
title="آموزش HTML و CSS بخش یک">
آموزش HTML و CSS بخش یک
</a>
</div>
<span class="d-flex justify-content-between">
<span class="card-text font-weight-lighter clip-time align-self-center"
title="2020-03-31 02:19:18 , v: 124, l: 0">
5 سال پیش
</span>
</span>
</div>
</div>
</div>
<div class="col clip-item d-flex related-item-3 ">
<div class="thumbnail w-100 video-card d-flex flex-column">
<div class="thumbnail-image-wrapper thumb-container w-100">
<a href="https://www.vidbid.ir/video/307499/2-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D8%B3%D8%A7%DB%8C%D8%AA-%D8%A7%DB%8C%D8%AC%D8%A7%D8%AF-%DB%8C%DA%A9-%D9%81%D8%A7%DB%8C%D9%84-html?type=today">
<img class="card-img-top clip-image lazyload"
src="https://www.vidbid.ir/image/stuff/vid-pl-hldr.jpg"
data-src="https://static.cdn.asset.aparat.cloud/avt/22998801-3605-l__9512.jpg?width=300&quality=90&secret=mL9pamJM7AP4cdSPO-LdHA"
width="290px" height="163px"
alt="2 آموزش طراحی سایت ایجاد یک...">
</a>
</div>
<span class="clip-duration">08:51</span>
<div class="card-body title d-flex flex-column">
<div class="card-title d-flex flex-1 flex-column">
<a href="https://www.vidbid.ir/video/307499/2-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D8%B3%D8%A7%DB%8C%D8%AA-%D8%A7%DB%8C%D8%AC%D8%A7%D8%AF-%DB%8C%DA%A9-%D9%81%D8%A7%DB%8C%D9%84-html?type=today" class="flex-1"
title="2 آموزش طراحی سایت ایجاد یک فایل html">
2 آموزش طراحی سایت ایجاد یک فایل html
</a>
</div>
<span class="d-flex justify-content-between">
<span class="card-text font-weight-lighter clip-time align-self-center"
title="2020-06-10 00:49:22 , v: 77, l: 0">
5 سال پیش
</span>
</span>
</div>
</div>
</div>
<div class="col clip-item d-flex related-item-4 ">
<div class="thumbnail w-100 video-card d-flex flex-column">
<div class="thumbnail-image-wrapper thumb-container w-100">
<a href="https://www.vidbid.ir/video/361154/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%88%D8%A8-%D8%B3%D8%A7%DB%8C%D8%AA-%D8%A8%D8%A7-html-%D9%88-css-%D9%82%D8%B3%D9%85%D8%AA-%D8%B3%D9%88%D9%85?type=today">
<img class="card-img-top clip-image lazyload"
src="https://www.vidbid.ir/image/stuff/vid-pl-hldr.jpg"
data-src="https://static.cdn.asset.aparat.cloud/avt/23101522-7249-l__7327.jpg?width=300&quality=90&secret=02XY6cBA8SwIPoecmqvLeg"
width="290px" height="163px"
alt="آموزش طراحی وب سایت با html و...">
</a>
</div>
<span class="clip-duration">16:12</span>
<div class="card-body title d-flex flex-column">
<div class="card-title d-flex flex-1 flex-column">
<a href="https://www.vidbid.ir/video/361154/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%88%D8%A8-%D8%B3%D8%A7%DB%8C%D8%AA-%D8%A8%D8%A7-html-%D9%88-css-%D9%82%D8%B3%D9%85%D8%AA-%D8%B3%D9%88%D9%85?type=today" class="flex-1"
title="آموزش طراحی وب سایت با html و css قسمت سوم">
آموزش طراحی وب سایت با html و css قسمت...
</a>
</div>
<span class="d-flex justify-content-between">
<span class="card-text font-weight-lighter clip-time align-self-center"
title="2020-08-07 08:33:56 , v: 58, l: 0">
5 سال پیش
</span>
</span>
</div>
</div>
</div>
<div class="col clip-item d-flex related-item-5 ">
<div class="thumbnail w-100 video-card d-flex flex-column">
<div class="thumbnail-image-wrapper thumb-container w-100">
<a href="https://www.vidbid.ir/video/361156/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%88%D8%A8-%D8%B3%D8%A7%DB%8C%D8%AA-%D8%A8%D8%A7-html-%D9%88-css?type=today">
<img class="card-img-top clip-image lazyload"
src="https://www.vidbid.ir/image/stuff/vid-pl-hldr.jpg"
data-src="https://static.cdn.asset.aparat.cloud/avt/21943539-8038-l__8561.jpg?width=300&quality=90&secret=MiMG-ZQXMbYMHCZfkjzYag"
width="290px" height="163px"
alt="آموزش طراحی وب سایت با html و...">
</a>
</div>
<span class="clip-duration">55:12</span>
<div class="card-body title d-flex flex-column">
<div class="card-title d-flex flex-1 flex-column">
<a href="https://www.vidbid.ir/video/361156/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%88%D8%A8-%D8%B3%D8%A7%DB%8C%D8%AA-%D8%A8%D8%A7-html-%D9%88-css?type=today" class="flex-1"
title="آموزش طراحی وب سایت با html و css">
آموزش طراحی وب سایت با html و css
</a>
</div>
<span class="d-flex justify-content-between">
<span class="card-text font-weight-lighter clip-time align-self-center"
title="2020-08-07 08:34:01 , v: 60, l: 0">
5 سال پیش
</span>
</span>
</div>
</div>
</div>
<div class="col clip-item d-flex related-item-6 ">
<div class="thumbnail w-100 video-card d-flex flex-column">
<div class="thumbnail-image-wrapper thumb-container w-100">
<a href="https://www.vidbid.ir/video/432065/%D8%AF%D8%B1%D8%AC-%D9%85%D8%AD%D8%B5%D9%88%D9%84-%D8%AF%D8%B1-%D8%AC%D8%AF%D9%88%D9%84?type=today">
<img class="card-img-top clip-image lazyload"
src="https://www.vidbid.ir/image/stuff/vid-pl-hldr.jpg"
data-src="https://static.cdn.asset.aparat.cloud/avt/26645099-8957-l__9849.jpg?width=300&quality=90&secret=khLX9apWv-ltyjSCVZ0B9g"
width="290px" height="163px"
alt="درج محصول در جدول">
</a>
</div>
<span class="clip-duration">16:38</span>
<div class="card-body title d-flex flex-column">
<div class="card-title d-flex flex-1 flex-column">
<a href="https://www.vidbid.ir/video/432065/%D8%AF%D8%B1%D8%AC-%D9%85%D8%AD%D8%B5%D9%88%D9%84-%D8%AF%D8%B1-%D8%AC%D8%AF%D9%88%D9%84?type=today" class="flex-1"
title="درج محصول در جدول">
درج محصول در جدول
</a>
</div>
<span class="d-flex justify-content-between">
<span class="card-text font-weight-lighter clip-time align-self-center"
title="2020-11-06 08:33:08 , v: 55, l: 0">
5 سال پیش
</span>
</span>
</div>
</div>
</div>
<div class="col clip-item d-flex related-item-7 ">
<div class="thumbnail w-100 video-card d-flex flex-column">
<div class="thumbnail-image-wrapper thumb-container w-100">
<a href="https://www.vidbid.ir/video/480913/%D9%82%D8%B3%D9%85%D8%AA-%D8%AF%D9%88%D8%A7%D8%B2%D8%AF%D9%87%D9%85-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-html-%D9%88-css-%D8%A7%D9%86%D8%AF%D8%A7%D8%B2%D9%87-%D8%AF%D8%A7%D8%AF%D9%86-%D8%A8%D9%87-%D8%AA%DA%AF-%D9%87%D8%A7?type=today">
<img class="card-img-top clip-image lazyload"
src="https://www.vidbid.ir/image/stuff/vid-pl-hldr.jpg"
data-src="https://static.cdn.asset.aparat.cloud/avt/28445111-8880-l__7150.jpg?width=300&quality=90&secret=pePWSuaEQxSzgThzgtgpug"
width="290px" height="163px"
alt="قسمت دوازدهم آموزش HTML و CSS...">
</a>
</div>
<span class="clip-duration">05:56</span>
<div class="card-body title d-flex flex-column">
<div class="card-title d-flex flex-1 flex-column">
<a href="https://www.vidbid.ir/video/480913/%D9%82%D8%B3%D9%85%D8%AA-%D8%AF%D9%88%D8%A7%D8%B2%D8%AF%D9%87%D9%85-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-html-%D9%88-css-%D8%A7%D9%86%D8%AF%D8%A7%D8%B2%D9%87-%D8%AF%D8%A7%D8%AF%D9%86-%D8%A8%D9%87-%D8%AA%DA%AF-%D9%87%D8%A7?type=today" class="flex-1"
title="قسمت دوازدهم آموزش HTML و CSS (اندازه دادن به تگ ها)">
قسمت دوازدهم آموزش HTML و CSS (اندازه دا...
</a>
</div>
<span class="d-flex justify-content-between">
<span class="card-text font-weight-lighter clip-time align-self-center"
title="2020-12-30 02:42:43 , v: 73, l: 0">
4 سال پیش
</span>
</span>
</div>
</div>
</div>
<div class="col clip-item d-flex related-item-8 ">
<div class="thumbnail w-100 video-card d-flex flex-column">
<div class="thumbnail-image-wrapper thumb-container w-100">
<a href="https://www.vidbid.ir/video/494658/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D9%87-%D9%86%D9%88%DB%8C%D8%B3%DB%8C-%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D9%87-%D9%86%D9%88%DB%8C%D8%B3%DB%8C-%D9%85%D8%A7%D8%B4%DB%8C%D9%86-%D8%AD%D8%B3%D8%A7%D8%A8-%D8%A8%D8%A7-%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87-%D8%A7%D8%B2-%D8%AC%D8%A7%D9%88%D8%A7-%D8%A7%D8%B3%DA%A9%D8%B1%DB%8C%D9%BE%D8%AA?type=today">
<img class="card-img-top clip-image lazyload"
src="https://www.vidbid.ir/image/stuff/vid-pl-hldr.jpg"
data-src="https://static.cdn.asset.aparat.cloud/avt/23893268-6575-l__1528.jpg?width=300&quality=90&secret=JSiEeaKwCT0x_SW0ewwF_Q"
width="290px" height="163px"
alt="آموزش برنامه نویسی برنامه نوی...">
</a>
</div>
<span class="clip-duration">01:10:43</span>
<div class="card-body title d-flex flex-column">
<div class="card-title d-flex flex-1 flex-column">
<a href="https://www.vidbid.ir/video/494658/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D9%87-%D9%86%D9%88%DB%8C%D8%B3%DB%8C-%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D9%87-%D9%86%D9%88%DB%8C%D8%B3%DB%8C-%D9%85%D8%A7%D8%B4%DB%8C%D9%86-%D8%AD%D8%B3%D8%A7%D8%A8-%D8%A8%D8%A7-%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87-%D8%A7%D8%B2-%D8%AC%D8%A7%D9%88%D8%A7-%D8%A7%D8%B3%DA%A9%D8%B1%DB%8C%D9%BE%D8%AA?type=today" class="flex-1"
title="آموزش برنامه نویسی برنامه نویسی ماشین حساب با استفاده از جاوا اسکریپت">
آموزش برنامه نویسی برنامه نویسی ماشین ح...
</a>
</div>
<span class="d-flex justify-content-between">
<span class="card-text font-weight-lighter clip-time align-self-center"
title="2021-01-14 14:10:14 , v: 63, l: 0">
4 سال پیش
</span>
</span>
</div>
</div>
</div>
<div class="col clip-item d-flex related-item-9 ">
<div class="thumbnail w-100 video-card d-flex flex-column">
<div class="thumbnail-image-wrapper thumb-container w-100">
<a href="https://www.vidbid.ir/video/550318/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%A8%D9%87%DB%8C%D9%86%D9%87-%DA%A9%D8%B1%D8%AF%D9%86-%D9%88%D8%A8%D8%B3%D8%A7%DB%8C%D8%AA?type=today">
<img class="card-img-top clip-image lazyload"
src="https://www.vidbid.ir/image/stuff/vid-pl-hldr.jpg"
data-src="https://static.cdn.asset.aparat.cloud/avt/20670340-6580-l__1137.jpg?width=300&quality=90&secret=rNiSro0o3-0jg1LQMFULyA"
width="290px" height="163px"
alt="آموزش بهینه کردن وبسایت">
</a>
</div>
<span class="clip-duration">01:02:27</span>
<div class="card-body title d-flex flex-column">
<div class="card-title d-flex flex-1 flex-column">
<a href="https://www.vidbid.ir/video/550318/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%A8%D9%87%DB%8C%D9%86%D9%87-%DA%A9%D8%B1%D8%AF%D9%86-%D9%88%D8%A8%D8%B3%D8%A7%DB%8C%D8%AA?type=today" class="flex-1"
title="آموزش بهینه کردن وبسایت">
آموزش بهینه کردن وبسایت
</a>
</div>
<span class="d-flex justify-content-between">
<span class="card-text font-weight-lighter clip-time align-self-center"
title="2021-03-26 15:20:48 , v: 53, l: 0">
4 سال پیش
</span>
</span>
</div>
</div>
</div>
<div class="col clip-item d-flex related-item-10 ">
<div class="thumbnail w-100 video-card d-flex flex-column">
<div class="thumbnail-image-wrapper thumb-container w-100">
<a href="https://www.vidbid.ir/video/677510/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%AC%D8%A7%D9%85%D8%B9-html-%D8%AF%D8%B1%D8%B3-%D9%87%D9%81%D8%AA%D9%85?type=today">
<img class="card-img-top clip-image lazyload"
src="https://www.vidbid.ir/image/stuff/vid-pl-hldr.jpg"
data-src="https://static.cdn.asset.aparat.cloud/avt/8229816-8213-l__1487.jpg?width=300&quality=90&secret=Jf8nEqWu8d8gZBMWbry67w"
width="290px" height="163px"
alt="آموزش جامع HTML (درس هفتم)">
</a>
</div>
<span class="clip-duration">16:55</span>
<div class="card-body title d-flex flex-column">
<div class="card-title d-flex flex-1 flex-column">
<a href="https://www.vidbid.ir/video/677510/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%AC%D8%A7%D9%85%D8%B9-html-%D8%AF%D8%B1%D8%B3-%D9%87%D9%81%D8%AA%D9%85?type=today" class="flex-1"
title="آموزش جامع HTML (درس هفتم)">
آموزش جامع HTML (درس هفتم)
</a>
</div>
<span class="d-flex justify-content-between">
<span class="card-text font-weight-lighter clip-time align-self-center"
title="2021-11-23 10:14:59 , v: 37, l: 0">
4 سال پیش
</span>
</span>
</div>
</div>
</div>
<div class="col clip-item d-flex related-item-11 ">
<div class="thumbnail w-100 video-card d-flex flex-column">
<div class="thumbnail-image-wrapper thumb-container w-100">
<a href="https://www.vidbid.ir/video/695530/%D9%82%D8%B3%D9%85%D8%AA-21-%D8%B3%D8%A8%D8%AF-%D8%AE%D8%B1%DB%8C%D8%AF?type=today">
<img class="card-img-top clip-image lazyload"
src="https://www.vidbid.ir/image/stuff/vid-pl-hldr.jpg"
data-src="https://static.cdn.asset.aparat.cloud/avt/13173353-6269-l__2586.jpg?width=300&quality=90&secret=bWV0RHq_XDxfbtjTxhxSEg"
width="290px" height="163px"
alt="قسمت 21 سبد خرید">
</a>
</div>
<span class="clip-duration">10:31</span>
<div class="card-body title d-flex flex-column">
<div class="card-title d-flex flex-1 flex-column">
<a href="https://www.vidbid.ir/video/695530/%D9%82%D8%B3%D9%85%D8%AA-21-%D8%B3%D8%A8%D8%AF-%D8%AE%D8%B1%DB%8C%D8%AF?type=today" class="flex-1"
title="قسمت 21 سبد خرید">
قسمت 21 سبد خرید
</a>
</div>
<span class="d-flex justify-content-between">
<span class="card-text font-weight-lighter clip-time align-self-center"
title="2021-12-10 00:14:32 , v: 60, l: 0">
4 سال پیش
</span>
</span>
</div>
</div>
</div>
<div class="col clip-item d-flex related-item-12 ">
<div class="thumbnail w-100 video-card d-flex flex-column">
<div class="thumbnail-image-wrapper thumb-container w-100">
<a href="https://www.vidbid.ir/video/712438/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%DA%A9%D8%A7%D9%85%D9%84-%D9%88-%D8%AF%D9%82%DB%8C%D9%82-%DA%A9%D8%AF%D9%86%D9%88%DB%8C%D8%B3%DB%8C-html%D8%AC%D9%84%D8%B3%D9%87-%D8%A7%D9%88%D9%84?type=today">
<img class="card-img-top clip-image lazyload"
src="https://www.vidbid.ir/image/stuff/vid-pl-hldr.jpg"
data-src="https://static.cdn.asset.aparat.cloud/avt/4606811-7124-l__4025.jpg?width=300&quality=90&secret=Psq28HMbpN4PEpFGEkX0fg"
width="290px" height="163px"
alt="آموزش کامل و دقیق کدنویسی HTML...">
</a>
</div>
<span class="clip-duration">35:57</span>
<div class="card-body title d-flex flex-column">
<div class="card-title d-flex flex-1 flex-column">
<a href="https://www.vidbid.ir/video/712438/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%DA%A9%D8%A7%D9%85%D9%84-%D9%88-%D8%AF%D9%82%DB%8C%D9%82-%DA%A9%D8%AF%D9%86%D9%88%DB%8C%D8%B3%DB%8C-html%D8%AC%D9%84%D8%B3%D9%87-%D8%A7%D9%88%D9%84?type=today" class="flex-1"
title="آموزش کامل و دقیق کدنویسی HTML جلسه اول">
آموزش کامل و دقیق کدنویسی HTML جلسه اول
</a>
</div>
<span class="d-flex justify-content-between">
<span class="card-text font-weight-lighter clip-time align-self-center"
title="2022-01-03 15:35:24 , v: 41, l: 0">
3 سال پیش
</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Sidebar navigation -->
<div id="slide-out" class="side-nav right-aligned de11fault-color ">
<ul class="custom-scrollbar">
<!-- Logo -->
<li class=" ml-2 ">
<div class="logo-wr1apper waves-light">
<a href="https://www.vidbid.ir" class="text-white logo"><img src="https://www.vidbid.ir/image/stuff/vidbid-logo-48-white.png" width="36px" height="36px" alt="logo"
class="mr-2">ویدبید </a>
</div>
</li>
<li class="">
<ul class="collapsible collapsible-accordion">
<li><a href="https://www.vidbid.ir" class="collapsible-header waves-effect "><i class="fas fa-home"></i>صفحه اصلی</a></li>
<li><a href="https://www.vidbid.ir/series/%D8%AA%D9%85%D8%A7%D8%B4%D8%A7%DB%8C-%D8%AC%D8%B0%D8%A7%D8%A8-%D8%AA%D8%B1%DB%8C%D9%86-%D8%B3%D8%B1%DB%8C%D8%A7%D9%84-%D9%87%D8%A7" class="collapsible-header waves-effect "><i class="fas fa-tv"></i>تماشای سریال</a></li>
<li><a href="https://www.vidbid.ir/list/trends" class="collapsible-header waves-effect "><i class="fas fa-burn"></i>مطالب داغ</a></li>
</ul>
<ul class="collapsible collapsible-accordion mt-0">
<li><a href="#" onclick="event.preventDefault()" class="collapsible-header collapsed waves-effect arrow-r ">
<i class="fas fa-grip-vertical"></i> دسته بندی<i class="fas fa-angle-down rotate-icon"></i>
</a>
<div class="collapsible-body">
<ul class="">
<li><a href="https://www.vidbid.ir/category/funny?type=today" class="collapsible-header waves-effect ">طنز</a></li>
<li><a href="https://www.vidbid.ir/category/entertainment?type=today" class="collapsible-header waves-effect ">سرگرمی</a></li>
<li><a href="https://www.vidbid.ir/category/film?type=today" class="collapsible-header waves-effect ">فیلم</a></li>
<li><a href="https://www.vidbid.ir/category/educational?type=today" class="collapsible-header waves-effect ">آموزشی</a></li>
<li><a href="https://www.vidbid.ir/category/sport?type=today" class="collapsible-header waves-effect ">ورزشی</a></li>
<li><a href="https://www.vidbid.ir/category?type=today" class="collapsible-header waves-effect ">مشاهده همه دسته بندی ها</a></li>
</ul>
</div>
</li>
</ul>
<ul class="collapsible collapsible-accordion mt-0">
<li><a href="#" onclick="event.preventDefault()" class="collapsible-header waves-effect arrow-r ">
<i class="fas fa-tags"></i>برچسب ها<i class="fas fa-angle-down rotate-icon"></i>
</a>
<div class="collapsible-body">
<ul>
<li><a href="https://www.vidbid.ir/tag/%DA%A9%D8%A7%D8%B1%D8%AA%D9%88%D9%86?type=today"
class="collapsible-header waves-effect ">کارتون</a></li>
<li><a href="https://www.vidbid.ir/tag/%D8%B7%D9%86%D8%B2?type=today"
class="collapsible-header waves-effect ">طنز</a></li>
<li><a href="https://www.vidbid.ir/tag/%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D9%87%20%DA%A9%D9%88%D8%AF%DA%A9?type=today"
class="collapsible-header waves-effect ">برنامه کودک</a></li>
<li><a href="https://www.vidbid.ir/tag/%D8%B3%D8%B1%DA%AF%D8%B1%D9%85%DB%8C?type=today"
class="collapsible-header waves-effect ">سرگرمی</a></li>
<li><a href="https://www.vidbid.ir/tag/%D8%A7%D9%86%DB%8C%D9%85%DB%8C%D8%B4%D9%86?type=today"
class="collapsible-header waves-effect ">انیمیشن</a></li>
<li><a href="https://www.vidbid.ir/tag/%D9%81%DB%8C%D9%84%D9%85?type=today"
class="collapsible-header waves-effect ">فیلم</a></li>
<li><a href="https://www.vidbid.ir/tag/%D8%A8%D8%A7%D9%86%D9%88%D8%A7%D9%86%20%DA%A9%D9%88%D8%AF%DA%A9?type=today"
class="collapsible-header waves-effect ">بانوان کودک</a></li>
<li><a href="https://www.vidbid.ir/tag/%DA%A9%D9%88%D8%AF%DA%A9?type=today"
class="collapsible-header waves-effect ">کودک</a></li>
<li><a href="https://www.vidbid.ir/tag?type=today" class="collapsible-header waves-effect ">مشاهده همه برچسب ها</a></li>
</ul>
</div>
</li>
</ul>
<video-filters :user_filters='{"qualities":[],"duration":"","query":""}'></video-filters>
</li>
<!--/. Side navigation links -->
</ul>
<div class="sidenav-bg rgba-teal-strong"></div>
</div>
<!--/. Sidebar navigation -->
</main>
<footer>
<div class="tags_cloud">
<a href="https://www.vidbid.ir/tag/%D8%B1%DB%8C%D8%A7%D8%B6%DB%8C%20%D9%85%D9%86?type=today" class="chip">
ریاضی من
</a>
<a href="https://www.vidbid.ir/tag/%D8%B1%DB%8C%D8%A7%D8%B6%DB%8C%20%D8%B4%D8%B4%D9%85%20%D9%81%D8%B5%D9%843?type=today" class="chip">
ریاضی ششم فصل3
</a>
<a href="https://www.vidbid.ir/tag/%D9%81%D8%A7%D8%B1%D8%B3%DB%8C%20%D8%A7%D9%88%D9%84%20%D8%AF%D8%B1%D8%B35?type=today" class="chip">
فارسی اول درس5
</a>
<a href="https://www.vidbid.ir/tag/%D8%B4%D8%A8%DB%8C%D9%87%20%D8%B3%D8%A7%D8%B2%20%D8%B3%DB%8C%D9%86%D9%85%D8%A7?type=today" class="chip">
شبیه ساز سینما
</a>
<a href="https://www.vidbid.ir/tag/%D8%AA%D9%82%D8%B3%DB%8C%D9%85%20%D8%B9%D8%AF%D8%AF%20%D8%A7%D8%B9%D8%B4%D8%A7%D8%B1%DB%8C?type=today" class="chip">
تقسیم عدد اعشاری
</a>
<a href="https://www.vidbid.ir/tag/%D8%B3%DB%8C%D9%85%20%DA%A9%D8%A7%D8%B1%D8%AA%20%D8%B3%D9%81%DB%8C%D8%AF?type=today" class="chip">
سیم کارت سفید
</a>
<a href="https://www.vidbid.ir/tag/%D8%B5%D9%81%D8%AD%D9%8731%20%D8%B1%DB%8C%D8%A7%D8%B6%DB%8C%20%D9%BE%D9%86%D8%AC%D9%85?type=today" class="chip">
صفحه31 ریاضی پنجم
</a>
<a href="https://www.vidbid.ir/tag/%D9%81%D9%88%D8%AA%D8%A8%D8%A7%D9%84%20%D8%B3%D9%87%20%D9%86%D9%81%D8%B1%D9%87?type=today" class="chip">
فوتبال سه نفره
</a>
<a href="https://www.vidbid.ir/tag/egging%20on?type=today" class="chip">
egging on
</a>
<a href="https://www.vidbid.ir/tag/%D8%B5%D9%81%D8%AD%D9%87%2043?type=today" class="chip">
صفحه 43
</a>
<a href="https://www.vidbid.ir/tag/%D8%A8%D9%87%D8%B1%D9%88%D8%B2%20%D8%B1%D9%87%D8%A8%D8%B1%DB%8C%20%D9%81%D8%B1%D8%AF?type=today" class="chip">
بهروز رهبری فرد
</a>
<a href="https://www.vidbid.ir/tag/%D8%AA%D9%82%D8%B7%DB%8C%D8%B9%20%D8%B4%D8%B9%D8%B1?type=today" class="chip">
تقطیع شعر
</a>
<a href="https://www.vidbid.ir/tag/%D8%B3%D8%A7%D8%AC%D8%A7%20%D8%A8%D9%88%DB%8C%D8%B2?type=today" class="chip">
ساجا بویز
</a>
<a href="https://www.vidbid.ir/tag/%D8%B4%D8%B9%D8%B1%20%D8%A8%DA%86%D9%87%20%DA%AF%D8%A7%D9%86%D9%87?type=today" class="chip">
شعر بچه گانه
</a>
<a href="https://www.vidbid.ir/tag/%D8%A2%D9%85%D9%88%D8%B2%D8%B4%20%D9%88%D8%B2%D9%86%20%D8%B4%D8%B9%D8%B1?type=today" class="chip">
آموزش وزن شعر
</a>
<a href="https://www.vidbid.ir/tag/%D8%B5%D9%81%D8%AD%D9%8746%20%D8%B1%DB%8C%D8%A7%D8%B6%DB%8C%20%D8%B4%D8%B4%D9%85?type=today" class="chip">
صفحه46 ریاضی ششم
</a>
<a href="https://www.vidbid.ir/tag/%D8%A7%D9%88%D8%B2%D8%A8%DA%A9%D8%B3%D8%AA%D8%A7%D9%86?type=today" class="chip">
اوزبکستان
</a>
<a href="https://www.vidbid.ir/tag/%D8%A2%D9%85%D9%88%D8%B2%D8%B4%20%D8%B9%D8%B1%D9%88%D8%B6?type=today" class="chip">
آموزش عروض
</a>
<a href="https://www.vidbid.ir/tag/%D8%B5%D9%81%D8%AD%D9%8739%20%D8%B1%DB%8C%D8%A7%D8%B6%DB%8C%20%D8%B4%D8%B4%D9%85?type=today" class="chip">
صفحه39 ریاضی ششم
</a>
<a href="https://www.vidbid.ir/tag/%D8%B5%D9%81%D8%AD%D9%8747%20%D8%B1%DB%8C%D8%A7%D8%B6%DB%8C%20%D8%B4%D8%B4%D9%85?type=today" class="chip">
صفحه47 ریاضی ششم
</a>
<a href="https://www.vidbid.ir/tag/%D8%B5%D9%81%D8%AD%D9%87%2029?type=today" class="chip">
صفحه 29
</a>
<a href="https://www.vidbid.ir/tag/%D8%AF%D8%B2%D8%AF%DB%8C%20%D9%85%DB%8C%D9%85?type=today" class="chip">
دزدی میم
</a>
<a href="https://www.vidbid.ir/tag/%D8%B5%D9%81%D8%AD%D9%8742%20%D8%B1%DB%8C%D8%A7%D8%B6%DB%8C%20%D8%B4%D8%B4%D9%85?type=today" class="chip">
صفحه42 ریاضی ششم
</a>
<a href="https://www.vidbid.ir/tag/%D8%B5%D9%81%D8%AD%D9%8741%20%D8%B1%DB%8C%D8%A7%D8%B6%DB%8C%20%D8%B4%D8%B4%D9%85?type=today" class="chip">
صفحه41 ریاضی ششم
</a>
<a href="https://www.vidbid.ir/tag/%D9%87%D8%B2%DB%8C%D9%86%D9%87%20%D8%AD%D9%85%D9%84%20%D8%A8%D8%A7%D8%B1?type=today" class="chip">
هزینه حمل بار
</a>
</div>
</footer>
<login
ref="modal_login"
google_auth_url="https://www.vidbid.ir/login/google"
facebook_auth_url="https://www.vidbid.ir/login/facebook"
site_auth_url="https://www.vidbid.ir/login"
site_register_url="https://www.vidbid.ir/register"
site_remember_url="https://www.vidbid.ir/password/reset"
csrf="Y5I9HqpdZknuTjvd3xesutsYHuz2p4TrkX8Ingkh"
></login>
</div>
<script>
window.route_name = 'video_page';
window.is_video_page = 'true';
window.watch_later_url = 'https://www.vidbid.ir/video/#watch_later#/watch_later'
window.is_user_logged_in = false
window.is_user_email_verified = false
window.email_verify_url = 'https://www.vidbid.ir/email/verify'
window.ad_report_url = 'https://www.vidbid.ir/ad_report';
window.base_url = 'https://www.vidbid.ir/';
window.user_search_history = '[]';
window.rasa_ad_percent = 10;
window.isVastAdEnable = 'false';
</script>
<script>
window.videoinfo = '{"id":"137193","site_id":"0","title":"\u0622\u0645\u0648\u0632\u0634 Html \u062c\u0644\u0633\u0647 \u06cc 2 \u0686\u0637\u0648\u0631 CSS \u0628\u0646\u0648\u06cc\u0633\u06cc\u0645\u061f \u0686\u0637\u0648\u0631 \u0628\u0647 \u0635\u0641\u062d\u0647 \u06cc \u062e\u0648\u062f\u0645\u0648\u0646 \u0627\u0633\u062a\u0627\u06cc\u0644 \u0628\u062f\u06cc\u0645\u061f","duration":"1127","likes_count":"0","date":"2020-03-17 12:17:01","views":"81"}';
window.js_streams = '[{"type":"video\/mp4","label":"720p","src":"https:\/\/aspb3.cdn.asset.aparat.com\/aparat-video\/60bf3418e2017e425d259cb46894871519226932-720p.mp4?wmsAuthSign=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0b2tlbiI6ImFiOTQ0MTM5ODA0M2M4NDAwMTg1ZGFjOGNiMTk3NmUyIiwiZXhwIjoxNzY2MTgzMDYwLCJpc3MiOiJTYWJhIElkZWEgR1NJRyJ9.0rG5WbSXZvUnnRr8w1LDZL9zg-5bA6hnPqo-RmFsFyg"},{"type":"video\/mp4","label":"480p","src":"https:\/\/aspb2.cdn.asset.aparat.com\/aparat-video\/60bf3418e2017e425d259cb46894871519226932-480p.mp4?wmsAuthSign=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0b2tlbiI6ImFiOTQ0MTM5ODA0M2M4NDAwMTg1ZGFjOGNiMTk3NmUyIiwiZXhwIjoxNzY2MTgzMDYwLCJpc3MiOiJTYWJhIElkZWEgR1NJRyJ9.0rG5WbSXZvUnnRr8w1LDZL9zg-5bA6hnPqo-RmFsFyg"},{"type":"video\/mp4","label":"360p","src":"https:\/\/aspb3.cdn.asset.aparat.com\/aparat-video\/60bf3418e2017e425d259cb46894871519226932-360p.mp4?wmsAuthSign=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0b2tlbiI6ImFiOTQ0MTM5ODA0M2M4NDAwMTg1ZGFjOGNiMTk3NmUyIiwiZXhwIjoxNzY2MTgzMDYwLCJpc3MiOiJTYWJhIElkZWEgR1NJRyJ9.0rG5WbSXZvUnnRr8w1LDZL9zg-5bA6hnPqo-RmFsFyg"},{"type":"video\/mp4","label":"240p","src":"https:\/\/aspb16.cdn.asset.aparat.com\/aparat-video\/60bf3418e2017e425d259cb46894871519226932-240p.mp4?wmsAuthSign=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0b2tlbiI6ImFiOTQ0MTM5ODA0M2M4NDAwMTg1ZGFjOGNiMTk3NmUyIiwiZXhwIjoxNzY2MTgzMDYwLCJpc3MiOiJTYWJhIElkZWEgR1NJRyJ9.0rG5WbSXZvUnnRr8w1LDZL9zg-5bA6hnPqo-RmFsFyg"},{"type":"video\/mp4","label":"144p","src":"https:\/\/aspb16.cdn.asset.aparat.com\/aparat-video\/60bf3418e2017e425d259cb46894871519226932-144p.mp4?wmsAuthSign=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0b2tlbiI6ImFiOTQ0MTM5ODA0M2M4NDAwMTg1ZGFjOGNiMTk3NmUyIiwiZXhwIjoxNzY2MTgzMDYwLCJpc3MiOiJTYWJhIElkZWEgR1NJRyJ9.0rG5WbSXZvUnnRr8w1LDZL9zg-5bA6hnPqo-RmFsFyg"}]';
window.unplayable_report_url = 'https://www.vidbid.ir/video/137193/unplayable_report';
window.suspend_ads = false;
window.streams_needs_to_be_checked = false;
window.streams_check_type = 'async';
window.has_next_episode = false
</script>
<script>
document.addEventListener('DOMContentLoaded', function () {
// console.log(videojs($(".video-js")[$(".video-js").length-1]));
// in view_series_episode route we use video player but there is no videojs, so we will skip it
if(window.route_name === 'view_series_episode')
return;
let vjs = $(".video-js");
let index = vjs.length - 1;
let player = videojs(vjs[index]);
player.related({
title: 'ویدئو های مشابه',
target: 'self',
list: [
{
title: 'آموزش صفر تا صد CSS HTML قسمت...',
full_title: 'آموزش صفر تا صد CSS HTML قسمت 14',
url: 'https://www.vidbid.ir/video/229719/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%B5%D9%81%D8%B1-%D8%AA%D8%A7-%D8%B5%D8%AF-css-html-%D9%82%D8%B3%D9%85%D8%AA-14?type=today',
image: 'https://static.cdn.asset.aparat.cloud/avt/20651221-7723-l__8863.jpg?width=300&quality=90&secret=XFMjgDcz7ko0-MZdeY3-1g',
duration: 'مدت زمان: 20:46',
target: 'self'
},
{
title: 'آموزش HTML و CSS بخش یک',
full_title: 'آموزش HTML و CSS بخش یک',
url: 'https://www.vidbid.ir/video/230878/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-html-%D9%88-css-%D8%A8%D8%AE%D8%B4-%DB%8C%DA%A9?type=today',
image: 'https://static.cdn.asset.aparat.cloud/avt/15140281-4731-l__8400.jpg?width=300&quality=90&secret=BpudGlnCA1ok-ulvscYj7A',
duration: 'مدت زمان: 17:58',
target: 'self'
},
{
title: '2 آموزش طراحی سایت ایجاد یک...',
full_title: '2 آموزش طراحی سایت ایجاد یک فایل html',
url: 'https://www.vidbid.ir/video/307499/2-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D8%B3%D8%A7%DB%8C%D8%AA-%D8%A7%DB%8C%D8%AC%D8%A7%D8%AF-%DB%8C%DA%A9-%D9%81%D8%A7%DB%8C%D9%84-html?type=today',
image: 'https://static.cdn.asset.aparat.cloud/avt/22998801-3605-l__9512.jpg?width=300&quality=90&secret=mL9pamJM7AP4cdSPO-LdHA',
duration: 'مدت زمان: 08:51',
target: 'self'
},
{
title: 'آموزش طراحی وب سایت با html و...',
full_title: 'آموزش طراحی وب سایت با html و css قسمت سوم',
url: 'https://www.vidbid.ir/video/361154/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%88%D8%A8-%D8%B3%D8%A7%DB%8C%D8%AA-%D8%A8%D8%A7-html-%D9%88-css-%D9%82%D8%B3%D9%85%D8%AA-%D8%B3%D9%88%D9%85?type=today',
image: 'https://static.cdn.asset.aparat.cloud/avt/23101522-7249-l__7327.jpg?width=300&quality=90&secret=02XY6cBA8SwIPoecmqvLeg',
duration: 'مدت زمان: 16:12',
target: 'self'
},
{
title: 'آموزش طراحی وب سایت با html و...',
full_title: 'آموزش طراحی وب سایت با html و css',
url: 'https://www.vidbid.ir/video/361156/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%88%D8%A8-%D8%B3%D8%A7%DB%8C%D8%AA-%D8%A8%D8%A7-html-%D9%88-css?type=today',
image: 'https://static.cdn.asset.aparat.cloud/avt/21943539-8038-l__8561.jpg?width=300&quality=90&secret=MiMG-ZQXMbYMHCZfkjzYag',
duration: 'مدت زمان: 55:12',
target: 'self'
},
{
title: 'درج محصول در جدول',
full_title: 'درج محصول در جدول',
url: 'https://www.vidbid.ir/video/432065/%D8%AF%D8%B1%D8%AC-%D9%85%D8%AD%D8%B5%D9%88%D9%84-%D8%AF%D8%B1-%D8%AC%D8%AF%D9%88%D9%84?type=today',
image: 'https://static.cdn.asset.aparat.cloud/avt/26645099-8957-l__9849.jpg?width=300&quality=90&secret=khLX9apWv-ltyjSCVZ0B9g',
duration: 'مدت زمان: 16:38',
target: 'self'
},
]
});
}, false);
</script>
<took>0.05 sec, flt: 0</took>
<query>time: 8, count: 11, slow: 0</query>
</body>
</html>
<script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="33778391a5cc958dd4809245-|49" defer></script>
