Name: آموزش Div و Span در HTML
Uploaded: 2026-08-23 - 14:52+03:30
Duration: 10 min

HTML5 و CSS3

استاد رامین جوشنگ

فصل اول - آشنایی با وب و مسیر Front-End

فصل دوم - آموزش HTML از صفر

فصل سوم - HTML پیشرفته و عناصر کاربردی

فصل چهارم - آموزش CSS از صفر

دوره جامع آموزش HTML و CSS از صفر تا طراحی سایت
آموزش HTML و CSS از صفر تا طراحی سایت | دوره جامع و پروژه‌محور طراحی وب
در این دوره جامع و پروژه‌محور، HTML و CSS را از صفر تا سطح ساخت صفحات وب حرفه‌ای و Responsive یاد می‌گیرید. این دوره برای افرادی طراحی شده است که هیچ تجربه‌ای در برنامه‌نویسی و طراحی سایت ندارند و می‌خواهند مسیر یادگیری Front-End Development را به‌صورت اصولی شروع کنند.
در بخش HTML ابتدا با مفاهیم پایه وب، اینترنت و Front-End Development آشنا می‌شوید و سپس ساختار استاندارد صفحات HTML را یاد می‌گیرید. در ادامه با مهم‌ترین تگ‌های HTML از جمله Heading، Paragraph، تگ‌های قالب‌بندی متن، لینک‌ها، تصاویر، لیست‌ها، تگ‌های Semantic، جدول‌ها و فرم‌ها به‌صورت عملی کار خواهید کرد.
یکی از ویژگی‌های اصلی این دوره، آموزش پروژه‌محور و تمرین‌محور است. مباحث فقط به‌صورت تئوری آموزش داده نمی‌شوند و بعد از یادگیری مفاهیم مختلف، آن‌ها را در قالب مثال‌های واقعی، تمرین و پروژه‌های کاربردی پیاده‌سازی خواهید کرد. در طول دوره چندین پروژه کوچک و در نهایت یک پروژه نهایی واقعی با HTML و CSS انجام می‌شود.
پس از تسلط بر HTML، وارد بخش CSS می‌شویم و نحوه تبدیل صفحات HTML خام به رابط‌های کاربری زیبا و حرفه‌ای را یاد می‌گیرید. مباحثی مانند CSS Selectors، Box Model، Flexbox، CSS Grid، Responsive Design، Media Query، Typography، Position، Transition، Transform و Animation در ادامه دوره آموزش داده خواهند شد.
هدف این دوره این است که در پایان، دانشجو فقط با تعدادی تگ و ویژگی CSS آشنا نباشد؛ بلکه بتواند یک صفحه وب واقعی را از صفر پیاده‌سازی کند، ساختار استاندارد HTML ایجاد کند، رابط کاربری را با CSS طراحی کند و صفحات خود را برای موبایل و دسکتاپ Responsive کند.
این دوره همچنین پایه‌ای مناسب برای ادامه مسیر یادگیری JavaScript، TypeScript، React و Next.js فراهم می‌کند.

در این جلسه با دو عنصر پرکاربرد div و span آشنا می‌شوید. تفاوت عناصر Block و Inline، کاربرد div برای ساخت بخش‌های مختلف صفحه و کاربرد span برای مدیریت بخش‌های کوچک‌تر محتوا را بررسی می‌کنیم و با استفاده صحیح از آن‌ها در ساختار صفحات HTML آشنا می‌شوید.

آموزش Div و Span در HTML | تفاوت تگ‌های Div و Span - استاد رامین جوشنگ


آموزش Div و Span در HTML

آموزش طراحی وب از صفر | اینترنت و وب‌سایت چگونه کار می‌کند؟معرفی دوره 

آموزش طراحی وب از صفر | اینترنت و وب‌سایت چگونه کار می‌کند؟معرفی دوره - استاد رامین جوشنگ

وب چیست و وب‌سایت‌ها چگونه کار می‌کنند؟

Front-End چیست؟ | آموزش مسیر یادگیری فرانت‌اند و طراحی سایت  - استاد رامین جوشنگ

