از جدول برای چیدمان وب سایت خود استفاده نکنید. بهترین آموزش Html موتورهای جستجو از آن متنفرند و به طور کلی ایده بدی است. فقط... نکن. در عوض آموزش CSS ما را ببینید.
این قطعاً پیچیده ترین بخش این آموزش است، با این حال، یادگیری آن مطمئنا در درازمدت نتیجه خواهد داد.
با در نظر گرفتن این موضوع، جداول همچنان می توانند راه مفیدی برای ارائه محتوا در صفحه شما باشند.
یک جدول از چه چیزی تشکیل شده است؟
هنگام ترسیم جدول باید یک عنصر را با تگ بازکننده <table> باز کنیم. بهترین آموزش Html در داخل این تگ، جدول را با استفاده از ردیفهای جدول، <tr> و سلولهای <td> ساختار میدهیم.
نمونه ای از جدول HTML به شرح زیر است:
<جدول>
<tr>
<td>ردیف 1 - ستون 1</td>
<td>ردیف 1 - ستون 2 </td>
<td>ردیف 1 - ستون 3 </td>
</tr>
<tr>
<td>ردیف 2 - ستون 1</td>
<td>ردیف 2 - ستون 2</td>
<td>ردیف 2 - ستون 3</td>
</tr>
</table>
با این کار یک جدول 2 ردیفی با 3 خانه در هر ردیف ایجاد می شود.
جداول می توانند بسیار پیچیده شوند بهترین آموزش Html ، بنابراین حتماً آموزش جداول HTML ویژه ما را بررسی کنید.
برچسب های جدول
با این حال، مراقب این برچسبها باشید تا بتوانید بهترین آموزش Html آنها را بشناسید و در حین رشد مهارتهای خود از آنها استفاده کنید.
در اینجا برچسب های جداول ارائه شده در یک جدول - جناس کاملاً در نظر گرفته شده است.
معنی مکان تگ جدول
<thead> جدول سر بالای جدول
<tbody> بدنه جدول محتوای جدول
<tfoot> پای جدول پایین جدول
<colgroup> گروه ستون در جدول
<th> سلول داده سرصفحه جدول برای سرصفحه جدول
جداول، حاشیهها، فاصله معمولاً با استفاده از CSS استایلبندی بهترین آموزش Html میشوند، اما در آموزش بعدی به این موضوع خواهیم پرداخت.
بیایید یک جدول بسازیم
به یک خط جدید در صفحه index.html در ویرایشگر آموزش برنامه نویسی کودکان و نوجوانان متن خود بروید. کد HTML زیر را وارد کنید:
<جدول>
<tr>
<td>ردیف 1 - ستون 1</td>
<td>ردیف 1 - ستون 2 </td>
</tr>
<tr>
<td>ردیف 2 - ستون 1</td>
<td>ردیف 2 - ستون 2</td>
</tr>
</table>
ذخیره را بزنید و پیش نمایش آن را در بهترین آموزش Html مرورگر خود مشاهده کنید.
تبریک: شما این کار را کردید!
نحوه بستن یک سند HTML
شما به پایان آموزش HTML مبتدیان مطلق ما رسیده اید.
آخرین مرحله ای که باید انجام دهیم این است که تگ های <body> و <html> را در انتهای بهترین آموزش Html هر صفحه با استفاده از کد HTML زیر ببندیم:
</body>
</html>
در این راهنما، نحوه ایجاد صفحات وب پایه HTML را یاد گرفتید.
همچنین یاد گرفتهاید که سرفصلها، متن، تصاویر، پیوندها، فهرستها و جداول اصلی را به این صفحات اضافه کنید.
بعدی چیه؟
اکنون می توانید از این دانش برای ایجاد صفحات وب بهترین آموزش Html خود حاوی این ویژگی ها و پیوند آنها به یکدیگر استفاده کنید.
پیشنهاد میکنیم با آزمایش کدهایی که با استفاده از متغیرهای مختلف آموختهاید، مهارتهای خود را بیشتر کنید. همچنین ممکن است بخواهید در مورد نحوه زیباسازی صفحات خود با استفاده از CSS بیاموزید.
قدرت ایجاد وب سایت خود اکنون در دستان شماست.
عیب یابی
در صورتی که همه چیز آنطور که در نظر گرفته شده بود The best Html tutorial پیش نرفت، به سادگی کد HTML خود را با نمونه های زیر بررسی کنید.