آموزش تگ center در HTML

آموزش تگ center در HTML

تگ <center> در HTML برای مرکز‌چین کردن محتوای متنی یا بلوکی در صفحه وب استفاده می‌شود. در این مقاله، به معرفی ویژگی‌ها، استفاده‌ها و مثال‌های کاربردی تگ <center> در HTML می‌پردازیم.

1. توضیح مفهومی تگ center در HTML

تگ <center> در HTML برای مرکز‌چین کردن محتوای متنی یا بلوکی در صفحه وب استفاده می‌شود. این تگ به صورت از رده خارج شده از HTML5 مطرح شده است و استفاده از CSS برای تنظیم چینش محتوا توصیه می‌شود. اما در مواردی که نیاز به سرعت و سادگی دارید، می‌توانید از آن استفاده کنید.

2. ویژگی‌های تگ center

تگ <center> دارای ویژگی‌های زیر است:

  • align: تعیین چینش متن داخل تگ <center>.

3. نحوه استفاده از تگ center

<center>محتوای متنی یا بلوکی متناسب</center>

4. مثال کاربردی

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Center Tag Example</title>
</head>
<body>
    <h1>تست تگ <code><center></code> در HTML</h1>
    <center>
        <p>این یک متن متوسط است که در مرکز چین شده است.</p>
        <div style="background-color: lightgray; width: 200px; padding: 10px;">
            <p>این یک بلوک است که در مرکز چین شده است.</p>
        </div>
    </center>
</body>
</html>

5. توضیحات

  • تگ <center> در HTML برای مرکز‌چین کردن محتوای متنی یا بلوکی استفاده می‌شود.
  • استفاده از این تگ در HTML5 توصیه نمی‌شود و استفاده از CSS برای تنظیم چینش محتوا بهتر است.
  • در صورتی که نیاز به سرعت و سادگی دارید، می‌توانید از تگ <center> استفاده کنید.
  • ویژگی align برای تنظیم چینش متن داخل تگ <center> استفاده می‌شود.

پست های مرتبط

مطالعه این پست ها رو از دست ندین!
JavaScript - رویدادها (Events)

JavaScript – رویدادها (Events)

رویدادهای HTML رویدادها در HTML، “اتفاقاتی” هستند که برای عناصر HTML رخ می‌دهند. این اتفاقات می‌توانند ناشی از کار...

بیشتر بخوانید
JavaScript - سازنده‌های شیء (Object Constructors)

JavaScript – سازنده‌های شیء (Object Constructors)

ساخت آبجکت با تابع سازنده (Object Constructor Function) برای ساخت چندین آبجکت مشابه، از تابع سازنده استفاده می‌شود. این...

بیشتر بخوانید
JavaScript - نمایش شیء (Object Display)

JavaScript – نمایش شیء (Object Display)

نحوه نمایش آبجکت‌ها در جاوااسکریپت هنگام نمایش یک آبجکت جاوااسکریپت به صورت مستقیم، خروجی معمولاً به شکل [object Object]...

بیشتر بخوانید

نظرات

سوالات و نظراتتون رو با ما به اشتراک بذارید

برای ارسال نظر لطفا ابتدا وارد حساب کاربری خود شوید.