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

   
|!|

סגור את ההודעה
 
כלים לאשכול תצורת הצגה
ישן 05-10-05, 15:13   # 1
WebProject
מ.תיכנות
 
מיני פרופיל
תאריך הצטרפות: Oct 2005
מיקום: אשדוד
הודעות: 3,070
Send a message via Skype™ to WebProject

WebProject לא מחובר  

[מדריך] HTML - עיצוב טקסט

עיצוב טקסט בHTML, הוא הכרחי ברוב המקרים, צבע טקסט, פונט, צבע רקע, ועוד הרבה הרבה.

כאן אני אלמד אתכם את הבסיס לעיצוב טקסט.

אז בוא נתחיל, התגיות הראשונה אותן אני רוצה ללמד אתכם היא:

h1,h2,h3,h4,h5,h6

תגיות אלו, נועדו לקבוע את גודל הטקסט, כשh1 היא הגדולה ביותר, ו h6 היא הקטנה ביותר.

דוגמא קטנה:

PHP קוד:
<h1>כאן תיהיה כותרת האתרזה טקסט די גדול</h1>
<
h6כאן יהיו זכויות היוצריםהקטנים ביותר =]</h6
עוד תגית עיצוב חשובה מאוד הינה font היא בעצם יכולה לקבוע הרבה דברים, כגון, צבע טקסט, פונט ועוד.

תכונות התגית:

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

דוגמא:

PHP קוד:
<font size="8pt" face="arial" color="lightblue">צבע תכלת</font
עוד תגיות חשובות:

u - קו תחתון מתחת לטקסט שבין התגיות
b - כתב מודגש, שידגיש את הטקסט שבין התגיות
i -
טקסט נטוי, יגרום לטקסט שבין התגיות להיות נטוי
s -
כתב חצוי, אין כאן אפשרות בהוסטס, אבל בכל מקרה, הקו יחצה את הטקסט שבין התגיות
tt - כתב שנראה כמו מכונת כתיבה, לא כ"כ יעיל

תגיות מיקום:

center - ימקם את הטקסט באמצע האתר

בשביל למקם את הטקסטים בצד שמאל, וימין, ניתן להשתמש בתגית:
p - תגית זאת מציינת, תחילת פסקה.

והתכונות:

align="right" - מיקום בצד ימין
align="left" - מיקום בצד שמאל


והתגית האחרונה, שהרגשתי צורך ללמד אתכם, היא: pre

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


זה הכל להיום, מקווה שיעזור להרבה ממכם, טל .
__________________
כושר קרבי \ טיפים לגיבושים



פורטל רעל - צבא וכושר קרבי
 
ישן 05-10-05, 15:14   # 2
somebody
A Al Alm Almo Almog!
תודה על תרומתך!
 
somebody's Avatar
 
מיני פרופיל
תאריך הצטרפות: Oct 2005
מיקום: hadera CiTy
גיל: 29
הודעות: 4,005
שלח הודעה באמצעות MSN אל somebody

somebody לא מחובר  

יפה מאוד.
אבל נירא לי על זה כדאי כבר לוותר ולדלג ישר ל Css.
הרי זה כבר לא שימושי משהו..
__________________
דוא"ל: almog.zimel ב ג'מייל נקודה קום
מסנג'ר: almog שטרודל freetopsite נקודה co נקודה il

 
ישן 05-10-05, 15:15   # 3
WebProject
מ.תיכנות
 
מיני פרופיל
תאריך הצטרפות: Oct 2005
מיקום: אשדוד
הודעות: 3,070
Send a message via Skype™ to WebProject

WebProject לא מחובר  

אני כותב מדריכים לhtml, לא לcss, בעת הצורך, אני אכתוב גם לcss.

בכל מקרה, תודה על ההצעה
__________________
כושר קרבי \ טיפים לגיבושים



פורטל רעל - צבא וכושר קרבי
 
ישן 05-10-05, 15:19   # 4
Inuyasha
חבר בקהילה
 
מיני פרופיל
תאריך הצטרפות: Oct 2005
הודעות: 98

Inuyasha לא מחובר  

תודה! אחלה מדריך.
 
ישן 05-10-05, 15:34   # 5
liorwohl
חבר פורום
 
liorwohl's Avatar
 
מיני פרופיל
תאריך הצטרפות: Oct 2005
מיקום: החור שנקרא פ"ת
גיל: 29
הודעות: 94
שלח הודעה באמצעות ICO אל liorwohl שלח הודעה באמצעות MSN אל liorwohl

liorwohl לא מחובר  

יש פה כמה טעויות

יש פה כמה טעויות
סליחה שאני מתקן אבל..
אם מישהו יתחיל ללמוד מהמדריכים האלה HTML אז עדיף שהוא ידע את הצורה הנכונה של הדברים מהתחלה ולא יעבוד בצורה עקומה ורק אז ילמד לתקן את זה..

ציטוט:
נכתב במקור על ידי 1ndex
h1,h2,h3,h4,h5,h6

תגיות אלו, נועדו לקבוע את גודל הטקסט, כשh1 היא הגדולה ביותר, ו h6 היא הקטנה ביותר.

דוגמא קטנה:

