کۆرسی HTML - تایبەتمەندیەکان لە HTML

تایبەتمەندییەکانی HTML چین؟

تایبەتمەندییەکانی HTML زانیاری زیاتر لەسەر تاگەکان دابین دەکەن
هەموو تاگەکانی HTML دەتوانن یەک یان چەند تایبەتمەندییان هەبێت
تایبەتمەندییەکان ناو/بەها (name/value) لەخۆدەگرن، وەک: name="value"
تایبەتمەندییەکان هەمیشە لە تاگی دەستپێک دادەنرێن
بەهای تایبەتمەندییەکان دەبێت لەناو "" یان '' دابنرێن

نموونەی تایبەتمەندییەکان

لێرەدا href تایبەتمەندییە کە بەستەری پەڕەکە دیاری دەکات.

<a href="https://www.ferkar.org">سەردانی فێرکار بکە</a>

لێرەدا src سەرچاوەی وێنەکە، width پانی و height بەرزی وێنەکە دیاری دەکەن.

<img src="img_girl.jpg" width="500" height="600">

تایبەتمەندییە باوەکان

href

بەستەر بۆ پەڕەیەک دیاری دەکات:

<a href="https://www.example.com">بەستەر</a>

src

سەرچاوەی فایلێک دیاری دەکات:

<img src="image.jpg">
<script src="script.js"></script>

alt

دەقێکی جێگرەوە بۆ وێنە دیاری دەکات:

<img src="image.jpg" alt="وێنەی گوڵ">

style

ستایلی ڕاستەوخۆ بۆ تاگێک دیاری دەکات:

<p style="color:red; font-size:16px;">ئەمە دەقێکە</p>

lang

زمانی ناوەڕۆک دیاری دەکات:

<html lang="ku">

title

زانیاری زیاتر لەبارەی تاگێک دەدات (تیپ):

<p title="ئەمە ڕوونکردنەویەیەکە">ماوس لێرە دابنێ!</p>

class

یەک یان چەند پۆل بۆ تاگێک دیاری دەکات:

<div class="city main">کوردستان</div>

id

ناسنامەیەکی تایبەت بۆ تاگێک دیاری دەکات:

<div id="header">سەردێڕ</div>

نموونەی پراکتیکی

<!DOCTYPE html>
<html dir="rtl" lang="ku">
<head>
    <title>وانەی تایبەتمەندییەکانی HTML</title>
</head>
<body>

<h1 style="color:blue; text-align:center;">فێربوونی تایبەتمەندییەکانی HTML</h1>
<p title="ئامۆژگاری">ماوس لێرە دابنێ بۆ بینینی تیپ!</p>

<a href="https://ferkar.org/images/xlogo-ferkar.png.pagespeed.ic.dyiQ9GRi2I.webp" target="_blank">سەردانی فێرکار بکە</a>

<img src="https://ferkar.org/images/xlogo-ferkar.png.pagespeed.ic.dyiQ9GRi2I.webp" alt="لۆگۆی ferkar" width="30" height="30">
<br/> <br/><br/>

<div class="note important" id="warning">
    تایبەتمەندییەکان زۆر گرنگن بۆ ڕێکخستنی پەڕەی HTML.
</div>

<table width="100%" border="1">
    <tr>
        <th>تایبەتمەندی</th>
        <th>ئەرک</th>
    </tr>
    <tr>
        <td>href</td>
        <td>بەستەر دیاری دەکات</td>
    </tr>
    <tr>
        <td>src</td>
        <td>سەرچاوەی فایل دیاری دەکات</td>
    </tr>
    <tr>
        <td>width</td>
        <td>پانی دیاری دەکات</td>
    </tr>
    <tr>
        <td>height</td>
        <td>بەرزی دیاری دەکات</td>
    </tr>
    <tr>
        <td>alt</td>
        <td>دەقی جێگرەوە دیاری دەکات</td>
    </tr>
</table>

</body>
</html>

تێبینی گرنگ:

تایبەتمەندییەکان سەربەخۆ نابن، دەبێت لەگەڵ تاگێک بن
ناوی تایبەتمەندییەکان بە پیتی بچووک دەنووسرێن
چەند تایبەتمەندی دەتوانن بۆ یەک تاگ بەکاربهێنرێن
نێوان تایبەتمەندییەکان بۆشایی دادەنرێت