آموزش تگ figcaption در HTML

آموزش تگ figcaption در HTML
دوست من سلام امیدوارم حالتون عالی و پر از انرژی باشید. توی این بخش از آموزش html css قراره که با آموزش تگ figcaption در HTML به صورت کامل آشنا بشید.
تگ Figcaption در HTML
تگ figcaption
تگی است که باید درون تگ figure بکار برده شود و با استفاده از آن میتوان برای تگ <figure> یک عنوان یا کپشن تعیین کرد.
راستی اگر دنبال آموزش html css پروژه محور هستید می توانید از دوره ی آموزش وردپرس پوش استفاده کنید. جهت مشاهده ی 28 ساعت ویدیو آموزشی با پشتیبانی مادام العمر روی این لینک کلیک کنید.
مثال از این تگ در HTML
در ادامه ی آموزش html و css میتوانید یک مثال از این تگ را مشاهده کنیدد.
مثال شماره یک : استفاده از تگ figcaption در حالت عادی ( بدون استایل ).
<body> <figure style="text-align:center;"> <img src="files/ali-daei.jpg"> <figcaption>علی دایی در سال 2019</figcaption> </figure> </body>
و مثال شماره دو : استایل دادن به تگ figcaption به کمک CSS.
<style> figure{ border:3px #000 solid; padding:4px; margin:10px auto; max-width:500px; overflow:auto; text-align:center; } figcaption{ background-color:#123456; color:#fff; font-style:italic; padding:5px; text-align:center; } </style>
پشتیبانی مرورگرها
در جدولی که در پایین مشاهده می کنید به این نتیجه می رسید که آیا مرورگرهای اینترنتی از تگ figcaption
در HTML پشتیبانی میکنند یا خیر.
پشتیبانی از صفات و رویدادهای عمومی
تگ figcaption
از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
نکات و توضیحات
- تنها نکته این قابل زکر این است. که تگ figcaption باید درون تگ figure بکار رود.
دستورات CSS پیش فرض
غالبا مرورگرها تگ figcaption
را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.
figcaption { display: block; }
توصیه ما به شما دوست عزیزم این است که با شرکت در دوره ی آموزشی html css در این موارد بسیار مهارت پیدا کنید تا بتوانید علاوه بر طراحی سایت برای خودتان و حتی دیگران و درآمد زایی برای خود درک بهتر و بیشتری راجع به این مطالب پیدا کنید.
ما سعی کردیم در این دوره از مثال های کوچک و کاربردی استفاده شود تا مطالب به صورت کامل برای شما عزیزان قابل فهم باشه این دوره درواقع سطح پیشرفته تر و کامل تر برای دوره html & css میباشد.
توجه داشته باشید که برخی از افراد با هزینه ی کمی این دوره را برگزار می کنند. اما سرفصل ها و دروس تدریس شده کاملی ندارند. و صرفا چند تا از تگ های html css را آموزش می دهند. ما دراین دوره صفر تا صد آنچه که مربوط به طراحی وبسایت هستش رو به شما آموزش خواهیم داد که می توانید سرفصل های مارا با دیگر مدرسان مقایسه کنید.
در صورتی که مشکلی دارید و قادر به حل آن نیستید می توانید با ما در تماس باشید
دیدگاهتان را بنویسید