آموزش های عمومیبخش وردپرسعمومینصب و سوالات اولیهوردپرس

چگونه در html جدول بسازیم

چگونه در html جدول بسازیم
چگونه در html جدول بسازیم
چگونه در html جدول بسازیم
چگونه در html جدول بسازیم
چگونه در html جدول بسازیم

نوشته : سیدرضا بازیار

من قصد یه جدول زیبا و حرفه ای با html بسازم. به گونه ای که به تعداد های مختلف سطر و ستون ایجاد کنم

مثلا:

ستون اول: دو سطر

ستون دوم: سه سطر

ستون سوم: چهار سطر

ستون پنجم: یک سطر

داشته باشه ( http://codepen.io/anon/pen/lAnqJ )

و بشه برای هر سطر یه بک گراند و یه اندازه مشخص گذاشت و حاشیه ها رو درست کرد و…

نرم افزار یا ابزاری رو میشناسید که بتونم حرفه ای ترین جدول رو باهاش بسازم؟

نوشته : imanfakhar

http://codepen.io/imanfakhar/pen/wKcLD

نوشته : سیدرضا بازیار

من دقیقا به جدول زیر نیاز دارم

31140140318101913538_Untitled-1.png

یه جدول مشکی میخوام که 5 جدول مثل تصویر بالا توی اون باشه و میخوام توی اون 5 جدول مطلب بزارم

میخوام اندازه جدول طوری باشه که طول اون 100% نشه و اندازه اون توس همه مرورگر ها برابر باشه

:wub:

نوشته : Alireza Xn

از این سرویس آنلاین استفاده کنید :


www.quackit.com/html/html_table_generator.cfm

نوشته : imanfakhar

کدهای جدولی که دادم رات بخوانید و هر جدولی می خواهید بکشید

من که قرار نیست جدول را براتون بکشم کد جدول



















سلول هدر

سلول اصلی

سلول زیری

نوشته : سیدرضا بازیار

از این سرویس آنلاین استفاده کنید :
www.quackit.com/html/html_table_generator.cfm

این ابزار توانایی ساختن کد من رو نداره

هر چه کد آقای فخار رو ویرایش میکنم باز هم خراب میشه

نوشته : imanfakhar

style


.myTable {
width: 800px;
}
.myTable td {
border:5px #000 solid;
}
.myTableTd1 {
background-color: #F0F0F0;
height: 100px;
}
.myTableTd2 {
background-color: #00FF00;
height: 100px;
}
.myTableTd3 {
background-color: #FF00FF;
}
.myTableTd4 {
background-color: #0066CC;
}
.myTableTd5 {
background-color: #CC0000;
height: 300px;
}

html















نوشته : Ibrahim

سلام کسی میتونه کد این جدول رو درست کنه؟

03447058838579995047.jpg

نوشته : فرحان

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

موفق باشید.

نوشته : Mobin

برای این کارها بهتره از div استفاده کنید انعطاف بیشتری دارند





a1



s2


s3



s4


s5



a6



s7


s8


نوشته : Ibrahim

مرسی از دوستانی که پاسخ دادند.

این هم یه سایت ساده و کاربردی برای طراحی آنلاین جدول هست که امکانات خوبی داره.

tablesgenerator

ولی خب همونجوری که lord_viper گفتند، استفاده از div انعطاف پذیری بیشتری داره و از لحاظ سئو بهتره.


(1) آموزش ساخت انواع جدول در HTML از 0 تا
آموزش ساخت انواع جدول در HTML از 0 تا 100 با تصویر و حرفه ای کاملا رایگان


(2) آموزش ایجاد جدول HTML با استفاده از تگ
آموزش ایجاد جدول HTML با استفاده از تگ Table - مسترکد


(3) تگ table در HTML ایجاد جدول در صفحات
تگ table در HTML ایجاد جدول در صفحات وب ادمین سایت


(4) جدول در HTML
جدول در HTML


(5) آموزش نحوه ساخت جدول های زیبا و ویرایش
آموزش نحوه ساخت جدول های زیبا و ویرایش آنها در ورد به زبان ساده - سریع آسان


(6) 10 نکته مهم در کار با HTML برای مبتدیان
10 نکته مهم در کار با HTML برای مبتدیان - سریع آسان


(7) چگونه در وردپرس جدول بسازیم بهترین
چگونه در وردپرس جدول بسازیم بهترین افزونه ساخت جدول المنتور تمز


(8) چگونه در وردپرس جدول ایجاد کنیم معرفی
چگونه در وردپرس جدول ایجاد کنیم معرفی 9 افزونه برتر ایجاد جدول در وردپرس - راست چین


(9) ایجاد جدول در HTML
ایجاد جدول در HTML


(10) ایجاد جدول در html و استایل دهی به آن
ایجاد جدول در html و استایل دهی به آن با صفاتی مثل bordr ، border-collapse ، text-align

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

8 + 15 =

دکمه بازگشت به بالا