מהו HTML ולמה הוא משמש?

מה זה HTML

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

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

מהו קוד HTML ולמה הוא משמש?

מסך HTML

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

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

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

קצת היסטוריית HTML

טים ברנרס לי

graffica.info

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

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

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

סוגי תוויות

קוד מחשב

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

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

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

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

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

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


היה הראשון להגיב

השאירו את התגובה שלכם

כתובת הדוא"ל שלך לא תפורסם. שדות חובה מסומנים *

*

*

  1. אחראי לנתונים: מיגל אנחל גטון
  2. מטרת הנתונים: בקרת ספאם, ניהול תגובות.
  3. לגיטימציה: הסכמתך
  4. מסירת הנתונים: הנתונים לא יועברו לצדדים שלישיים אלא בהתחייבות חוקית.
  5. אחסון נתונים: מסד נתונים המתארח על ידי Occentus Networks (EU)
  6. זכויות: בכל עת תוכל להגביל, לשחזר ולמחוק את המידע שלך.