عنوان "html" را پیدا کنید.باید در بالای سند باشد.

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

پس زمینه: شیب خطی (جهت / زاویه ، رنگ 1 ، رنگ 2 ، رنگ 3 و غیره) ؛

یک شیب عمودی ایجاد کنید.اگر هیچ جهت مشخص نشده باشد ، گرادیان از بالا به پایین می رود. برای ایجاد چنین شیب ، کد زیر را بین برچسب ها وارد کنید :

html (حداقل ارتفاع: 100٪ ؛) بدنه (پس زمینه: -webkit- خطی-گرادیان ( # 93B874 ، # C9DCB9) ؛ پس زمینه:-گرادیان خطی ( # 93B874 ، # C9DCB9) ؛ پس زمینه: -moz- خطی گرادیان ( # 93B874 ، # C9DCB9) ؛ زمینه: گرادیان خطی ( # 93B874 ، # C9DCB9) ؛ رنگ زمینه: # 93B874 ؛)

• مرورگرهای مختلف عملکردهای گرادیان را متفاوت اجرا می کنند ، بنابراین باید چندین نسخه از کد خود را اضافه کنید.

1. یک شیب جهت ایجاد کنید.اگر نمی خواهید شیب به صورت عمودی اجرا شود ، جهت انتقال رنگ را مشخص کنید. برای انجام این کار ، کد زیر را بین برچسب ها وارد کنید :

   html (حداقل ارتفاع: 100٪ ؛) بدنه (پس زمینه: -webkit- خطی-گرادیان (چپ ، # 93B874 ، # C9DCB9) ؛ پس زمینه: -o- خطی-گرادیان (راست ، # 93B874 ، # C9DCB9) ؛ پس زمینه: -moz- شیب خطی (راست ، # 93B874 ، # C9DCB9) ؛ پس زمینه: شیب خطی (به راست ، # 93B874 ، # C9DCB9) ؛ رنگ پس زمینه: # 93B874 ؛)

   • اگر می خواهید ، کلمات "چپ" و "راست" را عوض کنید تا جهت های مختلف شیب را آزمایش کنید.

2. از ویژگی های دیگر برای تنظیم شیب استفاده کنید.شما می توانید بیشتر از آنچه فکر می کنید با آن کار کنید.

   • به عنوان مثال ، می توانید یک درصد را بعد از هر رنگ وارد کنید. با این کار مشخص می شود که هر قسمت رنگ چقدر فضا اشغال می کند. در اینجا یک نمونه کد با این پارامترها آمده است:

     پس زمینه: گرادیان خطی ( # 93B874 10٪ ، # C9DCB9 70٪ ، # 000000 90٪) ؛

   • شفافیت را به رنگ اضافه کنید. در این حالت ، به تدریج محو می شود. برای رسیدن به یک اثر محو شدن ، از همان رنگ استفاده کنید. برای تنظیم رنگ ، به تابع () rgba نیاز دارید. آخرین مقدار شفافیت را تعریف می کند: 0 یک رنگ مات و 1 یک رنگ شفاف است.

     زمینه: گرادیان خطی (به راست ، rgba (147 ، 184 ، 116 ، 0) ، rgba (147 ، 184 ، 116 ، 1)) ؛

کد را مرور کنید.کد ایجاد یک شیب رنگ به عنوان پس زمینه صفحه وب چیزی شبیه به این است:

< html > < head > < style >html (حداقل ارتفاع: 100٪ ؛) بدنه (پس زمینه: -webkit- خطی-گرادیان (چپ ، # 93B874 ، # C9DCB9) ؛ پس زمینه: -o- خطی-گرادیان (راست ، # 93B874 ، # C9DCB9) ؛ پس زمینه: -moz- شیب خطی (راست ، # 93B874 ، # C9DCB9) ؛ پس زمینه: شیب خطی (به راست ، # 93B874 ، # C9DCB9) ؛ رنگ پس زمینه: # 93B874 ؛) < body >

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

سرصفحه ها را قرار دهید سطوح مختلفبین برچسب های باز و بسته مربوطه ، اگر قبلاً در کد منبع صفحه وب انجام نشده باشد. به عنوان مثال ، مهمترین عنوان (سطح اول) باید بین برچسب ها باشد

و

:

عنوان

عنوان فرعی مهمترین سطح بعدی باید بین برچسب ها قرار گیرد

و

و غیره. آخرین سطح پیش بینی شده ، سطح ششم است -

و

.

قسمت سرصفحه کد منبع را (بین برچسب ها) قرار دهید و) یک دستورالعمل که به مرورگر بازدید کننده اطلاع می دهد که شرح سبک ها در CSS در این مکان قرار دارد:

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

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

ویدیو های مرتبط

شما نیاز خواهید داشت

• کامپیوتر ، اینترنت ، دسترسی به محتوای سایت.

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

اگر اولویت های شما تغییر کرد و این بر روی موضوعات سایت تأثیر می گذارد ، حتماً تغییرات عنوان را منعکس کنید. هنگام انتخاب نام جدید ، برنامه ریزی کنید که نام سایت اگر نه جهانی ، حداقل برای خوانندگان معمولی منبع ، تبدیل به یک نام تجاری شود. به طور کلی ، "آنچه شما قایق بادبانی می نامید ، بنابراین شناور خواهد شد."

تصمیم بگیرید اگر می خواهید بیاورید نام دامنهبا توجه به عنوان اگر آنها در کنار هم قرار بگیرند ، لازم نیست. به هر حال ، هنگام انتخاب عنوان جدید ، این را در نظر داشته باشید. به هر حال ، تغییر دامنه دشوارتر است. علاوه بر این ، این اوست که سایت را با بازدیدکنندگان متصل می کند.

عنوان سایت را تغییر دهید. سیستم عامل های رایگان مدرن و سازندگان وب سایت های مختلف ، به طور معمول ، کنترل های بصری ساده ای دارند که نیازی به دانش زبان های برنامه نویسی ندارند. به عنوان مدیر به کنترل پنل سایت بروید.

در صفحه ای که زبانه ای به نام "Options" یا "Settings" یا "General" باز می کند پیدا کنید. و در آنجا به دنبال کادر "نام سایت" باشید ، جایی که می توانید متن را وارد کنید.

نام جدید خود را در این کادر وارد کنید. حتماً روی دکمه ذخیره کلیک کنید ، که در موتورهای مختلف وب متفاوت نامیده می شود - "ذخیره" ، "انتشار" ، "به روز رسانی".

برای تغییر فونت ، از تگ استفاده کنید با ویژگی FACE می توانید فونت را با نام (Arial ، Tahoma ، Verdana) یا نوع (به عنوان مثال ، تک فضا) مشخص کنید. توصیه می شود چندین نام فونت را لیست کنید تا از وضعیتی که مشخص می شود فونت مورد نیاز توسط کاربر نصب نشده است جلوگیری شود. توصیه می کنم حداقل یکی از فونت های رایج (به عنوان مثال Arial) را "نمره گذاری" کنید. من استفاده از بیش از 2-3 فونت مختلف را در یک صفحه توصیه نمی کنم ، در غیر این صورت صفحه دست و پاگیر و غیرحرفه ای به نظر می رسد.

مثال:

تغییر اندازه فونت صفحه html

از ویژگی SIZE برای تغییر اندازه فونت استفاده می شود. هرچه فونت بزرگتر باشد ، خواندن متن آسان تر می شود. ولی، فونت کوچکبه شما امکان می دهد اطلاعات بیشتری را در صفحه قرار دهید. استفاده از ویژگی داده شده با برچسب ، می توانید متن کل صفحه وب را تغییر اندازه دهید. استفاده از ویژگی SIZE در ارتباط با برچسب ، می توانید بر ظاهر یک قطعه متن تأثیر بگذارید. 7 اندازه فونت موجود است کوچکترین با عدد 1 نشان داده می شود و بزرگترین آن 7 است.

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

با تغییر اندازه حروف جداگانه می توانید به جلوه های جالبی دست یابید. به عنوان مثال ، به این ترتیب می توانید یک کلاه قطره - بزرگنمای بزرگ ابتدای یک پاراگراف دریافت کنید.

مثال:

انتخاب رنگ فونت صفحه html

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

استفاده از ویژگی TEXT در زمینه یک برچسب ، می توانید رنگ کل متن صفحه وب را تغییر دهید. استفاده از همان ویژگی COLOR با برچسب (بیشتر داشتن اولویت بالا) به شما امکان می دهد با ظاهر یک قطعه متن ارتباط برقرار کنید.

برای تغییر رنگ متن ، باید نام رنگ یا کد هگزا دسیمال آن را بدانید. کد شامل نماد پوند # و عددی است که شدت اجزای قرمز ، سبز و آبی رنگ را نشان می دهد. فقط 16 رنگ استاندارد را می توان با نام ارجاع داد.

نام رنگها کد aqua ## 00FFFF مشکی ## 000000 آبی ## 0000FF فوچشی ## FF00FF خاکستری ## 808080 سبز ## 008000 آهک ## 00FF00 مارون ## 800000 دریایی ## 000080 زیتون ## 808000 بنفش ## 800080 قرمز # # FF0000 نقره ## C0C0C0 تیل ## 008080 سفید ## FFFFFF زرد ## FFFF00

انواع درآمد از طریق اینترنت ،
یا چیزهایی که نیازی به اتلاف وقت ندارید

بهترین مکان برای شروع برای مبتدیان چیست.
پول در اینترنت یا راهکاری برای کسب درآمد آنلاین کجاست؟

دستورالعمل ایجاد وب سایت در 5 دقیقه. اصول HTML و ایجاد وب سایت گام به گام

چگونه می توان طراح وب شد و نحوه ایجاد وب سایت در سطح بالا را یاد گرفت.

چگونه می توان در سایت خود درآمد کسب کرد ، چگونه سایت خود را تبلیغ کرد و از خلبان خودکار سود برد

آیا وب سایتی دارید اما سودآور نیست؟ مروری بر خدمات کسب درآمد

شما نمی دانید پول خود را کجا سرمایه گذاری کنید
برای کسب سود؟ این اطلاعات منحصر به فرد است

به طور کلی فارکس چگونه می توان سرمایه یا درآمد خود را 50 دلار در روز بر روی خلبان خودکار به درستی سرمایه گذاری کرد

نحوه و مکان خرید دامنه و هاست. نحوه بارگذاری وب سایت در اینترنت

نحوه انتقال دامنه به ثبت کننده دیگر برای صرفه جویی در تمدیدها

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

کد html ما قبلاً داریم:

مطالب سایت من.

اکنون نحوه تغییر صفحه را یاد می گیریم. برای نشان دادن رنگ متن باید موارد زیر را انجام دهید.

برچسب را تغییر دهید به روش زیر: text = "# FF0000">، یعنی تغییر دادن رنگ htmlو متن ، شما باید پارامتر text = را اضافه کرده و مقدار آن "# FF0000" را مشخص کنید.

مقدار پارامتر رنگ را تعیین می کند ، یعنی "# FF0000" - قرمز. قانون سه رنگ در اینجا اعمال می شود.

به عنوان مثال ، "# 00FF00" رنگ html سبز است ، "# 0000FF" رنگ متن html آبی است. وقتی این سه رنگ مخلوط می شوند ، سایه های جدید و رنگ های html ایجاد می کنند. به عنوان مثال ، "# 3715FB".

بیایید متن صفحه خود را قرمز کنیم. برای این کار ، دانش به دست آمده را به کار بگیرید. در نتیجه ، باید کد html زیر را دریافت کنید:

مطالب سایت من.
من دوره های ایجاد وب سایت را می گذرانم.

(بخش های جدید کد html با رنگ آبی مشخص می شوند)

شما باید موارد زیر را> اصلاح شده دریافت کنید.

حالا بیایید بفهمیم چگونه رنگ html قطعات متن را تنظیم کنیم. اگر به رنگی متفاوت از html نیاز دارید ، موارد زیر را انجام دهید:

متن مورد نظر خود را بین برچسب ها قرار دهید ... این جدید است تگ html، جفت می شود.

سپس پارامتر color = با مقدار "# 00FF00" را وارد کنید ، یعنی به این شکل color = "# 00FF00">متن با رنگ متفاوت .

بیایید دانش را در مورد خود به کار گیریم کد htmlو قطعه متن را تغییر دهید.

مطالب سایت من.
من دوره های ایجاد وب سایت را می گذرانم.

شما باید عبارت> تغییر را دریافت کنید.

رنگ پس زمینه Html

حالا بیایید تغییر کنیم html رنگ پس زمینه، برای این کار باید در برچسب تنظیم کنید پارامتر bgcolor = با مقدار "# 494949" ، یعنی bgcolor = "# 494949">.

رنگ پس زمینه html الزامی نیست "# 494949" باشد ، می توانید از هر رنگ دیگری استفاده کنید.

بیایید تغییراتی در کد خود ایجاد کنیم و رنگ پس زمینه html را تغییر دهیم.

مطالب سایت من.
من دوره های ایجاد وب سایت را می گذرانم.

حالا بیایید ببینیم چه اتفاقی افتاده است> تغییر دهید