Front-End چیست؟ مسیر یادگیری و ابزارهای توسعه وب

آموزش HTML از صفر | ساختار HTML و ایجاد اولین صفحه وب  - استاد رامین جوشنگ

ساختار استاندارد HTML و اولین صفحه وب

آموزش تگ‌های Heading و Paragraph در HTML | ساختار متن در HTML  - استاد رامین جوشنگ

آموزش Heading و Paragraph در HTML

آموزش تگ‌های قالب‌بندی متن در HTML | Bold، Strong، Italic، Em و بیشتر  - استاد رامین جوشنگ

تگ‌های قالب‌بندی متن در HTML

آموزش لینک در HTML | تگ Anchor و ساخت لینک‌های داخلی و خارجی  - استاد رامین جوشنگ

ساخت لینک در HTML

آموزش تصویر در HTML | تگ img، ویژگی src و alt  - استاد رامین جوشنگ

آموزش تصاویر در HTML

آموزش List در HTML | لیست‌های مرتب و نامرتب با UL، OL و LI

آموزش List در HTML | لیست‌های مرتب و نامرتب با UL، OL و LI - رامین جوشنگ

آموزش لیست‌ها در HTML

پروژه HTML برای مبتدیان | ساخت صفحه پروفایل شخصی با HTML

پروژه HTML برای مبتدیان | ساخت صفحه پروفایل شخصی با HTML - رامین جوشنگ

پروژه HTML: ساخت صفحه پروفایل شخصی

Semantic HTML چیست؟ | آموزش تگ‌های معنایی HTML برای طراحی سایت

Semantic HTML چیست؟ | آموزش تگ‌های معنایی HTML برای طراحی سایت - استاد رامین جوشنگ

Semantic HTML و تگ‌های معنایی

آموزش Table در HTML | ساخت جدول با تگ‌های TR، TD و TH - استاد رامین جوشنگ

ساخت جدول در HTML

آموزش فرم در HTML | ساخت Form و دریافت اطلاعات کاربر - استاد رامین جوشنگ

آموزش Form در HTML

آموزش انواع Input در HTML | اعتبارسنجی فرم و Form Validation  - استاد رامین جوشنگ

آموزش انواع Input در HTML | اعتبارسنجی فرم و Form Validation - استاد رامین جوشنگ

انواع Input و اعتبارسنجی فرم در HTML

آموزش Audio و Video در HTML | پخش صدا و ویدئو در صفحات وب  - استاد رامین جوشنگ

آموزش صوت و ویدئو در HTML

آموزش Iframe در HTML | نمایش نقشه، ویدئو و صفحات خارجی - استاد رامین جوشنگ

آموزش iframe در HTML

پروژه عملی HTML | ساخت صفحه ثبت‌نام آموزشگاه با HTML  - استاد رامین جوشنگ

پروژه عملی HTML: ساخت صفحه ثبت‌نام آموزشگاه

آموزش CSS Selectors | Selector ساده، ترکیبی، فرزند و Descendant - استاد رامین جوشنگ

آموزش CSS Selectorها

آموزش رنگ در CSS | HEX، RGB، RGBA، HSL و Color - استاد رامین جوشنگ

آموزش رنگ‌ها در CSS

آموزش Background در CSS | رنگ، تصویر و تنظیم پس‌زمینه - استاد رامین جوشنگ

آموزش Background در CSS

آموزش CSS Gradient | ساخت گرادیانت خطی و شعاعی در طراحی سایت - استاد رامین جوشنگ

آموزش Gradient در CSS

آموزش واحدهای اندازه‌گیری CSS | px، درصد، em، rem، vw و vh - استاد رامین جوشنگ

آموزش واحدهای اندازه‌گیری در CSS

پرلایک یک پلتفرم آموزش مجازی پیشرفته است که برای ارائه محتوای آموزشی با کیفیت به دانشجویان، اساتید و موسسات آموزشی طراحی شده است. در پرلایک، می‌توانید به دوره‌های تخصصی در زمینه‌های مختلف مانند کنکور ارشد، دکتری، مهارت‌های کامپیوتری و آموزش زبان دسترسی پیدا کنید.

