רשת האינטרנט היא רשת אשר מחברת בין מחשבים מרוחקים, מה עומד מאחוריה ומה הם המושגים שעלינו להכיר?
על מנת להבין היטב מה עומד מאחורי רשת האינטרנט, ראשית נכיר מספר מושגים בסיסיים שהם חשובים להבנה:
- צד לקוח – אשר עליו מותקנת תוכנת דפדפן המאפשרת גלישה באינטרנט.
- צד שרת – עליו מותקנת תוכנה אשר יודעת לתת מענה לבקשות ממחשבים אחרים.
- כתובת IP – מהוו מספר זיהוי של המחשב ברשת.
- Domain – מעין תרגום למילים של כתובת ה-IP.
- דפדפן – תפקידו לקבל קובץ HTML (ומשאבים) ולהציגו על גבי המסך.
- שורת URL – השורה שבה נקליד את הכתובת שברצוננו שהדפדפן יציג
רשת www והדפדפן
רשת זו היא רשת מסמכים מסוג הייפרטקסט(HTML) המקושרים ביניהם,
כלומר שכאשר אנו גולשים, למעשה אנו צופים במסמכי HTML.
בנוסף ל-HTML הדפדפן יודע גם לפרש קוד שנכתב בשפות כגון JavaScript ו-CSS על מנת להציגו,
כמו כן יש שפות נוספות כגון PHP שיכולות להרכיב דף אינטרנט.
כאשר מחשב שולח בקשה לשרת, תוכנת הדפדפן מפרשת את קוד ה-HTML ומציגה אותו על גבי המסך.
כלומר שתפקידו של דפדפן הוא להציג ולגלוש בדפי אינטרנט.
השורה שבה נקליד את כתובת האינטרנט הרצויה נקראת שורת ה-URL.
HTML – HyperText Markup Language
שפת תגיות זו היא למעשה שפת הבסיס של האינטרנט.
השפה מורכבת מתגיות ומאפיינים המשמשים לסימון אזורי תוכן בעמוד אינטרנט.
הארגון האחראי על השפה הוא W3C הארגון המרכזי אשר עוסק בתקינה ברשת.
אלו הם קווים לדמותה של שפת התגיות HTML:
- HTML היא שפה ידידותית וסלחנית, פשוטה יחסית לשימוש ועונה על מגוון של צרכים
- קלה ונוחה לכתיבה
- משמשת כתקן למסמכי אינטרנט וניתנת לשימוש חופשי
- תומכת במולטימדיה
- מאפשרת ליצור קישורים למגוון קבצים
- מסייעת למנועי חיפוש
- מאפשרת לשלב פקודות עיצוב (CSS)
- מאפשרת לשלב סקריפטים(JavaScript)
- HTML בנויה על 2 עקרונות מרכזיים – תגיות ומאפיינים
תגיות ומאפיינים ב-HTML
תגית היא מילה שמורה אשר מוקפת בסוגריים משולשות "<>",
בדרך כלל(לא תמיד) התגיות יגיעו בזוגות – תו פותח ותג סוגר.
את התג הסוגר נזהה על ידי קו נטוי לפני שם התג – "a/", כאשר את התגיות נהוג לכתוב באותיות קטנות (lowercase).
לרוב, תגיות ישמשו לצורך הגדרת אזורי תוכן, עיצוב, הגדרות מסמך וטעינת משאבים.
המאפיינים מאפשרים לנו להעניק הגדרות שונות לכל תגית,
קיימים מגוון של מאפיינים ייחודיים, כאשר המאפיינים תמיד יופיעו כתגית פתוחה.
שימו לב לדוגמא הבאה:
<meta charset="utf-8">
בדוגמא זו התגית היא – meta, המאפיין הוא – charset והערך שנתנו לו הוא – "utf-8"
התגיות משמשות ליצירת סטנדרט עולמי אחיד במבניות במסמכים ברשת,
כמו כן הן משמשות גם כהנחיות לדפדפן כיצד לייצר את המסמך שיוצג למשתמש הקצה, ומשמשות את מנועי החיפוש בקריאת המסמך ועוד.
יצירת מסמך HTML חדש
צרו קובץ עם סיומת HTML והזינו לתוכו את הטקסט הבא:
<!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1>This is a Heading</h1> <p>This is a paragraph.</p> </body> </html>
כעת תוכלו לתת לחיצה כפולה עם העכבר על הקובץ על מנת להציגו דרך הדפדפן שמוגדר כראשי במחשב שלכם:
שימו לב שבאותו אופן שבו הדפדפן הריץ את מסמך ה-HTML מתוך המחשב שלכם, כך הוא גם מריץ מסמך HTML שנמצא בשרת מרוחק.
* לקריאה מורחבת על הארגון w3c יש ללחוץ כאן
