آموزش تگ 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 - آرایه‌ها (Arrays)

JavaScript – آرایه‌ها (Arrays)

آرایه در جاوااسکریپت متغیری خاص است که می‌تواند بیش از یک مقدار را ذخیره کند. const cars = ["Saab",...

بیشتر بخوانید
JavaScript - ویژگی‌های عدد (Number Properties)

JavaScript – ویژگی‌های عدد (Number Properties)

در جاوااسکریپت، شیء Number شامل ویژگی‌هایی از پیش تعریف‌شده است که برای کار با اعداد مفید هستند. این ویژگی‌ها...

بیشتر بخوانید
JavaScript - متدهای عدد (Number Methods)

JavaScript – متدهای عدد (Number Methods)

در جاوا اسکریپت، متدهایی برای کار با اعداد ارائه شده‌اند که می‌توانند روی تمامی اعداد استفاده شوند. متدهای مربوط...

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

نظرات

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

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