PHP קוד:
<h1>&#1499;אן תיהיה כותרת האתר, זה טקסט די גדול</h1>
<h6> &#1499;אן יהיו זכויות היוצרים, הקטנים ביותר =]</h6> 


המטרה של התגיות האלה זה לקבוע כותרות ראשיות, כותרות משניות וכו'
עליהם עושים עיצוב CSS כללי בדרך ככל.

להשתמש בהם בשביל לעשות גדלי כתב זה עבודה לא נכונה.
בכותרת של דף נגיד, תעשה H1 בכותרת משנית H2 ובמשנית של משנית H3,

בשביל סתם לעשות גודל טקסט משתמשים בSPAN עם STYLE..

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

תכונות התגית:

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

דוגמא:

PHP קוד:
<font size="8pt" face="arial" color="lightblue">&#1510;בע תכלת</font> 

תגית font לא תקנית
עדיף להגדיר עם CSS משהו לכל הדף,
ואם צריך למילה אחת בנפרד אז עושים span עם STYLE מתאים.

ציטוט:
נכתב במקור על ידי 1ndex
עוד תגיות חשובות:

u - קו תחתון מתחת לטקסט שבין התגיות
b - כתב מודגש, שידגיש את הטקסט שבין התגיות
i -
טקסט נטוי, יגרום לטקסט שבין התגיות להיות נטוי
s -
כתב חצוי, אין כאן אפשרות בהוסטס, אבל בכל מקרה, הקו יחצה את הטקסט שבין התגיות
tt - כתב שנראה כמו מכונת כתיבה, לא כ"כ יעיל


במקום B בתקני זה strong
במקום U עושים ins
במקום I עושים em

s ו- tt אני לא זוכר מה התחליף שלהם, כי אני לא משתמש בהם, אבל נראה לי שגם הם לא תקניות.

ציטוט:
נכתב במקור על ידי 1ndex

תגיות מיקום:

center - ימקם את הטקסט באמצע האתר

בשביל למקם את הטקסטים בצד שמאל, וימין, ניתן להשתמש בתגית:
p - תגית זאת מציינת, תחילת פסקה.

והתכונות:

align="right" - מיקום בצד ימין
align="left" - מיקום בצד שמאל
CENTER - לא תקני,
עושים עם CSS על כל הדף אם זה מה שצריך
או div עם style מתאים

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

בשביל לשים טקסט בכיוונים שונים
עושים בדיוק אותו דבר כמו שאמרי על CENTER
ציטוט:
נכתב במקור על ידי 1ndex
והתגית האחרונה, שהרגשתי צורך ללמד אתכם, היא: pre

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

זה דווקא נכון ותקני
__________________


www.Dogri.net - הפורטל שלי

אני webuild מהוסטס הישן

 
ישן 05-10-05, 15:48   # 6
somebody
A Al Alm Almo Almog!
תודה על תרומתך!
 
somebody's Avatar
 
מיני פרופיל
תאריך הצטרפות: Oct 2005
מיקום: hadera CiTy
גיל: 29
הודעות: 4,005
שלח הודעה באמצעות MSN אל somebody

somebody לא מחובר  

הוא אמר שבנתיים הוא עושה מדריך Html ולא Css.
אני כתבתי אחד לcss (עיצוב טקסט ב Css).
ליאור תעבורה תבדוק לי חחח
אתה הכי בקי בזה! חחח

אני לא רגיל לכתוב מדריכים...
__________________
דוא"ל: almog.zimel ב ג'מייל נקודה קום
מסנג'ר: almog שטרודל freetopsite נקודה co נקודה il

 
ישן 05-10-05, 15:54   # 7
ido_gold
חבר בקהילה
 
מיני פרופיל
תאריך הצטרפות: Oct 2005
הודעות: 92

ido_gold לא מחובר  

lior אשמח לקרוא מדריך שלך בנושא קוד תיקני : )
__________________
עידו.
 
ישן 05-10-05, 16:04   # 8
WebProject
מ.תיכנות
 
מיני פרופיל
תאריך הצטרפות: Oct 2005
מיקום: אשדוד
הודעות: 3,070
Send a message via Skype™ to WebProject

WebProject לא מחובר  

ליאור כמו שsomebody אמר, אני כותב מדריך HTML ולא XHTML

ואשמח אם תכתוב מדריכים, ותתחבר למסנג'ר יותר, כי החברה זקוקה לך.
__________________
כושר קרבי \ טיפים לגיבושים



פורטל רעל - צבא וכושר קרבי
 
סגור את ההודעה

חברים פעילים הצופים באשכול זה: 1 (0 חברים ו- 1 אורחים)
 

Tags
מדריך html, מדריך למתחילים

כלים לאשכול
תצורת הצגה

חוקי פירסום
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is מופעל
סמיילים הם מופעל
[IMG] קוד מופעל
קוד HTML מכובה

קפיצה לפורום


כל הזמנים הם GMT +2. הזמן כעת הוא 17:30.

מופעל באמצעות VBulletin גרסה 3.8.6
כל הזכויות שמורות ©
כל הזכויות שמורות לסולל יבוא ורשתות (1997) בע"מ