نحوه ایجاد یک خط خزنده در HTML

فهرست مطالب:

نحوه ایجاد یک خط خزنده در HTML
نحوه ایجاد یک خط خزنده در HTML

تصویری: نحوه ایجاد یک خط خزنده در HTML

تصویری: نحوه ایجاد یک خط خزنده در HTML
تصویری: نحوه کدنویسی یک خزنده وب با استفاده از NodeJs 2024, ممکن است
Anonim

طراحان وب از طیف گسترده ای از جلوه ها برای تزئین صفحاتی که ایجاد می کنند استفاده می کنند. یکی از این جلوه ها یک خط خزنده است که توجه کاربر را به خود جلب کرده و باعث می شود متن را بخواند.

نحوه ایجاد خط خزنده در HTML
نحوه ایجاد خط خزنده در HTML

لازم است

ویرایشگر html

دستورالعمل ها

مرحله 1

برای کار با HTML ، به ویرایشگر html ، به عنوان مثال ، СuteHTML نیاز دارید. نسخه قابل حمل آن را که نیازی به نصب ندارد ، می توانید از لینک انتهای مقاله بارگیری کنید. این ویرایشگر دارای برجسته سازی نحوی است و برای یادگیری اصول HTML بسیار مناسب است.

گام 2

ویرایشگر را باز کنید و این کد را بین برچسب ها بنویسید: من یک لحظه فوق العاده را به یاد می آورم: شما در مقابل من ظاهر شدید ، مانند یک چشم انداز زودگذر ، مانند یک نبوغ از زیبایی ناب.

مرحله 3

روی نماد View in browser (ذره بین در پس زمینه کره زمین) در ویرایشگر کد کلیک کنید. مرورگر پیش فرض باز می شود ، شعرهای پوشکین را در خط اجرا مشاهده خواهید کرد. اکنون به مثال بالا نگاهی دقیق بیندازید. برچسب marquee یک برچسب خزنده است. پارامترهای قد و عرض ، طول و عرض جعبه خط را تنظیم می کنند ، bgcolor رنگ پس زمینه را مشخص می کند ، در این حالت سفید است. سبز را جایگزین رنگ سفید کنید و پس زمینه خط سبز شود. با رنگ ، عرض و ارتفاع حاشیه ردیف آزمایش کنید.

مرحله 4

با استفاده از پارامتر BEHAVIOR می توانید پارامترهای دیگری را برای حرکت خط تعیین کنید. به عنوان مثال ، برچسب کد افتتاحیه را به صورت زیر تغییر دهید: شروع یک پیش نمایش در ویرایشگر - اکنون متن از یک طرف کادر خط به طرف دیگر و عقب منتقل می شود.

مرحله 5

می توانید جهت حرکت خط پیمایش را با استفاده از پارامتر DIRECTION = ".." تنظیم کنید ، مقادیر زیر را در آن جایگزین کنید: چپ - خط به سمت چپ حرکت می کند. راست - خط به سمت راست می رود. بالا - از پایین به بالا. پایین - از بالا به پایین.

مرحله 6

با قرار دادن متن در برچسب Text ، اندازه آن را تغییر دهید. در این مثال ، اندازه متن 5 است. شما همچنین می توانید رنگ آن را با استفاده از برچسب Text تغییر دهید. در این مثال ، متن قرمز خواهد بود.

توصیه شده: