דוגמאות HTML

דוגמאות

מגדיר את השיטת גלילה המועדפת עבור אלמנטים עם גלישה

הסבר על דוגמאות

מסמך HTML פשוט עם מינימום תגים
תג quotation עם תכונה cite מציין מקור של הציטוט
תמונת-מפה, עם איזורים שניתן ללחוץ עליהם ותכונת target
הגדרת צבע ברירת מחדל עבור דף
תג <base> מציין כתובת ברירת מחדל ויעד ברירת מחדל עבור כל הקישורים בדף
מציין כיוון הטקסט
מציין גודל ברירת מחדל עבור טקסט במסמך
עיצוב טקסט במסמך: תגים <b> <strong> <big> <em> <i> <small>
תמונת מפה (image-map), עם שטח שניתן ללחוץ עליו, ותכונה nohref
ראשי התיבות מסמנים כדלקמן :
מידע יצירת קשר עבור Xhtml.co.il:
תכונה HTML <a> rev
ראשי התיבות מסמנים כדלקמן :
שימוש ב DOCTYPE
שימוש בתכונה charset בתך הקישור
שימוש בתכונה style במסמך HTML
שימוש של תכונה id ב- CSS
להוסיף id ייחודי לאלמנט HTML
תשתמשו בתכונה id כדי להחליף טקסט עם JavaScript
כיצד להוסיף מספר מחלקות עבור אלמנט HTML אחד:
שימוש בתכונת class HTML
דוגמה עם סט תווים ISO-8859-1 / ISO-8859-8
הוסף תמונות ממקומות שונים HTML
דוגמה זו ממחישה כיצד להוסיף סקריפט בתוך מסמך HTML שלכם.
דוגמה זו ממחישה כיצד לטפל בדפדפנים שלא תומכים בסקריפטים.
מגדיר צבע של גופן (font color) של הטקסט HTML
מגדיר גודל הגופן (font size) של הטקטס HTML
דוגמה זו ממחישה כיצד להפנות משתמש אם האתר שלכם שינה כתובת.
מגדיר גופן (font), גודל הגופן (font size), וצבע הגופן (font color) של הטקסט HTML
דוגמה זו ממחישה כיצד להתחל מסמך HTML עם סגנון (style) מצורף לחלק ראש
דוגמה זו ממחישה כיצד ליצר קישור ללא קו תחתון, באמצעות תכונת סגנון.
דוגמה זו ממחישה כיצד להשתמש בתג 'link' כדי לקשר רשימת סגנונות חיצונית
דוגמה זו מאפשרת לך להתנסות עם תווים גופים - character entities HTML
כותרת (Title) של המסמך HTML
יעד אחד לכל הקישורים HTML
מידע בתוך אלמנט מטה (meta element) מתאר מסמך HTML.
מידע בתוך מטה אלמנט (meta element) מתאר מילות מפתח של המסמך HTML.
תג HTML
דוגמא פשוטה פריסת HTML
מגדיר גופן (font) של הטקסט HTML
מפת תמונה HTML
מרחק בין התאים HTML
רווח בין התאים HTML
הוסיפו צבע רקע או תמונת רקע לטבלה HTML
הוספו צבע רקע או תמונת רקע לתא של טבלה HTML
יישור תוכן בתוך תאי טבלה HTML
תכונת של המסגרת HTML
תכונה של מסגרת וגבולות HTML
תגים בתוך טבלה HTML
תאי טבלה שמכילים יותר משורה / עמודה אחת HTML
מפת תמונה HTML
טבלאות HTML
גבולות טבלה HTML
טבלה ללא גבולות HTML
כותרות בטבלה HTML
תאים ריקים HTML
טבלה עם כיתוב HTML
רשימה לא מסודרת HTML
רשימה ממוספרת HTML
סוגים שונים של רשימות ממוספרות HTML
יצירת כפתור HTML
גבול מסביב לתבנית HTML
תבניות עם שדות קלט וכפתור שלח - submit button HTML
תבנית עם תבניות סימון - form with checkboxes HTML
תבנית עם כפתורי רדיו - form with radio buttons HTML
שלח אימייל מתוך התבנית HTML
ערכי צבע HTML
להפוך תמונה לתמונת מפה HTML
תיבה נפתחת אחרת HTML
תיבה נפתחת HTML
סוגים שונים של רשימה לא ממוספרת HTML
רשימה מקוננת HTML
רשימה מקוננת 2 HTML
רשימה מוגדרת HTML
שדות טקסט HTML
שדות סיסמה HTML
תיבות סימון HTML
כפתורי רדיו HTML
בעיות של השיר HTML
צבע רקע HTML
סגנונות HTML
טקסט מחוק וטקסט הוכנס HTML
ציטוטים HTML
כיווני טקסט HTML
סימני קיצור ואקרונימים HTML
כתובת HTML
פלט של מחשב HTML
טקסט לפני פורמט HTML
עיצוב טקסט HTML
עיצוב טקסט HTML - יותר דוגמאות
התנהגות פסקאות HTML
שבירת שורה מסמנים כדלקמן:
פסקאות HTML (ללא תג סגירה)
קוים אופקים HTML
פסקאות HTML
צבע רקע HTML - דרך ישנה
גופן HTML
גופנים HTML - דרך ישנה
תמונת-מפה, עם איזורים שניתן ללחוץ עליהם
הצגת טקסט חלופי עבור תמונות HTML
התאימו תמונות לגדולים שונים HTML
תנו לתמונה לגלוש HTML
יישור תמונות HTML
תמונת רקע HTML
הוסף תמונות HTML
תמונות HTML
יוצר קישור mailto2 HTML
יוצר קישור mailto HTML
כותרת ממורכזת HTML
כותרת ממורכזת HTML - דרך ישנה
קישורים HTML
פתיחת קישור בחלון חדש HTML
תמונה כקישור HTML
קישור למיקום באותו דף HTML
להתפרץ מהמסגרת HTML
קישור HTML
פסקאות HTML
דוגמה כותרות HTML
תמונות HTML

