תוֹכֶן
מעצבי אתרים משתמשים ברשימות "לא מסודרות" או "סימניות" עבור יותר מסתם הוספת סימניות וטקסט. תג HTML המשמש ליצירת רשימות לא מסודרות שימושי ליצירת תפריטים וארגון תמונות ל- JavaScript כדי לטעון למצגת. למידה כיצד להשתמש CSS (גיליון סגנון מדורגים) יחד עם רשימות אלה יפתחו אפשרויות רבות עיצוב אתרים. יישור רשימות לא מסודרות הוא מיומנות חשובה מאוד כדי לשפר.
הוראות
-
פתח את קובץ HTML המכיל את הרשימה הלא מסודרת ומביט דרך התגים ו , בחלק העליון של הקוד. הוסף תגים> אם הם כבר לא נוכחים. אם הקוד שלך כולל תג
- איפשהו אחרי זה, והוא מכיל הפניה לקובץ CSS, לפתוח את הקובץ. קוד ה- CSS שלך יעבור בין או בשורה חדשה של קובץ ה- CSS שלך.
-
יישר טקסט בתוך סימניות על ידי הגדרת המאפיין 'יישור טקסט' של התג שלך
- . זה כולל את התגים
- ו להגדיר אותם כחלק מרשימה אחת. כאשר אתה מיישר את הטקסט בתג
- , כל האלמנטים ברשימה יושפעו, אך לא את הרשימה עצמה, משמאל או משמאל לדף. דוגמה לשימוש בקוד CSS כדי להגדיר את המאפיין "ליישר טקסט", השתמש ב- "ul {text-align: right;}". שים לב שהסמנים לא ינועו עם הטקסט. במקרה זה, הם יהיו בצד שמאל.
-
יישר את הרשימה כולה משמאל או לימין של הדף על ידי הגדרת המאפיין "float" של התג שלך
- . תכונה זו משפיעה על הרשימה כולה על ידי הזזתה לשמאל או לימין של הדף. כתוב את הקוד "ul {float: right;}".
ניתן להגדיר מאפיין זה שמאלה או ימינה, אך לא למרכז.
-
עוטף את התגים שלך
- עם תגים וכדי ליצור גלישה שתרכז את הרשימה בדף. הקוד ייראה כך: "
- אלמנט רשימה
- אלמנט רשימה
התג אינו מיישר דבר בפני עצמו; אתה צריך להשתמש ב- CSS למרכז הכל. הוסף את הקוד הבא בין התגים או בקובץ ה- CSS שלך כדי למרכז את הרשימה: "div {display: block; text-align: center;} ul {display: inline-block; text-align: left;}".