פרסומת
האינטרנט כולו יודע שפות רבות ומקודד במספר שפות שונות. עם זאת, השפה היחידה, שניתן למצוא בכל רחבי העולם ונמצאת מאז המצאת דפי האינטרנט, היא שפת סימון HyperText, הידועה יותר בשם HTML. כפי שמשתמע מהשם, HTML אינו תכנות, אלא שפת סימון. הסימונים מתפרשים על ידי הדפדפנים כדי לדמיין תוכן באתרי אינטרנט. בצורתו הפשוטה ביותר משמש HTML לעיצוב טקסט, הטמעת קבצי מדיה וארגון תוכן בדף אינטרנט. במילים אחרות, HTML מתאר דפי אינטרנט ועל סמך תיאור זה הדפדפן יוצר 'תמונה'.
בזכות בוני אתרים בחינם אף אחד כבר לא צריך להתעסק עם קידוד HTML. עם זאת, לעיתים תגיות HTML יכולות להועיל, למשל לבצע שינויים מהירים באתר, להוסיף היפר-טקסט בתגובה, או לעצב טקסט לפוסט בפורום. במאמר זה אני רוצה להראות לכם כמה תגיות אקראיות, אך בהחלט שימושיות ופשוטות לשימוש יומיומי.
לפני שנתחיל, הרשו לי להכיר לכם כמה כללים בסיסיים אשר בתקווה יקלו על תגיות HTML קלות יותר להבנה:
- HTML משתמש בתגי סימון, הסגורים בסוגריים בזווית, כגון זה:
- תגיות שנראות כמו זו שבדוגמה לעיל נקראות תגיות התחלה. אחרי כל תג התחלה יש אחריו תג סיום בשלב מסוים, כגון זה:
- תגים מסוימים אינם מתארים תוכן. עם זאת כדי לעמוד בתקן הנוכחי, עדיין עליהם להסתיים. כתוצאה מכך הם מאחדים את תג ההתחלה והסיום, כגון זה:
עיצוב טקסט
תגי HTML הם בדרך כלל פשוטים. התגים להכנת טקסט מודגשים, נטוי או מודגשים מופיעים מהמילה המתאימה.
קלט:נועז
תפוקה: מודגש
קלט:נטוי
תפוקה:נטוי
קלט:תחתון
תפוקה:תחתון
קלט:לעבור דרך טקסט
תפוקה:לעבור דרך טקסט
יצירת היפרטקסט
כתובות URL רגילות יכולות להיראות די מכוערות. הוספת ההיפר-קישור לטקסט, כלומר יצירת היפר-טקסט, היא הרבה יותר מסוגננת ותחסוך מקום, במיוחד אם הקישור ארוך מאוד.
קלט:לעשות שימוש ב
תפוקה:לעשות שימוש ב
כפי שאתה יכול לראות תג HTML זה קצת יותר מסובך, אז בואו נסתכל עליו בפירוט. התג בפועל הוא והאלמנטים הנוספים הם תכונות המפרטות מאפיינים נוספים. התכונה href = מציין את הקישור ו- כותרת = מגדיר את הסבר על העברת העכבר. הקפד להשתמש במרכאות כדי לסגור את הקישור ואת הכותרת, אחרת אתה עלול להסתיים עם קישור שבור.
הטמעת תמונות
תמונה יכולה לומר יותר מאלף מילים. עלינו להשתמש בהם לעתים קרובות יותר. וככה תוכלו להכניס ידנית אחת באמצעות HTML:
קלט:
תפוקה:
בואו ננתח גם את התג הזה. שוב, התג בפועל הוא והתכונות הנדרשות הן src = ו alt =. הראשון מצביע על מיקום התמונה, כלומר כתובת האתר שלה, והאחרונה מספקת טקסט חלופי, המוצג למקרה שתצוגת התמונות תיחסם או הקישור יישבר. שוב השתמש במרכאות כדי למנוע קישורים שבורים.
ה תג הוא גם דוגמה לתג שלא צריך להיות 'הסתיים' ומכאן נסגר עם המקף קדימה בתג הראשוני, כלומר
ולא
.
הפסקות ופסקאות
כדי ליצור טקסט מובנה, עליך להשתמש בניתורי שורות ופסקאות. ואלה התגים שעליכם לדעת:
קלט:
תפוקה: תג זה יוצר נתיב קו. שים לב שזה תג נוסף שמאחד תג התחלה וסוף בתג.
קלט:
טקסט בתוך הפסקה שלך.
תפוקה: שלא כמו התג הקודם, לתג הפסקה יש תג התחלה וסיום רגיל. הטקסט בין שני התגים עטוף בפסקה, כלומר יש שורה ריקה לפני ואחרי.
רשימות
ישנם בעיקרון שני סוגים של רשימות: רשימות מסודרות ולא מסודרות, הידועות יותר כרשימות ממוספרות וכדורים. כדי ליצור אחד מהם, אתה צריך לדעת שני תגים שונים, אך רק שלושה בסך הכל. בואו נסתכל תחילה על הדוגמאות:
קלט:
- פריט ראשון
- פריט שני
תפוקה:
- פריט ראשון
- פריט שני
קלט:
- פריט ראשון
- פריט שני
תפוקה:
- פריט ראשון
- פריט שני
ליצירת רשימה מסודרת, השתמש בתג ולרשימה לא מסודרת, הכנס את ה- תגית. בשני המקרים,
כעת, לאחר שראית כמה HTML פשוט והגיוני, אולי תרצה לעבור על היסודות וללמוד קצת יותר. לקבלת טיפים נוספים ב- HTML, עיין במאמרים הבאים:
- 5 שלבים להבנת קוד HTML בסיסי 5 שלבים להבנת קוד HTML בסיסיHTML הוא עמוד השדרה של כל דף אינטרנט. אם אתה מתחיל, הרשה לנו להעביר אותך בשלבים הבסיסיים להבנת HTML. קרא עוד
- 5 טיפים ל- HTML ליצירת אתר טעינה מהירה 5 טיפים ל- HTML ליצירת אתר טעינה מהירה קרא עוד
- 7 אפקטים מגניבים של HTML שכל אחד יכול להוסיף לאתר שלו 8 אפקטים מגניבים של HTML שכל אחד יכול להוסיף לאתר שלואתה לא צריך לדעת CSS או PHP כדי לבנות אתר מפואר. השתמש בטריקים HTML מגניבים אלה כדי ליצור אפקטים מדהימים. קרא עוד
האם אתה מרגיש קצת יותר בטוח בשימוש בתגי HTML עכשיו? אם ביצעת בעבר 'קידוד יד' באופן שגרתי, אילו תגיות לדעתך חסרות?
נקודות זכות: קנטו
טינה כותבת על טכנולוגיית צריכה כבר למעלה מעשור. בעלת דוקטורט במדעי הטבע, דיפלומה מגרמניה ותואר שני משוודיה. הרקע האנליטי שלה עזר לה להצטיין כעיתונאית טכנולוגית ב- MakeUseOf, שם היא מנהלת כעת מחקר ותפעול מילות מפתח.