כיצד ליצור דף אינטרנט סטטי

...

האינטרנט: זה המקום להיות בו.

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

שלב 1

צור את השלד הבסיסי של דף אינטרנט סטטי על ידי העתקת הקוד הבא לתוך עורך טקסט פשוט, כגון פנקס רשימות:

סרטון היום

לאחר מכן שמור את הקובץ כ-index.html (שם העמוד הראשי המוגדר כברירת מחדל), ופתח אותו בדפדפן שלך. אתה לא אמור לראות כלום כי יצרת דף אינטרנט ריק.

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

שלב 2

חשבו על HTML כשני סוגים עיקריים של תגים (פיסות קוד בסוגריים). אחד אומר לדפדפן להתחיל לעשות משהו, ואחר אומר לו להפסיק.

הפוך את הטקסט הזה למודגש

הכל אחרי -- תג הפתיחה -- יהיה מודגש עד שהוא מגיע -- התג הסוגר. ה-"/" אומר לדפדפן להפסיק.

שלב 3

הוסף טקסט לדף האינטרנט שלך. הקלד "זהו דף האינטרנט שלי" בגוף דף האינטרנט, בין לבין. שמור את הדף ותראה אותו בדפדפן. התוצאה נחמדה אבל לא מרגשת מדי. נסה כמה תגים אחרים כדי לתבל אותו. לדוגמה, עושה את הטקסט מודגש; הופך את הטקסט לנטוי; מאפשר לשנות את גודל הגופן, מ-1 (הקטן ביותר) ל-6 (הגדול ביותר); הופך את הטקסט לאדום (או כל צבע אחר שתזין);

מרכז טקסט (או תמונה) בעמוד.

נסה להשתמש בכמה מהתגים האלה באותו בלוק טקסט. אתה יכול לעשות כל שילוב שאתה רוצה.

אתה גם יכול להוסיף רווח בין אלמנטים בדף שלך על ידי הוספת הפריטים הבאים ביניהם:

עבור הפסקת פסקה;
להפסקת שורה;


כדי ליצור הפסקה עם קו על פני דף האינטרנט.

שלב 4

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

שלב 5

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

עֵצָה

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

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

ו
יהיה מודגש, נטוי ומרוכז. ה
הקופסה נמצאת בתוך קופסה, שנמצאת בתוך ה קופסא.