آموزش Div و آموزش جدول بندی در html

دسته بندی: آموزش
زمان مطالعه: 1 دقیقه
۲۷ دی ۱۳۹۳

در این جلسه در مورد جدول ها و تگ های html که برای تقسیم بندی و بخش بندی صفحات وب هست، صحبت خواهیم کرد. تگ های معرفی شده در این جلسه بسیار مهم هستند و برای ایجاد ساختار اصلی صفحات وب استفاده میشن. پس حتما این جلسه رو با دقت ببینید و تمرین کنید .

عموم مطالب ارائه شده در این جلسه عبارتند از :

  • تگ <table> و کاربردهای آن
  • تگ <caption> و کاربردهای آن
  • تگ <th> و کاربردهای آن
  • تگ <tr> و کاربردهای آن
  • تگ <td> و کاربردهای آن
  • تگ <thead> و کاربردهای آن
  • تگ <tbody> و کاربردهای آن
  • تگ <tfoot> و کاربردهای آن
  • تگ <colgroup> و کاربردهای آن
  • تگ <col> و کاربردهای آن
  • تگ <style> و کاربردهای آن
  • تگ <div> و کاربردهای آن
  • تگ <span> و کاربردهای آن
  • تگ <header> و کاربردهای آن
  • تگ <hgroup> و کاربردهای آن
  • تگ <footer> و کاربردهای آن
  • تگ <section> و کاربردهای آن
  • تگ <article> و کاربردهای آن
  • تگ <aside> و کاربردهای آن
  • تگ <details> و کاربردهای آن
  • تگ <summary> و کاربردهای آن
  • تگ <dialog> و کاربردهای آن
:: توجه

این مطلب یک جلسه از آموزش طراحی وب سایت می باشد و برای مشاهده آن باید در دوره ثبت نام کنید.

ثبت نام در آموزش طراحی وب سایت

نویسنده
بیش از 15 سال هست که برنامه نویسی می کنم و از بین همه زبون هایی که کار کردم جاوا، اسمبلی و php رو دوست دارم. دانشجوی دکترای نرم افزارم و توی دانشگاه روی پردازش بیگ دیتا و پردازش موازی کار کردم و عاشق چالش از هر نوعیش هستم! سون لرن مثل بچه منه که 12 سال براش وقت گذاشتم، اینجا همه تلاش می کنیم از شروع یادگیری تا ورود به بازر کار حوزه برنامه نویسی و IT همراهتون باشیم.

جلسات دوره

نظرات کاربران

محمد جواد کشاورزی

با سلام اگر میشه تفاوت اتربیوت name و id رو بیان کنید

امیرحسین حاجی محمدی

سلام خسته نباشید!
تگ hgroup در HTML5 منسوخ شده! از چه تگی میشه استفاده کرد به جای این تگ؟

Ali Azad

سلام.
من اومدم فایل این جلسه رو دانلود کنم با این خطا مواجه میشم.
404 Not Found

mohammad meysam

سلام و عرض خسته نباشید
ببخشید من نمیدونم کی باید از تگ section استفاده کنم و کی باید از تگ div استفاده کنم ممنون میشم اگه بهم بیشتر توضیح بدین.

mohammad mhd

سلام
اگه خواستیم تگ details رو که block tag هستش رو درون یک متن بکار ببریم باید چکاری انجام بدیم و سوال دوم که در ادامه سوال اول هستش اینه که اگه خواستیم در اجرا موقع کلیک کردن خروجی روی متن قرار بگیره مثل تگ dialog باید چکار کنیم البته من سعی کردم عرض اون رو کم کنم ودرون تگ p قرار بدم اما باز هم یه خط رو اشغال میکرد

رضا محب

سلام
من سوالات را به ایمیل آقای لقمان آوند فرستادم جوابی نیامد تقریبا 1 ماه است سوالات را فرستادم و تلفن هم جواب داده نمی شود. باید چه کار کنم جواب سوالات داده شود؟
با تشکر از لطف شما

لقمان آوند

سلام
تلفن ها و ایمیل ها جواب داده میشند. ایمیلتون حتما نرسیده دستم چون روزانه پاسخ میدم ایمیل ها رو. مجددا ارسال کنید یا تماس بگیرید.

itone

سلام و عرض خسته نباشید
استاد توی این درس گفته شد تگ div واسه گروه بندی عناصر بلاکی هستش یعنی ما نمیتونیم تگ q رو توی این تگ بگذاریم و انو استایل دهی کنیم ؟؟؟؟
یعنی اگه این کارو بکنیم خطالی کد محسوب میشه ؟؟؟

لقمان آوند

بله میشه

محیا ربانی آزاد

سلام. از دیروز عصر نمی تونم فایل های آموزشی رو دانلود کنم. مشکلی پیش اومده توی سایت؟

وحید صالحی

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

علی رضایی

سلام استاد
شما یه مقدار توضیحات تکراری و تقریبا مشابه هم رو برای تگ های طبقه بندی مثل div و section و article و … دادید و گفتید که به عنوان یه پروژه به عهده ی خودتون میزارم تا تفاوتش رو متوجه بشید اما در جلسه ی بعدش توضیح ندادید . اگه ممکنه بفرمایید تفاوت این تگ ها چیه
بنده الان اصلا نمیدونم که چطوری باید یه سایت رو طبقه بندی کنم .
ممنون

لقمان آوند

سلام
همه از لحاظ ظاهری تقریبا به یه شکل می تونن استفاده شن.
تفاوتشون در معناگرایی در html5 هست. تو html5 دقیقا پیشنهاد میشه که section رو برای چی و کجا به کار ببرید که از لحاظ معنایی کاربردش درست باشه. برای article هم همینطوره .
منتهی div معناگرا نیست و برای هر نوع تقسیم بندی های موجود در صفحه میشه ازش استفاده کرد .

Atrian Web

استاد آوند از شما خیلی ممنونم که با انرژی تمام و صادقانه بدون هیچ کم و کاستی آموزش می دهید. تمام آموزش های که شما تدریس کرده باشید را حتما میخرم ممنونم از زحماتتون خسته نباشید.
یا علی مدد

لقمان آوند

ممنون از لطفتون
از بابت رضایتتون خورسندیم

حمیدرضا شریف

من پیشنهاد میکنم برای هر دوره آموزشی یک بخش انتقادی قرار بدید و بعد از جمع آوری نقاط ضعف و کمبودها اونها رو با اضافه کردن ویدئوهای تکمیلی برطرف کنید.

لقمان آوند

سلام
در حین تهیه ویدیوها بازخوردها رو از کاربرا می گیریم و در ادامه کارمون اعمال می کنیم. این رویه رو داریم معمولا …

لقمان آوند

خوب شرکت های معتبری توی ایران هست که پیشنهاد می کنیم از اونها استفاده کنید. پارس پک خوبه …

itone

سلامو خسته نباشید :
استاد اوند سرور های قدرتمند رو از کجا تیه کنیم ک امنیت و سرعتش خوب باشه :>؟
مثل سون لرن

لقمان آوند

سلام
بارها در دوره گفتیم که html5 رو معنا خیلی تاکید کرده و گفتیم جایی که معناگرایی مهمه از عناصر html5 در مکان صحیحش استفاده کنید. مواردی که گفتید تعدادشون خیلی زیاده. ما اشاره کردیم که برای اطلاع بیشتر به منبع ذکر شده مراجعه کنید و دقیقا بخونید …
ممنون از دیدگاهتون

پایان زمان پشتیبانی

دانشجوی گرامی، بازه پشتیبانی فعال برای این دوره ۳ ماه است که برای شما به پایان رسیده است.

شما هم چنان می توانید سوالات خود را در این قسمت بپرسید اما اولویت پاسخ گویی با دانشجویانی است که بازه پشتیبانی فعال دارند.

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.
گزارش مشکل