הסבר על דוגמאות HTML

דוגמאות מבוא ל-HTML

דוגמה HTML ראשונה

הסבר על דוגמאות מבוא ל-HTML

דוגמאות מסגרות HTML

כיצד להשתמש בתג noframes HTML
סט מסגרת מעורב (Mixed frameset)
סט מסגרת (Frameset) עם noresize="noresize"
ניווט מסגרת (Navigation Frame)
מסגרת מכילה מסמך HTML (Inline frame)
עבור לחלק המצוין בתוך המסגרת (frame)
עבור לחלק המצוין עם ניווט מסגרת (frame navigation)
סט מסגרת אנכי (Vertical frameset)
סט מסגרת אופקי (Horizontal frameset)

הסבר על דוגמאות מסגרות HTML

דוגמאות

הערות ב-HTML

הסבר על דוגמאות

דוגמאות <a>

קישור עם תכונה rel:
תכונה hreflang מציינת שפה של המסמך בקישור:
שימוש בצורות ותכונת coords באלמנט, ליצירת מפת תמונה:

הסבר על דוגמאות <a>

דוגמאות <area>

דוגמת CSS: טקסט לפני העיצוב ברוחב קבוע

הסבר על דוגמאות <area>

דוגמאות <b>

עיצוב טקסט במסמך:

הסבר על דוגמאות <b>

דוגמאות <base>

מציינת יעד ברירת מחדל עבור כל הקישורים בדף
מציין כתובת בסיסית עבור כל הכתובות יחסיות בדף:
תכונה HTML <basefont> size

הסבר על דוגמאות <base>

דוגמאות <basefont>

תג basefont מציין צבע גופן (font-color) וגודל הטקסט (font-size) עבור טקסט בדף
מציין צבע ברירת מחדל עבור טקסט במסמך
מציין גופן ברירת מחדל עבור טקסט במסמך
מציין גופן ברירת מחדל עבור טקסט במסמך

הסבר על דוגמאות <basefont>

דוגמאות <bdo>

שימוש בתכונה title במסמך HTML

הסבר על דוגמאות <bdo>

דוגמאות <body>

הוספת תמונת רקע למסמך

הסבר על דוגמאות <body>

דוגמאות <button>

