X
تبلیغات
رایتل
رسم جدول بخش یک - کدهای حرفه ای وبلاگ و سایت
کدهای Css3 , JavaScript, PHP و HTML
رسم جدول بخش یک
جمعه 9 فروردین 1392 ساعت 18:09 | نوشته ‌شده به دست ایمان فـخــار

سلام 

سال نو مبارک 

قصد دارم در طی دو یا سه پست تمام مراحل رسم یک جدول حرفه ای را با استفاده از کدهای 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
چاپ این مطلب: کلیک کنید

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