وانەی 63 لە 67
وانەی ٦٣: توخمی caption
فایلی دەستپێک:
lesson-63.html، لاپەڕەیەکی تەواو کە کۆدی CSSـی دابینکراوی لەناو <style> هەیە، بۆ پیشاندانی چوارچێوە و بۆشایی خانەکان. ئێستا پێویست ناکات کۆدی CSSـەکە بگۆڕیت.<!DOCTYPE html>
<html lang="ckb" dir="rtl">
<head>
<meta charset="UTF-8">
<title>مێنیوەکەمان</title>
<style>
table {
border-collapse: collapse;
}
th, td {
border: 1px solid #888;
padding: 6px 10px;
}
</style>
</head>
<body>
<h1>مێنیوەکەمان</h1>
<table>
<tr>
<th scope="col">چا</th>
<th scope="col">نرخ</th>
</tr>
<tr>
<th scope="row">چای ڕەش</th>
<td>250</td>
</tr>
<tr>
<th scope="row">چای سەوز</th>
<td>500</td>
</tr>
</table>
</body>
</html>ناوەڕۆکی ئەم وانەیە
بەشی ١: ناونیشانێک بۆ خشتەکە بەشی ٢: caption یان سەردێڕ؟ بەشی ٣: لە کوێ دایبنێین؟بەشی ١: ناونیشانێک بۆ خشتەکە
سەیری خشتەکە بکە. سەردێڕی لاپەڕەکە دەڵێت «مێنیوەکەمان»، بەڵام خشتەکە دەتوانێت ناونیشانی تایبەت بە خۆی هەبێت کە بە ڕوونی بڵێت چی پیشان دەدات. بۆ ئەوە، توخمی
<caption> بەکاردەهێنین.ئەم دێڕە ڕاستەوخۆ دوای تاگی دەستپێکی
<table> و پێش یەکەم <tr> زیاد بکە:<caption>نرخی چاکان</caption>سەرەتای خشتەکە بەم شێوەیە دەبێت:
<table>
<caption>نرخی چاکان</caption>
<tr>
<th scope="col">چا</th>
<th scope="col">نرخ</th>
</tr>تێکستی «نرخی چاکان» بە شێوەی بنەڕەتی لە سەرووی خشتەکە دەردەکەوێت.بەشی ٢: caption یان سەردێڕ؟
بۆچی تەنها سەردێڕێک لە سەرووی خشتەکە دانانێین؟ سەردێڕێکی وەک
<h1> لاپەڕەکە دەناسێنێت، بەڵام <caption> ڕاستەوخۆ بە خودی خشتەکەوە بەستراوەتەوە.ئامێری خوێندنەوەی شاشە دەتوانێت ناونیشانەکە لەگەڵ خشتەکە بخوێنێتەوە. بەم شێوەیە، کەسێک کە ڕاستەوخۆ دەچێتە سەر خشتەکە دەزانێت دەربارەی چییە.
پشکنەر بکەرەوە و
<caption> وەک یەکەم توخم لەناو <table> پیشان بدە.بەشی ٣: لە کوێ دایبنێین؟
<caption> دەبێت یەکەم توخم بێت لەناو <table>، پێش ڕیزەکان.ئەگەر لە کۆدەکەدا دوای ڕیزەکان دایبنێیت، لەوانەیە وێبگەڕ هێشتا لە سەرووی خشتەکە پیشانی بدات. بەڵام ئەوە واتای ئەوە نییە کە شوێنی دانانی لە کۆدەکەدا دروستە. تەنها بە ڕووخساری لاپەڕەکە بڕیار مەدە؛ شوێنی توخمەکەش بپشکنە.
هەڵەیەکی باو:<caption>دوای ڕیزەکان دابنێیت. دەبێت یەکەم توخم بێت لەناو<table>.
پوختە
<caption>ناونیشانێکی تایبەت بە خشتەکە دیاری دەکات.- دەبێت یەکەم توخم بێت لەناو
<table>. - سەردێڕی لاپەڕە و ناونیشانی خشتە کاری جیاواز دەکەن؛
<caption>ڕاستەوخۆ بە خشتەکەوە بەستراوەتەوە. - ئامێری خوێندنەوەی شاشە دەتوانێت ناونیشانەکە لەگەڵ خشتەکە بخوێنێتەوە.
ڕاهێنان
١.
<caption>ێک بۆ خشتەیەکی خۆت زیاد بکە کە ناوەڕۆکەکەی بە ڕوونی بناسێنێت.٢. سەردێڕی لاپەڕەکە بگۆڕە و <
caption> بهێڵەرەوە. کامیان هێشتا خودی خشتەکە دەناسێنێت؟٣. بە ئەنقەست
<caption> لەناو <table>، دوای ڕیزەکان دابنێ و سەیری ئەنجامەکە بکە. تەنانەت ئەگەر ڕووخسارەکە نەگۆڕا، بیگەڕێنەرەوە بۆ شوێنی دروستی، پێش یەکەم ڕیز.نموونە
html<!DOCTYPE html>
<html lang="ckb" dir="rtl">
<head>
<meta charset="UTF-8">
<title>نرخی چا</title>
<style>
table {
border-collapse: collapse;
}
th, td {
border: 1px solid #888;
padding: 6px 10px;
}
</style>
</head>
<body>
<h1>مێنیوەکەمان</h1>
<table>
<caption>نرخی چاکان</caption>
<tr>
<th scope="col">چا</th>
<th scope="col">نرخ</th>
</tr>
<tr>
<th scope="row">چای ڕەش</th>
<td>250</td>
</tr>
<tr>
<th scope="row">چای سەوز</th>
<td>500</td>
</tr>
</table>
</body>
</html>
خۆت تاقی بکەرەوە ↗
ئەنجام
چوونەژوورەوە بۆ پاشەکەوتکردنی پێشکەوتنت لە فێربووندا.