כפתור מסמנים כדלקמן:

הסבר על דוגמאות <button>

דוגמאות <caption>

טבלה עם הכותרת

הסבר על דוגמאות <caption>

דוגמאות <center>

טקסט ממורכז במסמך HTML:

הסבר על דוגמאות <center>

דוגמאות <cite>

עיצוב טקסט במסמך

הסבר על דוגמאות <cite>

דוגמאות <col>

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

הסבר על דוגמאות <col>

דוגמאות <colgroup>

תכונה colgroup מציינת שלשתי עמודות רוחב מוגדר מראש הוא 100 נקודות
טבלת HTML עם יישור עמודות אנכי שונה
שני אלמנטים colgroup שמציינים יישור שונה וסגנון עבור שלוש עמודות בטבלה (שימו לב שאלמנט ראשון של colgroup מכיל שתי עמודות).
שני אלמנטים colgroup שמגדירים יישור שונה עבור שלוש עמודות בטבלה.
שימו לב שאלמנט colgroup הראשון מכיל שתי עמודות :
תוכן של עמודה השניה ייושר שני תווים ימינה מתו '.'
שני אלמנטים colgroup שמציינים יישור שונה עבור שלוש עמודות בטבלה ( שימו לב שאלמנט ראשון colgroup מכיל שתי עמודות בטבלה ):
בדוגמה למטה, תוכן של עמודה השניה מייושר לפי תו ".":

הסבר על דוגמאות <colgroup>

דוגמאות <dd>

תיאור של פריטים ברשימת ההגדרות:

הסבר על דוגמאות <dd>

דוגמאות <del>

טופס עם שני כפתורי רדיו: טופס עם שני כפתורי רדיו וכפתור שליחה
טקסט עם חלק מחוק וחלק הוכנס:

הסבר על דוגמאות <del>

דוגמאות <dir>

רשימת ספריות:
שימוש בתכונה compact ברשימת ספריה:
דוגמת CSS: מקטין גובה השורה

הסבר על דוגמאות <dir>

דוגמאות <div>

חלק במסמך שיוצג בצבע ירוק:
חלק במסמך שממורכז:
דוגמת CSS: יישור טקסט באלמנט div

הסבר על דוגמאות <div>

דוגמאות <dl>

רשימת הגדרות:

הסבר על דוגמאות <dl>

דוגמאות <fieldset>

קבוצת אלמנטים מקושרים בטופס:

הסבר על דוגמאות <fieldset>

דוגמאות <font>

מגדיר גודל של גופן, סוג של גופן וצבע שלו:
מגדיר צבע של הטקסט:
מגדיר גופן של הטקסט:
מגדיר גודל של הטקסט:
דוגמת CSS: מגדיר צבע של הטקסט
דוגמת CSS: מגדיר גופן של הטקסט
דוגמת CSS: מגדיר גודל הטקסט

הסבר על דוגמאות <font>

דוגמאות <form>

טופס HTML פשוט עם שתי שדות הכנסת נתונים וכפתור "שלח":
טופס עם תיבות סימון: טופס עם שתי תיבות סימון וכפתור "שלח":
שליחת אימייל מטופס:
שימוש בתכונה accept בתוך הטופס (מאפשרת לעלות שני סוגים של קבצים: gif ו- jpeg )
שימוש בתכונה accept-charset בתוך התבנית:
בדוגמה הבאה נתונים של תבנית לא מקודדים לפני השליחה:
בדוגמה הבאה נתוני של טופס יצורפו ל-URL באמצעות שיטה "get":
טופס HTML עם תכונה name:
בדוגמה הבאה, דף שצוין בתכונה action יפתח בחלון חדש:

הסבר על דוגמאות <form>

דוגמאות <frame>

