עתה נתחיל לעצב את הטקסט.
התג <font>- תפקידו לסייע לעצב את הגופן, כאשר מצורפים לו אחד (או יותר) מהמאפיינים הבאים:
· face– סוג הגופן.
· size–גודל הגופן.
· color–צבע הגופן.
סוג הגופן
יש ביכולתנו לשנות את סוג הגופן ע"י המאפיין face כאשר יש לשים לב כי ייתכן והגופן שנבחר לא מותקן אצל כל המשתמשים ולכן תוצג ברירת המחדל ולא הגופן המבוקש. הפקודה -
<font face="arial">hello</font> תציג את המילה hello בגופן arial:
hello
גודל הגופן
· המאפיין size מגדיר את גודל הגופן, כאשר טווח הערכים נע בין 1 (הגודל המינימלי) ל- 7 (הגודל המקסימאלי). הפקודה :
<font
hello
· אפשרות נוספת להגדלת הגופן היא ע"י שימוש בתגי <hn> , כאשר n מקבל ערכים בין 1 ל- 6.
<h1> מסמן את הגודל המקסימאלי ו- <h6> את הגודל המינימאלי.
הפקודה <h1>hello</h1> תראה כך:
hello
בעוד הפקודה <h6>hello</h6> תראה כך:
hello
צבע הגופן
הפקודות:
font>/>font color="red">hello >
ו - font color="#FF0000" >hello</font>>
יתנו את אותה תוצאה: hello
· ניתן גם לקבוע צבע לטקסט כולו כברירת מחדל ע"י הוספת המאפיין text לתג ה - <body> בצורה הבאה: body text="red">> וכך כל הטקסט יהיה כתוב באדום.
צורת הגופן
להלן מספר תגים שתפקידם לשנות או להשפיע על צורת הגופן בהתאם לרצוננו:
· טקסט מודגש: b> hello</b> < יופיע כך: hello
· טקסט מוטה: i> hello</i> <יופיע כך: hello
· קו תחתי: u> hello</u> < יופיע כך: hello
· קו חוצה: s> hello</s> < יופיע כך: hello
· כתב תחתי: H<sub>2</sub>O יופיע כך: H2O
· כתב עילי: sup> 2</sup> X< יופיע כך: X2
· גודל אחד מעל לגודל הקיים: big> hello</big> <יופיע כך: hello
· גודל אחד מתחת לגודל הקיים: small>hello</small> < יופיע כך: hello
· צורת מכונת כתיבה: tt> hello</tt> < יופיע כך: hello
גולשים מקוונים: 6