نویسنده:
Mark Sanchez
تاریخ ایجاد:
28 ژانویه 2021
تاریخ به روزرسانی:
1 جولای 2024
![🔥نحوه ایجاد جدول HTML | ( جدول tr th td ) | 🏆 آموزش نمونه عملی](https://i.ytimg.com/vi/UdWRVGuITNE/hqdefault.jpg)
محتوا
ایجاد جدول در HTML بسیار مشکل است. اما با مراحل ذکر شده در این مقاله ، باید بتوانید یکی را برای سایت خود ایجاد کنید.
مراحل
1 یک برنامه ساده پردازش کلمه مانند Notepad یا WordPad را در Windows باز کنید یا در Mac TextEdit را باز کنید.
2 تمام متنی را که می خواهید در جلوی جدول مشاهده کنید وارد کنید.
- 3 با وارد کردن برچسب جدول> استفاده از جدول برای سند HTML را تعریف کنید.
- 4 Enter را بزنید.
5 برچسب باز کردن جدول سطر را با استفاده از تگ tr> وارد کنید.
- 6به یاد داشته باشید که تمام عناصر باقی مانده را از چپ به راست بسازید.
7 Enter را بزنید.
8 یک تگ شروع برای عنوان جدول با استفاده از تگ th> وارد کنید.
9 عنوانی را که می خواهید برای اولین ستون استفاده کنید وارد کنید.
10 یک تگ بسته برای عنصر عنوان جدول با استفاده از تگ / th> وارد کنید.
11 Enter را بزنید.
12 مراحل را تکرار کنید (ترتیب موارد در ستون ها از چپ به راست).
13 با وارد کردن تگ / tr> این خط را ببندید.
14 Enter را بزنید.
15 خط دیگری را با تگ tr> دیگر شروع کنید.
16 Enter را بزنید.
17 تگ داده جدول را با استفاده از تگ td> وارد کنید.
18 داده های جدولی را که می خواهید در هر فیلد قرار دهید وارد کنید.
- 19از چپ به راست کار کنید و داده های ستون های بالا را پر کنید.
20 هر ورودی را با برچسب / td> ببندید.
- 21 برای همه داده های جدول که دارید تکرار کنید.
- برای سلول هایی که نیازی به وارد کردن چیزی ندارید ، td> و td> و هیچ چیز بین آنها را وارد کنید. این برای زمینه های بین دو زمینه دیگر بسیار مفید خواهد بود.
- برای سلول هایی که نیازی به وارد کردن چیزی ندارید ، td> و td> و هیچ چیز بین آنها را وارد کنید. این برای زمینه های بین دو زمینه دیگر بسیار مفید خواهد بود.
22 هر خط را با تگ / tr> دیگر ببندید.
23 هر خط را علاوه بر خطوط tr> و / td> تکرار کنید تا هر خط مونتاژ شود.
24 جدول را با تگ / table> ببندید.
25 متن HTML زیر را همانطور که برای بقیه سند نیاز دارید وارد کنید.
نکات
- از هر سطر تورفتگی ایجاد کنید تا بتوانید بفهمید که در کد خود چه کاری را انجام می دهید.
هشدارها
- اگر به طور تصادفی تعداد زیادی ستون از داده ها را در جایی که هیچ عنوان جدول وجود ندارد وارد کنید ، آنها همچنان نشان داده می شوند ، اما کمی احمقانه به نظر می رسند و خواننده نمی فهمد این اطلاعات برای چیست.
- درک جداول در یک صفحه HTML یک فرایند دشوار برای درک است. ابتدا روی داده های خارجی تمرین کنید تا ببینید چگونه به نظر می رسد ، سپس جدول جدید را مرور کرده و در جای خود قرار دهید.
- کد جدول HTML بهتر است به برنامه نویسان پیشرفته HTML واگذار شود. با این حال ، پس از پیروی از این دستورالعمل ها ، شما نیز یکی از آنها خواهید شد.