3 דרכים להוספת רווחים ב- HTML

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

3 דרכים להוספת רווחים ב- HTML
3 דרכים להוספת רווחים ב- HTML

וִידֵאוֹ: 3 דרכים להוספת רווחים ב- HTML

וִידֵאוֹ: 3 דרכים להוספת רווחים ב- HTML
וִידֵאוֹ: Partionen verwalten mit MiniTool Partion Wizard 2024, מאי
Anonim

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

שלב

שיטה 1 מתוך 3: שימוש בקוד HTML

הכנס רווחים ל- HTML שלב 1
הכנס רווחים ל- HTML שלב 1

שלב 1. פתח את מסמך ה- HTML

ניתן לערוך מסמכי HTML באמצעות תוכנית לעריכת טקסט כגון פנקס רשימות או טקסט-אדיט ב- Windows. תוכל גם להשתמש בעורך HTML כמו Adobe Dreamweaver. בצע את השלבים הבאים לפתיחת מסמך HTML.

  • חפש מסמכי HTML בסייר הקבצים במחשב Windows (או ב- Finder ב- Mac).
  • לחץ לחיצה ימנית על מסמך ה- HTML שברצונך לערוך.
  • העבר את העכבר מעל האפשרות " לפתוח עם ”.
  • לחץ על התוכנית שבה ברצונך להשתמש כדי לערוך את הקובץ.
הכנס רווחים ל- HTML שלב 2
הכנס רווחים ל- HTML שלב 2

שלב 2. הקש על מקש הרווח כדי להוסיף רווח רגיל

כדי להוסיף רווח רגיל, לחץ במקום שבו אתה צריך להוסיף רווח ולחץ על מקש הרווח במקלדת. בדרך כלל, HTML יציג רק רווח אחד בין מילים, ללא קשר לכמה פעמים אתה לוחץ על מקש הרווח.

Image
Image

שלב 3. הקלד להוספת רווחים נגררים בכוח

הקוד המתקבל ידוע כמרווח שאינו נשבר או שטח קבוע מכיוון שהוא מונע פיצול של קווים במיקום בו מוצב הקוד.

  • לדוגמה, הקלד שלום לכולם! להכניס רווח נוסף בין המילים "שלום" ו"כולם!"
  • אם אתה משתמש יותר מדי בתווים אלה, הדפדפן שלך יתקשה להכניס שורות שורות בצורה מסודרת וקלה לקריאה.
  • תוכל גם להקליד בכדי להכניס רווח בכוח.
Image
Image

שלב 4. הכנס רווחים ברוחבים שונים

ניתן להוסיף שטח ארוך יותר באמצעות אחת מהאפשרויות הבאות:

  • שני רווחים - סוג
  • ארבעה רווחים - סוג
  • כניסה - סוג

שיטה 2 מתוך 3: שימוש בקוד CSS

הכנס רווחים ל- HTML שלב 5
הכנס רווחים ל- HTML שלב 5

שלב 1. פתח את מסמך HTML או CSS

ניתן להחיל קוד CSS על הכותרת של מסמך HTML או לכתוב כמסמך CSS חיצוני.

ראש מסמך ה- HTML נמצא בחלק העליון של הקובץ. קטע זה נמצא בין הסימנים "" ו- ""

Image
Image

שלב 2. צור קטע סגנון לקוד CSS

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

  • הקלד כדי לפתוח את קטע הסגנונות. יש להוסיף את כל קוד ה- CSS לאחר סימן זה.
  • הקלד כדי לסגור את קטע הסגנון. יש להזין את כל קוד ה- CSS לפני סימן סגירה זה.
Image
Image

שלב 3. הקלד את הפריטים הבאים בקטע הסגנון: p {text-indent: 5em;}. דגל זה אומר לדפדפן להכניס חמישה רווחים כאשר הוא מתווסף לקוד ה- HTML המתאים.

  • באפשרותך להתאים את מספר או רוחב הרווחים על ידי הקלדת מספר אחר לאחר קוד "הכנסת טקסט:".
  • היחידה "em" שקולה למרחב אחד בגודל הגופן שצוין או רלוונטי. אתה יכול להשתמש ביחידות אחרות כגון אחוזים (למשל "כניסת טקסט: 15%;") או יחידות אורך (למשל "כניסת טקסט: 3 מ"מ;").
Image
Image

שלב 4. תיקה

מצד שאתה רוצה להיכנס אליו.

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

שיטה 3 מתוך 3: שימוש בטקסט מעוצב מראש

הכנס רווחים ל- HTML שלב 9
הכנס רווחים ל- HTML שלב 9

שלב 1. פתח את מסמך ה- HTML

ניתן לערוך מסמכי HTML באמצעות תוכנת עריכת טקסט כגון פנקס רשימות או טקסט-אדיט ב- Windows. תוכל גם להשתמש בעורך HTML כמו Adobe Dreamweaver. בצע את השלבים הבאים לפתיחת מסמך HTML.

  • חפש מסמכי HTML בסייר הקבצים במחשב Windows (או ב- Finder ב- Mac).
  • לחץ לחיצה ימנית על מסמך ה- HTML שברצונך לערוך.
  • העבר את העכבר מעל האפשרות " לפתוח עם ”.
  • לחץ על התוכנית שבה ברצונך להשתמש כדי לערוך את הקובץ.
Image
Image

שלב 2. הקלד

לפני הטקסט שברצונך לעצב מראש.

הקוד הוא אסימון פתיחת טקסט מעוצב מראש.

Image
Image

שלב 3. הקלד את הטקסט הרצוי לאחר"

".

עם עיצוב מראש, כל הרווחים ושברי השורות שנוצרו באמצעות מקש "Enter" יוצגו בדף ה- HTML.

Image
Image

שלב 4. הקלד אחרי הטקסט.

קטע הטקסט המעוצב מראש יסתיים.

טיפים

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

אַזהָרָה

  • תווי HTML עבור Tab

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

מוּמלָץ: