מדריך HTML בסיסי לדודים

ניווט:

מדריך זה מורכב מהנושאים הבאים –


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

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

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

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

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

    שאלה למתחילים&א

    1- מה זה HTML?

    HTML הוא הקיצור של חyper טשלוחה Mארכוב לשפה. זוהי השפה הסטנדרטית לתיוג תוכן לדפדפני אינטרנט.

    HTML מיוצג על ידי “אלמנטים”. אלמנטים ידועים גם בשם “תגיות”.

    2- מדוע יש צורך ב- HTML?

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

    לכן אתה צריך HTML.

    3 – האם HTML תלוי רישיות?

    HTML אינו תלוי רישיות. אך השיטה הטובה ביותר היא לכתוב HTML במקרים מתאימים.

    שלבים ליצירת קובץ ה- HTML הראשון שלך

    אתה יכול ליצור קובץ HTML בסיסי באמצעות פנקס הרשימות במחשב שלך. אבל זה יהיה כואב לכתיבת שורות קוד רבות.

    אתה צריך עורך קוד. עורך קוד טוב יקל על כתיבת וארגון קודים גדולים.

    אני משתמש וממליץ על Notepad ++ (בחינם וקוד פתוח) לכתיבת שפות אינטרנט. ישנם עורכים אחרים שבהם אתה יכול להשתמש כמו טקסט נשגב, אטום וכו ‘.

    הנה מה שאתה צריך לעשות:

    1. התקן עורך קוד
    2. תפתח את זה
    3. צור קובץ חדש
    4. שמור אותו כקובץ HTML

    אתה מוכן ללכת!

    1- שלום עולם!

    העתק והדבק את הקוד הבא בקובץ ה- HTML החדש שלך ושמור אותו. עכשיו הפעל אותו בדפדפן האינטרנט שלך.

    קוד:

    דף האינטרנט הראשון שלי

    שלום עולם!

    תפוקה:

    מזל טוב! יצרת את קובץ ה- HTML הראשון שלך. אתה לא צריך להבין את זה בשלב זה. אנו נכסה אותו בקרוב.

    הבנת מבנה HTML

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

    אז בואו ננסה להבין את זה מתוך “שלום עולם!” קוד. האלמנטים הבאים הם חלקי החובה עבור כל קובץ HTML.

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

    2- תגיות HTML

    HTML הוא שיתוף פעולה של מאות תגיות שונות. אתה צריך ללמוד איך הם עובדים. עליכם גם לוודא שהם השתמשו בהם בדרך הנכונה.

    לתגי HTML בדרך כלל יש תג ופתיחה וסגירה. בתג הפתיחה יש את מילת המפתח מוקפת בפחות מ- (<) וגדול מ- (>) סימן. לתג הסגירה יש הכל אותו דבר מלבד חתך קדימה נוסף (/) אחרי פחות מ- (<) סימן.

    (2a) תגיות ראש

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

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

    קוד:

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

    תג קישור מקשר את דף ה- HTML שלך עם משאבים חיצוניים. השימוש העיקרי שלו הוא קישור עמוד HTML לגיליונות סגנונות של CSS. זהו תג עם סגירה עצמית ואינו זקוק לסוף. כאן rel מתייחס ליחס לקובץ ו- src פירושו המקור.

    קוד:

    Meta הוא תג נוסף של סגירה עצמית המספק מידע מטא של קובץ HTML. מנועי חיפוש ושירותי אינטרנט אחרים משתמשים במידע זה. תגי מטא הם חובה אם ברצונך לבצע אופטימיזציה של הדף שלך למנועי חיפוש.

    קוד:

    תג הסקריפט משמש לכלול סקריפט בצד השרת או ליצירת קישור לקובץ סקריפט חיצוני. יכולות להיות לו שתי תכונות בתג הפתיחה. אחד הוא הסוג ואחר הוא המקור (src).

    קוד:

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

    קוד:

    אבוי! הסקריפטים מושבתים.

    (2b) תגי גוף

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

    ל

    אלה תגיות הכותרת. הכותרת החשובה ביותר מתויגת עם

    והכי פחות חשוב עם
    . עליך להשתמש בהם בהיררכיה הנכונה.

    קוד:

    זו כותרת h1

    זו כותרת h2

    זו כותרת h3

    זו כותרת h4

    זו כותרת h5
    זו כותרת h6

    תפוקה:

    עיצוב תגים

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

    קוד:

    אתה יכול להדגיש את הטקסט שלך בדרכים רבות.

    אתה יכול נועז, קו תחתון, נטוי, סימון, מנוי, העלאה ועוד!

    תפוקה:

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

    דוגמא:

    Jeffrey Wilson Administrator

    Sorry! The Author has not filled his profile.
    follow me
      0
      Like this post? Please share to your friends:
      Adblock
      detector
      map