استایل در html (HTML Styles)
زمان مطالعه
5 دقیقهتعداد بازدید
650تعداد پرسش ها
0برچسب ها :
نکات html
استایل در html (HTML Styles)
زمان مطالعه
5 دقیقهتعداد بازدید
650تعداد پرسش ها
0برچسب ها :
نکات htmlبا استفاده از خصوصیت (ویژگی) استایل در html می توانید ظاهر، سایز، فونت و ... یک تگ را تغییر دهید. به مثال توجه کنید
<p>I am normal</p>
<p style="color:red;">I am red</p>
<p style="color:blue;">I am blue</p>
<p style="font-size:50px;">I am big</p>
استایل در html
تنظیم حالتهای گفته شده مثل رنگ و ... یک تگ می تواند با خصوصیت style اعمال شود در مثال زیر property یک ویژگی مثل color است و value مقدار ویژگی رو مشخص میکنه.
<tagname style="property:value;">
رنگ پس زمینه در html
با خصوصیت background-color می توانید رنگ پس زمینه هر تگی را تعیین کنید. به مثال زیر توجه کنید
<body style="background-color:powderblue;">
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
رنگ متن تگ در html
با استفاده از خصوصیت (پراپرتی) color می توانید رنگ محتوای یک تگ را تغییر دهید
<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>
فونت در html
خصوصیت font-family به شما این امکان را می دهد که فونت مورد دلخواه خود را به تگ مورد نظر اعمال کنید.
<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>
تغییر سایز متن (Text Size)
font-size اندازه فونت فعلی تگ را مشخص می کنید و می تواند به صورت درصدی یا پیکسلی اعمال شود.
<h1 style="font-size:300%;">This is a heading</h1>
<p style="font-size:160%;">This is a paragraph.</p>
تراز دهی متن (Text Alignment)
پراپرتی text-align ترازبندی به صورت افقی را مشخص می کند و ورودی های right، left، center و.... می گیرد
<h1 style="text-align:center;">Centered Heading</h1>
<p style="text-align:center;">Centered paragraph.</p>
search console insights چیست؟ (سرچ کنسول اینسایت)
افزودن دکمه تماس واتساپ در سایت برنامه نویسی شده و وردپرس
رپورتاژ (ریپورتاژ) آگهی یا خبری چیست و چه تاثیری بر سئو دارد
آنفالو(unfollow) در توییتر به شرط فالو(follow) نکردن شما جاوا اسکریپت
قرارداد تولید ویدئو(فیلم)، تیزر تبلیغاتی
برنامه نویس خوب، موفق و توانایی هایی که باید داشته باشید
وسط چین کردن تصاویر با css داخل متن
کلیک بر روی دکمه های موجود بر روی صفحه با جاوا اسکریپت
آموزش لیست ها (Lists) در html
تگ picture در html
