מאמרים אחרונים מאמרים אחרונים
23/01/2019 15:14
אנו במיזם גרופ קיבלנו את תו אמון הציבור להגינות בעסקים.
24/10/2018 19:39
מתכנן הקמת חנות מתנות מקוונת? אספנו עבורך כל מה שחשוב לדעת לפני שאתה יוצא לדרך.
15/09/2018 19:27
יש לך עסק למכירת רהיטים או שאתה מתכנן אחד כזה בקרוב? קרא איך הקמת חנות וירטואלית למכירה של רהיטים בא...
06/09/2018 18:05
מחשבים זו אהבת חייך? האם חשבת למכור מחשבים, טלפונים סלולריים, קונסולות משחק וציוד היקפי באינטרנט? המ...
24/08/2018 13:39
הקמת פורטל בריאות באנגלית
תגובות אחרונות תגובות אחרונות
בניית חנות וירטואלית
29/08/2018 13:50
חברה לבניית אתר וחנות וירטואלי...
שפת שרת מול שפת לקוח
04/07/2018 15:45
היי, השפות PHP ו-PYTHON שתי...
שפת שרת מול שפת לקוח
04/07/2018 14:10
מה ההבדל בין php ל python

תגיות עיצוב טקסט

»
»
תגיות עיצוב טקסט

כיצד מעצבים טקסט מוזח, מודגש, קטן או גדול?

עיצוב סגנונות טקסט

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

כך מגדירים בקוד סוגי עיצוב שונים של הטקסט:

<b>this text is bold</b>
<em>this text is emphasized</em>
<i>this text is italic</i>
<small>this text is small</small>
<strong>this text is strong</strong>
Some Text<sub>this text is subscript</sub>
Some Text<sup>this text is superscript</sup>
<ins>this is an inserted text</ins>
<del>this is a deleted text</del>
this text is bold
this text is emphasized
this text is italic
this text is small
this text is strong
Some Textthis text is subscript
Some Textthis text is superscript
this is an inserted text
this is a deleted text

כך יוצרים טקסט בסגנון פלט מחשב:

<code>this is computer code text</code>
<kbd>this is keyboard text</kbd>
<samp>this is sample computer code</samp>
<var>this is a variable</var>
<pre>this is a preformatted text</pre>
this is computer code text
this is keyboard text
this is sample computer code
this is a variable
this is a preformatted text

 

ואלו הן תגיות נוספות להגדרת טקסט (ראשי תיבות, ציטוטים וכו'):

<abbr>this is an abbreviation</abbr>
<address>this is a contact information for the document's owner or author</address>
<bdo dir="ltr">this defines the text's direction</bdo>
<blockquote><p>this is a quotation block</p></blockquote>
 <q>this is a short quotation</q>
<cite>this is a citation</cite>
<dfn>this is a definition term</dfn>
this is an abbreviation
this is a contact information for the document's owner or author
this defines the text's direction

this is a quotation block


this is a short quotation
this is a citation
this is a definition term

 

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

 

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

 

הוספת תגובה

רוצה שנקפיץ גם את העסק שלך?

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

שילוב מנצח של בניית חנות וירטואלית בחוד החנית של הטכנולוגיה עם שיווק אפקטיבי להגדלת המכירות.

 

לא מהססים! ממלאים את הטופס או מתקשרים עכשיו 077-7644819

 
שנקפיץ לך את העסק?
לחץ כאן
התקשר עכשיו 077-7644819
או מלא את הטופס להלן: