نحوه ایجاد جدول در HTML

نویسنده: Mark Sanchez
تاریخ ایجاد: 28 ژانویه 2021
تاریخ به روزرسانی: 1 جولای 2024
Anonim
🔥نحوه ایجاد جدول HTML | ( جدول tr th td ) | 🏆 آموزش نمونه عملی
ویدیو: 🔥نحوه ایجاد جدول HTML | ( جدول tr th td ) | 🏆 آموزش نمونه عملی

محتوا

ایجاد جدول در HTML بسیار مشکل است. اما با مراحل ذکر شده در این مقاله ، باید بتوانید یکی را برای سایت خود ایجاد کنید.

مراحل

  1. 1 یک برنامه ساده پردازش کلمه مانند Notepad یا WordPad را در Windows باز کنید یا در Mac TextEdit را باز کنید.
  2. 2 تمام متنی را که می خواهید در جلوی جدول مشاهده کنید وارد کنید.
  3. 3 با وارد کردن برچسب جدول> استفاده از جدول برای سند HTML را تعریف کنید.

  4. 4 Enter را بزنید.

  5. 5 برچسب باز کردن جدول سطر را با استفاده از تگ tr> وارد کنید.
  6. 6به یاد داشته باشید که تمام عناصر باقی مانده را از چپ به راست بسازید.
  7. 7 Enter را بزنید.
  8. 8 یک تگ شروع برای عنوان جدول با استفاده از تگ th> وارد کنید.
  9. 9 عنوانی را که می خواهید برای اولین ستون استفاده کنید وارد کنید.
  10. 10 یک تگ بسته برای عنصر عنوان جدول با استفاده از تگ / th> وارد کنید.
  11. 11 Enter را بزنید.
  12. 12 مراحل را تکرار کنید (ترتیب موارد در ستون ها از چپ به راست).
  13. 13 با وارد کردن تگ / tr> این خط را ببندید.
  14. 14 Enter را بزنید.
  15. 15 خط دیگری را با تگ tr> دیگر شروع کنید.
  16. 16 Enter را بزنید.
  17. 17 تگ داده جدول را با استفاده از تگ td> وارد کنید.
  18. 18 داده های جدولی را که می خواهید در هر فیلد قرار دهید وارد کنید.
  19. 19از چپ به راست کار کنید و داده های ستون های بالا را پر کنید.
  20. 20 هر ورودی را با برچسب / td> ببندید.
  21. 21 برای همه داده های جدول که دارید تکرار کنید.
    • برای سلول هایی که نیازی به وارد کردن چیزی ندارید ، td> و td> و هیچ چیز بین آنها را وارد کنید. این برای زمینه های بین دو زمینه دیگر بسیار مفید خواهد بود.
  22. 22 هر خط را با تگ / tr> دیگر ببندید.
  23. 23 هر خط را علاوه بر خطوط tr> و / td> تکرار کنید تا هر خط مونتاژ شود.
  24. 24 جدول را با تگ / table> ببندید.
  25. 25 متن HTML زیر را همانطور که برای بقیه سند نیاز دارید وارد کنید.

نکات

  • از هر سطر تورفتگی ایجاد کنید تا بتوانید بفهمید که در کد خود چه کاری را انجام می دهید.

هشدارها

  • اگر به طور تصادفی تعداد زیادی ستون از داده ها را در جایی که هیچ عنوان جدول وجود ندارد وارد کنید ، آنها همچنان نشان داده می شوند ، اما کمی احمقانه به نظر می رسند و خواننده نمی فهمد این اطلاعات برای چیست.
  • درک جداول در یک صفحه HTML یک فرایند دشوار برای درک است. ابتدا روی داده های خارجی تمرین کنید تا ببینید چگونه به نظر می رسد ، سپس جدول جدید را مرور کرده و در جای خود قرار دهید.
  • کد جدول HTML بهتر است به برنامه نویسان پیشرفته HTML واگذار شود. با این حال ، پس از پیروی از این دستورالعمل ها ، شما نیز یکی از آنها خواهید شد.