דף פשוט עם שלוש חלונות:
כיצד לבנות סט חלונות אופקי עם שלושה מסמכים שונים.
כיצד לבנות סט חלונות עם שלושה מסמכים, וכיצד להרבב אותם בעמודות ושורות.
כיצד להשתמש בתג <noframes> .
כיצד להשתמש בתכונה "noresize". לא נתן לשנות גודל לחלונות. תעבירו עכבר מעל הגבולות בין החלונות ותשימו לב שלא ניתן להעביר גבולות.
כיצד לבנות מסגרת ניווט. מסגרת ניווט מכילה רשימה של קישורים עם מטרה למסגרת השניה. קובץ בשם "tryhtml_contents.htm" מכיל שלושה קישורים.
דוגמה הזו מציגה שתי מסגרות. למסגרת ראשונה יש מקור לחלק שצוין בקובץ. לחלק שצוין יש <a name="C10"> בתוך הקובץ "link.htm"
דוגמה זו ממחישה שתי מסגרות. מסגרת הניווט (content.htm) משמאל מכילה רשימה של קישורים עם מסגרת השניה (link.htm) כמטרה. המסגרת השנייה מציגה את המסמך המקושר. אחד הקישורים במסגרת ניווט קשורה עם חלק מסוים של קובץ היעד.
דף עם שתי מסגרות ללא גבולות:
תכונה longdesc מצביעה לדף עם תיאור מפורט של מסגרת :
למסגרת ראשונה יש רווח מלמעלה ומלמטה של 50 פיקסלים, ולמסגרת השניה יש רווח מלמעלה ומלמטה של 0 פיקסלים:
מסגרת ראשונה עם רווח מימין ומשמאל 50 פיקסלים, ומסגרת השניה עם רווח מימין ומשמאל 0 פיקסלים:
מסגרת עם שם:
גודל של מסגרת A לא ניתן לשנות:
מסגרת A תמיד מכילה גלילה:
תכונה src מציינת מקום של המסמך שיוצג במסגרת:
דוגמת CSS: גבולות של מסגרות

הסבר על דוגמאות <frame>

דוגמאות <head>

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

הסבר על דוגמאות <head>

דוגמאות <h1>-<h6>

שיש כותרות שונות HTML:
כותרות מייושרות HTML:
דוגמת CSS: מגדיר יישור של כותרות

הסבר על דוגמאות <h1>-<h6>

דוגמאות <hr>

שתי פסקאות מופרדות עם קו אופקי:
קו אופקי מייושר שמאלה:
דוגמת CSS: יישור אלמנט hr
קו אופקי לא מוצל:
דוגמת CSS: לא מוצל hr
קו אופקי בגובה של 30 פיקסלים:
דוגמת CSS: מגדיר גובה של אלמנט hr
קו אופקי ברוחב 350 פיקסלים:
דוגמת CSS: מגדיר רוחב של אלמנט hr

הסבר על דוגמאות <hr>

דוגמאות <html>

מסמך XHTML פשוט עם מספר מינימלי של תגי חובה:

הסבר על דוגמאות <html>

דוגמאות <iframe>

מסגרת מוטבעת מסומנת כדלקמן:
מייושר ימינה iframe:
דוגמת CSS: יישור של אלמנט iframe ימינה
iframe ללא מסגרת:
דוגמת CSS: מסגרות iframe
iframe עם מוגדרים גובה ורוחב:
תכונה longdesc מצביעה לדף עם תיאור מפורט של תוכן של iframe:
iframe עם שוליים עליון ותחתון 50 פקסלים:
iframe עם שוליים מימין ומשמאל 50 פקסלים:
iframe שפועל כמטרה עבור הקישור:
iframe עם פסי גלילה:
iframe בשימוש פשוט:

הסבר על דוגמאות <iframe>

דוגמאות <img>

תמונה מוגדרת ככה:
כיצד להכניס תמונות מתיקיה אחרת או מאתר:
כיצד ליישר תמונה בתוך הטקסט:
כיצד ליישר תמונה מימין או משמאל של הטקסט:
כיצד להוסיף קישור לתמונה:
יישור תמונה באמצע טקסט:
דוגמת CSS: יישור תמונה שמאלה
תמונה עם מסגרת בעובי 5 פקסלים:
דוגמת CSS: מסגרת של תמונה
תמונה עם גובה ורוחב:
תמונה עם שוליים בעובי 20 פיקסלים מצד ימין ושמאל:
דוגמת CSS: תמונה עם שוליים
שימוש בתכונה longdesc, כדי להצביע על דף עם תיאור מפורט של תמונה:
תמונה עם שוליים בעובי 20 פיקסלים מלמעלה ומלמתה:
דוגמת CSS: תמונה עם שוליים
תמונה עם כותרת

הסבר על דוגמאות <img>

דוגמאות <input>

כיצד להגדיר שדה סיסמה:
כיצד להגדיר כפתור עם טקסט שלכם.
טופס של HTML עם שתי שדות קלט ותמונה אחת כי כפתור שליחה:
דוגמת CSS: יישור של תמונת קלט
טופס HTML עם שדה קלט לא זמין:
טופס HTML עם שתי שדות קלט עם אורך מקסימלי של 75 ו-35 תווים:
טופס HTML עם שתי שדות קלט וכפתור שליחה:
טופס HTML עם שני שדות קלט (אחד לקריא בלבד) וכפתור של שליחה:
טופס HTML עם שני שדות קלט עם רוחב 35 ו-4 תווים:
דוגמת CSS: מגדיר רוחב של שדה קלט:
טופס HTML עם שני שדות קלט ותמונה אחת כי כפתור שליחה:
סוג button משתמש בדרך כלל כדי להפעיל JavaScript כשה משתמש לוחץ על הכפתור
שדה קלט להעלת קבצים
שדות מוסתרים בדרך כלל מכילים ערכי ברירת מחדל, או ערכים שמשתנים באמצעות JavaScript
תווים בשדה סיסמה מחופשים (מוצגים כי כוכבים או עיגולים)
כפתורי רדיו מאפשרים למשתמש לעשות בחירה אחת ממספר מוגבל של אופציות
A reset button clears all data in a form.

הסבר על דוגמאות <input>

דוגמאות <ins>

שימוש בתכונה cite בתוך אלמנט ins:
שימוש בתכונה datetime בתוך אלמנט ins:

הסבר על דוגמאות <ins>

דוגמאות <label>

טופס HTML פשוט עם שני שדות טקסט ותוויות קשורות:

הסבר על דוגמאות <label>

דוגמאות <legend>

יישור הכותרת של קבוצת שדות שמאלה:

הסבר על דוגמאות <legend>

דוגמאות <li>

רשימה אחת מסודרת ורשימה אחת לא מסודרת HTML:
רשימה בתוך רשימה:
רשימה מקוננת יותר מסובכת.
שימוש בתכונה type ברשימת HTML מסודרת ולא מסודרת:
דוגמת CSS: סוגי רשימת סגנונות
שימוש בתכונה value ברשימה מסודרת HTML:

הסבר על דוגמאות <li>

דוגמאות <link>

קישור לרשימת סגנונות חיצונית:
שני סוגים שונים של רשימת סגנונות עבור שני סוגי מדיה שונים (מסך המחשב והדפסה):

הסבר על דוגמאות <link>

דוגמאות <menu>

רשימת תפריט:
שימוש בתכונה compact ברשימת תפריט:

הסבר על דוגמאות <menu>

דוגמאות <meta>

מתאר נתוני מטה בתוך מסמך HTML:
שימוש בתכונה scheme כדי להגדיר פורמטים עבור תכונה content:

הסבר על דוגמאות <meta>

דוגמאות <noframes>

דף פשוט עם שלוש שסגרות, עם תג <noframes>:

הסבר על דוגמאות <noframes>

דוגמאות <noscript>

שימוש בתג <noscript> :

הסבר על דוגמאות <noscript>

דוגמאות <object>

הוספת אובייקט HTML לדף:

הסבר על דוגמאות <object>

דוגמאות <ol>

רשימה מסודרת HTML:
שימוש תכונה compact ברשימה מסודרת HTML:
דוגמת CSS: הקטנת גובה של שורה ברשימה
מגדיר נקודת התחלה ל-"4" ברשימה מסודרת:
מגדיר מונה למספרים רומיים ברשימה מסודרת:
דוגמת CSS: מגדיר רשימת סוגי סגנונות

הסבר על דוגמאות <ol>

דוגמאות <optgroup>

מקבץ יחד אפשרויות קשורות עם תג <optgroup>:
קבוצת אפשרויות לא זמינה:

