האינטרנט מבוסס על html, שפת סימון היפר-טקסט. במונח "היפר-טקסט" הכוונה היא לטקסט הכולל קישורים. היכולת הפשוטה לעבור מדף אחד למשנהו, מאתר אחד למשנהו היא שהפכה את טכנולוגיית המחשב. הפשטות של html מושגת על ידי כלי מפתח נוח - תגים.
תגים ב- html
תגים ב- html הם אמצעי לעיצוב סמנטי (סמנטי), הצגת ותקשורת של מידע. כל תג חייב להיות ממוקם בין התווים:. כל תגי ה- HTML מובנים לרוב הדפדפנים הקיימים. הארגון הבינלאומי W3C אחראי על סטנדרטיזציה ויצירה של תגים חדשים - שם תוכלו ללמוד גם על כל תגי ה- HTML הקיימים. תגים יכולים לעבוד רק בתוך התג "הראשי" של מסמך HTML - HTML. התגים HEAD ו- BODY מפרידים את דף האינטרנט לשני חלקים הגיוניים. ב- HEAD תוכלו להשפיע על כותרת העמוד (מוצג בכרטיסיית הדפדפן), בעוד ש- BODY "אחראי" על כל התוכן הסמנטי של הדף.
תגים יחידים וזוגיים
ניתן לחלק את כל תגי ה- HTML לתגים זוגיים ויחידים. משתמשים בתגיות בודדות רק כאשר התגיות הזוגיות אינן חסרות תועלת. לדוגמה, BR הוא תג יחיד, שהוא מחרוזת ריקה. אם אתה כותב תג זה בקוד html, תוכל לראות את מחרוזת ההפרדה בדפדפן. הוא משמש בדרך כלל להפרדת קבוצת מידע אחת לאחרת.
משתמשים בתגים מזווגים לארגון תוכן. מידע טקסט, כתובות קבצים, קישורים ממוקמים בין התגים P (פיסקת טקסט), IMG (תמונה), A (היפר-קישור).
תכונות תיוג
לחלק מהתגים יש מאפיינים מיוחדים המשפיעים על "התנהגותו" של אלמנט. חלק מהתגיות במפרט ה- html5 המודרני מאפשרות לוותר על התכנות הנדרש בעבר למשימות נפוצות.
לדוגמא, לתג FORM (שדה קלט) יש תכונה PLACEHOLDER המחליפה את שדה הטקסט ב"מידע בדיקה "עם הנחיות. אם מפתח אתרים מעוניין שהשדה להזנת השם לא יהיה ריק, אך יציג שם לדוגמא, הוא יכול להגדיר את התכונה PLACEHOLDER ל- "Ivanov Ivan". ואז "איבנוב איוון" יוצג בשדה הטקסט להזנת השם - עד שהמשתמש יעביר את הסמן לשדה זה. הכתובת תיעלם והוא יוכל להזין את שמו.
קישור עם CSS
טכנולוגיה חדשה יחסית (בהשוואה ל- html) להצגת אתרים באינטרנט היא CSS. ראשי התיבות CSS מסתירים גיליונות סגנון מדורגים. לפני הופעתם נהגו מנהלי אתרים לחלק את האתר למבנה טבלה ברור לוגי (תג TABLE). כעת ליוצרים של אתרים יש אפשרות למקם את כל הקשור להצגת האתר (כולל מיקום בלוקים) בקובץ css מיוחד בסגנון. כדי לחבר גיליון סגנון למסמך HTML, עליך לציין את כתובת קובץ ה- css בשרת בתג הזוג LINK.
