نحوه رسم جدول در HTML

فهرست مطالب:

نحوه رسم جدول در HTML
نحوه رسم جدول در HTML

تصویری: نحوه رسم جدول در HTML

تصویری: نحوه رسم جدول در HTML
تصویری: آموزش html : آموزش ایجاد جدول در html ( تگ table ) 2024, آوریل
Anonim

HTML یک زبان نشانه گذاری صفحه است که می تواند برای میزبانی وب سایت ها در اینترنت استفاده شود. برای قالب بندی سند در این حالت ، از برچسب ها استفاده می شود - عناصر توصیف.

نحوه رسم جدول در HTML
نحوه رسم جدول در HTML

ضروری است

  • - کامپیوتر؛
  • - برنامه "دفترچه یادداشت" ؛
  • - مهارت در کار با HTML.

دستورالعمل ها

مرحله 1

صفحه خود را در جایی که می خواهید جدول با HTML اضافه کنید با استفاده از Notepad باز کنید. برای این کار ، روی پرونده کلیک راست کنید تا منوی زمینه ظاهر شود ، گزینه "Open with" را انتخاب کنید. برای افزودن جدول به سایت ، مکانی را در برچسب Body انتخاب کنید.

گام 2

برای قرار دادن جدول در Html از برچسب استفاده کنید. این برچسب اصلی است که جدول را توصیف می کند. تمام عناصر آن باید بین برچسب های باز و بسته قرار بگیرند. به طور پیش فرض ، جدول بدون جدا کننده و حاشیه ایجاد می شود. در صورت لزوم با استفاده از ویژگی Border حاشیه اضافه کنید. برای انجام این کار ، آن را داخل برچسب جدول قرار دهید و یک مقدار عددی برای عرض حاشیه ، به عنوان مثال ، یک ردیف به جدول اضافه کنید. برای این کار از برچسب … استفاده کنید ، تعداد خطوط با توجه به تعداد جفت های آن تعیین می شود. با استفاده از برچسب a توضیح سلول را اضافه کنید. سلول را فقط در داخل برچسب سطر قرار دهید ، تعداد ستون (ستونی) را که در آن قرار دارد به آن اضافه کنید.

مرحله 4

مکان متن در سلول با استفاده از ویژگی های Aligh (چپ ، راست ، مرکز) تعیین می شود - تعیین محل قرارگیری متن به صورت افقی ، و Valign (وسط ، پایین ، بالا) - تعیین محل قرارگیری داده ها در سلول به صورت عمودی این توصیف را می توان هم برای یک سلول خاص و هم برای کل سطر اضافه کرد.

مرحله 5

از ویژگی Colspan برای ادغام سلولها به صورت افقی و Rowspan به صورت عمودی استفاده کنید. نمونه ای از کد جدول: "نام جدول" "نام ردیف ادغام شده" "نام ستون اول" "نام ستون دوم" "ردیف دوم" "سلول دوم ردیف دوم" "سلول سوم دوم ردیف”.

توصیه شده: