בדף הזה נלמד איך לעשות קו תחתי, איך לכתוב טקסט מוטה איך לכתוב טקסט מודגש וכו'... כל התגים שיוזכרו מעכשיו והלאה הם תגים מכילים, כלומר, הם דורשים תג סגירה. אם למשל מדובר על תג <u>, תג הסגירה שלו יהיה <u/>. בטבלה הבאה תוכלו לראות את התגים ואת השפעתם על הטקסט.
| התג | הטקסט |
| <ins> | קו תחתי |
| <i> | נטוי |
| <b> | מודגש |
| <big> | מוגדל |
| <small> | מוקטן |
| <em> | מודגש |
| <strong> | מחוזק |
| <del> | מחוק |
| <tt> | מכונת כתיבה |
| <sub> | כתב תחתי |
| <sup> | כתב עילי |
| <address> | כתובת |
פיסקאות
בכדי לא להכביד על הגולשים שלנו, הדף צריך להיות מעוצב בצורה נוחה לקריאה. והמשמעות היא חלוקה לפסקאות. לשם כך משתמשים בתג <P>. התג P מייצר רווח של שורה ריקה מעל ומתחת לפיסקה. המאפיינים שהתג P יכול לקבל הם:
align שאחראי על מיקום הפיסקה ביחס לדף. הוא מקבל אחד משלושת הערכים left, center, right.
dir שאחראי על כיווניות הפיסקה, מקבל אחד משני ערכים: rtl (מימין לשמאל), או ltr (משמאל לימין).
lang מקבל ערך שאומר לדפדפן על איזה שפה מדובר, he במקרה של עברית, או en במקרה של אנגלית.
title מקבל ערך שאותו הוא מציג כאשר העכבר מרחף מעל הפיסקה.
align שאחראי על מיקום הפיסקה ביחס לדף. הוא מקבל אחד משלושת הערכים left, center, right.
dir שאחראי על כיווניות הפיסקה, מקבל אחד משני ערכים: rtl (מימין לשמאל), או ltr (משמאל לימין).
lang מקבל ערך שאומר לדפדפן על איזה שפה מדובר, he במקרה של עברית, או en במקרה של אנגלית.
title מקבל ערך שאותו הוא מציג כאשר העכבר מרחף מעל הפיסקה.
הפיסקה הזאת נמצאת קצת יותר פנימה בדף מהפיסקה הקודמת. כאן השתמשתי בתג שונה, שהוא <blockquote>. גם התג הזה מקבל את המאפיינים id ,class ,title ,style ,dir ו lang. בנוסף, ניתן להוסיף מאפיין cite, שמקבל ערך של כתובת אינטרנטית (URL) הוא משמש במידה והפיסקה הזאת מכילה ציטוט מאתר אינטרנט.
טקסט מעוצב מראש
יש דרך לגרום ל HTML להתייחס לצורה שבה נראה קוד המקור. את זה עושים באמצעות התג <pre>. כל מה שנכתב בתוך התג הזה, יוצג ב HTML ממש כמו שהוא כתוב במקור, עם הרווחים וירידות השורה. לצורך כך הדפדפן משתמש בפונט שונה מבדרך כלל, וככה זה נראה: הטקסט הספציפי הזה עטוף בתג pre. זו הסיבה שהפונט שלו נראה ככה. זו גם הסיבה שרואים רווחים כפולים בין המילים.
אין תגובות:
הוסף רשומת תגובה