יום שישי, 23 בספטמבר 2011

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


1.   בשביל לבנות טבלה אנחנו צריכים לעבוד עם לשונית "ערוך HTML" כי אין בלשונית "כתוב" אייקון של טבלה.
הקטע של הטבלה נראה כך:
<STYLE>
   p { text-align: center}
 </STYLE>
<p>
 <font size=10 color="red" face="Guttman Yad-Brush">
<b> רשומות של הבלוג </b>
</font>
</p>
<table border="1" cellpadding="1" cellspacing="1" height="100%" width="100%">
 <tr>
 <td bgcolor="fuchsia " align="center" valign="middle" height="100%" width="100">
 <font color="navy">
 <b> text </b>
 </font>
 </td>
<td bgcolor="yellow" align="center" valign="middle" height="100%" width="100">
 <font color="blue">
 <b> text </b>
 </font>
 </td>
 </tr>
<tr>
 <td bgcolor="aqua" align="center" valign="middle" height="100%" width="100">
 <font color="red">
 <b> text </b>
 </font>
 </td>
<td bgcolor="lime" align="center" valign="middle" height="100%" width="100">
 <font color="blue">
 <b> text </b>
 </font>
 </td>
 </tr>
</table>
2.   אפשר לשנות את הצבעים של משבצות הטבלה כך שצבעים של כל המשבצות יהיו שונות. 







3.   אפשר לבנות קישורים לכל טקסט במשבצות הטבלה.













4.   פקודות  HTML(ראשי תיבות של Hyper Text Markup Language):
1.   <table> - התחלת קוד הטבלה
2.   </table> - סיום קוד הטבלה
3.   border - עובי הגבול סביב לטבלה
4.   cellpadding – מרווח בין גבול המשבצת והמלל בתוכה
5.   cellspacing – עובי גבול של המשבצת בטבלה
6.   height – גובה הטבלה באחוזים או בפיקסלים
7.   width - רוחב הטבלה באחוזים או בפיקסלים
8.   <tr> - התחלת שורת הטבלה – table raw
9.   </tr> - סוף שורת הטבלה – table raw
10.                     <td> - התחלת משבצת הטבלה – table data
11.                     </td> - סיום משבצת הטבלה – table data
12.                     bgcolor – צבע הרקע של המשבצת
13.                     align – מיקום הטקסט אופקי
14.                     valign - מיקום הטקסט אנכי
15.    font color   - צבע הטקסט

אין תגובות:

הוסף רשומת תגובה