ورود به کارتابل مشتریان وب مهراز
استایل های HTML
یادگیری HTMLاستایل های html از جمله عناصری است که موارد بسیاری با استفاده از آنها بر روی اسناد HTML می توان اعمال کرد.
این متن قرمز است
این متن آبی است
<p style="color:red;">این یک متن قرمز است</p>
<p style="color:blue;">این یک متن آبی است</p>
<p style="font-size:36px;">این یک متن بزرگ است</p>استایل های HTML - صفت style
تنظیم استایل (شیوه یا نحوه نمایش عناصر) عناصر در HTML با استفاده از صفت style انجام می شود. ترکیب صفت style در HTML به شکل زیر است :
<tagname style="property:value;">
تشریح ترکیب کد :
نام تگ = tagname
صفت = property
مقدار = value
صفت (property) و مقدار (value) ، صفت و مقدار CSS هستند. در آموزش های مخصوص CSS با این زبان بیشتر آشنا خواهید شد.
رنگ پس زمینه در HTML
صفت background-property رنگ پس زمینه را برای یک عنصر HTML تعیین می کند. مثال زیر رنگ زمینه یک صفحه را بر روی آبی بسیار کم رنگ تنظیم می کند :
<body style="background-color:powderblue;">
<h1>این یک تیتر است</h1>
<p>این یک پاراگراف است</p>
</body>رنگ متن در HTML
صفت color رنگ متن یک عنصر را در HTML تعیین می کند.
مثال :
<h1 style="color:blue;">این یک تیتر است</h1>
<p style="color:red;">این یک پاراگراف است</p>فونت ها در HTML
صفت font-family ، فونت مورد استفاده یک عنصر HTML را مشخص می کند.
مثال :
<h1 style="font-family:arial;">این یک تیتر است</h1>
<p style="font-family:tahoma;">این یک پاراگراف است</p>اندازه متن در HTML
صفت font-size اندازه متن یک عنصر را مشخص می کند.
مثال :
<h1 style="font-size:300%;">این یک تیتر است</h1>
<p style="font-size:160%;">این یک پاراگراف است</p>ترازبندی متن در HTML
صفت text-align ترازبندی افقی متن یک عنصر HTML را مشخص می کند.
مثال :
<h1 style="text-align:center;">تیتر وسط چین</h1>
<p style="text-align:center;">پاراگراف وسط چین </p>خلاصه درس :
- برای تنظیم نحوه نمایش عناصر (استایل) از صفت style
- برای تعیین رنگ پس زمینه از صفت background-color
- از صفت color برای تعیین رنگ متن
- از صفت font-family برای تعیین فونت متن
- از صفت font-size برای تعیین اندازه متن
- و از صفت text-align برای تنظیم ترازبندی متن استفاده می شود.
نظرات