מה זה קוד HTML?

HTML משמעות ראשי התיבות

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

כיצד נראה את קוד המקור

קוד המקור הוא קוד HTML של עמוד בו אנו גולשים. כל אתר אינטרנט מכיל קוד מקור שאותו כל אדם יוכל לראות (אבל לא כל אחד יבין, בשביל להבין צריך ללמוד HTML).
בכדי לראות את קוד המקור של אתר, נכנס לאתר כלשהו, נחכה לסיום הטעינה ונלחץ על:
תצוגה–> מקור, או באנגלית: View –> source
או שנלחץ קליק ימני על מקום ריק באתר האינטרנט ובתפריט הקופץ נבחר View source או הצג מקור.
חשיבות הכתיבה המדויקת.

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

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

תגיות פתוחות וסגורות
כל תגית ב-HTML נמצאת בין סוגריים משולשים: <> ומשפיעה על התוכן שאחריה לדוגמה:

Welcome to my site

הסוגריים המשולשים נקראים "תגיות"

התגית

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

Welcome to my site

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

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

Welcome to my site

במקרה זה יישמנו את התגית

על מחרוזת הטקסט שלאחריה וסגרנו אותה בסוף המשפט:

 

תגית שסוגרים אותה נקראת תגית בתגית סגורה, או בקיצור: "תגית סגורה"

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

תגיות אלו נקראות "תגיות פתוחות."

לדוגמא:

תגית זו אינה דורשת סגירה ולכן נקראת: תגית בתגית פתוחה, או בקיצור: "תגית פתוחה".

 

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

0
מחזורים
0 K+
בוגרים
0
קורסים וסדנאות
0
מרצים ומדריכים