دوره HTML5 و CSS3 استاد رامین جوشنگ

کنکور کارشناسی ارشد -مهندسی کامپیوتر - مهندسی برق - آمار و احتمال مهندسی

آمار و احتمال مهندسی

دوره آموزشی مبانی کامپیوتر و برنامه‌سازی - استاد محمد انصاری

مبانی کامپیوتر و برنامه‌سازی

آموزش مدار منطقی، فیلم آموزشی مدار منطقی کنکور ارشد مهندسی کامپیوتر، منابع، جزوه خلاصه درس، دوره‌ آموزشی جمع‌بندی و نکته و تست مدار منطقی

مدارهای منطقی

آموزش معماری کامپیوتر، فیلم آموزشی معماری کامپیوتر کنکور ارشد مهندسی کامپیوتر، منابع، جزوه خلاصه درس، دوره‌ آموزشی جمع‌بندی و نکته و تست معماری کامپیوتر

معماری کامپیوتر

آموزش ساختمان داده و الگوریتم، فیلم آموزشی داده ساختارها و الگوریتم‌ها کنکور ارشد مهندسی کامپیوتر، منابع، جزوه خلاصه درس، دوره‌ آموزشی جمع‌بندی و نکته و تست ساختمان داده و الگوریتم

داده ساختارها و الگوریتم‌ها

آموزش نظریه زبان ها و ماشین ها، فیلم آموزشی نظریه زبان ها و ماشین ها کنکور ارشد مهندسی کامپیوتر، منابع، جزوه خلاصه درس، دوره‌ آموزشی جمع‌بندی و نکته و تست نظریه زبان ها و ماشین ها

نظریه زبان‌ها و ماشین‌ها

آموزش سیستم‌عامل، فیلم آموزشی سیستم عامل کنکور ارشد مهندسی کامپیوتر، منابع، جزوه خلاصه درس، دوره‌ آموزشی جمع‌بندی و نکته و تست سیستم عامل

سیستم‌های عامل

آموزش هوش مصنوعی، فیلم آموزشی هوش مصنوعی کنکور ارشد مهندسی کامپیوتر، منابع، جزوه خلاصه درس، دوره‌ آموزشی جمع‌بندی و نکته و تست هوش مصنوعی 

هوش مصنوعی

کنکور کارشناسی ارشد مهندسی کامپیوتر - منابع، و دوره‌های آموزشی، فیلم‌های آموزشی کنکور ارشد کامپیوتر، جزوات مدون خلاصه و مفید،فیلم‌های آموزشی جمع‌بندی مطالب و نکته و تست کنکور ارشد کامپیوتر  

درس‌های

مهندسی و علم کامپیوتر

آموزش ساختمان داده و الگوریتم، فیلم آموزشی ساختمان داده و الگوریتم کنکور ارشد مهندسی فناوری اطلاعات، منابع، جزوه خلاصه درس، دوره‌ آموزشی جمع‌بندی و نکته و تست ساختمان داده و الگوریتم

آموزش سیستم‌عامل، فیلم آموزشی سیستم عامل کنکور ارشد مهندسی فناوری اطلاعات، منابع، جزوه خلاصه درس، دوره‌ آموزشی جمع‌بندی و نکته و تست سیستم عامل

آموزش شبکه‌های کامپیوتری، فیلم آموزشی شبکه های کامپیوتری کنکور ارشد مهندسی فناوری اطلاعات، منابع، جزوه خلاصه درس، دوره‌ آموزشی جمع‌بندی و نکته و تست شبکه های کامپیوتری

شبکه‌های کامپیوتری

آموزش پایگاه داده، فیلم آموزشی پایگاه داده کنکور ارشد مهندسی فناوری اطلاعات، منابع، جزوه خلاصه درس، دوره‌ آموزشی جمع‌بندی و نکته و تست پایگاه داده 

طراحی پایگاه داده‌ها

