יכול לעניין אתכם

מדריך HTML מספר 1 - הכרות

מאת: בקלות טכני

מדריך HTML מספר 2 - אלמנטים (Elements) ומאפיינים (Attributes)
מאת: בקלות טכני

מדריך HTML מספר 3 - כותרות (title and headings)
מאת: בקלות טכני

מדריך HTML מספר 5 - תמונות (Img and src)

מאת: בקלות טכני

מדריך HTML מספר 6 - קישורים (Links)

מאת: בקלות טכני

דף הבית >> מדריכים >> מחשבים >> אינטרנט >> בניית אתרים >> מדריך HTML מספר 4 - עיצוב טקסט

מחשבים

מדריך HTML מספר 4 - עיצוב טקסט

עקוב

30/05/2011 14:52:28
מאת: בקלות טכני
כתב מתחיל

דירוג:

(1מדרגים)

במדריך זה נלמד כיצד לתבל מעט את הטקסט הפשוט בעזרת עיצובי טקסט שונים כמו bold, italic וכדומה.

רמת קושי: מתחילים

הוראות:

<p> העקרון הוא דיי פשוט, בכדי לשנות סגנון של מילה או משפט כלשהו כל שעלינו לעשות זה לשים לפניו תגית פותחת ובסיומו תגית סוגרת. לדוגמא, אם נרצה להבליט מילה (bold) נעשה כך:</p>

העקרון הוא דיי פשוט, בכדי לשנות סגנון של מילה או משפט כלשהו כל שעלינו לעשות זה לשים לפניו תגית פותחת ובסיומו תגית סוגרת. לדוגמא, אם נרצה להבליט מילה (bold) נעשה כך:

<p> <html> </p>
<p> <body> Some text in the <b>document</b> itself </p>
<p> </body> </p>
<p> </html></p>

<html>
<body> Some text in the document itself
</body>
</html>

ומכיוון שהמילה document מוקפת בתגית פותחת ותגית סוגרת של הבלטה (bold) היא תבלוט בתצוגה בדפדפן.

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

<p> <html> </p>
<p> <body> Some text in the <i><b>document</b></i> itself </p>
<p> </body> </p>
<p> </html></p>

<html>
<body> Some text in the document itself
</body>
</html>

<p> כעת המילה document הא גם מובלטת (bold) וגם נטויה (italic). שימו לב שתמיד יש לסגור את התגית הפנימית לפני שסוגרים את התגית החיצונית, כלומר, מצב כזה אינו תקין: </p>
<p> <i><b>document</i></b></p>

כעת המילה document הא גם מובלטת (bold) וגם נטויה (italic). שימו לב שתמיד יש לסגור את התגית הפנימית לפני שסוגרים את התגית החיצונית, כלומר, מצב כזה אינו תקין:
document

קיימות הרבה תגיות של סגנונות שתוכלו להשתמש בהם ולהתנסות בעצמכם.

טיפים

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

הוסף למועדפים שלחו לחבר הדפיסו את המדריך

ראיתם משהו שאהבתם? יש לכם שאלה? כתבו תגובה

אם לא בא לכם להשאיר תגובה דרך הפייסבוק:

מדריכים נוספים בנושא:

איך לבחור את הצבעים המתאימים לאתר האינטרנט שלך.

איך לבחור ולקנות שם לאתר שלך (Domain name)

איך לבחור לוגו

איך לבחור את האיחסון (Hosting) שמתאים לך.

עוד מדריכים בנושא זה