۷
آذر

جلسه ۹۷ : آموزش کار با تگ style در HTML

دسته‌بندی‌ها :

جزئیات
نوع محتواآموزشی

فهرست

مقدمه

سلام پی وی لرنی های عزیز!
به دوره آموزش تگ های HTML خوش آمدید!
HTML یا Hypertext Markup Language یک نوع زبان نشانه‌گذاری استاندارد برای ایجاد صفحات اینترنت و وب محسوب می شود.
می توان ادعا کرد که HTML دروازه ورود و پیشرفت برای یادگیری سایر زبان های برنامه نویسی هم چون CSS و جاوا اسکریپت است.
HTML ساختار و اسکلت صفحات وب را تشکیل می دهد و بدون آن نمی توان هیچ صفحه وبی را ساخت.
دوست دارید طراح وب شوید؟
خب باید HTML را بیاموزید!
نگران نشوید! یادگیری HTML کار دشواری نیست و با کمی تلاش خیلی زود در آن استاد می شوید.
در جلسه پیش آموختیم که چگونه از تگ strong استفاده کنیم؛ تگ strong تگی است که می توان بخش های مهم متن را می توان به کمک آن تعریف کرد.
در این جلسه قرار است به آموزش کار با تگ style در HTML بپردازیم.

آموزش کار با تگ style در HTML

به مثال زیر توجه نمایید.
در این مثال می توانید مشاهده کنید که چگونه از تگ style در یک سند HTML استفاده شده است.

مثال :

<html>
<head>
<style>
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>

<h1>A heading</h1>
<p>A paragraph.</p>

</body>
</html>

<html>

<head>

<style>

h1 {color:red;}

p {color:blue;}

</style>

</head>

<body>

<h1>A heading</h1>

<p>A paragraph.</p>

</body>

</html>

تعریف و کاربرد

تگ style تگی است که با کمک آن می توان برای یک صفحه وب استایل یا سبک تعریف نمود.
در داخل تگ style می توان مشخص کرد که چگونه عناصر HTML در یک مرورگر نمایش داده شوند.
لذا هر سند HTML می تواند شامل چندین تگ style باشد.

پشتیبانی مرورگرها

عنصر
<style>	بله	بله	بله	بله	بله

نکات و توصیه ها

توصیه

برای لینک دادن به یک صفحه استایل خارجی ، از تگ <link> استفاده کنید.

خصیصه ها

خصیصه	مقدار	توضیحات
media	media_query	این خصیصه تعیین می کند که دستورات css مورد نظر برای دستگاهای مختلف بهینه سازی گردد.
type	text/css	این خصیصه نوع رسانه یا نوع محتوای تگ style را تعیین می کند.

خصیصه های سراسری Global Attributes

تگ <style> از خصیصه های سراسری در HTML پشتیبانی می کند.

خصیصه رویداد Event Attributes

تگ <style> از خصیصه رویداد در HTML پشتیبانی می کند.

تنظیمات پیش فرض CSS

بیشتر مرورگرها عنصر <style> را با مقادیر پیش فرض زیر نمایش می دهند:

مثال :

style {
  display: none;
}

style {

display: none;

}

کلام آخر

در این جلسه به آموزش کار با تگ style در HTML پرداختیم؛ به کمک این تگ می توان برای یک صفحه وب استایل یا سبک تعریف نمود.
در جلسه بعدی شما را با تگ sub آشنا می کنیم.
با پی وی لرن همراه باشید.

QR: جلسه ۹۷ : آموزش کار با تگ style در HTML

به اشتراک بگذارید

آشنایی با html tags ,آشنایی با تگ style ,آشنایی با تگ های HTML ,آموزش استفاده از تگ style ,آموزش استفاده از تگ style در HTML ,آموزش تگ style ,آموزش کامل html ,آموزش کامل HTML tags ,استفاده از تگ style ,تگ style ,تگ style چیست ,تگ style در HTML ,تگ های HTML ,کار با تگ style ,کاربرد تگ style ,کاربرد تگ style چیست ,کاربرد تگ style در HTML ,کاربرد تگ style در HTML چیست

دیدگاه کاربران

تعداد دیدگاه : 0

پی وی لرن – آموزش برنامه نویسی و طراحی وب سایت

دوره های آموزشی آکادمی پی وی لرن (پروژه محور و ویژه بازار کار)