آموزش هوش مصنوعی، فیلم آموزشی هوش مصنوعی کنکور ارشد مهندسی فناوری اطلاعات (آی‌تی)، منابع، جزوه خلاصه درس، دوره‌ آموزشی جمع‌بندی و نکته و تست هوش مصنوعی 

کنکور کارشناسی ارشد مهندسی فناوری اطلاعات (آی‌تی)- منابع، و دوره‌های آموزشی، فیلم‌های آموزشی کنکور ارشد IT، جزوات مدون خلاصه و مفید،فیلم‌های آموزشی جمع‌بندی مطالب و نکته و تست کنکور ارشد آی‌تی

مهندسی فناوری اطلاعات *

سیگنال‌ها و سیستم‌ها کنکور ارشد مهندسی برق - منابع، نکات و دوره‌های آموزشی

سیگنال‌ها و سیستم‌ها

مدار منطقی کنکور ارشد مهندسی برق - منابع، نکات و دوره‌های آموزشی

مدار منطقی

کنکور ارشد مهندسی برق - منابع، نکات و دوره‌های آموزشی

مهندسی برق

استعداد تحصیلی (GMAT) کنکور ارشد MBA - منابع و تکنیک‌های موفقیت

استعداد تحصیلی MBA (GMAT)

کنکور ارشد MBA - مدیریت منابع، نکات و دوره‌های آموزشی

کنکور کارشناسی ارشد - منابع، نکات کلیدی و دوره‌های آموزشی، فیلم‌های آموزشی کنکور ارشد، جزوات مدون خلاصه و مفید،فیلم‌های آموزشی جمع‌بندی مطالب و نکته و تست کنکور ارشد 

رشته‌های

کنکور ارشد

درس زبان عمومی دکتری در رشته مهندسی کامپیوتر - نرم‌افزار کنکور دکتری 

زبان عمومی دکتری

آموزش ساختمان داده و الگوریتم، فیلم آموزشی ساختمان داده و الگوریتم کنکور دکتری مهندسی کامپیوتر - نرم‌افزار، منابع، جزوه خلاصه درس، دوره‌ آموزشی جمع‌بندی و نکته و تست ساختمان داده و الگوریتم

نظریه زبانها و ماشین‌ها

آموزش سیستم‌عامل، فیلم آموزشی سیستم عامل کنکور دکتری مهندسی کامپیوتر - نرم‌افزار، منابع، جزوه خلاصه درس، دوره‌ آموزشی جمع‌بندی و نکته و تست سیستم عامل

کنکور دکتری مهندسی کامپیوتر - نرم‌افزار | منابع، و دوره‌های آموزشی، فیلم‌های آموزشی کنکور دکتری نرم‌افزار، جزوات مدون خلاصه و مفید، فیلم‌های آموزشی جمع‌بندی و نکته و تست کنکور دکتری نرم‌افزار  

درس های

زبان عمومی کنکور دکتری - مهندسی کامپیوتر - شبکه و رایانش 

آموزش ساختمان داده و الگوریتم، فیلم آموزشی ساختمان داده و الگوریتم کنکور دکتری مهندسی کامپیوتر - شبکه و رایانش، منابع، جزوه خلاصه درس، دوره‌ آموزشی جمع‌بندی و نکته و تست ساختمان داده و الگوریتم

آموزش سیستم‌عامل، فیلم آموزشی سیستم عامل کنکور دکتری مهندسی کامپیوتر - شبکه و رایانش، منابع، جزوه خلاصه درس، دوره‌ آموزشی جمع‌بندی و نکته و تست سیستم عامل

کنکور دکتری مهندسی کامپیوتر - شبکه و رایانش | منابع، و دوره‌های آموزشی، فیلم‌های آموزشی کنکور دکتری شبکه و رایانش، جزوات مدون خلاصه، فیلم‌های آموزشی جمع‌بندی و نکته تست کنکور دکتری شبکه و رایانش

مهندسی فناوری اطلاعات

کنکور دکتری - منابع، نکات کلیدی و دوره‌های آموزشی، فیلم‌های آموزشی کنکور دکتری، جزوات مدون خلاصه و مفید،فیلم‌های آموزشی جمع‌بندی مطالب و نکته و تست کنکور دکتری

