מדריך HTML מספר 4 - עיצוב טקסט
במדריך זה נלמד כיצד לתבל מעט את הטקסט הפשוט בעזרת עיצובי טקסט שונים כמו bold, italic וכדומה.
What You'll Need
- HTML
- סגנונות
- italic
- bold
Tips
הסיבה שלא עברתי במדריך הזה על פונטים, צבעים וכדומה היא מכיוון שרוב תגיות עיצוב הטקסט אינן נתמכות בגרסת HTML5. רק סגנונות ועיצובי טקסט שיכתבו בCSS יתמכו (עליהם נעבור במדריכים מתקדמים יותר)
Steps
- 1
Step 1
העקרון הוא דיי פשוט, בכדי לשנות סגנון של מילה או משפט כלשהו כל שעלינו לעשות זה לשים לפניו תגית פותחת ובסיומו תגית סוגרת. לדוגמא, אם נרצה להבליט מילה (bold) נעשה כך: - 2
Step 2
Some text in the document itself - 3
Step 3
ומכיוון שהמילה document מוקפת בתגית פותחת ותגית סוגרת של הבלטה (bold) היא תבלוט בתצוגה בדפדפן. - 4
Step 4
העקרון הזה תקף לגבי כל סוג של סגנון טקסט שנרצה לעשות, יותר מזה, אפשר אפילו לעשות מספר סגנונות על אותה מילה, לדוגמא: - 5
Step 5
Some text in the document itself - 6
Step 6
כעת המילה document הא גם מובלטת (bold) וגם נטויה (italic). שימו לב שתמיד יש לסגור את התגית הפנימית לפני שסוגרים את התגית החיצונית, כלומר, מצב כזה אינו תקין: document - 7
Step 7
הנה כמה תגיות של סגנונות שתוכלו להשתמש בהם ולהתנסות בעצמכם - 8
Step 8
טקסט בולט טקסט גדול טקסט נטוי מגדיר טקסט מוקטן ובחלק התחתון של השורה מגדיר טקסט מוקטן ובחלק העליון של השורה קו מתחת לשורה - כאילו מילאו אותו טקסט עם קו המוחק את השורהמראה את הטקסט בסגנון קוד מחשב סגנון כתיבה של מכונת כתיבה