نحوه راه اندازی گوشی های هوشمند و رایانه های شخصی. پرتال اطلاعاتی

برچسب های سلولی صفات و خواص و

25.04.2019 ایمنی
برای ایجاد یک جدول خدمت می کند.

ویژگی های:

عرض - عرض جدول بر حسب پیکسل یا % نسبت به عرض پنجره مرورگر.

ارتفاع - ارتفاع جدول بر حسب پیکسل یا درصد نسبت به عرض پنجره مرورگر (ارتفاع معمولاً به طور خودکار محاسبه می شود، بنابراین تغییر آن توصیه نمی شود).

align - تراز جدول.

سمت چپ - جدول را به سمت چپ تراز کنید.

سمت راست - جدول را به سمت راست تراز کنید.

مرکز - جدول را با مرکز تراز کنید.

حاشیه - ضخامت حاشیه جدول بر حسب پیکسل.

فاصله سلولی - فاصله بین سلول های مجاور بر حسب پیکسل (پیش فرض = 2).

cellpadding - فاصله بین محتویات سلول و مرز آن بر حسب پیکسل (پیش‌فرض = 1).

bgcolor - رنگ پس زمینهجداول

پس زمینه - تصویر پس زمینه برای جدول.

bordercolor - رنگ تمام خطوط حاشیه جدول.

ظرف برای ایجاد یک ردیف جدول خدمت می کند.

ظرف برای ایجاد عنوان برای ستون جدول استفاده می کند.

ظرف برای ایجاد یک سلول جدول عمل می کند.

ویژگی های

عرض - عرض سلول به پیکسل یا % نسبت به عرض پنجره مرورگر (برای صدق نمی کند).

ارتفاع - ارتفاع سلول به پیکسل یا درصد نسبت به عرض پنجره مرورگر (برای صدق نمی کند).

align - هم ترازی در سلول.

سمت چپ - سلول را به سمت چپ تراز کنید.

راست - سلول را به سمت راست تراز کنید.

هم ترازی مرکز - مرکز در سلول.

valign - تراز عمودی محتویات سلول.

بالا - با لبه بالای سلول تراز کنید.

پایین - تراز به لبه پایین سلول.

وسط - تراز به وسط سلول.

bgcolor - رنگ پس زمینه سلول.

پس زمینه - تصویر پس زمینه برای سلول.

bordercolor - رنگ تمام خطوط مرز سلول.

colspan - تعداد سلول هایی که باید توسط ستون ها ادغام شوند (برای صدق نمی کند).

rowspan - تعداد سلول هایی که باید با ردیف ادغام شوند (برای صدق نمی کند).

این کد:


















سرفصل
زاگ 1 زاگ 2 زاگ 3
1 2 3
4 5 6

نتیجه زیر را خواهد داد.

وظیفه

یک جدول ایجاد کنید و پارامترهای آن (حاشیه و فاصله بین سلول ها) را از طریق استایل ها مشخص کنید.

راه حل

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

. این عنصر به عنوان محفظه ای برای عناصری که محتویات جدول را تعریف می کنند عمل می کند. هر جدولی شامل ردیف ها و سلول هایی است که به ترتیب با استفاده از تگ ها مشخص می شوند و ایجاد می کند خط جدید. بیشتر در تودرتو
. جدول باید حداقل دارای یک سلول باشد (مثال 1). به جای برچسب مجاز است از برچسب استفاده کنید . متن در یک سلول با یک برچسب استایل داده شده است ، توسط فونت مرورگر نمایش داده می شود سبک جسورانهو با مرکز سلول تراز شده است. در غیر این صورت، تفاوت بین سلول ها از طریق برچسب ها ایجاد می شود و خیر

مثال 1: ایجاد جدول

HTML5 IE Cr Op Sa Fx

برچسب جدول

سلول 1 سلول 2
سلول 3 سلول 4

ترتیب سلول ها و شکل ظاهری آنها در شکل نشان داده شده است. 1.

برنج. 1. نتیجه ایجاد جدول با چهار خانه

ویژگی تگ مرزی

فقط اضافه کردن با آن جایز است مقدار خالی (
) یا برابر با 1. همه مقادیر دیگر اعتبار سنجی نمی شوند.

برای کنترل حاشیه های داخل سلول ها از style استفاده می شود خاصیت padding، که به انتخابگر td اضافه می شود. فاصله بین سلول ها با ویژگی فاصله بین مرزها (مثال 2) که به انتخابگر جدول اضافه شده است تغییر می کند؛ مرورگر اینترنت اکسپلورر فقط از نسخه 8.0 آن را درک می کند.

مثال 2: حاشیه های داخل سلول ها

HTML5 CSS 2.1 IE Cr Op Sa Fx

برچسب جدول

سرفصل 1سرفصل 2
سلول 3سلول 4

جدولی با فیلدها و فاصله بین سلول ها در شکل نشان داده شده است. 2. نتیجه مشابهی را می توان با استفاده از یک قاب به دست آورد سفیداطراف سلول ها

برنج. 2. فیلدها در سلول های جدول

بدنه میز قرار دارد. بدنه از سطر و ستون تشکیل شده است. جدول به صورت خط به خط پر می شود.

هر تگ

ستون ها ایجاد می شود. می توانید چندین ستون ایجاد کنید. در این مورد، شما باید تعداد ستون های هر سطر را کنترل کنید. به عنوان مثال، اگر ردیف اول 5 ستون داشته باشد، سطرهای زیر نیز باید 5 ستون داشته باشند. در غیر این صورت جدول شناور می شود. امکان ادغام سلول ها وجود دارد.

نحوه ساخت جدول در html

بیایید مثالی بزنیم، کد html:

جدول نمونه
ستون 1 ستون 2

به سلول توجه کنید

. ما استفاده می کنیم ویژگی خاص colspan برای ادغام سلول ها به صورت افقی. مقدار عددی آن نشان دهنده تعداد ستون هایی است که باید ادغام شوند. همچنین یک آنالوگ از این ویژگی وجود دارد: برچسب (سرصفحه جدول)، که در آن شما همچنین باید colspan را وارد کنید. نتیجه یکسان خواهد بود. اما اغلب از td معمولی استفاده می کنند.

حالا بیایید نگاهی دقیق تر به تمام ویژگی های برچسب بیندازیم

.

ویژگی ها و ویژگی ها را تگ کنید

برای باز کردن برچسب

شما می توانید ویژگی های مختلفی را مشخص کنید.

1. Property align="parameter" - تراز جدول را تنظیم می کند. می تواند مقادیر زیر را بگیرد:

در مثال بالا، جدول را با مرکز align="center" تراز کردیم.

این ویژگی را می توان نه تنها برای جدول، بلکه برای سلول های جداول نیز اعمال کرد

. بنابراین، در سلول های مختلفهم ترازی متفاوت خواهد بود.

مثلا