הסבר על דוגמאות <optgroup>

דוגמאות <option>

רשימה נפתחת עם ארבעה אפשרויות:
רשימת בחירה עם ארבעה אופציות - אחת לא זמינה:
שימוש בתכונה label באלמנטים בחירה:
הרשימה נפתחת עם אופציה שנבחרה מראש:
רשימה נפתחת עם ערכים לשליחה לשרת:
בטבלה HTML הבאה תוכן בתוך אלמנט tfoot ממורכז:

הסבר על דוגמאות <option>

דוגמאות <p>

פיסקה מסומנת כדלקמן:
פיסקה מייושרת שמאלה:
דוגמת CSS: יישור טקסט בפסקה

הסבר על דוגמאות <p>

דוגמאות <pre>

טקסט לפני העיצוב:
טקסט לפני העיצוב עם רוחב 30 תווים:

הסבר על דוגמאות <pre>

דוגמאות <q>

ציטוט קצר צוין לפי הסדר הבא:
תג quotation עם תכונה cite מציין מקור של הציטוט

הסבר על דוגמאות <q>

דוגמאות <s>

טקסט מחוק ניתן לסמן כדלקמן:

הסבר על דוגמאות <s>

דוגמאות <script>

הוספת JavaScript לדף HTML:
מגדיר קידוד תווים משמש בקובץ סקריפטים מקושר:
שימוש בתכונה defer:
קישור לקובץ סקריפט חיצוני:

הסבר על דוגמאות <script>

דוגמאות <select>

רשימה נפתחת לא זמינה:
מאפשר בחירה מרובה ברשימה הנפתחת:
רשימה נפתחת עם תכונה name:
תכונה size מציגה שתי אופציות ברשימה נפתחת:

הסבר על דוגמאות <select>

דוגמאות <span>

טקסט עם אלמנט span שיכול להיות מעוצב עם CSS:

הסבר על דוגמאות <span>

דוגמאות <style>

שימוש באלמנט style במסמך HTML:

הסבר על דוגמאות <style>

דוגמאות <sub>

טקסט תחתי ועילי:

הסבר על דוגמאות <sub>

דוגמאות <table>

טבלת HTML פשוטה, מכילה שתי עמודות ושתי שורות:
טבלאות HTML עם מסגרות שונות.
כיצד להגדיר כותרות לטבלה.
כיצד להשתמש ב- 'nbsp' כדי לטפל בתאים שלא מכילים שום תוכן.
טבלת HTML עם כותרת.
כיצד להציג אלמנטים בתוך אלמנטים אחרים.
כיצד להגדיר תאי טבלה שמכילים יותר משורה אחת או עמודה אחת.
כיצד להשתמש ב-cellpadding כדי ליצור יותר רווח בין תוכן של התא ומסגרתו
כיצד להשתמש ב-cellspacing כדי להגדיל מרחק בין התאים
כיצד להוסיף צבע רקע לטבלה:
כיצד להשתמש בתכונה "frame" כדי לשלוט על הגבולות סביב הטבלה.
טבלת HTML מייושרת שמאלה:
דוגמת CSS: יישור טבלה
טבלת HTML עם צבע רקע:
דוגמת CSS: צבע רקע של טבלה
הדוגמה הבאה מגדירה את רוחב מסגרת סביב טבלה לחמישה פיקסלים:
הדוגמה הבאה מגדירה את המרווח בין קיר התא לבין תוכן התא ל-10 פיקסלים:
הדוגמה הבאה מגדירה את המרווח בין התאים עד עשרה פיקסלים:
הדוגמה הבאה מציינת כי רק מסגרות בין השורות יוצגו:
בטבלה הבאה HTML מוגדר סיכום של התוכן של הטבלה:
טבלת HTML ברוחב 400 פיקסלים:

הסבר על דוגמאות <table>

דוגמאות <tbody>

טבלת HTML עם אלמנטים thead, tfoot, tbody
הטבלה הבאה HTML מיישרת את התוכן בתוך אלמנט tbody שמאלה:
בדוגמה למטה, תוכן של עמודה השניה מייושר לפי תו ".":
תוכן של עמודה השניה מייושר שני תוים ימינה מתו- "."
טבלה HTML הבאה מיישרת אנכית התוכן בתוך אלמנט tbody מטה:

