HTML מייצג 'שפת סימון היפרטקסט'. זוהי השפה שדפדפנים קוראים כשמציגים לך אתר אינטרנט כשאתה מבצע חיפוש באינטרנט. יש הרבה שפות אחרות המשמשות היום מתכנתים ומפתחי אתרים, אבל HTML עדיין נחשב לסטנדרט לעיצוב אתרים. המרכיבים הבסיסיים של אתר כלולים כולם בשפת HTML. גם כאשר משתמשים בתבניות עיצוב מקוונות, עדיין חשוב לדעת קצת HTML בסיסי, כולל איך להוסיף רווחים בתוך ה-HTML שלך.
השתמש בתווים nbsp עבור רווח לא שבור.
HTML, בניגוד למסמך MS Word, אינו מזהה רווח נוסף שמוקלד פשוט עם מקש הרווח. במקום זאת, עליך להשתמש בשפה ובסמלים של HTML כדי לקבל את התוצאה הרצויה. כדי להוסיף רווח לא שבור ב-HTML שלך, הקלד ' ' אחרי המקום שבו אתה רוצה את הרווח הנוסף. אז הוא יזהה אותו כמקום שאתה רוצה במיקום זה של המסמך שלך. זכור כי אתה לא צריך להשתמש יותר מדי בטכניקה זו יותר מדי פעמים ברציפות מכיוון שהיא עלולה לבלבל את הדפדפנים.
virusowy / Getty Images
הכנס מספר רווחים בטכניקה זו.
אם אתה צריך להוסיף יותר מרווח אחד אחרי מילה, אתה יכול להשתמש ב-'&ensp' עבור שני רווחים. עבור ארבעה רווחים, הקלד '&emsp.' אתה יכול להשתמש בבחירת הכרטיסייה, ואז להקיש על התווים ' ' ארבע פעמים ברציפות כדי להוסיף רווח ארוך יותר אחרי מילים. כל אחת מהאסטרטגיות הללו תפעל כדי להוסיף עוד שטח לבן לאחר מילים שנבחרו בתוך מסמך ה-HTML שלך.
scanrail / Getty Images
הזחה של פסקאות באמצעות גיליונות סגנונות מדורגים.
גיליונות סגנון מדורגים (CSS) הם פרוטוקול מבוסס HTML המאפשר לך להוסיף HTML בצורה פחות רשמית. באמצעות שיטות CSS, אינך צריך להשתמש בצורה הארוכה של HTML, ולכן חוסך זמן. הפורמט של CSS שונה מ-HTML רגיל, אבל הוא כן כולל בתוכו HTML. אתה יכול להשתמש בפורמט CSS כדי להכנס, ובכך ליצור את הרווחים שאתה צריך בתוך ה-HTML שלך. שורה אחת שבה אתה יכול להשתמש כדי להוסיף את זה היא p. indent {padding-left: 1.8 em} זכור שצריך לשים את הקוד הזה בין התגים ב-HTML שלך.
המירוץ f1
NicoElNino / Getty Images
השתמש בתג זה כדי ליצור מעברי שורה.
לאחר שלמדת ליצור רווחים בתוך הקווים שלך, תרצה ללמוד ליצור רווחים בסוף השורה כדי ליצור מעברי שורות. כדי ליצור מעבר שורה בסוף שורה, הקלד '
' במקום שבו אתה רוצה להכניס את ההפסקה. זה יגרום לסמן לדלג במורד השורה. יצירת מעברי שורות היא רעיון טוב עם כל מסמך או HTML מקוון. אם לא תשתמש בטכניקה זו, תקבל יותר מדי שורות ביחד, מה שעלול להפחית את הקריאה. זה חשוב במיוחד עם בלוגים מקוונים או אתרים שבהם אתה רוצה שאנשים ייהנו לקרוא את התוכן שלך.
Abscent84 / Getty Images
השתמש בתג תו זה כדי להגדיר פסקה חדשה.
לפעמים יש צורך ליצור פסקה חדשה בתוך מסמך ה-HTML שלך. כמו מעבר השורה, זה עוזר ליצור קטע חדש בטקסט שלך ועוזר לנקות את המראה של העבודה שלך. זה הופך אותו לקריאה יותר וקל לניווט.
אם אתה צריך ליצור פסקה חדשה, הקלד את
תו בנקודה שבה ברצונך למקם את ההזחה. זה אמור לעזור למראה המסמך בזמן שאתה יוצר את התוכן שלך.
exdez / Getty Images
השתמש באפשרות הטקסט המעוצב מראש כדי לקרוא רווחים.
אם אתה רוצה להיות מסוגל לקרוא את הרווחים שאתה יוצר באמצעות מקש Enter, אתה יכול לעשות זאת על ידי הוספת תג HTML פשוט לפני ואחרי אזור הטקסט המעוצב מראש. פשוט הקלד את המילים שברצונך שיעצבו בין התגים כך: |_+_| לאחר שתעשה זאת, כל הרווחים שתכניס עם מקש ה'Enter' יוצגו באמצעות טכניקה זו.
welcomia / Getty Images
בדוק שוב כדי למנוע 'HTML מרושל'.
אחת הבעיות שמתכנתים חווים בעת יצירת HTML היא שלא ברור להם באילו תגים להשתמש איפה. זה יכול לגרום ל-HTML מרושל ויכול לזרוע הרס בדף. רק בדיקה כפולה של כל קודי ה-HTML והתגיות שלך לפני שליחתו או פרסומו יכולה למנוע בעיות אלו. בדוק אם יש כרטיסיות, הפסקות רווח, דקדוק תקין, סימני פיסוק ופריטים אחרים בתוך ה-HTML שלך. פעל גם לפי הכללים של HTML לגבי סדר התגים, החל מתגית HTML, תגית 'head' ועוד.
mrPliskin / Getty Images
יישר את הטקסט שלך בדף האינטרנט.
האלמנטים הבסיסיים של HTML חשובים בעת יצירת דף באמצעות שפת קידוד HTML. אחד המרכיבים הבסיסיים ביותר הוא יישור הדף שלך עם השוליים והפורמט הנכונים. אתה יכול להשתמש בפונקציות 'יישור לשמאל', 'יישור למרכז' או 'יישור ימינה' אם אתה נמצא בעורך גרפי. אם לא, תצטרך לכלול את התגים הבאים כדי ליישר את הטקסט שלך באמצעות קידוד HTML:
יישור לשמאל
התגים לעיל ייצרו מסמך שיישר לשמאל באמצעות שפת קידוד HTML.
Savushkin / Getty Images
הצג תצוגה מקדימה של ה-HTML שלך לפני הפרסום.
טעות אחת שקודמי HTML עושים היא שהם לא צופים בתצוגה מקדימה או מגהים את ה-HTML שלהם לפני פרסום או שליחה. זה יכול לגרום לשגיאות שייצרו חווית משתמש גרועה. כדי לשפר זאת, נסה תמיד את הקידוד שלך בתצוגה מקדימה של HTML או פרסם אותו במקום שבו רק אתה יכול לראות אותו קודם. זה ימנע שגיאות קידוד שגורמות HTML לא יציב או מרושל. בסרט, משחקי מלחמה , הדמות המרכזית, מתיו ברודריק, לאחר שסוף סוף הבין את הסיסמה להיכנס למחשב, אומר, 'זה לא יכול להיות כל כך פשוט'. האמת היא שלעתים קרובות זה כל כך פשוט והשגיאות הפשוטות כמו השארת תג או תו הן שגורמות לרוב הבעיות בעת קידוד HTML.
SolStock / Getty Images
למד HTML5.
טיפ נוסף שנשאיר איתך הוא שכדאי לך לשים אותו ברשימה שלך כדי ללמוד HTML5. הוא כולל אלמנטים רבים של שפת ה-HTML הסטנדרטית, כמו גם את ההיבטים המודרניים יותר של תכנות המשמשים בפיתוח אפליקציות ויישומים אחרים. אם תלמד HTML5, יהיו לך עוד טריקים בארסנל שלך לשימוש בעת קידוד עבור אתרי אינטרנט, בלוגים או יישומים ותוכניות מקוונים אחרים.
relif / Getty Images