תוֹכֶן

• לדרוך
• שיטה 1 מתוך 2: שימוש ב- CSS
• שיטה 2 מתוך 2: שימוש בתגית "מרכז" ב- HTML

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

לדרוך

שיטה 1 מתוך 2: שימוש ב- CSS

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

   ! DOCTYPE html> html> body> style> / style>

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

   div.a {}

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

   ! DOCTYPE html> html> body> style> div.a {text-align: center; } / סגנון>

4. הוסף את זה הנכון divתייג לטקסט שברצונך למרכז. אתה עושה זאת באמצעות div>תייג מעל טקסט זה וסגר אותו עם / div>תייג מתחת לטקסט זה. לדוגמה, אם ברצונך למרכז כותרת והפסקה שמתחתיה, היא נראית כך:

   div> h1> ברוכים הבאים לאתר שלי / h1> p> אתר זה נועד בעיקר לספק מידע על הדברים. / p> / div>

5. להשתמש ב פְּרִימָדוֹנָהתייג למרכז אלמנטים אחרים. כשרוצים למרכז אלמנט אחר, כגון תוכן בין התגים p> / p> ו h2> / h2>), אתה מקליד div> עבור אלמנט זה ו / div> לאחר מכן. מכיוון שכבר הגדרת את "div.a" כקוד ה- CSS המרכזי, אלמנטים אלה ממורכזים כעת.

   סגנון> div.a {text-align: center; } / style> div> h2> תרומות יתקבלו בברכה / h2> p> בבקשה / p> / div>

6. בדוק את המסמך שלך. למרות שהטקסט בדף האינטרנט שלך כמובן שונה, הוא אמור להראות בערך כך:

   ! DOCTYPE html> html> body> style> div.a {text-align: center; } / style> div> h1> ברוכים הבאים לאתר שלי / h1> p> אתר זה מיועד בעיקר למתן מידע על הדברים. / p> / div> div> h2> תרומות יתקבלו בברכה / h2> p> בבקשה / p> / div> / body> / html>

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

1. פתח את מסמך ה- HTML שלך. שיטה זו מתארת ​​כיצד להשיג את המיושן מרכז>תָג. שיטה זו עשויה עדיין לעבוד במספר דפדפנים, אך עדיף לא להסתמך עליה יותר מדי.
2. מצא את הטקסט שברצונך למרכז. גלול מטה למסמך עד שתמצא את הכותרת, הפסקה או כל טקסט אחר שתרצה למרכז.
3. מקם את התג "מרכז" משני צידי הטקסט. הקוד נראה ככה מרכז> טקסט / מרכז>. כאן, "טקסט" הוא הטקסט שיש למרכז. אם יש תגים אחרים בטקסט זה, כגון "p> / p>" לפני פיסקה, הצב את התגים "במרכז" מחוץ לתגיות הקיימות.

   מרכז> h1> ברוך הבא לאתר שלי / h1> / center> center> תרגיש את עצמך בנוח! / center>

4. בדוק את מסמך ה- HTML שלך. זה צריך להראות בערך כך:

   ! DOCTYPE html> html> body> h1> center> ברוכים הבאים לאתר / מרכז שלי> / h1> center> הקל על עצמך! / Center> p1> אתר זה נועד בעיקר לספק מידע על הדברים. / P1> / body > / html>