כיצד להשתמש בפורמט HTML פשוט?
להבין תגי HTML: כדי לתכנת ב- HTML אנו משתמשים ב"תגיות ".
מדריך זה יראה לך כיצד ליצור משפטים ופסקאות פשוטים ב- HTML בקלות. ישנן תוכניות רבות שמשמשות ליצירת אתרי אינטרנט, אך הדרך הבסיסית לעשות זאת היא שימוש בפנקס הרשימות ובשפת ה- HTML שלך.
שיטה 1 מתוך 1: שימוש בפורמט HTML פשוט
- 1הבן תגי HTML:
- כדי לתכנת ב- HTML אנו משתמשים ב"תגיות ". הם אלו שנותנים פורמט לטקסט שעומד להופיע באתר שלך, מכינים טבלאות, מכניסים תמונות וכו '.
- תגית עוברת בין הסמלים האלה "<>", כך למשל, <p>.
- כל השאר שאינו בין "<>" הוא מה שעומד להופיע באתר.
- אין צורך לסגור תגים פתוחים ומשמשים למטרות אחרות מלבד עיצוב טקסט. לדוגמה, התג הפתוח <br> מכניס מעבר שורה.
- צריך לסגור תגים סגורים (הנפוצים ביותר). זה נעשה על ידי כתיבת התגית עם "/" במקום בו מסתיים התוכן שלו. לדוגמה, התג <p> צריך להיות סגור כאשר הפסקה בתוכו מסתיימת, כך:
<p> היי, שמי דיין. </ p>
- 2פתח מסמך טקסט חדש.
- 3הקלד מסמך HTML בסיסי:
<! DOCTYPE html> <html> <body> <p> ברוך הבא לאתר האינטרנט הראשון שלי </ p> </body> </html>
- 4שמור את המסמך בכל שם שתרצה
.htmlובתוסף. למשל כ- "website.html". אם אתה משתמש בתוסף כלשהו למעט.htmlאו.htm, המערכת והדפדפן שלך לא יזהו אותו כקובץ HTML ולא יפתחו אותו כהלכה. - 5מצא את המסמך ששמרת. ב- Windows, יהיה לו סמל IExplorer כברירת מחדל. אם הגדרת כברירת מחדל דפדפן שאינו Internet Explorer, במקום זאת יהיה זה הסמל של אותו דפדפן. באובונטו, הסמל שלה יהיה אפור
</>. - 6פתח את מסמך ה- HTML. אתה יכול ללחוץ עליו פעמיים במנהל קבצים, או ללחוץ על Ctrl+ O ברוב הדפדפנים ואז לבחור את הקובץ. התוצאה תהיה המשפט "ברוך הבא לאתר האינטרנט הראשון שלי" המוצג בעמוד ריק אחרת, כפי שמוצג בצילום המסך.
- 7התנסו בתגיות חדשות. הנה רשימה של התגים הנפוצים ביותר:
- דגש חזק (בדרך כלל מוצג כמודגש). להשתמש: להכנה:
<strong> טקסט מודגש כאן. </ strong>
טקסט מודגש כאן. - דגש (מוצג בדרך כלל כנטוי). להשתמש: להכנה:
<em> טקסט נטוי כאן. </ em>
טקסט נטוי כאן. - סגנון שונה (בדרך כלל מוצג כקו תחתון). להשתמש: להכנה:
<u> טקסט מודגש כאן. </ u>
טקסט מודגש כאן. - סגנונות CSS. זה משמש כדי לתת לטקסט מראה ספציפי, כמו צבע או גופן אחר. להשתמש: להכנה:
<span style = "color: blue; font-family: monospace> טקסט בסגנון CSS כאן. </ span>
טקסט בסגנון CSS כאן.
בגרסאות ישנות יותר של HTML תוכל להשתמש בתג <font> לשם כך, אך הוא כבר אינו נתמך ב- HTML5.
- דגש חזק (בדרך כלל מוצג כמודגש). להשתמש:
שיטה 1 מתוך 1: שימוש בפורמט HTML פשוט.
- אתה יכול להשתמש בקודי צבע RGB כדי ליצור כל צבע שתרצה. אלה 3 מספרים הקסדצימאליים מ- 0 ל- FF (עשרוני 255) שנכתבים ישירות אחד אחרי השני ללא רווחים, לפניהם סמל #. הראשון מציין אדום, השני ירוק והשלישי כחול. ככל שהמספר גדול יותר, כך הצבע בהיר יותר. לדוגמה, # 0000FF יהיה הכחול הבהיר ביותר, ואילו # 000020 יהיה כחול כהה מאוד שכמעט ייראה כמו שחור. אתה יכול להשתמש בבורר צבעים כדי למצוא את קוד RGB של הצבע הרצוי.
- מחשב
- עורך טקסט פשוט
- דפדפן אינטרנט
שאלות ותשובות
- יש לי פרויקט ב- HTML ואני לא מה לעשות. היכן אוכל ללמוד על כך?אתה יכול ללמוד HTML ב- codecademy.com בחינם.
- באיזו גרסה של Windows זה נמצא? האם אני צריך אפליקציה שתפתח אותה?הם הראו את הדוגמה שלהם ב- Macbook. אתה יכול להשתמש באפליקציית שולחן עבודה בשם Notepad כמעט בכל גרסת Windows.
- כיצד אוכל לבחור תמונה בעת קידוד עם טלפון אנדרואיד (Anwriter)?הורד את סייר הקבצים של ES ופתח אותו. עבור אל התמונה שבה ברצונך להשתמש ולחץ עליה לחיצה ארוכה. הקש על מאפיינים, ואז לחץ על העתק נתיב מלא. הדבק את השביל איפה שתרצה.
