Home / اموزش html / اموزش اچ تی ام ال ۸:استایل ها

اموزش اچ تی ام ال ۸:استایل ها

اموزش اچ تی ام ال 8:استایل ها

اموزش اچ تی ام ال ۸:استایل ها

شما در حال خواندن اموزش اچ تی ام ال ۸:استایل ها هستید

سلام

امیدوار هستیم که حالتان خوب باشد

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

برای استایل دادن به یک برچسب از نمونه دستور زیر استفاده میشود:


<tagname style="property:value;">

راهنمای کد بالا:

tagname:نام برچسب

style:دستور استایل و کد های استایل در این قسمت قرار میگیرند

property:خاصیت یک ویژگی استایل

value:ورودی استایل

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

تغییر رنگ پس زمینه در اچ تی ام ال

برای اینکه رنگ پس زمینه سایت را عوض کنید میتوانید از کد نمونه زیر استفاده کنید.برای تغییر رنگ پس زمینه میبایست خاصیت استایل را به برچسب body اضافه کنید:


<body style="background-color:powderblue;">
<h1>سربرگ من</h1>
<p>پاراگراف من</p>

توجه:به جای powderblue میتوانید نام رنگ خود را وارد کنید و یا از کد رنگ مورد نظر خود استفاده کنید(مثلا کد رنگ مشکی:#۰۰۰)

رنگ متن در اچ تی ام ال

برای تغییر رنگ متن ها در اچ تی ام ال میتوانید از کد زیر استفاده کنید:


<h1 style="color:blue;">سربرگ من</h1>
<p style="color:red;">پاراگراف من</p>

تغییر فونت متن

برای تغییر فونت متن در اچ تی ام ال میتوانید از کد زیر استفاده کنید:


<h1 style="font-family:verdana;">سربرگ من</h1>
<p style="font-family:courier;">پاراگراف من</p>

توجه:به جای verdana میتوانید نام فونت مورد نظر خود را وارد کنید.

تغییر سایز نوشته

برای تغییر سایز نوشته میتوانید از کد زیر استفاده کنید:


<h1 style="font-size:300%;">سربرگ من</h1>
<p style="font-size:160%;">پاراگراف من</p>

توجه:برای اینکه سایز مورد نظر خود را وارد کنید میتوانید به جای ۳۰۰% عدد را تغییر بدهید و یا از واحد px استفاده کنید مثلا:۱۲px

جهت قرارگیری نوشته

شاید دوست داشته باشید که نوشته خود را در جهت مناسبی قرار دهید مثلا:چپ،راست،وسط.

بخوانید  اموزش اچ تی ام ال 4:عناصر

برای اینکه به متن خود جهت دهید میتوانید از کد زیر استفاده کنید:


<h1 style="text-align:center;">سربرگ وسط</h1>
<p style="text-align:center;">پاراگراف وسط</p>

راهنمای موقعیت های قرارگیری نوشته:

right:راست

left:چپ

center:وسط

توجه:تنها کافیست برای تغییر قرارگیری نوشته در اچ تی ام ال ورودی center را در کد بالا تغییر دهید.

خلاصه فصل:

در هشتمین جلسه به بحث استایل ها پرداخته شد و از این به بعد بیشتر در مورد استایل ها بحث خواهیم کرد.

برای تغییر رنگ پس زمینه شما میتوانید از خاصیت background-color استفاده کنید.

برای تغییر رنگ متن شما میتوانید از خاصیت color استفاده کنید.

برای تغییر فونت نوشته میتوانید از خاصیت font-family استفاده کنید.

برای تغییر سایز نوشته میتوانید از خاصیت font-size استفاده کنید.

برای تغییر محل قرارگیری نوشته میتوانید از خاصیت text-align استفاده کنید.

امیدوار هستیم که اموزش اچ تی ام ال ۸:استایل ها برای شما مفید بوده باشه

لبخند هم فراموش نکنید 😉

موفق و پیروز باشید

درباره محمد جواد فرکاریان

علاقه مند به سیستم مدیریت محتوای وردپرس هستم و اموزش ها ی در رابطه با سیستم مدیریت محتوای وردپرس را با شما عزیزان به اشتراک میگذارم . لبخند را هیچ وقت فراموش نکنید ;-)

نگاهی به این مطلب بندازید

education-html

اموزش اچ تی ام ال ۶:سربرگ ها

سلام با جلسه ششم اچ تی ام ال در خدمت شما عزیزان هستیم و قصد …

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

عضویت در خبرنامه اسکارپ
ایمیل خود را وارد کنید تا اخر هفته ها مطالب محبوب و خبر های ما را در ایمیل خود دریافت کنید
ایمیل شما نزد ما محفوظ میباشد