כיצד להוסיף רווחים ב-HTML

כיצד להוסיף רווחים ב-HTML

כיצד להוסיף רווחים ב-HTML

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



השתמש בתווים nbsp עבור רווח לא שבור.

183381310

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



virusowy / Getty Images

הכנס מספר רווחים בטכניקה זו.

832282452

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



scanrail / Getty Images

הזחה של פסקאות באמצעות גיליונות סגנונות מדורגים.

844472230

גיליונות סגנון מדורגים (CSS) הם פרוטוקול מבוסס HTML המאפשר לך להוסיף HTML בצורה פחות רשמית. באמצעות שיטות CSS, אינך צריך להשתמש בצורה הארוכה של HTML, ולכן חוסך זמן. הפורמט של CSS שונה מ-HTML רגיל, אבל הוא כן כולל בתוכו HTML. אתה יכול להשתמש בפורמט CSS כדי להכנס, ובכך ליצור את הרווחים שאתה צריך בתוך ה-HTML שלך. שורה אחת שבה אתה יכול להשתמש כדי להוסיף את זה היא p. indent {padding-left: 1.8 em} זכור שצריך לשים את הקוד הזה בין התגים ב-HTML שלך.

NicoElNino / Getty Images



השתמש בתג זה כדי ליצור מעברי שורה.

842140546

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

Abscent84 / Getty Images

השתמש בתג תו זה כדי להגדיר פסקה חדשה.

519037552

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

אם אתה צריך ליצור פסקה חדשה, הקלד את

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

exdez / Getty Images

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

494345930

אם אתה רוצה להיות מסוגל לקרוא את הרווחים שאתה יוצר באמצעות מקש Enter, אתה יכול לעשות זאת על ידי הוספת תג HTML פשוט לפני ואחרי אזור הטקסט המעוצב מראש. פשוט הקלד את המילים שברצונך שיעצבו בין התגים כך: |_+_| לאחר שתעשה זאת, כל הרווחים שתכניס עם מקש ה'Enter' יוצגו באמצעות טכניקה זו.

welcomia / Getty Images

בדוק שוב כדי למנוע 'HTML מרושל'.

171255468

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

mrPliskin / Getty Images

יישר את הטקסט שלך בדף האינטרנט.

599145696

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

יישור לשמאל



התגים לעיל ייצרו מסמך שיישר לשמאל באמצעות שפת קידוד HTML.

Savushkin / Getty Images

הצג תצוגה מקדימה של ה-HTML שלך לפני הפרסום.

860901052

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

SolStock / Getty Images

למד HTML5.

929569176

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

relif / Getty Images