כיצד ליצור קו זוחל ב- Html

תוכן עניינים:

כיצד ליצור קו זוחל ב- Html
כיצד ליצור קו זוחל ב- Html

וִידֵאוֹ: כיצד ליצור קו זוחל ב- Html

וִידֵאוֹ: כיצד ליצור קו זוחל ב- Html
וִידֵאוֹ: Simple Web Crawler in 50 Lines of Java Code! 2024, מאי
Anonim

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

כיצד ליצור קו זוחל ב- html
כיצד ליצור קו זוחל ב- html

זה הכרחי

עורך HTML

הוראות

שלב 1

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

שלב 2

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

שלב 3

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

שלב 4

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

שלב 5

ניתן להגדיר את כיוון התנועה של קו הגלילה באמצעות הפרמטר DIRECTION = ".." ולהחליף בתוכו את הערכים הבאים: שמאלה - השורה עוברת שמאלה. ימין - הקו הולך ימינה. למעלה - מלמטה למעלה. למטה - מלמעלה למטה.

שלב 6

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

מוּמלָץ: