כיצד למרכז טקסט ב- HTML

מְחַבֵּר: Laura McKinney
תאריך הבריאה: 10 אַפּרִיל 2021
תאריך עדכון: 1 יולי 2024
Anonim
How to align text center in html 5
וִידֵאוֹ: How to align text center in html 5

תוֹכֶן

WikiHow זה מלמד כיצד למרכז טקסט באתר HTML באמצעות גליונות סגנון מדורגים (CSS). מרכז טקסט ב- HTML נעשה באמצעות תגים

, אך תג זה נחשב למיושן וכבר אינו פועל ברוב הדפדפנים.

צעדים

שיטה 1 מתוך 2: על ידי CSS

  1. פתח את הקובץ המכיל את סגנונות CSS. למרות הכרטיס
    מיושן, אך אתה עדיין יכול ליצור אלמנטים חדשים להוסיף בכל מקום בדף כדי למרכז את הטקסט בגבולותיהם. אם אין לך קובץ CSS נפרד, עליך לציין את הסגנון בחלק העליון של קובץ ה- HTML, בין התגים ".’.
    • אם עדיין אין כרטיס עליך להוסיף ישירות מתחת לכרטיס בחלק העליון של הקובץ מופיעים כדלקמן:

  2. צור שכבת מרכז טקסט. כַּרְטִיס
    יבקש ממסמך ה- HTML להתייחס לחלק הספציפי של הטקסט, לכן יהיה עליך לסווג תג זה. אנא הכנס את הטקסט הבא ברווח שבין תג "style", אל תשכח ללחוץ ↵ היכנסו פעמיים אחרי השורה הראשונה:

    • הוסף נכסים יישור טקסט. יְבוּא יישור טקסט: מרכז; לחלל בין הפלטה בקטע פְּרִימָדוֹנָה. הכותרת הנוכחית תיראה כך:

      • הוסף כרטיס div הטקסט צריך להיות מרוכז. המשך על ידי הנחת הכרטיס
        טקסט מעל הטקסט שברצונך למרכז ולסגור באמצעות תגים מתחת לטקסט שברצונך למרכז. לדוגמה, כדי למרכז כותרת ואת פסקת הפתיחה, עליך להקליד את הדברים הבאים:
        • שימוש בקלפים פְּרִימָדוֹנָה לרכז את האזורים האחרים. אם ברצונך למרכז אלמנט אחר (למשל, תוכן בין תגים כמו ו

          ), להיכנס
          מול הטקסט ו אחרי זה. מכיוון שציינת את "div.a" כפקודת המרכז, הטקסט הזה ירכז בדיוק כמו הקודם:
          • סקירת מסמכים. התוכן עשוי להשתנות, אך באופן כללי המסמך שלך אמור להיראות בערך כך:
              פרסומת

            שיטה 2 מתוך 2: השתמש בתג המרכזי ב- HTML

            1. פתח את מסמך ה- HTML. שיטה זו מתארת ​​כיצד להשתמש בתגי HTML
              (עכשיו גם מיושן). נכון לדצמבר 2018, כרטיס זה עדיין פעיל בחלק מדפדפני האינטרנט, אך בטווח הארוך, עדיין לא כדאי להשתמש בכרטיס זה.
            2. זהה את הטקסט שברצונך למרכז. גלול מטה עד שתמצא את הכותרת, הפסקה או טקסט אחר שתרצה למרכז.
            3. הוסף תג "מרכז" לקצות הטקסט שלך. לתג מרכז זה יש פורמט
              טֶקסט
              , כאשר "טקסט" הוא הטקסט למרכז. אם לטקסט כבר יש תג פנימי (למשל, "" לפיסקה), התג "center" יכול להיות מחוץ לכל התגים הקיימים מראש:
              • עיין במסמך ה- HTML. המסמך אמור להיראות כך כך:
                  פרסומת