نحوه ایجاد پس زمینه در Html

فهرست مطالب:

نحوه ایجاد پس زمینه در Html
نحوه ایجاد پس زمینه در Html

تصویری: نحوه ایجاد پس زمینه در Html

تصویری: نحوه ایجاد پس زمینه در Html
تصویری: htm و html - آموزش ساخت فایل اچ تی ام ال - آموزش زبان HTML - چیست؟ html زبان 2024, آوریل
Anonim

یک صفحه وب با پس زمینه تمایل دارد زیباتر از آن باشد بدون آن. صحت نمایش صفحه وب به اقدامات صالح برای افزودن پس زمینه بستگی دارد.

نحوه ایجاد پس زمینه در html
نحوه ایجاد پس زمینه در html

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

مرحله 1

ساده ترین راه برای ایجاد پس زمینه در یک سند html ، اختصاص مقدار مقدار به برچسب body است. یک مقدار داده شده برای ویژگی پس زمینه ، تصویر پس زمینه را در صفحه تعیین می کند. اگر مقدار صفت bgcolor را تنظیم کنید ، صفحه رنگ پس زمینه به خود می گیرد. رنگ در مشخصه bgcolor از برچسب بدن را می توان به صورت هگزادسیمال یا فقط با یک کلمه مشخص کرد.

گام 2

با استفاده از ورق های سبک CSS آبشاری می توانید به همان اثر برسید. یک مقدار برای ویژگی background-color رنگ پس زمینه را در صفحه تعریف می کند ، در حالی که یک مقدار برای ویژگی background-image مسیر تصویر پس زمینه صفحه را مشخص می کند. این دستورالعمل ها را می توان برای انتخاب بدنه نوشت. می توانید این کار را متفاوت انجام دهید: یک کلاس یا شناسه به برچسب body در برچسب html اختصاص دهید و ویژگی های فوق را به ترتیب به کلاس یا شناسه در css اختصاص دهید. فقط باید در نظر داشت که اگر صفات به یک کلاس اختصاص داده شود ، در این صورت تمام اشیا with با کلاس مشخص شده در سند HTML رنگ پس زمینه دارند.

مرحله 3

دستورالعمل های بالا را می توان در متن خود سند html نوشت. برای انجام این کار ، برچسب سبک را در قسمت سرویس بین برچسب های سر (باز و بسته شدن) باز کنید. هر دستور CSS را می توان بین باز و بسته شدن یک برچسب داده شده نوشت. فقط باید در نظر داشت که در این حالت ، وزن صفحه افزایش می یابد ، که ممکن است بر مدت زمان بارگیری آن برای کاربر نهایی تأثیر منفی بگذارد. همچنین باید توجه داشت که در صورت تعیین تصویر پس زمینه ، می توان آن را به صورت افقی ، عمودی یا در امتداد دو محور تکرار کرد. ویژگی background-تکرار در CSS مسئول این امر است. تصویر پس زمینه را می توان بدون در نظر گرفتن وجود یک نوار پیمایشی در سند ، به سختی متصل کرد. برای دستیابی به این اثر ، باید پیوست پس زمینه را مشخص کنید: ثابت است.

مرحله 4

پس زمینه یک سند html را می توان با استفاده از زبان های برنامه نویسی انجام داد. می توانید دستورالعمل های html را با استفاده از JavaScript بنویسید. ساختار زبان document.write برای این کار مناسب است. اگر همان مطلب از طریق DOM بیان شود ، دستور document.body.style.backgroundColor = "red" پس زمینه صفحه را قرمز می کند. این همان نوشتن صفت مناسب به طور مستقیم در CSS است.

مرحله 5

دستورالعمل های قبلی را می توان با ایجاد یک جفت برچسب اسکریپت بین برچسب های سر باز و بسته ، درست در کد یک صفحه وب نوشت. با این حال ، همه این دستورالعمل ها را می توان در یک فایل جداگانه با پسوند js نوشت ، که بعداً می توان به صفحه متصل شد.

توصیه شده: