מחשביםתכנות

HTML תגי לטקסט: יישור, גודל, גופן

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

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

HTML-תגים ותכונות: תחביר בסיסי

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

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

שימו לב: לא כל התגים הם זיווג. לדוגמה,
(קו לעבור) או


(בנוסף קו אופקי) אינו צריך להיות סגור בכלל.

למה אי אפשר להעתיק כתבות מ- Word ותוכניות אחרות בעורך של האתר

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

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

  1. "להיפטר" הכתבה דרך "פנקס הרשימות" ורק אז להכניס את האתר. היישום מוחק את כל ה- HTML, כך אז צריך מחדש לעצב את הטקסט (באמצעות כלי העורך או ביד).
  2. כתוב ופרסם מאמרים באמצעות LiveWriter. עורך הבלוג הפופולרי מיד מייצר את הקוד הנכון. וזה בכרטיסייה נפרדת, אתה יכול לראות איך הטקסט ייראה באתר.
  3. השתמש מנקת HTML. שירות מקוון זה לא להרוס את כל הקוד בכללותו, אך שברים הנוספים יחיד. עם מסננים, תבחר איזה תיוגי חנות. יש גם עורך WYSIWYG עוצמה בפורמט, אשר מוסיף פקודות קוד מותאם כבר.

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

פסקאות

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

תג נכתבת תמיד עם קו חדש.

יישור

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

במצבים מסוימים, יישור להשתמש ב- HTML תגים אחרים. טקסט מרוכז, למשל, ניתן לארגן בעזרת האלמנט

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

כותרות כותרות משנה

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

בשנת HTML משתמש שש כתוביות רמות - מ

עד

. במערכת זו, יש היררכיה ברורה:

  • ... . הכותרת הראשית (כותרת המאמר, מוצרים בחנות המקוונת, וכן הלאה. ד). בטקסט לא יכול להיות רק אחד

    . בדרך כלל, הוא מכיל את מילות המפתח העיקריות.

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

    עם השמות של דגמים השונים.

  • ... . הרמה השלישית נדרשת אם הטקסט בין

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

  • ,

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

תיזהר לשימור ההיררכיה הנכונה. נחזור לדוגמה שלנו, זה אומר שאתה לא יכול מיד להיכנס שמות הדגמים כמו

או

. ויתר על כן להשתמש הומוגנית במובן של בלוקים כתוביות של רמות שונות (למשל, להדגיש מחשב נייד, מדורגת במקום האחרון בדירוג, באמצעות
).

אבל התוכנית, אשר יבין מיד ולזכור את המבנה הנכון של כותרות ב- HTML.

רשימות

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

, אשר להתחיל במקף או ספרה).

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

    ... או ממוספר
      ... .

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

    1. ... . מספר האלמנטים אינו מוגבל.

      בחירת גופן: ותכונותיו

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

      יש מספר מאפיינים:

      • Face. זה מאפשר לך לשנות את הגופן של טקסט. אתה יכול לפרט אפשרויות מרובות, מופרדות בפסיקים (Tahoma, Verdana). אלא אם כן את הגופן הראשון המשתמשים, המערכת משתמשת חלופה פשוטה.
      • גודל. כדי להגדיל או להקטין את הטקסט, זן ערך מצוטט של 1 עד 7.
      • צבע. בהתאם לעיצוב, אתה יכול לבחור אחד מהצבעים הרגילים (אדום, ירוק, כחול) או להזין את הקוד של כל צבע לבחירה.

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

      שיטות לבחירת טקסט

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

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

      אנשים רבים מבלבלים בין תגים ו- . מבחינה ויזואלית אין הבדל, אבל הם עובדים בדרכים שונות. הראשון פשוט משנה את המראה של הטקסט, והשני משמש "מצביע" ומדגיש את החלקים החשובים ביותר (מילות מפתח תמטי וביטויים עבור SEO).

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

      ... . אולי כך הרבה חילוקי דעות לא גרמו לאף-תג HTML. טקסט עם קו תחתון משמש לעתים רחוקות, כמו שיטת הקצאה זו מושרשת היסטורית עבור קישורים. אם אתה משתמש מאמרים, יש לציין כי זה מתאים רק קטעים קצרים - לא יותר מ 1 קו.

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

      ... . הדרך הקלה ביותר כדי להגדיל את גודל הגופן בלי שום הגדרות נוספות.

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

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

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

      מכולות סמנטיות

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

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

      ... . עוצב לעבד ציטוטים - למשל, הקטעים המרכזיים מן הראיון.

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

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

      הקו המפריד

      עם תכונות פשוטות, אתה יכול לייעד הסוף הלוגי של חלק גדול.


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

      C באמצעות תכונת width יכול להתבצע קצר יותר מאשר מפריד ידי קביעת הגודל המתאים בפיקסלים או באחוזים מרוחב החלון.

      כדי ללמוד להשתמש בתגיות כדי לעצב טקסט ב- HTML, אתה לא רק תגרום המאמרים שלך קל יותר לקרוא, אלא גם לשפר את היעילות של SEO.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 iw.atomiyme.com. Theme powered by WordPress.