התג <FONT>

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

התחביר הוא כזה:

<font color="red" size="4" face="david">some text...</font>

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

המאפיין color מקבל ערכים בשמות צבעים, או במספרים שמהוים ערך (RGB (Red Green Blue. המספרים הם בבסיס הקסה-דצימאלי. כלומר, יש 16 ספרות אפשריות, מ-0 עד f. הערך אדום יראה כך: "#ff0000" או כך: "red".

המאפיין size מקבל כערך מספרים בין 1 ל-7, או לחילופין גודל יחסי לגודל הפונט הנוכחי, לדוגמא: +2.

המאפיין face מקבל שם של גופן כמו "arial" או "david". אם הגופן המצויין בתג לא נמצא במחשב של המשתמש, הדפדפן משתמש בגופן ברירת המחדל שמוגדר לו.

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

כותרות

בשביל לכתוב כותרות במסמך HTML משתמשים בתגים <H1> עד <H6>. דבר חשוב שצריך לשים לב אליו בכותרות, זה שאלו תגים שונים, ככה שתג <h1> חייב להסגר בתג <h1/>, ולא יכול להסגר ב <h2/>, לדוגמא. ככה זה נראה בדף:

<h1>כותרת</h1>

<h2>כותרת</h2>

<h3>כותרת</h3>

<h4>כותרת</h4>

<h5>כותרת</h5>

<h6>כותרת</h6>

המאפיינים שתגי הכותרת יכולים לקבל הם:
align שאחראי על מיקום הכותרת ביחס לדף. הוא מקבל אחד משלושת הערכים left, center, right.
dir שאחראי על כיווניות הכותרת, מקבל אחד משני ערכים: rtl (מימין לשמאל), או ltr (משמאל לימין).
lang מקבל ערך שאומר לדפדפן על איזה שפה מדובר, he במקרה של עברית, או en במקרה של אנגלית.
title מקבל ערך שאותו הוא מציג כאשר העכבר מרחף מעל הכותרת.
class המאפיין הזה נועד לשימוש בגליונות סגנון (css), לכן כרגע לא נרחיב עליו את הדיבור.
style גם הוא מאפיין שנועד לשימוש ב css, ולכן גם עליו לא נרחיב כעת.
id גם זה מאפיין שנועד לשימושים מתקדמים, וגם עליו לא נרחיב כרגע.
מספיק לומר שהמאפיינים class ו id מתאימים לכל התגים ב HTML.

פיסקאות

בכדי לא להכביד על הגולשים שלנו, הדף צריך להיות מעוצב בצורה נוחה לקריאה. והמשמעות היא חלוקה לפסקאות. לשם כך משתמשים בתג <P>. התג P מייצר רווח של שורה ריקה מעל ומתחת לפיסקה. המאפיינים שהתג P יכול לקבל הם:
align שאחראי על מיקום הפיסקה ביחס לדף. הוא מקבל אחד משלושת הערכים left, center, right.
dir שאחראי על כיווניות הפיסקה, מקבל אחד משני ערכים: rtl (מימין לשמאל), או ltr (משמאל לימין).
lang מקבל ערך שאומר לדפדפן על איזה שפה מדובר, he במקרה של עברית, או en במקרה של אנגלית.
title מקבל ערך שאותו הוא מציג כאשר העכבר מרחף מעל הפיסקה.

הפיסקה הזאת נמצאת קצת יותר פנימה בדף מהפיסקה הקודמת. כאן השתמשתי בתג שונה, שהוא <blockquote>. גם התג הזה מקבל את המאפיינים id ,class ,title ,style ,dir ו lang. בנוסף, ניתן להוסיף מאפיין cite, שמקבל ערך של כתובת אינטרנטית (URL) הוא משמש במידה והפיסקה הזאת מכילה ציטוט מאתר אינטרנט.

טקסט מעוצב מראש

יש דרך לגרום ל HTML להתייחס לצורה שבה נראה קוד המקור. את זה עושים באמצעות התג <pre>. כל מה שנכתב בתוך התג הזה, יוצג ב HTML ממש כמו שהוא כתוב במקור, עם הרווחים וירידות השורה. לצורך כך הדפדפן משתמש בפונט שונה מבדרך כלל, וככה זה נראה: הטקסט הספציפי הזה עטוף בתג pre. זו הסיבה שהפונט שלו נראה ככה. זו גם הסיבה שרואים רווחים כפולים בין המילים.