ظاهر بندی HTML

ظاهر بندی HTML

 

هرکجا در وب شما صفحاتی خواهید یافت که مانند صفحات روزنامه قالب بندی شده اند ، این صفحات از ستون های HTML استفاده می کنند.


ظاهر بندی HTML – استفاده از جداول

یکی از تمرین های متداول با HTML استفاده از جداول برای ظاهر بندی یک صفحه است.

یک بخش از این صفحه مانند صفحات روزنامه به دو ستون قالب بندی شده است

همانطور که شما در این صفحه می بینید یک ستون چپ و یک ستون راست وجود دارد. این متن در ستون راست نشان داده خواهد شد

برای تقسیم کردن بخشی از این صفحه به دو ستون از جداول HTML استفاده کرده ایم. حقه استفاده شده در اینجا استفاده از جدول بدون حاشیه است وشاید مقدار کمی cellpadding.

مهم نیست که چقدر متن به این صفحه اضافه می کنید، آن در ستون خودش قرار خواهد گرفت.


همان ظاهر بندی – رنگ اضافه شده

یکی از تمرین های متداول با HTML استفاده از جداول برای ظاهر بندی یک صفحه است.

یک بخش از این صفحه مانند صفحات روزنامه به دو ستون قالب بندی شده است

همانطور که شما در این صفحه می بینید یک ستون چپ و یک ستون راست وجود دارد. این متن در ستون راست نشان داده خواهد شد

برای تقسیم کردن بخشی از این صفحه به دو ستون از جداول HTML استفاده کرده ایم. حقه استفاده شده در اینجا استفاده از جدول بدون حاشیه است وشاید مقدار کمی cellpadding.

مهم نیست که چقدر متن به این صفحه اضافه می کنید، آن در ستون خودش قرار خواهد گرفت.


مثال

برای ظاهربندی صفحه، می توان از سطرها و ستونهای یک جدول استفاده کرد و محتوا را در محل مناسب قرار داد. به کمک این مثال، یک نمونه از این ظاهربندی را می بینید.

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