رشته های

کنکور دکتری

مقدمه‌ای بر تحلیل داده

اکسل ویژه تحلیل داده‌

مصورسازی داده‌ها و داشبوردها با Excel و Cognos

مصورسازی داده‌ها و داشبوردها

دوره‌های آموزشی داده‌کاوی ویژه تحلیل داده - IBM SPSS Modeler 18

داده‌کاوی (Data mining)

یادگیری ماشین ویژه تحلیل داده

یادگیری ماشین

پایتون برای علوم داده، هوش مصنوعی و توسعه

پایتون ویژه علوم داده

پروژه پایتون برای علم داده

آموزش تحلیل داده (Data Analysis)، فیلم آموزشی تحلیل داده، آموزش Data Analysis با Python، آموزش تحلیل داده با اکسل، دوره تحلیل داده با SQL، آموزش Power BI و Tableau، تحلیل داده برای بازار کار با پایتون

تحلیل داده (Data Analysis)

دوره آموزشی یادگیری ماشین ویژه علم داده

علم داده (Data Science)، آموزش علم داده، فیلم آموزشی Data Science، آموزش علم داده با Python، دوره یادگیری ماشین و علم داده، آموزش پروژه‌محور علم داده، آموزش علم داده برای بازار کار، Data Science چیست؟

علم داده (Data Science)

فیلم آموزشی مهندسی داده (Data Engineering)،  آموزش مهندسی داده، دوره Big Data، آموزش ساخت پایپ‌لاین داده، آموزش پایگاه داده برای مهندسان داده، یادگیری Apache Spark و Hadoop،  مهندسی داده در کلود

مهندسی داده (Data Engineering)

فیلم‌های آموزشی مهندسی داده، تحلیل داده و علم داده، کلاس‌های آنلاین و کارگاه‌های حضوری داده، دوره داده، آموزش تحلیل داده و علم داده و مهندسی داده، فیلم آموزشی داده برای بازار کار، دوره جامع داده

علم داده

فیلم آموزشی هوش مصنوعی (Artificial Intelligence)

فیلم‌های آموزشی اصول و مفاهیم پایه هوش مصنوعی، ویدئو آموزشی آشنایی با هوش مصنوعی، دوره مقدماتی هوش مصنوعی

مفاهیم پایه هوش مصنوعی

فیلم‌های آموزشی یادگیری ماشین (Machine Learning)، آموزش یادگیری ماشین با پایتون، دوره آموزشی یادگیری ماشین

فیلم آموزشی شبکه‌های عصبی و یادگیری عمیق، آموزش شبکه عصبی، ویدئو آموزشی یادگیری عمیق، کارگاه شبکه عصبی پروژه محور

شبکه‌های عصبی و یادگیری عمیق

فیلم آموزشی یادگیری ماشین ( machine learning)، کلاس  یادگیری ماشین، ویدئو آموزشی یادگیری ماشین، آموزش یادگیری ماشین با پایتون

فیلم‌ آموزشی شناسایی الگو (Pattern Recognition)، شناسایی الگو با پایتون، ویدئو آموزش بازشناسی الگو، آموزش SVM و k-NN، پروژه شناسایی الگو، ویدئو آموزشی شناسایی الگو در کنکور دکتری

شناسایی الگو

فیلم آموزشی پردازش تصویر، پروژه پردازش تصاویر دیجیتال، دوره آموزشی پردازش تصویر، کارگاه پردازش تصویر با متلب، آموزش پردازش تصویر پایتون

پردازش تصویر

فیلم آموزشی بینایی ماشین، دوره بینایی ماشین، کلاس آنلاین بینایی ماشین، آموزش بینایی ماشین، پروژه بینایی ماشین، الگوریتم‌های بینایی ماشین، کاربرد بینایی ماشین، بینایی ماشین با پایتون

بینایی ماشین

فیلم‌های آموزشی بینایی و شنوایی ماشین (Machine vision & Hearing)، دوره  آموزشی بینایی و شنوایی ماشین، پردازش تصویر، بینایی ماشین و شناسایی الگو

