/ / יצירת סריקה ב- HTML

צור סריקת HTML

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

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

קוד HTML

רלוונטיות

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

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

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

תחביר

ב- HTML, קו הזחילה מצוין על ידי תג הסגירה:

 ...  

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

זוחל קו

מהירות גלילה

אתה יכול לשלוט על הקו פועל ב- HTML באמצעות תכונות. מהירות התנועה נקבעת באמצעות התכונה scrollamount. זה ייראה כך:

 טקסט   

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

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

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

תיבת הגלילה

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

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

פרמטרים תנועה

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

  

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

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

Более объемным атрибутом является behavior.הוא אחראי לאופן העברת התוכן. ערך ברירת המחדל הוא גלילה. זה אומר שהתוכן ינוע בכיוון נתון, ואחרי שהוא מוסתר לחלוטין, הוא יתחיל את תנועתו מחדש.

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

הערך האחרון הוא שקף. הוא אומר את התוכן ללכת לקצה ולעצור.

HTML עבור סימון, CSS עבור סגנונות

סגנונות

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

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

 קו זוחל  

יישום

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

השורה הזוחלת בקוד ה- HTML תעזור ליצור אנימציה פשוטה אם תשתמש בתמונה מונפשת, למשל, של אדם רץ.

בשורה הזוחלת, לא רק טקסט זמין

תוצאות

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

CSS עדיף לאנימציה

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

אהבתי:
0
הודעות פופולריות
התפתחות רוחנית
מזון
© 2018, "Paulturner -Mitchell.com". השימוש בחומרים המפורסמים באתר מותרים בתנאי שהקישור ל- "Paulturner -Mitchell.com".
כן