כיצד להכניס רווח ל- Html

תוכן עניינים:

כיצד להכניס רווח ל- Html
כיצד להכניס רווח ל- Html

וִידֵאוֹ: כיצד להכניס רווח ל- Html

וִידֵאוֹ: כיצד להכניס רווח ל- Html
וִידֵאוֹ: תכנות HTML מבוא - 3.1 כיצד מוצגים רווחים בקוד בדף HTML ? 2024, אַפּרִיל
Anonim

הכנסת רווח ל- html נחוצה לתצוגה נכונה של הטקסט בדף האינטרנט בהתאם לאפקטים שהעלה המחבר. בהתאם למורכבות המשימה, תוכלו להשתמש הן במרחבים רגילים ללא פריצה והן לשלוט במספר החללים באמצעות מאפייני css.

כיצד להכניס רווח ל- html
כיצד להכניס רווח ל- html

זה הכרחי

עורך HTML

הוראות

שלב 1

אם אתה צריך להוסיף רווח רגיל אחד בין מילים (המתקבל בלחיצה על מקש הרווח), אינך צריך לבצע פעולות מיוחדות - כל מספר רווחים רגילים רצופים בקוד ה- html ייראה כמו אחד בדף האינטרנט.

שלב 2

כדי לשמור על המספר המדויק של הרווחים בין מילים, החלף כל רווח רגיל ב- " (ללא מרכאות) - זהו קוד הרווח שאינו שובר ב- html. לדוגמא: "ישנם שני רווחים בין כל מילה." רווח שאינו שובר מוחדר בין שתי מילים וכדי שלא יופרדו כאשר עוטפים אותם לשורה אחרת. למיקום אוטומטי של רווחים שאינם פורצים בטקסט, נוח להשתמש בכלי הידוע של ארטמי לבדב - "טיפוגרף" (https://www.artlebedev.ru/tools/typograf/).

שלב 3

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

שלב 4

שיטה מורכבת יותר לבקרת הטיפול במרחב לבן: השתמש במאפיין css-space-white עם הערך pre או pre-wrap (ללא גלישת קו בתוך האלמנט ועם גלישת קו, בהתאמה). ציין מאפיין זה בתיאור סגנון הדף או ברכיב פריסת HTML נפרד. בעת שימוש בשיטה זו, הגופן אינו משתנה למרחב חד-פעמי, ומספר הרווחים בין מילים נשמר. דוגמה: כיצד אוכל להכניס רווח לקוד ה- html? או:. Free_spaces {white-space: pre-wrap;} … כיצד אוכל להכניס רווח לקוד ה- html?

מוּמלָץ: