X
تبلیغات
کالج کارآفرینی تیوان

کدهای حرفه ای وبلاگ و سایت

کدهای Css3 , JavaScript, PHP و HTML

رسم جدول بخش یک

سلام 

سال نو مبارک 

قصد دارم در طی دو یا سه پست تمام مراحل رسم یک جدول حرفه ای را با استفاده از کدهای html  و دادن یک استایل حرفه ای به جداول توسط css3  و JQuery  را دذر وبلاگ css3 قرار بدم برای شروع و آشنایی با مقدمات و طراحی ساده یک جدول به ادامه مطلب مراجعه فرمایید 

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

عنوان تگتوضیحمحل قرار گیری
Tableتگ اصلی و معرف جدولدر هرجای سند html
Caption عنوان جدول (دلخواه)در داخل تگ table و خارج از تگهای دیگر
THeadسر تیتر جداولدر داخل تگ table و خارج از تگهای دیگر
TBodyبدنه جدولدر داخل تگ table و خارج از تگهای دیگر
TFootآخرین ردیف جدول در داخل تگ table و خارج از تگهای دیگر
TRیک ردیف (الزامی)در داخل تگ های table, thead, tbody, tfoot
THعنوان ستون های جدولبعد از تگ tr
TDسلول های جدولبعد از تگ tr
colgroupیک گروه از ستون هادر داخل تگ table و خارج از تگهای دیگر
colیک ستوندر داخل colgroup به صورت تگ بسته <col/>

رسم جدول ساده

یک جدول ابتدایی از چند ستون و ردیف در کنار هم ساخته می شود من کد رسم یک جدول 2 در 2 را در ادامه قرار می دهم :

	<table>
		<tr>
			<td> TD </td>
			<td> TD </td>
			<td> TD </td>
		</tr>
		<tr>
			<td> TD </td>
			<td> TD </td>
			<td> TD </td>
		</tr>
	</table>

نتیجه:

برای درک بهتر هر کدام از تگهای استفاده شده در کدهای بالا روی آن تگ کلیک نمایید

دو نمونه دیگر را هم ببینید:       نمونه اول   نمونه دوم    نمونه سوم

TD TD TD
TD TD TD
تاریخ ارسال: جمعه 9 فروردین 1392 ساعت 18:09 | نویسنده: ایمان فـخــار | چاپ مطلب
نظرات (1)
یکشنبه 18 فروردین 1392 21:25
emad
امتیاز: 0 0
لینک نظر
سلام
وبلاگ خوبی دارید لطفا منو با نام همه نوع مطلب لینک کنید و بهم خبر بدید با چه اسمی لینکتون کنم
برای نمایش آواتار خود در این وبلاگ در سایت Gravatar.com ثبت نام کنید. (راهنما)
نام :
پست الکترونیک :
وب/وبلاگ :
ایمیل شما بعد از ثبت نمایش داده نخواهد شد