הסבר על דוגמאות <tbody>

דוגמאות <td>

שימוש בתכונה abbr בטבלת HTML:
טבלת HTML עם תא מיושר שמאלה:
טבלת HTML עם קטגוריות בתאים:
תאים עם צבע רקע:
דוגמת CSS: נתוני טבלה עם צבע רקע
בדוגמה הבאה, את התוכן של התא "חסכון" אמור להיות מייושר לפי תו ".":
בדוגמה הבאה, התוכן של התא "חסכון" מייושר שני תווים ימינה מתו ".":
טבלת HTML עם תאים המכילים שתי עמודות:
הדוגמה הבאה מציגה את כותרת הטבלה הקשורה לכל תא:
שני תאי הטבלה עם גובה מוגדר מראש:
דוגמת CSS: מגדיר גובה של תא בטבלה
טבלה עם תכונה nowrap:
דוגמת CSS: ללא עברה לשורה חדשה ב-td
טבלת HTML עם תא שמכיל שתי שורות:
שימוש ב-rowspan="0"
הדוגמה הבאה מזהה את שני האלמנטים th כמו כותרות של עמודות, ואת שני האלמנטים td כמו כותרות של שורות:
טבלת HTML עם תאים מייושרים אנכי שונה:
טבלה עם תאים ברוחב מוגדר מראש:
דוגמת CSS: הגדרת רוחב של תא בטבלה

הסבר על דוגמאות <td>

דוגמאות <textarea>

איזור טקסט עם תכונה name:
איזור טקסט לקריאה בלבד:

הסבר על דוגמאות <textarea>

דוגמאות <tfoot>

הטבלה הבאה HTML מיישרת את התוכן בתוך אלמנט tfoot לפי תו ".":
בדוגמה הבאה, התוכן שבתוך האלמנט tfoot מיושר שני תוים ימינה מתו ".":
הטבלה הבאה HTML מיישרת אנכית התוכן בתוך אלמנט tfoot לתחתית:

הסבר על דוגמאות <tfoot>

דוגמאות <th>

שימוש בתכונה abbr בטבלת HTML:
טבלת HTML עם תא כותרת מיושר שמאלה:
טבלת HTML עם קטגוריות בתאי כותרת:
תאי כותרת טבלה עם צבע רקע:
דוגמת CSS: כותרת טבלה עם צבע רקע
בדוגמה הבאה, את התוכן של התא הראשון בכותרת צריך ליישר לפי תו "ח":
בדוגמה הבאה, תוכן התא הכותרת הראשונה מיושר שני תווים ימינה מתו "ח":
טבלת HTML עם תא כותרת המכיל שתי עמודות:
תא כותרת של טבלה עם גובה מוגדר מראש:
דוגמת CSS: מגדיר גובה של תא כותרת בטבלה
תא כותרת של טבלה עם תכונה nowrap :
דוגמת CSS: ללא עברה לשורה חדשה ב-th
טבלת HTML עם תא כותרת שמכיל שלוש שורות:
טבלת HTML עם תאי כותרת מייושרים אנכי שונה:
טבלה עם תאי כותרת ברוחב מוגדר מראש:
דוגמת CSS: הגדרת רוחב של תא כותרת בטבלה

הסבר על דוגמאות <th>

דוגמאות <thead>

הטבלה הבאה HTML מיישרת את התוכן בתוך אלמנט thead שמאלה:
הטבלה הבאה HTML מיישרת את התוכן בתוך אלמנט thead לפי תו "ח":
בדוגמה הבאה, התוכן שבתוך האלמנט thead מיושר שני תוים ימינה מתו "ח":
הטבלה הבאה HTML מיישרת אנכית התוכן בתוך אלמנט thead לאמצע:

הסבר על דוגמאות <thead>

דוגמאות <title>

מסמך HTML פשוט, עם מספר תגים הדרושים מינימלי:

הסבר על דוגמאות <title>

דוגמאות <tr>

טבלת HTML עם שורה ממורכזת:
טבלת ה-HTML עם צבע רקע בשורה הראשונה בטבלה:
דוגמת CSS: שורה בטבלה עם צבע רקע
בדוגמה הבאה, את התוכן של שורה השניה והשלישית צריך ליישר לפי תו "." :
בדוגמה הבאה, התוכן של שורה השניה והשלישית מיושר שתי תווים ימינה מתו ".":
טבלת HTML עם שורות מייושרות אנכי שונה:

הסבר על דוגמאות <tr>

דוגמאות <u>

קו תחתון לטקסט עם התג <u> :

הסבר על דוגמאות <u>

דוגמאות <ul>

רשימה לא מסודרת HTML:
שימוש שתכונה compact ברשימה לא מסודרת HTML:
דוגמת CSS: הקטנת גובה השורה ברשימה
רשימה בתוך רשימה אחרת.
רשימה מקוננת יותר מסובכת.
שימוש בתכונה type ברשימת HTML לא מסודרת:
דוגמת CSS: רשימת סוג סגנון

הסבר על דוגמאות <ul>

דוגמאות תכונה HTML <blockquote> cite

דוגמה הזו ממחישה שימוש במאפיין cite

הסבר על דוגמאות תכונה HTML <blockquote> cite

דוגמאות תכונה HTML <body> alink

דוגמה CSS: הגדרת צבע של קישור מופעל
מגדיר צבע קישור פעיל ל-"ירוק" במסמך HTML

הסבר על דוגמאות תכונה HTML <body> alink

דוגמאות תכונה HTML <body> background

מגדיר תמונת רקע עבור מסמך HTML

הסבר על דוגמאות תכונה HTML <body> background

דוגמאות תכונה HTML <body> bgcolor

דוגמה CSS: הגדרת צבע רקע של המסמך
הגדרת צבע רקע עבור מסמך HTML

הסבר על דוגמאות תכונה HTML <body> bgcolor

דוגמאות תכונה HTML <body> link

הגדרת צבע של קישור שלא לחצו בו
מגדיר צבע של ברירת מחדל בקישור ל-"כחול" במסמך HTML

הסבר על דוגמאות תכונה HTML <body> link

דוגמאות תכונה HTML <body> text

דוגמה CSS: הגדרת צבע של טקסט במסמך
מגדיר צבע של טקסט במסמך HTML:

הסבר על דוגמאות תכונה HTML <body> text

דוגמאות תכונה HTML <body> vlink

דוגמה CSS: הגדרת צבע של קישור שביקרו בו
מגדיר צבע של קישור שביקרו בו לצבע "אדום" בתוך מסמך HTML:

הסבר על דוגמאות תכונה HTML <body> vlink

דוגמאות תכונה HTML <button> disabled

כפתור לא לחיץ מסומן בדלקמן:

הסבר על דוגמאות תכונה HTML <button> disabled

דוגמאות תכונה HTML <button> name

שני כפתורים עם אותו שם ששולחים שני ערכים שונים בלחיצה:

הסבר על דוגמאות תכונה HTML <button> name

דוגמאות תכונה HTML <button> type

שני אלמנטים כפתורים, אחד כפתור שליחה ושני כפתור מחיקת טופס:

הסבר על דוגמאות תכונה HTML <button> type

דוגמאות תכונה HTML <caption> align

טבלה עם אלמנט כותרת
דוגמה CSS: יישור כותרת בטבלה

הסבר על דוגמאות תכונה HTML <caption> align

דוגמאות mouseup()

מציג טקסט כשה אירועים mouseup ו- mousedown מופעלים

הסבר על דוגמאות mouseup()

דוגמאות תכונה HTML <del> cite

שימוש בתכונה cite בתוך אלמנט del:

הסבר על דוגמאות תכונה HTML <del> cite

דוגמאות תכונה HTML <del> datetime

שימוש בתכונה datetime בתוך אלמנט del:

הסבר על דוגמאות תכונה HTML <del> datetime

דוגמאות תכונה HTML <style> media

שני סוגים שונים של רשימת סגנונות עבור שני סוגי מדיה שונים (מסך המחשב והדפסה):