بینایی و شنوایی ماشین

ابزارهای داده‌کاوی مانند نرم‌افزار IBM SPSS Modeler 18

ابزارهای داده‌کاوی

داده‌کاوی

پایتون ویژه علم داده، هوش مصنوعی و توسعه python for data science, artificial intelligence and development

پایتون ویژه هوش مصنوعی

دروس دوبله شده فارسی از سایت Coursera

Coursera

مبانی AI

دروس دوبله شده فارسی از سایت DeepLearning.AI

DeepLearning.AI

فیلم‌های آموزشی علمی هوش مصنوعی و روباتیکز، کلاس‌های حرفه‌ای هوش مصنوعی، ویدئو آموزشی و بوت کمپ‌های حرفه‌ای و کاربردی هوش مصنوعی و روباتیکز

مکاترونیک مقدماتی

مکاترونیک

کنترل خطی کاربردی

کنترل هوشمند صنعتی

کنترل‌کننده‌های PID

هوش مصنوعی - رباتیکز - کنترل (AI - Robotics - Control)

کنترل حرکت و درایو ربات‌ها

رباتیکز

برق صنعتی، مدارات کنترل اتوماتیک و لوگو

برق صنعتی و لوگو

سیستم‌های دیجیتال صنعتی

آشنایی با الکتروموتورهای صنعتی

استانداردهای الکتروموتورهای صنعتی

عیب‌یابی، تعمیر و نگهداری الکتروموتورهای صنعتی

موتور و درایو

PLC (I)

شبکه‌های صنعتی (Industrial Networks)

شبکه‌های صنعتی

مانیتورینگ، HMI و SCADA

سیستم‌های کنترل توزیع‌شده (DCS: Distributed Control System)

دوره‌ها و بوت کمپ‌های اتوماسیون صنعتی پرلایک

اتوماسیون صنعتی

فیلم آموزشی شبکه‌های کامپیوتری و شبکه‌های کامپیوتری پیشرفته

شبکه‌های کامپیوتری I و II

مهندسی اینترنت

سیستم عامل

فیلم‌های آموزشی شبکه و اینترنت، ویدئو آموزشی مفاهیم پایه شبکه، کلاس آنلاین شبکه

مفاهیم پایه شبکه و اینترنت

امنیت شبکه

فیلم‌های آموزشی امنیت شبکه

CCNA

سیسکو: مسیریابی و سوئیچینگ

مایکروسافت: ویندوز سرور

فیلم‌های آموزشی و کارگاه‌های شبکه‌های کامپیوتری، ویدئو آموزشی و کلاس‌های شبکه‌های کامپیوتری، سیسکو، مایکروسافت، امنیت

شبکه‌ و امنیت

فیلم آموزشی ماشین مجازی، دوره ماشین مجازی، کلاس ماشین مجازی

ماشین‌های مجازی

فیلم آموزشی داکر (ِDocker)، کلاس داکر، ویدئو داکر، دوره Docker آنلاین، آموزش Docker Compose، آموزش Image و Container،  آموزش Docker Swarm، دوره تخصصی Docker، آموزش Docker برای DevOps و بازار کار

داکر (Docker)

فیلم آموزشی کانتینرها، دوره کانتینرها، کلاس Containers، آموزش کانتینر، دوره کانتینرسازی، آموزش Kubernetes و Docker، آموزش کانتینر در DevOps، یادگیری کانتینر برای بازار کار

کانتینر

فیلم‌های آموزشی دواپس، آموزش DevOps، فیلم آموزشی DevOps، دوره DevOps آنلاین، آموزش داکر (Docker) و Kubernetes و Ansible و Terraform و CI/CD، ، یادگیری DevOps برای بازار کار

دواپس

مشاهده ویدیو قفل است

آموزش Div و Span در HTML

حل تمرین

آزمونک

نظرات

رفع اشکال (سوال از استاد)

مشاوره

توضیحات

فایل پیوست (دانلود)

برای مشاهده کامل این قسمت، دوره را تهیه کنید

HTML5 و CSS3