Get Adobe Flash player
דף הבית כתיבת טקסט כלים נוספים

קורס HTML - עיצוב טקסט

להשלמת כתיבת הטקסט, נרחיב כאן את הדיבור על סדרת תגים וכלים נוספים

תג <hr>

תג <hr> מותח קו סרגל לרוחב המסך.

המקטע שמתחת לסרגל שנוצר, מאבד את תכונות הפסקה שמעליו.

כתיבת התג מותחת קו שחור לרוחב המסך. עובי (גודל) הקו הוא נקודה (פיקסל) 1.

התג אינו תג מכולה, ואין צורך לבטלו. אבל, על פי הנחיות ה XHTML הכתיבה הנכונה היא: <hr />

<body>
טקסט לפסקה ראשונה
<hr />
טקסט לפסקה שניה
</body>

הגדרת הסרגל:

ניתן לשנות את מראה הסרגל ע"י הוספת תכונות להגדרת עובי, רוחב, יישור וצבע.

  • Size - שינוי עובי הסרגל בנקודות. בסרגל עבה, תוצג רג המסגרת
  • Width - שינוי רוחב בפיקסלים או  % מתוך המסך כולו.
  • Align - הזזת הסרגל. ברירת המחדל של הסרגל היא מרכז.
  • Color - צבע לסרגל.
  • Noshade - מילוי הסרגל בצבע אפור.

 בדוגמא הבאה, נמתח סרגל כתום מתחת לטקסט זה:

<hr color="#ff8800" size="2" width="75%" />


הערות, הסברים ומניעת ביצוע של קטעי קוד

לעיתים בונים מקטע קוד, אך רוצים להימנע מהצגתו - אם מסיבות של "שמירתו" להזדמנות אחרת, ואם לצורך השוואה בין שני קטעים לצורך ההחלטה.

כל הטקסט שיהיה בין  <!-- לבין --> לא יוצג על המסך. לדוגמא, הקוד הבא אמור לכתוב את המלל "טקסט זה הוא לנסיון בלבד" בצבע אדום ובמרכז המסך, אולם הוא לא יופיע כלל.

<!--
<p align="center"><font color="red">טקסט זה הוא לנסיון בלבד </font></P>
-->

ביטול תג או תכונה בתג

השיטה לבטל תג או תכונה היא ע"י שימוש בתו ! בדוגמא הבאה, תג ה font יבוטל והטקסט ייכתב ללא העיצוב שבהוראה

<!font color="#ff0000" size="6">הטקסט הזה לא יישאר ללא עיצוב</font>

ובדוגמא הבאה, העיצוב יחול, אל ללא הצבע

<font !color ="#ff0000" size="6"> הטקסט הזה יישאר שחור </font>

 

 

תווים מיוחדים ותווים שמורים

יש תווים שתרצה להכניס לטקסט אך לא קיימים במקלדת. למשל סימן המטבע € (ארו) או הסימן לרבע ¼.

יש גם תווים כמו: ",&,< ,> שהנם תווים שמורים לקוד, ורצוי להימנע מלהשתמש בהם בטקסט עצמו.

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

השיטה הפשוטה היא להציג כל תו ע"י המרתו בערך ה ASCII שלו (טבלת המרת התווים לערך של שפת במחשב). אך מאחר ולא כולם מכירים את הטבלה, וכדי להקל קצת על העבודה, יצרו שמות חילופיים לתווים ה"בעייתיים".

התחביר לכתיבת התחליף הוא: &, לאחריו שם התחליף ולבסוף 'נקודה-פסיק'. והכל באותיות קטנות בלבד.

לדוגמא: ההוראה  &copy; תציג על המסך את הסימן © (זכויות שמורות).

השימוש הנפוץ ביותר בין תווים מיוחדים אלו הוא ה- &nbsp;שהוא רווח בשורה (Non Break Space). כידוע, סדרת מרווחים הנכתבת בעת העריכה לא תופיע על המסך (למעט הרווח הראשון). הדרך להוסיף מרוווחים היא ע"י שימוש בסדרת  &nbsp;שתיכתב בצמידות:

<p>בטקסט &nbsp;&nbsp;&nbsp; הזה &nbsp;&nbsp;&nbsp; יהיו &nbsp;&nbsp;&nbsp; שלושה &nbsp;&nbsp;&nbsp; מרווחים  &nbsp;&nbsp;&nbsp; בין &nbsp;&nbsp;&nbsp; המילים</p>

והתוצאה:

בטקסט   הזה   יהיו   שלושה   מרווחים   בין   המילים

כתיבת תוים שמורים באמצעות ערך ה ASCII:

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

את הסימן ≤ (גדול שווה) נוכל לכתוב באמצעות קוד השם &ge; (קיצור ל- (Greater Equal או באמצעות מספר ה ASCII שלו:  &#190;.

סימןתאורפקודה
< Less than &lt;
Less-Equal &le;
Great-Equal &ge;
> Greater than &gt;
& Ampersand &amp;
Non Breaking space &nbsp;
¡ Inverted exclamation &iexcl;
¿ Inverted question mark &iquest;
· Middle dot &middot;
« Left angle quote &laquo;
» Right angle quote &raquo;
Paragraph sign &para;
§ Section sign &sect;
© Copyright &copy;
® Registered trademark &reg;
¨ Umlaut &uml;
¯ Macron accent &macr;
´ Acute accent &acute;
¸ Cedilla &cedil;
­ Soft hyphen &shy;
÷ Division sign &divide;
° Degree sign &deg;
± Plus or minus &plusmn;
¢ Cent sign &cent;
£ Pound sterling &pound;
¥ Yen sign &yen;
Euro sign &euro;
דוגמאות לסימנים בקוד ASCII
¼ Quarter &#188;
± Plus or minus &#177;
£ Pound sterling &#163;
¢ Cent sign &#162;
אל השיעור הקודם