, , , یا
  • cols - خط بین ستون ها نمایش داده می شود
  • هیچ - همه مرزها پنهان هستند
  • ردیف ها - یک مرز بین ردیف های جدول ایجاد شده از طریق تگ رسم می شود

    • 12. Property width="number" - عرض جدول را به صورت پیکسل یا درصد تنظیم می کند.

    13. Property class="class_name" - می توانید نام کلاسی که جدول به آن تعلق دارد را مشخص کنید.

    14. Property style="styles" - سبک ها را می توان به صورت جداگانه برای هر جدول تنظیم کرد.

    حالا وقت آن است که در داخل جدول شیرجه بزنید و به ویژگی های سلول های جدول نگاه کنید. این ویژگی ها باید در تگ آغازین نوشته شوند

    و گزینه های مشابه برای موجود است به صورت سلسله مراتبی برای همه اعمال خواهد شد
    یا خطوط
    ... ... ...

    2. ویژگی پس زمینه = "URL" - مجموعه تصویر پس زمینه. به جای URL، آدرس تصویر پس زمینه باید نوشته شود.

    مثال

    جدول نمونه
    ستون 1 ستون 2

    در صفحه به موارد زیر تبدیل می شود:

    در مثال بالا، تصویر پس زمینه ما در پوشه img (که در همان دایرکتوری صفحه html است) قرار دارد و تصویر fon.gif نام دارد. لطفا توجه داشته باشید که در تگ ما style="color:white;" را اضافه کردیم. . از آنجایی که پس زمینه تقریبا سیاه است، برای جلوگیری از ترکیب متن با پس زمینه، متن را سفید کردیم.

    3. خاصیت bgcolor="color" - رنگ پس زمینه جدول را تنظیم می کند. می توانید هر رنگی را از کل پالت انتخاب کنید (کدها و نام رنگ های html را ببینید)

    4. Property border="number" - ضخامت حاشیه جدول را تعیین می کند. در مثال‌های قبلی border="1" را مشخص کردیم، به این معنی که ضخامت حاشیه 1 پیکسل است.

    5. ویژگی bordercolor="color" - رنگ حاشیه را تنظیم می کند. اگر border="0" باشد، هیچ حاشیه ای وجود نخواهد داشت و رنگ حاشیه معنایی نخواهد داشت.

    6. Property cellpadding="number" - تورفتگی از فریم به محتویات سلول در پیکسل.

    7. خاصیت cellpacing="number" - فاصله بین سلول ها بر حسب پیکسل.

    8. خاصیت cols="number" - تعداد ستون ها. اگر آن را تنظیم نکنید، خود مرورگر تعداد ستون ها را تعیین می کند. تنها تفاوت این است که مشخص کردن این پارامتر به احتمال زیاد سرعت بارگذاری جدول را افزایش می دهد.

    9. ویژگی frame="parameter" - نحوه نمایش حاشیه ها در اطراف جدول. می تواند مقادیر زیر را بگیرد:

    • خالی - مرزها را ترسیم نکنید
    • حاشیه - حاشیه دور میز
    • بالا - حاشیه در امتداد لبه بالای جدول
    • زیر - حاشیه در پایین جدول
    • hsides - فقط حاشیه های افقی را اضافه کنید (بالا و پایین جدول)
    • vsides - فقط مرزهای عمودی را بکشید (در سمت چپ و راست جدول)
    • rhs - فقط حاشیه روشن است سمت راستجداول
    • lhs - حاشیه فقط در سمت چپ جدول

    10. ویژگی height="number" - ارتفاع جدول را بر حسب پیکسل یا درصد تنظیم می کند.

    11. Property rules="parameter" - محل نمایش مرزهای بین سلول ها. می تواند مقادیر زیر را بگیرد:

    • همه - یک خط در اطراف هر سلول جدول کشیده شده است
    • گروه ها - یک خط بین گروه های تشکیل شده توسط برچسب ها نمایش داده می شود
    .

    صفات و خواص

    1. Property align="parameter" - تراز یک سلول جدول را تنظیم می کند. می تواند مقادیر زیر را بگیرد:

    • تراز چپ - چپ
    • تراز وسط - مرکز
    • تراز راست - راست

    2. Property background="URL" - تصویر پس زمینه سلول را تنظیم می کند. به جای URL، آدرس تصویر پس زمینه باید نوشته شود.

    3. ویژگی bgcolor="color" - رنگ پس زمینه سلول را تنظیم می کند.

    4. ویژگی bordercolor="color" - رنگ حاشیه سلول را تنظیم می کند.

    5. Property char="letter" - حرفی را که باید از روی آن تراز انجام شود را مشخص می کند. مقدار مشخصه align باید روی char تنظیم شود.

    6. Property colspan="number" - تعداد سلول های افقی را برای ادغام تنظیم می کند.

    7. ویژگی height="number" - ارتفاع جدول را تعیین می کند: به پیکسل یا به صورت درصد.

    8. Property width="number" - عرض جدول را به صورت پیکسل یا درصد تنظیم می کند.

    9. Property rowspan="number" - تعداد سلول های عمودی را برای ادغام تنظیم می کند.

    10. خاصیت valign="parameter" - تراز عمودی محتویات سلول.

    • بالا - محتویات سلول را با لبه بالایی ردیف تراز کنید
    • تراز وسط - وسط
    • پایین - تراز به لبه پایین
    • خط مبنا - تراز با خط مبنا
    یادداشت 1

    برای برچسب زدن

    . پارامترهای یک تگ
    درون او

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

    اگر از حاشیه (حاشیه سلول) و لایه صفر بین سلول ها استفاده می کنید، آنها همچنان به هم چسبیده اند و یک حاشیه دوتایی دریافت می کنید. برای جلوگیری از این امر، باید border-collapse: collapse را در سبک های جدول مشخص کنید:

    ...

    خواننده عزیز، اکنون چیزهای بیشتری در مورد آن آموخته اید تگ htmlجدول. اکنون به شما توصیه می کنم که به درس بعدی بروید.

    به لطف تطبیق پذیری جداول، تعداد زیادیپارامترهایی که ظاهر آنها را کنترل می کنند، جداول مدت هاست که به یک استاندارد قطعی برای چیدمان صفحات وب تبدیل شده اند. میز با مرز نامرئیبه گونه ای نشان می دهد که شبکه مدولار، در بلوک هایی که قرار دادن عناصر صفحه وب راحت است. با این حال، این به طور کامل نیست رویکرد درست، زیرا همه شی HTMLبرای اهداف خود تعریف شده است و اگر برای هدف مورد نظر خود و در همه جا مورد استفاده قرار نگیرد، به این معنی است که هیچ جایگزینی وجود ندارد. همینطور بود برای مدت طولانیتا زمانی که لایه ها جایگزین جداول در طرح وب سایت شدند. این بدان معنا نیست که اکنون لایه‌ها همیشه استفاده می‌شوند، اما این روند قبلاً به وضوح ظاهر شده است - جداول برای قرار دادن داده‌های جدولی استفاده می‌شوند و لایه‌ها برای طرح‌بندی و طراحی استفاده می‌شوند.

    ایجاد جدول

    یک جدول از ردیف ها و ستون هایی از سلول ها تشکیل شده است که می تواند حاوی متن و عکس باشد. جداول معمولاً برای سازماندهی و ارائه داده ها استفاده می شوند، اما جداول به آن محدود نمی شوند. با استفاده از جداول، چیدمان صفحه آرایی با ترتیب دادن راحت است در راه درستتکه هایی از متن و تصاویر

    برای افزودن جدول به یک صفحه وب، از تگ استفاده کنید

    . این عنصر به عنوان محفظه ای برای عناصری که محتویات جدول را تعریف می کنند عمل می کند. هر جدولی شامل ردیف ها و سلول هایی است که به ترتیب با استفاده از تگ ها مشخص می شوند و
    . جدول باید حداقل دارای یک سلول باشد (مثال 12.1). به جای برچسب مجاز است از برچسب استفاده کنید . متن در یک سلول با یک برچسب استایل داده شده است ، توسط مرورگر با فونت پررنگ نمایش داده می شود و در مرکز سلول تراز می شود. در غیر این صورت، تفاوت بین سلول ها از طریق برچسب ها ایجاد می شود و خیر

    مثال 12.1. ایجاد جدول

    برچسب TABLE

    سلول 1 سلول 2
    سلول 3 سلول 4

    ترتیب سلول ها و شکل ظاهری آنها در شکل نشان داده شده است. 12.1.


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

    ابزارهایی برای توصیف جداول در HTML

    مانند توسعه WWWمشخص شد که وجوه موجود در HTML برای نمایش با کیفیت بالا کافی نیست انواع مختلفاسناد. نقطه ضعف HTML نبود ابزار برای نمایش جداول بود. برای این منظور، متن از پیش فرمت شده (برچسب 

    ) که در آن جدول با حروف ASCII مشخص شده است.  اما این شکل از ارائه جدول کافی نبود کیفیت بالاو از سبک کلی سند متمایز بود.  پس از معرفی جداول در HTML، وب مسترها اکنون نه تنها ابزاری برای قرار دادن متن و داده های عددی، بلکه یک ابزار طراحی قدرتمند برای قرار دادن در آن داشتند. در جای مناسبصفحه نمایش تصاویر گرافیکی و متن.
    

    ایجاد جداول در HTML
    

    تگ برای توصیف جداول استفاده می شود<ТАВLЕ>.  برچسب بزنید<ТАВLЕ>مانند بسیاری دیگر، خط قبل و بعد از جدول را به طور خودکار ترجمه می کند.
    

    ایجاد ردیف - برچسب جدول<ТR>
    

    برچسب بزنید<ТR>(Table Row) یک ردیف جدول ایجاد می کند.  تمام متن ها، سایر برچسب ها و ویژگی هایی که باید در یک خط قرار گیرند باید بین تگ های lt;TR> قرار گیرند..
    

    تعریف سلول های جدول - برچسب<ТD>
    

    سلول های دارای داده معمولاً در یک ردیف جدول قرار می گیرند.  هر سلول حاوی متن یا تصویر باید با برچسب احاطه شود<ТD>.  تعداد تگ ها<ТD>در یک ردیف تعداد سلول ها را مشخص می کند
    
 

 
    جدول
    
 
    
 
    
 
    
 اگر یک جدول دارای دو تگ TR باشد، پس دارای دو ردیف است.
 
    
 
    
 اگر سه تگ TD در یک خط وجود داشته باشد،
 سپس در آن
 سه ستون
 
    
 
    
 
    


 
    عناوین ستون های جدول - برچسب<ТН>
    

    عناوین ستون‌ها و ردیف‌های جدول با استفاده از تگ هدر تنظیم می‌شوند<ТН>(TableHeader، عنوان جدول).  این برچسب ها مشابه هستند<ТD>.  تفاوت این است که متن بین تگ ها محصور شده است<ТН>، به طور خودکار به صورت پررنگ نوشته می شود و به طور پیش فرض در وسط سلول قرار می گیرد.  می توانید متن را از مرکز خارج کنید و متن را در سمت چپ یا راست تراز کنید.  اگر استفاده می کنید<ТD>با برچسب<В>و صفت<АLIGN=center>، متن نیز شبیه یک عنوان خواهد بود.  با این حال، توجه داشته باشید که همه مرورگرها از جداول پشتیبانی نمی کنند فونت پررنگ، بنابراین بهتر است هدر جدول را با استفاده از آن تنظیم کنید<ТН>.
    
 

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



    استفاده از هدر جدول - برچسب<САРТIОN>
    

    برچسب بزنید
    به شما اجازه می دهد تا سرفصل های جدول ایجاد کنید. به طور پیش فرض، عنوان ها در مرکز قرار می گیرند و در بالا (<САРТION АLIGN=top>، یا زیر میز (<САРТION ALIGN=bottom>). عنوان می تواند شامل هر متن و تصویری باشد. متن به خطوط مربوط به عرض جدول تقسیم می شود. گاهی تگ کنید<САРТION>برای امضای یک عکس استفاده می شود. برای این کار کافی است یک جدول بدون حاشیه را توصیف کنید.

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

    ویژگی NOWRAP

    به طور معمول، هر متنی که در یک خط از سلول جدول قرار نمی گیرد به آن می رود خط بعدی. با این حال، هنگام استفاده از ویژگی NOWRAP با برچسب ها<ТН>یا<ТD>طول سلول به گونه ای گسترش می یابد که متن موجود در آن در یک خط قرار می گیرد.

    ویژگی COLSPAN

    برچسب ها<ТD>و<ТН>با استفاده از ویژگی COLSPAN (طول ستون، اتصال ستون) اصلاح شده است. اگر می‌خواهید یک سلول پهن‌تر از بالا یا پایین ایجاد کنید، می‌توانید از ویژگی COLSPAN برای کشش آن بر روی هر تعداد سلول معمولی استفاده کنید.

    اگر می خواهید هر سلولی را پهن تر از بالا یا پایین بسازید، می توانید از ویژگی COLSPAN=2 استفاده کنید،
    تا آن را روی هر تعداد سلول معمولی بکشید.

    ویژگی ROWSPAN

    ویژگی ROWSPAN در برچسب ها استفاده می شود<ТD>و<ТН>، شبیه ویژگی COLSPAN= است، فقط تعداد خطوطی را که سلول روی آنها کشیده شده است را مشخص می کند. اگر عددی بزرگتر از یک را در ویژگی ROWSPAN=s مشخص کرده‌اید، تعداد ردیف‌های مربوطه باید در زیر سلول کشیده شده باشد. نمی توان آن را در پایین جدول قرار داد.

    ویژگی WIDTH

    ویژگی WIDTH در دو مورد استفاده می شود. می توانید آن را در یک برچسب قرار دهید<ТАВLЕ>برای دادن عرض کل جدول، یا می تواند در برچسب ها استفاده شود<ТD>یا<ТН>برای تنظیم عرض یک سلول یا گروهی از سلول ها. عرض را می توان بر حسب پیکسل یا درصد مشخص کرد. برای مثال، اگر در تگ تنظیم کنید<ТАВLЕ>WIDTH=250، جدولی با عرض 250 پیکسل بدون در نظر گرفتن اندازه صفحه روی مانیتور خود دریافت خواهید کرد. هنگام تنظیم WIDТН=50% در تگ<ТАВLЕ>جدول نیمی از عرض صفحه را در هر اندازه تصویر روی صفحه اشغال می کند. بنابراین، هنگام تعیین عرض جدول به صورت درصد، به خاطر داشته باشید که اگر کاربر دارای یک نمای باریک باشد، ممکن است صفحه شما کمی عجیب به نظر برسد. اگر از پیکسل‌ها استفاده می‌کنید و جدول عریض‌تر از ناحیه مشاهده است، یک نوار پیمایش در پایین صفحه ظاهر می‌شود تا در سراسر صفحه به چپ و راست حرکت کنید. بسته به وظایف در دست، هر یک از روش های تنظیم عرض جدول ممکن است مفید باشد.

    متن یا داده - عرض 100٪
    یا
    متن یا داده - عرض 50٪
    یا
    متن یا داده - 200 پیکسل عرض
    یا
    متن یا داده - 100 پیکسل عرض

    اعمال سلول های خالی

    اگر سلولی فاقد داده باشد، هیچ مرزی نخواهد داشت. اگر می خواهید سلولی حاشیه داشته باشد اما محتوا نداشته باشد، باید چیزی را در آن قرار دهید که هنگام مشاهده قابل مشاهده نباشد. می توانید از یک رشته خالی استفاده کنید<ВR>. حتی می توانید ستون های خالی را با تعیین عرض آنها به پیکسل یا تعریف کنید واحدهای نسبیو بدون وارد کردن هیچ داده ای به سلول های حاصل. این ابزار می تواند هنگام قرار دادن متن و گرافیک در یک صفحه مفید باشد.

    ویژگی CELLADDING

    این ویژگی عرض فضای خالی بین محتویات سلول و مرزهای آن را تعیین می کند، یعنی حاشیه های داخل سلول را تنظیم می کند.

    متن یا داده متن یا داده متن یا داده
    متن یا داده متن یا داده متن یا داده

    متن یا داده متن یا داده متن یا داده
    متن یا داده متن یا داده متن یا داده

    ویژگی های ALIGN و VALIGN

    برچسب ها<ТR>, <ТD>و<ТН>را می توان با اصلاح کرد صفات ALIGNو VALIGN. مشخصه ALIGN تعیین می کند که آیا متن و گرافیک به صورت افقی، یعنی چپ یا راست، یا وسط تراز شده باشند. تراز افقیرا می توان به چند طریق مشخص کرد:

    ALIGN=bleedleftمحتویات سلول را نزدیک لبه چپ فشار می دهد.

    ALIGN=سمت چپبا در نظر گرفتن تورفتگی مشخص شده توسط ویژگی CELLPADDING، محتویات سلول را به سمت چپ تراز می کند.

    ALIGN=مرکزمحتویات سلول را مرکز می کند.

    ALIGN=راستبا در نظر گرفتن تورفتگی مشخص شده توسط ویژگی CELLPADDING، محتوای یک سلول را به سمت راست تراز می کند.

    متن یا داده متن یا داده متن یا داده
    متن یا داده متن یا داده متن یا داده
    متن یا داده متن یا داده متن یا داده
    متن یا داده متن یا داده متن یا داده
    متن یا داده متن یا داده متن یا داده

    ویژگی VALIGN متن و گرافیک را در یک سلول به صورت عمودی تراز می کند. چیدمان عمودیرا می توان به چند طریق مشخص کرد:

    VALIGN=بالامحتویات یک سلول را با حاشیه بالایی آن تراز می کند.

    VALIGN = وسطمحتویات سلول را به صورت عمودی در مرکز قرار می دهد.

    VALIGN=پایینمحتویات یک سلول را با حاشیه پایین آن تراز می کند.

    ویژگی VALIGN متن و گرافیک را در یک سلول به صورت عمودی تراز می کند. بالا، وسط، پایین
    VALIGN=top محتویات یک سلول را با حاشیه بالایی آن تراز می کند. بالا، بالا، بالا.
    VALIGN=middle محتویات یک سلول را به صورت عمودی متمرکز می کند. وسط، وسط، وسط
    VALIGN=bottom محتویات یک سلول را با حاشیه پایین تراز می کند. پایین، پایین، پایین

    ویژگی BORDER

    در تگ<ТАВLЕ>اغلب تعیین می کند که مرزها، یعنی خطوط اطراف سلول های جدول و خود جدول، چگونه به نظر می رسند. اگر قاب را مشخص نکنید، یک جدول بدون خط دریافت می کنید، اما برای آنها فضا اختصاص داده می شود. همین نتیجه را می توان با تنظیم به دست آورد<ТАВLЕ ВОRDER=0>. گاهی اوقات می خواهید حاشیه را ضخیم تر کنید تا بهتر به چشم بیاید. برای جلب توجه به یک عکس یا متن، می‌توانید حاشیه‌هایی را منحصراً پررنگ تنظیم کنید. هنگام ایجاد جداول تو در تو، باید این کار را انجام دهید جداول مختلفحاشیه هایی با ضخامت های مختلف برای سهولت تشخیص آنها.

    ویژگی CELLSPACING

    ویژگی CELLSPACING عرض فضاهای بین سلول ها را به پیکسل مشخص می کند. اگر این ویژگی مشخص نشده باشد، مقدار پیش فرض دو پیکسل است. با استفاده از ویژگی CELLSPACING= می توانید متن و گرافیک را در هر کجا که نیاز دارید قرار دهید. اگر می خواهید ترک کنید جای خالی، می توانید یک فاصله در سلول وارد کنید.

    متن یا داده متن یا داده متن یا داده
    متن یا داده متن یا داده متن یا داده
    متن یا داده متن یا داده متن یا داده
    متن یا داده متن یا داده متن یا داده
    متن یا داده متن یا داده متن یا داده
    متن یا داده متن یا داده

    ویژگی BGCOLOR

    این ویژگی به شما امکان می دهد رنگ پس زمینه را تنظیم کنید. بسته به اینکه با کدام برچسب (TABLE، TR، TD) استفاده می‌شود، رنگ پس‌زمینه را می‌توان برای کل جدول، برای یک ردیف یا برای یک سلول جداگانه تنظیم کرد. معنی از این صفتکد RGB یا نام رنگ استاندارد است.

    متن یا داده متن یا داده متن یا داده
    متن یا داده متن یا داده متن یا داده

    ویژگی پس زمینه

    این ویژگی تصویر پس زمینه جداول را مشخص می کند. برای تگ های TABLE و TD اعمال می شود. مقدار آن آدرس فایل با است تصویر پس زمینه. استفاده از این ویژگی در زیر مورد بحث قرار گرفته است.

    استفاده از جداول در طراحی صفحه

    خوبی جداول این است که در صورت تمایل می توانید مرزهای آنها را نامرئی کنید. این امکان استفاده از تگ را فراهم می کند<ТАВLЕ>متن و گرافیک را به زیبایی در صفحه قرار دهید. برچسب خداحافظ<ТАВLЕ>تنها ابزار قالب بندی قدرتمند در HTML باقی می ماند. طراحان صفحات وب در حال حاضر تقریباً همان آزادی را در مورد استفاده از فضای سفید به عنوان سازندگان صفحات وب دارند. صفحات چاپ شده. جداول بهترین راه برای دور شدن از قرار دادن سلسله مراتبی متن در صفحات وب هستند.

    اگر مرورگر از جداول پشتیبانی کند، معمولاً بیشتر موارد را به درستی نمایش می دهد جلوه های جالببا کمک آنها به دست آمده است

    دانشگاه آموزشی دولتی اورال

    خوش آمدی!

    دوره آموزشی"مبانی مسترینگ وب"

    ایجاد جداول رنگارنگ

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

    حاشیه های رنگی در Netscape Navigator. نه تنها می توانید دور میز را احاطه کنید قاب زیبا، بلکه رنگی برای آن تعیین کنید که با رنگ متن و پس زمینه متفاوت است. یک GIF خاکستری ساده (یا هر گیفی که می خواهید به عنوان پس زمینه داشته باشید) ایجاد کنید و آن را در یک برچسب تعریف کنید.<ВODY>به عنوان پس زمینه صفحه سپس رنگ پس زمینه صفحه را تنظیم کنید. در نتیجه تگ شما<ВОDY>چیزی شبیه به این خواهد بود:

    شما یک پس زمینه دوگانه ایجاد کرده اید - GIF و رنگ مشخص شده. در نتیجه، رنگ پس‌زمینه در تمام حاشیه‌های جدول قابل مشاهده خواهد بود خطوط افقی (<НR>). چه GIF پس‌زمینه شما خاکستری باشد یا نباشد، خطوط رنگی و حاشیه‌های جدول به‌طور قابل توجهی برجسته می‌شوند. اگر GIF پس‌زمینه خیلی پیچیده نباشد، زمان بارگذاری صفحه فقط کمی افزایش می‌یابد.

    بهترین مقالات در این زمینه

    نظرات در مورد ارائه دهنده اینترنت FreshTel RU
    نظرات در مورد ارائه دهنده اینترنت FreshTel RU
    درس هایی از پروژه جغد بزرگ در مورد حقایق جالب در مورد علوم کامپیوتر
    درس هایی از پروژه جغد بزرگ در مورد حقایق جالب در مورد علوم کامپیوتر
    کارینا پتروسیان - وبلاگ نویس، عکاس و دوست Ksenia Borodina دوستی با ملکه اینستاگرام Ksyusha Borodina
    کارینا پتروسیان - وبلاگ نویس، عکاس و دوست Ksenia Borodina دوستی با ملکه اینستاگرام Ksyusha Borodina
    دسته بندی ها:
    © 2023 bumotors.ru. نحوه راه اندازی گوشی های هوشمند و رایانه های شخصی. پرتال اطلاعاتی