תגי HTML בסיסיים שכדאי לדעת לבלוגרים ולאלה שיש להם אתר

כאשר ברצונך ליצור בלוג או אתר, כפי שניתן לראות במאמרים קודמים, אין צורך לשלם לבעל מקצוע מכיוון שאם יש לך זמן ואינך זקוק לתכונות מתקדמות מיוחדות, פשוט השתמש באחת מאותן תוכניות מקוונות בחינם המאפשרות לך ליצור אתר ללא קוד HTML.
גם אם הכלים המקוונים הללו הם יותר ויותר קלים ונוחים לשימוש, אינך יכול לקבל אתר מבלי לדעת אפילו את ה- ABC של HTML או את שפת התכנות העיקרית בה יוצרים אתרים.
HTML ( HyperText Markup Language ) היא למעשה לא שפת תכנות, כלומר שפה להעברת הוראות למחשב, אלא שפת סימון, כלומר דרך לכתוב טקסט שעוצב עבור האינטרנט.
דפדפנים כמו פיירפוקס או Internet Explorer קוראים קוד HTML זה ומראים את הכתוב בצורה מסודרת, כאשר כל האובייקטים מסודרים כמתוכנן על ידי מי שעשה את האתר.
במילים אחרות, HTML מתאר את דפי האינטרנט ועל סמך תיאור זה הדפדפן יוצר תמונה.
בהתחשב בעובדה שזה לא מדריך ל- HTML, שעבורו יידרש יותר ממאמר, מה שאני רוצה לשתף הם הכללים הבסיסיים להבנה טובה יותר של תגי HTML וכדי להיות מסוגלים להשתמש בהם בעת הצורך, בפורום שלך, בבלוג. או לבצע שינויים באתר.
HTML משתמש בתגים המשמשים לתיאור התנהגותו של טקסט, הסגור בסוגריים בזווית, כמו זה:
המילה בתוך הסוגריים היא תג הפתיחה וכל תג פתיחה צריך להיות אחריו תג סגירה כזה:
1) עיצוב טקסט באתרים מתבצע כעת באמצעות CSS, שפת סימון נוספת המאפשרת לתאר את הפריסה הגרפית של דף אינטרנט, כדי לזכור סגנונות ב- HTML.
עם זאת, אתה יכול להשתמש בכמה תגי עיצוב בסיסיים בעת הצורך:
HTML: מודגש (אתה יכול גם להשתמש חזק במקום ב)
כפי שניתן לראות בדפדפנים: נועז
HTML: נטוי (אתה יכול גם להשתמש ב- en במקום i)
כפי שאתה יכול לראות: נטוי
HTML: מודגש
כפי שאתה יכול לראות: קו תחתון
HTML: חוצה דרך (אתה יכול גם להשתמש בשביתה במקום ב- S)
כפי שאתה יכול לראות: חוצה
2) יצירת קישורי היפר-טקסט מאפשרת לתאר כתובות URL או כתובות אתרים, מבלי שתצטרכו לציין את כל הכתובת, מכוערת להסתכל עליה, במיוחד אם הקישור ארוך מאוד.
HTML: Navigaweb.net
כפי שאתה יכול לראות: Navigaweb.net
תג HTML זה קצת יותר מסובך: התג האמיתי לציון היפר-קישורים הוא בעוד שאר האלמנטים הנוספים הנו הם תכונות המפרטות מאפיינים נוספים.
התכונה href = מציינת את הכתובת בעוד הכותרת = מגדירה את מה שמופיע כאשר העכבר מועבר מעל המילה.
ב- HTML אנו משתמשים בציטוטים כדי לתחום ערכי תכונות ואילו ב- xHTML (המשמש גם את עורך Blogger) אנו משתמשים באפוסטרופה '.
3) הוספת תמונות או תמונות היא אחד הדברים החשובים ביותר לדעת, גם מכיוון שלעתים קרובות, באתרים המארחים תמונות HTML ניתן להשתמש בהם בבלוגים או בפורומים או באתרים אחרים.
HTML:
כפי שנראה:
במקרה זה, התג בפועל הוא בעוד שהתכונות הנדרשות הן src = ובאופן אופציונלי alt = המתאר את התמונה במילים.
שוב השתמש במרכאות כדי למנוע קישורים שבורים.
כפי שאתה יכול לראות, התג נסגר עם /> מבלי לחזור על המילה img .
אתה יכול להוסיף את התכונה float = "left" או float = "right" כדי לעצב תמונה שמאלה או ימינה, כך שהיא תעטוף בטקסט.
כדי ליצור היפר-קישור לתמונה אתה יכול להשתמש בה כקוד:
HTML:
כפי שנראה:
4) פסקאות וניתורי שורות
כדי ליצור טקסט מובנה וכדי לעטוף, עליך להשתמש בתגים כדי ליצור מעברי שורה ופסקאות.
ב- HTML, אחרי שורה אחת, אתה יכול לכתוב את זה
לרדת לתחתית.
זה נפתח ונסגר במקביל כך שלא תצטרכו לחזור עליו.
כדי ליצור פסקאות, במובן זה שיש שורה ריקה לפני ואחרי, עליך לכלול את הטקסט הכתוב בין תגי ה- HTML

ו


5) ניתן להכין את הרשימות בצורה מסודרת כרשימות ממוספרות או לא מסודרות עם רשימות תבליטים.
הרשימה הממוספרת נראית כך:
HTML

  1. סעיף ראשון

  2. סעיף שני


תוצאה:
  1. סעיף ראשון
  2. סעיף שני
רשימת התבליטים משתמשת בתג אחר במקום
    משתמשים בו
      :

      • סעיף ראשון

      • מאמר שני


      תוצאה:
      • סעיף ראשון
      • סעיף שני
      כך או כך, התג
    • הוא משמש להגדרת אלמנט ברשימה.
      מסקנה: תג אינו אלא מציין מיקום או בחירה של המסמך, ומציין את סוג הקסם שצריך לעשות.
      ישנם תגים המופיעים בכל דף אינטרנט ותוחמים את הסעיפים: ... מציין את תחילת הדף וסופו, ... הוא ראש המסמך, שם מצוין תיאול, תיאור, CSS ותסריט ו ... וזה במקום זאת גוף העמוד.
      למרות שמדובר רק בתפיסות ראשוניות, כל מי שעוסק באתר וגם מי שגולש באינטרנט על ידי השתתפות בפורומים ובלוגים חייב לדעת.
      למידע נוסף על HTML, במאמר אחר, דיווחתי על האתרים הטובים ביותר עם מדריכי HTML ו- CSS, עם דוגמאות ועורכים מקוונים לביצוע הבדיקות .
      כדי לראות HTML של עמוד, לחץ על לחצן העכבר הימני בכל מקום וצפה ב- HTML.
      אם אתה משתמש ב- Google Chrome, אתה יכול להשתמש בפונקציה " בדוק את הדף " כדי לראות באיזה קוד נעשה שימוש בנקודה מסוימת כדי שתוכל לקבל השראה ולהעתיק אותו באתר שלך.
      בדף זה תוכלו להוריד טבלה עם תגיות ה- HTML הבסיסיות לבלוגרים .
      עם זאת, באתר הייחוס HTML ישנם כל התגים עם המאפיינים והתכונות הנלווים אליהם, כולם בעמוד.

עזוב את ההערה שלך

Please enter your comment!
Please enter your name here