כיצד לערוך קובץ HTML

קוד תוכנית על מסך המחשב. רקע טכנולוגי תכנות וקידוד

קרדיט תמונה: tumsasedgars/iStock/GettyImages

HyperText Markup Language או HTML היא שפת התכנות הבסיסית של ה-World Wide Web. הוא משמש לציון הפריסה הבסיסית והפונקציונליות של אתר אינטרנט. אתה יכול לערוך קובץ HTML באמצעות כל עורך טקסט רגיל או כלי מיוחד שמוציא HTML על סמך הקלט שלך.

HTML, CSS ו-JavaScript

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

סרטון היום

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

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

ערוך קובץ HTML

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

ניתן לערוך אותם עם כל תוכנת עריכת טקסט רגיל, כולל Notepad ב-Windows, TextEdit במחשבי macOS, ועורכי טקסט פופולריים כגון Emacs, Vim ו-Sublime Text. בדרך כלל, קבצי HTML נשמרים עם סיומת .html. הימנע משימוש בכלי עיבוד תמלילים כגון Microsoft Word ו-Google Docs כדי לערוך HTML כי הם אינם טובים מתאים להתמודדות עם טקסט רגיל כפי שהם לבניית מסמכים משוכללים עם גופנים מותאמים אישית ו עיצוב.

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

נוצר HTML

כלים שונים מאפשרים ליצור HTML מבלי לכתוב אותו ישירות. כמה כלי עיצוב אתרים כמו Dreamweaver של Adobe וכלים מקוונים כגון Wix ו- Squarespace פלט HTML אוטומטי על סמך מה שהמשתמשים נכנסים דרך ממשק ויזואלי.

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