תבליטים ורשימות ממוספרות HTML

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

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

רשימת HTML הממוספר

ניטראלית הורה רשימת HTML ניתן ליצור באמצעות התגיות הבאות:

1. פריט ראשון רשימה

2. פריט שני רשימה

3. הפריט השלישי רשימה

   רשימה פשוט כאן נראה כמו

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

4. חדש, אז באופן אוטומטי מעמיד אותם מול .

   לפיכך, הרשימות ניתן לעשות כמוצג להלן.

   אבל מנקודת המבט של אנשי מקצוע היא שגויה.

   רשימות עם תבליטים

   רשימות ממוספרות (או סמן) הן בדיוק אותו הדבר, רק במקום בתג ol בכתב ul.

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

   מדורגת ממוספרת רשימה HTML

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

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

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

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

   מיון רשימת אפשרויות

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

   אתה יכול לציין את המאפיין type לכל ערך מהשולחן. או CSS סגנון בכיתה לציין את הרשימה בסגנון מהסוג לסוג המיון הרצוי.

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

   עבור רשימות ממוספרות, אתה צריך לבחור בין האפשרויות הבאות:

   • 1 - ספרות ערבית;
   • א - רישיות אותיות ;
   • א - אותיות קטנות;
   • ואני - לאותיות רישיות ספרות רומית;
   • i - ספרות רומית קטנה.

   כברירת מחדל, הרשימה תמיד משמשת עם ספרות ערבית. כלומר, אם לא תציינו דבר, זה שווה type = "1".

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

   בנוסף, ניתן להסיק בסדר הפוך. כדי לעשות זאת, לכתוב הפוך.

   הכנת רשימות

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

   הנה דוגמאות יפות של רשימות.

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

   אתה יכול ליצור רשימה רגילה כמו זה.

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

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

   עכשיו רואים בעיצוב מרובע.

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

   תמיכה בדפדפן

   חשוב להבין כי לא כל הדפדפנים תומכים בכל תכונות CSS.

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

   כנ"ל לגבי העיצוב של מספור.

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

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

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

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

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