مقالات

ادغام سطرها و ستون‌ها: rowspan و colspan – ترکیب هوشمندانه سلول‌ها! 🔗 سلام به همگی! تا اینجا یاد گرفتیم چطور سطرها و ستون‌های معمولی رو در جداول HTML بسازیم. اما گاهی اوقات نیاز داریم که بعضی از سلول‌ها، فضای بیشتری...

ساختاردهی جدول: <thead>، <tbody>، <tfoot> – نظم در جدول! 🗂️ سلام به همه! توی بخش قبلی با تگ‌های اصلی ساخت جدول آشنا شدیم: <table>، <tr>، <th> و <td>. اما برای اینکه جدول‌هامون هم از نظر معنایی و هم از نظر...

تگ‌های اصلی جدول: <table>، <tr>، <th>، <td> – آجر به آجر جدول! 🧱 سلام به همگی! توی فصل قبل یه نگاه کلی به جدول‌ها انداختیم. حالا می‌خوایم بریم سراغ مهم‌ترین آجرها و بنای اصلی ساختن جدول در HTML: تگ‌های <table>،...

فصل ۸: سازماندهی داده‌ها با جدول‌ها – نمایش منظم اطلاعات! 📊 سلام به همگی! توی دنیای واقعی، خیلی وقت‌ها لازم داریم اطلاعات رو به صورت مرتب و جدولی نمایش بدیم. مثلاً لیست قیمت محصولات، برنامه کلاس‌ها، نتایج یک مسابقه، یا...

خصوصیات عمومی (Global Attributes): id، class، data-* – شناسنامه و هویت تگ‌ها! 🏷️ سلام به همراهان همیشگی! تا اینجا کلی در مورد تگ‌های مختلف HTML و معنای اون‌ها صحبت کردیم. اما یه سری خصوصیت (Attribute) هستن که می‌تونن به تقریباً...

بخش‌بندی محتوا: section، article، aside، main – نظم در محتوا! 🗂️ سلام به همه طراحان و توسعه‌دهندگان عزیز! در فصل‌های قبلی با بخش‌های اصلی مثل سربرگ، ناوبری و پاورقی آشنا شدیم. اما حالا وقتشه بریم سراغ قلب تپنده صفحه؛ یعنی...

تگ‌های معنایی: header، nav، footer – ستون‌های اصلی صفحه! 🏛️ سلام به دوستای عزیز و کنجکاو! توی فصل قبل در مورد ساختاردهی معنایی صحبت کردیم و گفتیم که چقدر مهمه که به مرورگر و موتورهای جستجو بفهمونیم هر قسمت از...

تگ‌های بلاک و اینلاین: راز رفتار عناصر در صفحه! 📦↔️ سلام به روی ماهتون! توی دنیای HTML، هر تگی یه رفتاری داره. بعضی‌ها دوست دارن یه خط جدید شروع کنن و کل عرض صفحه رو بگیرن، بعضی‌ها هم خیلی مؤدب...

فصل ۷: ساختاردهی معنایی با HTML5 – معنا و مفهوم به کد! 💡 سلام به همگی! تا اینجا با تگ‌های پایه‌ای HTML کار کردیم. اما HTML5 فقط مجموعه‌ای از تگ‌ها برای نمایش محتوا نیست؛ بلکه به ما کمک می‌کنه تا...