https://chawg.org/w/api.php?action=feedcontributions&user=%D8%A6%D8%A7%D8%B1%D8%A7&feedformat=atom
چاوگ - بەشدارییەکانی بەکارھێنەر [ckb]
2024-03-29T01:04:44Z
بەشدارییەکانی بەکارھێنەر
MediaWiki 1.39.6
https://chawg.org/w/index.php?title=Bootstrap&diff=3275
Bootstrap
2017-01-11T22:32:35Z
<p>ئارا: </p>
<hr />
<div>[[File:Boostrap_logo.png|thumb|لۆگۆی بووتستراپ]]<br />
'''بووتستراپ Bootstrap''' چوارچێوەیەکی ئامادەکراوی [[CSS]] ـە بەکاردێت بۆ داڕشتنی ماڵپەڕی سەر مۆبایل، تابلێت و کۆمپیوتەر کە بەشێوەیەکی چالاک کار بکات لەسەر قەبارە جیاوازەکانی شاشەی سەرجەم ئامێرەکان. واتە ڕووکاری ماڵپەڕەکە بە شێوەیەکی خۆکار جیاواز دەردەکەوێت کاتێک لەسەر کۆمپیوتەر یان مۆبایل دەکرێتەوە. ماڵپەڕەکە ڕووکارێک نیشان دەدات کە بگونجێت لەگەڵ قەبارەی شاشەی ئامێرەکە.<br />
<br />
بووتستراپ بەشێوەیەکی سەرەکی پێک دێت لە پەڕگەیەکی CSS کە دەیان قاڵب و نەخشی ئامادەکراوی جیاوازی تیادایە بۆ دروستکردنی فۆڕم، دوگمە و سەرجەم [//chawg.org/wiki/Html#.D8.AA.D9.88.D8.AE.D9.85.DB.95.DA.A9.D8.A7.D9.86 تووخمەکانی HTML]. بۆ داڕشتنی ماڵپەڕ بەکارهێنەر تەنها پێویستی بە نووسینی پەڕەکانی HTML دەبێت. بووتستراپ چەند پێکهاتەیەکی جاڤاسکریپت بەکاردێنێت بۆ دروستکردنی وێنەی جوڵاو (Carousel) و PopUp Menu.<br />
<br />
[[Category:WebDesign]]<br />
{{DISPLAYTITLE:Bootstrap بووتستراپ}}</div>
ئارا
https://chawg.org/w/index.php?title=Bootstrap&diff=3274
Bootstrap
2017-01-11T21:47:24Z
<p>ئارا: پەڕەی دروستکرد بە «لۆگۆی بووتستراپ '''بووتستراپ Bootstrap''' چوارچێوەیەکی ئامادەکراوی [[CSS]...»ەوە</p>
<hr />
<div>[[File:Boostrap_logo.png|thumb|لۆگۆی بووتستراپ]]<br />
'''بووتستراپ Bootstrap''' چوارچێوەیەکی ئامادەکراوی [[CSS]] ـە بەکاردێت بۆ داڕشتنی ماڵپەڕی سەر مۆبایل، تابلێت و کۆمپیوتەر کە بەشێوەیەکی چالاک کار بکات لەسەر قەبارە جیاوازەکانی شاشەی سەرجەم ئامێرەکان. واتە ڕووکاری ماڵپەڕەکە بە شێوەیەکی خۆکار جیاواز دەردەکەوێت کاتێک لەسەر کۆمپیوتەر یان مۆبایل دەکرێتەوە. ماڵپەڕەکە ڕووکارێک نیشان دەدات کە بگونجێت لەگەڵ قەبارەی شاشەی ئامێرەکە.<br />
<br />
بووتستراپ بەشێوەیەکی سەرەکی پێک دێت لە پەڕگەیەکی CSS کە دەیان قاڵب و نەخشی ئامادەکراوی جیاوازی تیادایە بۆ دروستکردنی فۆڕم، دوگمە و سەرجەم [//chawg.org/wiki/Html#.D8.AA.D9.88.D8.AE.D9.85.DB.95.DA.A9.D8.A7.D9.86 تووخمەکانی HTML]. بۆ داڕشتنی ماڵپەڕ بەکارهێنەر تەنها پێویستی بە نووسینی پەڕەکانی HTML دەبێت. بووتستراپ چەند پێکهاتەیەکی جاڤاسکریپت بەکاردێنێت بۆ دروستکردنی وێنەی جوڵاو (Carousel) و PopUp Menu.</div>
ئارا
https://chawg.org/w/index.php?title=%D9%BE%DB%95%DA%95%DA%AF%DB%95:Boostrap_logo.png&diff=3273
پەڕگە:Boostrap logo.png
2017-01-11T21:35:38Z
<p>ئارا: لۆگۆی بووتسراپ</p>
<hr />
<div>لۆگۆی بووتسراپ</div>
ئارا
https://chawg.org/w/index.php?title=Chawg_Keyboard_Layouts&diff=3272
Chawg Keyboard Layouts
2017-01-11T21:04:09Z
<p>ئارا: </p>
<hr />
<div>{{note|تەختەکلیلی چاوگ نوێکراوەتەوە و لەگەڵ تەختەکلیلی سەرجەم سیستەمە کارگێڕییەکان بە ستاندارد و فەرمی کراوە لەلایەن حکوومەتی هەرێمی کوردستانەوە. تکایە بۆ داگرتنی نوێترین وەشان [//unicode.ekrg.org/download.html کرتە لێرە بکە]}}<br />
{{note|ئەگەر وەشانی پێشووی تەختەکلیلی چاوگت دامەزراندووە، تکایە ئەو وەشانە لە کۆپیوتەرەکەت بسڕەوە پاشان وەشانی نوێ دابگرە.}}<br />
<br />
تەختەکلیلەکانی چاوگ جووتێ تەختەکلیلن بۆ سیستەمی کارگێڕی ویندۆز، لەسەر بنەمای هەردوو تەختەکلیلی ئینگلیزی و تەختەکلیلی عەرەبی دروست کراون بۆ نووسین بە پیتی کوردی لەنێو کۆمپیوتەر و سەر تۆڕی ئینتەرنێت.<br />
<br />
== داگرتن و دامەزراندن==<br />
[[Image:Zyadkirdini_textekilil_vista.gif|thumb|360px|چۆنیەتی دامەزراندن لە ویندۆز ڤیستا و ٧]]<br />
[http://www.chawg.org/w/images/8/80/Chawg_Keyboard_Layouts.zip کرتە لێرە بکە] بۆ داگرتنی تەختەکلیل و لە شوێنێک لەنێو کۆمپیوتەرەکەتدا پاشەکەوتی بکە.<br /><br />
'''دامەزراندن''':<br />
* پەڕگە پەستێنراوەکە بکەرەوە بە ناوی Chawg_Keyboard_Layouts ـە.<br />
* لەناویدا پەڕگەی دامەزراندن/setup ـی تیادایە بەهەمان شێوە بەناوی Chawg_Keyboard_Layouts، دوو کرتەی لێ بکە تا پەنجەرەی دامەزراندنت بۆ دەکرێتەوە و پاشان بەردەوام بە لە هەنگاوەکانی دامەزراندن.<br />
* بڕۆ بۆ Control Panel، پاشان Regional and Languages بکەرەوە. کرتە لە تابی Keyboard and Languages بکە و کرتە لە Change Keyboards بکە (لە ویندۆز XP کرتە لە Details بکە).<br />
* دواتر وەک ئەوە بکە کە لە وێنەکەدایە. نیشانەی ڕاست بدە لە یەکێک لەو دوو تەختەکلیلە کە دەتەوێت پێی بنووسیت. (ئەگەر تەختەکلیلەکە لە لیستە بچووکەکەدا نەبوو، کرتە لە show more بکە بۆ پیشاندانی لیستی هەموو تەختەکلیلەکان.<br />
<br />
== دیمەنی تەختەکلیل ==<br />
[[پەڕگە:Chawg_Keyboards_Screenshots.gif|768px|center|دیمەنی تەختەکلیلەکانی چاوگ. کرتە لە وێنەکە بکە بۆ بینینی بە گەورەیی]]<br />
== ئەمانەش ببینە ==<br />
* [[کێشەکانی تەختەکلیل و زمانی کوردی]]<br />
[[Category:Software]]<br />
{{DISPLAYTITLE: تەختەکلیلەکانی چاوگ}}</div>
ئارا
https://chawg.org/w/index.php?title=Chawg_Keyboard_Layouts&diff=2796
Chawg Keyboard Layouts
2011-08-18T14:07:59Z
<p>ئارا: </p>
<hr />
<div>{{note|ئەگەر وەشانی پێشووی تەختەکلیلی چاوگت دامەزراندووە، تکایە ئەو وەشانە لە کۆپیوتەرەکەت بسڕەوە پاشان وەشانی نوێ دابگرە.}}<br />
<br />
تەختەکلیلەکانی چاوگ جووتێ تەختەکلیلن بۆ سیستەمی کارگێڕی ویندۆز، لەسەر بنەمای هەردوو تەختەکلیلی ئینگلیزی و تەختەکلیلی عەرەبی دروست کراون بۆ نووسین بە پیتی کوردی لەنێو کۆمپیوتەر و سەر تۆڕی ئینتەرنێت.<br />
<br />
== داگرتن و دامەزراندن==<br />
[[Image:Zyadkirdini_textekilil_vista.gif|thumb|360px|چۆنیەتی دامەزراندن لە ویندۆز ڤیستا و ٧]]<br />
[http://www.chawg.org/w/images/8/80/Chawg_Keyboard_Layouts.zip کرتە لێرە بکە] بۆ داگرتنی تەختەکلیل و لە شوێنێک لەنێو کۆمپیوتەرەکەتدا پاشەکەوتی بکە.<br /><br />
'''دامەزراندن''':<br />
* پەڕگە پەستێنراوەکە بکەرەوە بە ناوی Chawg_Keyboard_Layouts ـە.<br />
* لەناویدا پەڕگەی دامەزراندن/setup ـی تیادایە بەهەمان شێوە بەناوی Chawg_Keyboard_Layouts، دوو کرتەی لێ بکە تا پەنجەرەی دامەزراندنت بۆ دەکرێتەوە و پاشان بەردەوام بە لە هەنگاوەکانی دامەزراندن.<br />
* بڕۆ بۆ Control Panel، پاشان Regional and Languages بکەرەوە. کرتە لە تابی Keyboard and Languages بکە و کرتە لە Change Keyboards بکە (لە ویندۆز XP کرتە لە Details بکە).<br />
* دواتر وەک ئەوە بکە کە لە وێنەکەدایە. نیشانەی ڕاست بدە لە یەکێک لەو دوو تەختەکلیلە کە دەتەوێت پێی بنووسیت. (ئەگەر تەختەکلیلەکە لە لیستە بچووکەکەدا نەبوو، کرتە لە show more بکە بۆ پیشاندانی لیستی هەموو تەختەکلیلەکان.<br />
<br />
== دیمەنی تەختەکلیل ==<br />
[[پەڕگە:Chawg_Keyboards_Screenshots.gif|768px|center|دیمەنی تەختەکلیلەکانی چاوگ. کرتە لە وێنەکە بکە بۆ بینینی بە گەورەیی]]<br />
== ئەمانەش ببینە ==<br />
* [[کێشەکانی تەختەکلیل و زمانی کوردی]]<br />
[[Category:Software]]<br />
{{DISPLAYTITLE: تەختەکلیلەکانی چاوگ}}</div>
ئارا
https://chawg.org/w/index.php?title=Chawg_Keyboard_Layouts&diff=2795
Chawg Keyboard Layouts
2011-08-18T12:29:39Z
<p>ئارا: </p>
<hr />
<div>تەختەکلیلەکانی چاوگ جووتێ تەختەکلیلن بۆ سیستەمی کارگێڕی ویندۆز، لەسەر بنەمای هەردوو تەختەکلیلی ئینگلیزی و تەختەکلیلی عەرەبی دروست کراون بۆ نووسین بە پیتی کوردی لەنێو کۆمپیوتەر و سەر تۆڕی ئینتەرنێت.<br />
<br />
== داگرتن و دامەزراندن==<br />
[[Image:Zyadkirdini_textekilil_vista.gif|thumb|360px|چۆنیەتی دامەزراندن لە ویندۆز ڤیستا و ٧]]<br />
[http://www.chawg.org/w/images/8/80/Chawg_Keyboard_Layouts.zip کرتە لێرە بکە] بۆ داگرتنی تەختەکلیل و لە شوێنێک لەنێو کۆمپیوتەرەکەتدا پاشەکەوتی بکە.<br /><br />
'''دامەزراندن''':<br />
* پەڕگە پەستێنراوەکە بکەرەوە بە ناوی Chawg_Keyboard_Layouts ـە.<br />
* لەناویدا پەڕگەی دامەزراندن/setup ـی تیادایە بەهەمان شێوە بەناوی Chawg_Keyboard_Layouts، دوو کرتەی لێ بکە تا پەنجەرەی دامەزراندنت بۆ دەکرێتەوە و پاشان بەردەوام بە لە هەنگاوەکانی دامەزراندن.<br />
* بڕۆ بۆ Control Panel، پاشان Regional and Languages بکەرەوە. کرتە لە تابی Keyboard and Languages بکە و کرتە لە Change Keyboards بکە (لە ویندۆز XP کرتە لە Details بکە).<br />
* دواتر وەک ئەوە بکە کە لە وێنەکەدایە. نیشانەی ڕاست بدە لە یەکێک لەو دوو تەختەکلیلە کە دەتەوێت پێی بنووسیت. (ئەگەر تەختەکلیلەکە لە لیستە بچووکەکەدا نەبوو، کرتە لە show more بکە بۆ پیشاندانی لیستی هەموو تەختەکلیلەکان.<br />
<br />
== دیمەنی تەختەکلیل ==<br />
[[پەڕگە:Chawg_Keyboards_Screenshots.gif|768px|center|دیمەنی تەختەکلیلەکانی چاوگ. کرتە لە وێنەکە بکە بۆ بینینی بە گەورەیی]]<br />
== ئەمانەش ببینە ==<br />
* [[کێشەکانی تەختەکلیل و زمانی کوردی]]<br />
[[Category:Software]]<br />
{{DISPLAYTITLE: تەختەکلیلەکانی چاوگ}}</div>
ئارا
https://chawg.org/w/index.php?title=Chawg_Keyboard_Layouts&diff=2794
Chawg Keyboard Layouts
2011-08-18T12:27:16Z
<p>ئارا: </p>
<hr />
<div>تەختەکلیلەکانی چاوگ جووتێ تەختەکلیلن بۆ سیستەمی کارگێڕی ویندۆز، لەسەر بنەمای هەروو تەختەکلیلی ئینگلیزی و تەختەکلیلی عەرەبی دروست کراون بۆ نووسین بە پیتی کوردی لەنێو کۆمپیوتەر و سەر تۆڕی ئینتەرنێت.<br />
<br />
== داگرتن و دامەزراندن==<br />
[[Image:Zyadkirdini_textekilil_vista.gif|thumb|360px|چۆنیەتی دامەزراندن لە ویندۆز ڤیستا و ٧]]<br />
[http://www.chawg.org/w/images/8/80/Chawg_Keyboard_Layouts.zip کرتە لێرە بکە] بۆ داگرتنی تەختەکلیل و لە شوێنێک لەنێو کۆمپیوتەرەکەتدا پاشەکەوتی بکە.<br /><br />
'''دامەزراندن''':<br />
* پەڕگە پەستێنراوەکە بکەرەوە بە ناوی Chawg_Keyboard_Layouts ـە.<br />
* لەناویدا پەڕگەی دامەزراندن/setup ـی تیادایە بەهەمان شێوە بەناوی Chawg_Keyboard_Layouts، دوو کرتەی لێ بکە تا پەنجەرەی دامەزراندنت بۆ دەکرێتەوە و پاشان بەردەوام بە لە هەنگاوەکانی دامەزراندن.<br />
* بڕۆ بۆ Control Panel، پاشان Regional and Languages بکەرەوە. کرتە لە تابی Keyboard and Languages بکە و کرتە لە Change Keyboards بکە (لە ویندۆز XP کرتە لە Details بکە).<br />
* دواتر وەک ئەوە بکە کە لە وێنەکەدایە. نیشانەی ڕاست بدە لە یەکێک لەو دوو تەختەکلیلە کە دەتەوێت پێی بنووسیت. (ئەگەر تەختەکلیلەکە لە لیستە بچووکەکەدا نەبوو، کرتە لە show more بکە بۆ پیشاندانی لیستی هەموو تەختەکلیلەکان.<br />
<br />
== دیمەنی تەختەکلیل ==<br />
[[پەڕگە:Chawg_Keyboards_Screenshots.gif|768px|center|دیمەنی تەختەکلیلەکانی چاوگ. کرتە لە وێنەکە بکە بۆ بینینی بە گەورەیی]]<br />
== ئەمانەش ببینە ==<br />
* [[کێشەکانی تەختەکلیل و زمانی کوردی]]<br />
[[Category:Software]]<br />
{{DISPLAYTITLE: تەختەکلیلەکانی چاوگ}}</div>
ئارا
https://chawg.org/w/index.php?title=%D9%BE%DB%95%DA%95%DA%AF%DB%95:Chawg_Keyboards_Screenshots.gif&diff=2793
پەڕگە:Chawg Keyboards Screenshots.gif
2011-08-18T12:22:38Z
<p>ئارا: دیمەنی تەختەکلیلەکانی چاوگ</p>
<hr />
<div>دیمەنی تەختەکلیلەکانی چاوگ</div>
ئارا
https://chawg.org/w/index.php?title=%DA%A9%DB%8E%D8%B4%DB%95%DA%A9%D8%A7%D9%86%DB%8C_%D8%AA%DB%95%D8%AE%D8%AA%DB%95%DA%A9%D9%84%DB%8C%D9%84_%D9%88_%D8%B2%D9%85%D8%A7%D9%86%DB%8C_%DA%A9%D9%88%D8%B1%D8%AF%DB%8C&diff=2792
کێشەکانی تەختەکلیل و زمانی کوردی
2011-08-18T12:19:34Z
<p>ئارا: پەڕەی دروستکرد بە «== کێشەکانی تەختەکلیل و زمانی کوردی == [[Image:Windows-vista_Xp-piti_bizwen.gif|left|thumb|260px|تەختەکلیلی کورد...»ەوە</p>
<hr />
<div>== کێشەکانی تەختەکلیل و زمانی کوردی ==<br />
[[Image:Windows-vista_Xp-piti_bizwen.gif|left|thumb|260px|تەختەکلیلی کوردی نوێ لەسەر هەردوو سیستەمی XP و Vista]]<br />
لەوانەیە سەرنجی ئەوەت دابێ کاتێک دەنووسیت "مهکۆ" پەنجە بە چوار کلیلدا دەنێیت لەسەر تەختی کلیلەکان (Keyboard) وە ڕووکەش کە دەیبینیت تەنها لە چوار پیت پێکهاتووە، بەڵام کە دەیسڕیتەوە ئەبێت ٥ جار پەنجە بنێیت بە کلیلی Backspace تا هەموو پیتەکان بسڕێنەوە. ئایا بۆ؟<br />
<br />
لە دواترین وەشانی تەختەکلیلی کورد ئایتی گروپ بۆ ویندۆز پیتە بزوێنی خڕ بەم شێوەیە پێناسە کراوە "پیتی هاء(ه)+nonjoiner "nonjoiner بریتییە لە جیاکەرەوەیەکی نەبینراوی وەک "|" کە لە پاش پیتی "ه" دێت تا نەهێڵێت پیتی هاء بە پیتی پاش خۆیەوە بلکێت بەو شێوەیەش وەک پیتە بزوێن دەردەکەوێت. کەواتە کاتێک پیتی بزوێن دەنووسیت لە دوای پیتی هاء، nonjoiner دێت. بە هەردوو پیتی هاء و nonjoiner پیتی بزوێن پێکدەهێنن. هەر ئەم nonjoiner ـەش هۆکاری ئەوەیە کە لە هەندێک پڕۆگرام ناتوانین پیتی بزوێن بنووسین.<br />
<br />
بۆ پیتی "کاف" ـیش دوو پیتی جیاوازمان هەیە کە هەریەکەیان بە جۆرێک پێناسە کراون و بە جۆرێک دەردەکەون لە کۆتاییدا، بۆ نموونە وشەی "پاک، پاك" بەڵام لە سەرەتا و ناوەڕاستدا وەک یەکن، بۆ نمونە لە وشەی "کورد، كورد". بەڵام سەرەنجام هەر یەک لەو دوو پیتە [[UNICODE|یونیکۆد]]یان جیاوازە و وەک دوو پیتی جیاواز هەژمار دەکرێن.<br />
<br />
=== جیاوازیی تەختەکلیلی کوردی ===<br />
هەموو ئەمانە لە ویندۆز، بەڵام لە لینوکس لەسەر تەختەکلیلی کوردی پیتیە بزوێنی خڕ بە دروستی پێناسە کراوە و هیچ کێشەیەکی نییە. کەواتە لێرەدا دوو پیتی بزوێنمان هەیە لە ڕوواڵەتدا وەک یەکن بەڵام بە دوو شێوەی جیا پێناسە کراون.<br />
<br />
=== گەڕان لە بزوێنەری گەڕانەکاندا ===<br />
بوونی دوو پیت بە دوو شێوازی جیا زۆر کێشەدارە کە لە بزوێنەری گەڕانەکاندا وەک دوو پیتی جیاواز چاویان لێ دەکرێت ئەمەش ئەبێتە هۆی ئەوەی کە ئەنجامەکان بە دروستی نەدۆزرێنەوە. بۆ نموونە تۆ زانیاریت پێویستە دەربارەی کۆمپیوتەر بۆیە لە گووگڵ بە دوای وشەی "کۆمپیوتەر" دەگەڕێیت، ئەو وشەیەی تۆ بە شێوەیەک نووسیوتە کە پیتی کاف تیایدا بریتیە لە "ک" و پیتە بزوێنی خڕی دروست بەکاردەبەیت (واتە "ـە" نەک "ـە|") بەڵام کەسێک کە لە ماڵپەڕەکەی خۆی ئەو وشەیەی بە تەواوەتی بە پێچەوانەی تۆوە نووسیوە ("ك" لەگەڵ "ـە|") لەم کاتەدا ئەو بابەتە وەک ئەنجامێک بۆت نادۆزرێتەوە. تەماشای ئەم دوو ئەنجامە جیاوازەی گەڕان بکە لە گووگڵ بۆ وشەی "کۆمپیوتەر":<br />
<br />
# [http://www.google.com/search?hl=en&q=%DA%A9%DB%86%D9%85%D9%BE%DB%8C%D9%88%D8%AA%DB%95%D8%B1&btnG=Google+Search&aq=f&oq= بەستەری یەکەم، پیتی "ک" + "ـە"]<br />
<br />
# [http://www.google.com/search?hl=en&q=%D9%83%DB%86%D9%85%D9%BE%DB%8C%D9%88%D8%AA%D9%87%E2%80%8C%D8%B1&btnG=Google+Search&aq=f&oq= بەستەری دووەم، پیتی "ك" + "ـە|"]<br />
<br />
=== پیتەبزوێن لە XP ===<br />
پیتە بزوێنەکە لە ویندۆزی XP ـدا لەگەڵ هەندێک [[فۆنت]]ی وەک Tahoma و Arial و ...هتد کێشەیەکی هەیە کە بە پیتی پێش خۆیەوە نالکێت، بەڵام لەگەڵ [[فۆنتەکانی یونیکورد]] بێ کێشەیە. ئەوەی مایەی خۆشحاڵییە لەسەر ڤیستا و ویندۆز ٧ لەگەڵ هیچ فۆنتێکی نووسینی ئاساییدا کێشەی نییە و بە پیتەکانەوە دەلکێت. لە وێنەکەی سەرەوە ڕوونتر دەردەکەوێت کە بە فۆنتی تەهۆما لەسەر XP و Vista پیتە بزوێنە خڕەکان بە چ شێوەیەک دەردەکەون.<br />
<br />
<br />
<br />
<br />
== چارەسەری پیتەبزوێن لە XP ==<br />
هۆکاری ئەو پێکەوە نەلکانە دەگەڕێتەوە بۆ وەشانی فۆنتەکان. ئەتوانیت بە دامەزراندنی وەشانی نوێتری فۆنتەکان ئەو کێشەیە نەهێڵیت. [http://sites.google.com/site/arastein/uploads/others/win_v5_fonts.zip لێرە] یان [http://www.chawg.org/w/images/5/5c/Win_v5_fonts.tar.gz لێرەوە] وەشانی ڤیستای هەردوو فۆنتی Tahoma و Arial دابگرە. پاشان پڕۆگرامی [http://www.ampsoft.net/utilities/FontViewer.php#Download AMP Font Viewer] دابگرە بۆ گۆڕینی فۆنتەکان. کاتێک پڕۆگرامەکە دەکەیتەوە لە تابی installed fonts ـدا هەردوو فۆنتی Tahoma و Arial بسڕەوە (کرتەی ڕاست لە فۆنتەکە بکە و پاشان کرتە لە Uninstall Font بکە). بۆ فۆنتی Tahoma کاتێک دەیسڕیتەوە، تەنها Tahoma دیاری بکە، نابێت Tahoma Bold بسڕیتەوە. پاشان بجۆ تابی Not installed Fonts ـەوە، شوێنی فۆنتە نوێیەکان دیاری بکە و کرتە لە Install selected font بکە.<br />
<br />
تێبینی:<br />
* ئەتوانیت هەر فۆنتێکی تر بە هەمان ڕێگا دابمەزرێنیت.<br />
* ئەتوانیت دەستکارانە لە بوخچەی <code>./windows/fonts</code> فۆنتی Arial نوێبکەیتەوە بەبێ پێویستبوون بە هیچ پڕۆگرامێک.</div>
ئارا
https://chawg.org/w/index.php?title=%D9%BE%DB%95%DA%95%DA%AF%DB%95:Zyadkirdini_textekilil_vista.gif&diff=2791
پەڕگە:Zyadkirdini textekilil vista.gif
2011-08-18T12:02:17Z
<p>ئارا: وەشانێکی نوێی «پەڕگە:Zyadkirdini textekilil vista.gif» بار کرد: win 7</p>
<hr />
<div></div>
ئارا
https://chawg.org/w/index.php?title=%D9%BE%DB%95%DA%95%DA%AF%DB%95:Chawg_Keyboard_Layouts.zip&diff=2790
پەڕگە:Chawg Keyboard Layouts.zip
2011-08-18T11:16:40Z
<p>ئارا: وەشانێکی نوێی «پەڕگە:Chawg Keyboard Layouts.zip» بار کرد: وەشانی ٢</p>
<hr />
<div>تەختەکلیلەکانی چاوگ</div>
ئارا
https://chawg.org/w/index.php?title=Opera_Mini&diff=2690
Opera Mini
2011-03-22T10:19:27Z
<p>ئارا: </p>
<hr />
<div>[[Image:Opera_Mini_5_Beta.png|left|180px|thumb|Opera Mini 5 Beta لەسەر سیستەمی Symbian 9.3]]<br />
'''Opera Mini''' وێبگەڕێکی مۆبایلە. لەسەر مۆبایلەکانی iPhone و BlackBerry و هەموو ئەو مۆبایلانە دەکات کە توانای کارپێکردنی پڕۆگرامەکانی [[J2ME]] ـیان هەیە. یەکەم وەشانی Opera Mini لە تشرینی یەکەمی ساڵی ٢٠٠٥ وەشێندرا. ئێستا زیاد لە ٥٠ ملیۆن مۆبایل بە ئۆپرا مینییەوە بڵاو دەکرێنەوە. لە تشرینی دووەمی ٢٠٠٨ و دوای سێ ساڵ تەمەنی، زیاد لە ٢٠ ملیۆن بەکارهێنەری هەبوو و ئێستاش بەپێی ماڵپەڕی statcounter.com %٢٥ی بازاری وێبگەڕی مۆبایلی داگیر کردووە.<br />
<br />
لە ساڵی ٢٠٠٩ ئۆپرا مینی وەشانێکی ڕەوانەی AppStore کرد بەڵام ئەپڵ بە بیانووی دووبارەیی کاری ئۆپرا مینی و بوونی وێبگەڕی سافاری لە ئایفۆن، ئۆپرا مینی ڕەدکرایەوە. مانگی ئازاری ٢٠١٠ ئەپڵ وەشانی ٥ی ئۆپرا مینیی ڕەوانەی AppStore کردەوە. ئەمجارەیان ١٢ی نیسانی ٢٠١٠ ئەپڵ داواکەی پەسەند کرد و ئێستا ئۆپرا مینی لەسەر سیستەمی کارگێڕیی ئایفۆن ئامادەیە بۆ داگرتن.<br />
<br />
وەشانی شەشەمی ئۆپرا مینی لە ٢٢ی ئازاری ٢٠١١ بڵاوکرایەوە بۆ هەرسێ سیستەمی کارگێڕی سیمبیان، بلاکبێری لەگەڵ J2ME. ئەم وەشانە هاوکات بوو لەگەڵ وەشانی Opera Mobile 11.<br />
== ئامارەکان ==<br />
* ئامارە گشتییەکان<br />
** بە هۆی پەستاندن و کەمکردنەوەی داتاکانەوە بە ڕێژەی %٩٠ و ڕەوانەکردنیان لە ڕاژەکانی ئۆپراوە، ساڵانە ٨,١ بلیۆن دۆلار بۆ هەموو بەکارهێنەرانی ئەگێڕێتەوە.<br />
<br />
* ئەیلوولی ٢٠٠٩<br />
** بە تێکڕایی زیاد لە ٥٠٠ بلیۆن پەڕە لە ڕۆژێکدا، و زیاتر لە ٢ [[پێتابایت]] دراوە لەسەر ڕاژەکانی ئۆپرا ئاڵوگۆڕ کراوە.<br />
** لەم مانگەدا ٣٥,٦ ملیۆن بەکارهێنەری هەبوو، و %١١,٥ زیادی کردووە لەچاو مانگی ئابی هەمان ساڵ و زیاتر %١٥٠ بە بەراورد لەگەڵ ئەیلوولی ٢٠٠٨.<br />
** نزیکەی ١٥ بلیۆن پەڕە بینراوە لە لایەن بەکارهێنەرانەوە. %٧,٢ زیادی کردووە بە بەراورد لەگەڵ مانگی ئابی ٢٠٠٩ و %٢٣٠ ـیش بە بەراورد لەگەڵ ئەیلوولی ٢٠٠٨.<br />
** بەکارهێنەران نزیکەی ٢٢٧ ملیۆن مێگابایت (٢٢١٦٨٠ گێگابایت) یان بەکارهێناوە لە سەرتاسەری جیهان. %٨,٧ زیادی کردووە لە مانگی ئابەوە و %٢٢٤ ـیش لە مانگی ئەیلوولی ٢٠٠٨.<br />
<br />
==سەرچاوەکان==<br />
# [http://www.intomobile.com/2009/10/27/opera-state-of-the-mobile-web-september-2009-half-a-billion-page-views-every-day.html ئۆپرا:باری وێبی مۆبایل، نیو بلیۆن پەڕە هەڵدانەوە بۆ هەر ڕۆژێک]<br />
# [http://www.intomobile.com/2009/10/29/opera-software-opera-mini-saves-consumers-8-1-billion-per-year-in-mobile-data-costs.html ئۆپرا: ئۆپرا ساڵانە ٨,١ بلیۆن دۆلار بۆ بەکارهێنەرانی ئەگێڕێتەوە]<br />
# [http://www.opera.com/press/releases/2010/04/13 پەسەندکرا، ئۆپرا]<br />
[[Category:Software]]<br />
{{DISPLAYTITLE:ئۆپرا مینی}}</div>
ئارا
https://chawg.org/w/index.php?title=MeeGo&diff=2653
MeeGo
2011-02-10T13:45:36Z
<p>ئارا: /* وەشانی ١،١ */</p>
<hr />
<div>[[Image:MeeGo_Locked_Screenshot.png|thumb|left|250px|دیمەنی میگۆ بۆ مۆبایل]]<br />
'''میگۆ''' سیستەمێکی کارگێڕی [[سەرچاوە کراوە]]ی لینوکسە بۆ ژمارەیەکی بەرچاو لە ئامێرە جیاوازەکان هەر لە ئامێری مۆبایلەوە هەتا نێتبووک و تابلێت و تەلەفزیۆن. میگۆ لەژێر دامەزراوەی لینوکس خانەخوێ دەکرێت و لەسەر هەردوو ڕەقەواڵەی جێبەجێکەری X86 و ARM کار دەکات. [[Qt]] بەکاردەبات وەک framework و ئامانجی میگۆ بوون و بەکارهێنانی تاکە سیستەمێکە لەسەر سەرجەم ئامێرە جیاوازەکان.<br />
<br />
<br />
هەردوو پڕۆژەکە کۆمەڵێک پێکهاتەی هاوبەشیان تیادایە، بەڵام لە هەندێک خاڵیشدا جیاوازن، لەکاتێکدا مایمۆ لەسەر پڕۆسێسەری ARM کار دەکات و مۆبلینیش لەسەر X86، باشترینی هەردوو پڕۆژەکە هەڵدەبژێردرێن لە یەکگرتنەکەدا. هەربۆیە پتەوی مۆبلین و گونجاندن بۆ مۆبایل و پاڵپشتی ARM و Qt لە تایبەتمەندییەکانی میگۆن.<br />
<br />
== مێژوو ==<br />
<br />
میگۆ لە ئەنجامی یەکگرتنی هەردوو پڕۆژەی [[Moblin|مۆبلین]]ی ئینتێل و [[maemo|مایمۆ]]ی نۆکیا پێکهات کە لە شوباتی ٢٠١٠ ئەو یەکگرتنە ئاشکرا کرا.<br />
<br />
== وەشانەکان ==<br />
[[پەڕگە:Chawg_on_Chromium_MeeGo.png|355px|thumb|left|ماڵپەڕی چاوگ لەسەر میگۆ ١.٠ بۆ نێتبووک بە وێبگەڕی [[google chromium]]]]<br />
میگۆ هەر شەش مانگ جارێک وەشانێکی نوێی دەردەچێت. یەکەم وەشانی لە ٢٦ی ئایاری ٢٠١٠ بۆ داگرتن ئامادەبوو.<br />
<br />
=== وەشانی ١ ===<br />
وەشانی یەک بۆ نێتبووک لە مانگی ئایاردا بڵاوکرایەوە. پاڵپشتیکردنی ئامێرە ساوپەردەکانی وەک مۆبایل و تابلێت خرایە وەشانی داهاتوو.<br />
<br />
'''لە گرنگترین تایبەتمەندییەکانی ئەم وەشانە:'''<br />
* بەکارهێنانی ناوکی ٢.٦.٣٣.<br />
* DeviceKit و udev بۆ کارکردن لەگەڵ ڕەقەواڵەکاندا.<br />
* گرافیکی 2D / 3D<br />
* Qt 4.6<br />
* Universal Plug and Play (gUPnP)<br />
* بەکارهێنانی سیستەمی پەڕگەی BTRFS<br />
* تێکهەڵکێشکردنی گووگڵ کرۆم وەک وێبگەڕ. مۆزیلا فێنێک بۆ وەشانی مۆبایلی میگۆ لە داهاتوودا.<br />
* تێکهەڵکێشکردنی ڕایەڵە کۆمەڵایەتییەکان و پیشاندانی چالاکییەکان لەسەر شاشە.<br />
* سانایی لە بەکارهێنانی پڕۆگرامەکانی ئیمەیل، ڕۆژژمێر و لێدەری ڕەنگاڵە.<br />
* گونجاندنی لەگەڵ باتری.<br />
* بوونی ١٦ زمان.<br />
<br />
=== وەشانی ١،١ ===<br />
لە تشرینی یەکەمی ساڵی ٢٠١٠ بڵاوکراوەیە. ئەم وەشانە کرۆکی لینوکس 2.6.35ی لەخۆگرتبوو لەگەڵ X.org server 1.9.0 و Qt 4.7<br />
<br />
== سەرچاوەکان ==<br />
# [http://jaaksi.blogspot.com/2010/02/meego-time.html MeeGo time!]<br />
# [http://meego.com/community/blogs/imad/2010/meego-v1.0-core-software-platform-netbook-user-experience-project-release MeeGo v1.0 Core Software Platform & Netbook User Experience project release]<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
{{DISPLAYTITLE:میگۆ}}<br />
<br />
<br />
[[Category:Linux]]</div>
ئارا
https://chawg.org/w/index.php?title=Symbian&diff=2513
Symbian
2010-11-10T17:20:02Z
<p>ئارا: </p>
<hr />
<div>[[سیمبیان]] (ئینگلیزی Symbian) [[سیستەمی کارپێکردن]]ی ژێدەرکراوەی تایبەت بە [[مۆبایل]]ە و زۆرترین بازاڕی لە سیستەمەکانی مۆبایل داگیرکردووە بە شێوەیەک کە لە هەر ٣ مۆبایلێک یەکێکیان سیستەمی سیمبیانی لەسەرە.<br />
<br />
لە سەرەتاوە لە لایەن Symbian ltd ـیەوە پەرەی پێ دراوە تا لە حوزەیرانی ساڵی ٢٠٠٨ نۆکیا پشکەکانی تری Symbian ltd کڕی و دامەزراوەی سیمبیانی دروست کرد. دیسانەوە لە مانگی تشرینی دووەمی ساڵی ٢٠١٠ نۆکیا سیمبیانی خستەوە ژێر دەسەڵاتی خۆی و دامەزراوەی سیمبیانی ڕاسپارد بە ڕێکخستنی مۆڵەتدانی سیستەمەکە بەو کۆمپانیایانەی سیمبیان لە مۆبایلەکانیاندا بەکاردەهێنن.<br />
<br />
<br />
== مێژوو ==<br />
یەکەم وەشانی ناوکی سیمبیان دەگەڕێتەوە بۆ ساڵی ١٩٩٠ کە لە کۆمەڵە ئامێرێکدا بە ناوەکانی Psion Series 3 فرۆشران لە نێوان ساڵانی ١٩٩١ بۆ ١٩٩٨. لە ساڵی ١٩٩٤ هەموو سیستەمەکە بە [[C++]] لەسەر سیستەمی[[32-bit]] نووسرانەوە.<br />
<br />
==سیمبیان و سەرچاوەکراوە==<br />
<br />
پاش نیوەڕۆی ٤ی شوباتی ٢٠١٠ [[سیستەمی کارپێکردن]]ی '''Symbian OS''' تەواوی کۆدەکانی کرد بە سەرچاوەی کراوە و خرانە بەردەست بۆ پەرەپێدەران. پێشتر تەنها [[ناووک]]ی Kern سیستەمەکە لەڕێگەی مۆڵەتی گشتی [[Eclipse]] خرابووە بەردەست، بەم کردارە هەموو [[داوانامە]] و [[نەرمەکاڵاکان]]ی [[سیستەم]]ەکە کراون بە [[سەرچاوەکراوە]].<br />
<br />
هەنگاونان بەرەو [[ژێدەرکراوە]]بوونی [[سیمبیان]] لە ساڵی ٢٠٠٨ەوە دەستی پێکرد پاش ئەوەی [[نۆکیا]] زۆرینەی پشکەکانی ئەو [[کۆمپانیا]]یەی کڕی و، [[دامەزراوەی سیمبیان]]ی دروستکرد. کە ئەمەش یەکێکە لەو هەوڵانەی [[نۆکیا]] داویەتی بۆ زیندوکردنەوەی سیمبیان بەتایبەت لەدوای ئەو گەشە خێرایەی iPhone و Android و دابەزینی ڕێژەی بەکارهێنانی سیمبیان، زۆرێک پێیان وایە کە [[سیمبیان]] سیستەمێکی کۆنە و وردەوردە بەکارهێنانی ڕوو لە کەمی دەکات و سیستەمەکانی تری جێگەی دەگرنەوە.<br />
<br />
== ئەمانەش ببینە ==<br />
* [[Symbian ^3|سیمبیان]]<br />
<br />
== بەستەری دەرەکی ==<br />
* [http://www.symbian.org/ ماڵپەڕی سەرەکی سیمبیان]<br />
<br />
==سەرچاوەکان==<br />
# [http://kurditgroup.org/node/12458 سیمبیان ئەبێتە ژێدەرکراوە]، کوردئایتی گرووپ<br />
# [http://www.kosc.org/ku/archives/159 سیستەمی کارپێکردنی تایبەت بە مۆبایل symbian هەموو کۆدەکەی سەربەست کرا]، کۆسک<br />
# [http://www.infoworld.com/d/mobilize/symbian-os-now-fully-open-source-062?source=footer Symbian OS now fully open source]<br />
<br />
[[Category:Software]]<br />
{{DISPLAYTITLE:سیمبیان}}</div>
ئارا
https://chawg.org/w/index.php?title=SEO&diff=2512
SEO
2010-11-05T06:20:00Z
<p>ئارا: </p>
<hr />
<div>[[پەڕگە:Chawg-google-search-result.png|چەپ|وێنۆک|358px|ئەنجامی گەڕان بۆ وشەی '''چاوگ''' لە گووگڵ]]<br />
SEO (کورتکراوەی Search Engine Optimization) بە مانای '''ڕێکخستنی ماڵپەڕ بۆ بزوێنەری گەڕان''' دێت، واتە ماڵپەڕ بە شێوەیەک ڕێک بخەیت کە لە ڕیزی پێشەوەی ئەنجامەکانی گەڕاندا بێت لە بزوێنەرەکانی گەڕاندا.<br />
<br />
ڕێکخستنی ماڵپەڕ بۆ بزوێنەرەکانی گەڕان لە چەند خاڵێکی جۆراوجۆر پێک دێت کە هەموو خاوەن ماڵپەڕ/[[Webmaster|وێبماستەر]]ێک پێویستە بیان زانێت و جێبەجێیان کات. لەکاتێکدا ڕێکخستنی ماڵپەڕ بۆ بزوێنەرەکانی گەڕان زۆر سانایە، بەڵام لەلایەن زۆرێک لە خاوەن ماڵپەڕەوە فەرامۆش دەکرێت، بەتایبەت لە نێو ماڵپەڕە کوردییەکاندا کە تا ڕادەیەکی زۆر وێبماستەران لەم لایەنە بێ ئاگان.<br />
<br />
لەم وتارەدا هەوڵ دەدرێت ئەو خاڵانە باس بکرێت کە هاوکار دەبن لە پێشخستنی ئاستی ماڵپەڕەکەت لە بزوێنەرەکانی گەڕاندا.<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
== ناونیشانی گونجاو ==<br />
یەکێک لە خاڵە هەرە گرنگەکان ناونیشانی پەڕەیە. هەر بابەتێک یان وتارێک لە ماڵپەڕەکەتدا یان بە گشتی هەر پەڕەیەک پێویستە ناونیشانێکی تایبەت بە خۆی هەبێت کە گوزارشت لە ناوەڕۆکی پەڕەکە بکات.<br />
* گرنگە ناونیشان '''تاک''' بێت. واتە هەر پەڕەیەک لە ماڵپەڕەکەتدا ناونیشانێکی تاک و تایبەت بە خۆی هەبێت. بوونی یەک ناونیشان بۆ هەموو پەڕەکانی ماڵپەڕێک کاریگەری زۆر لاوەکی دەبێت کە بزوێنەرەکاندا.<br />
* ناونیشان گرنگ نییە کورت یان درێژ بێت، بەڵام هێندە کورت نەبێت کە کار بکاتە سەر ماناکەی و هێندە درێژیش نەبێت کە سەر لە خوێنەر تێک بدات.</div>
ئارا
https://chawg.org/w/index.php?title=SEO&diff=2510
SEO
2010-11-03T15:06:30Z
<p>ئارا: </p>
<hr />
<div>[[پەڕگە:Chawg-google-search-result.png|چەپ|وێنۆک|358px|ئەنجامی گەڕان بۆ وشەی '''چاوگ''' لە گووگڵ]]<br />
SEO (کورتکراوەی Search Engine Optimization) بە مانای '''ڕێکخستنی ماڵپەڕ بۆ بزوێنەری گەڕان''' دێت، واتە ماڵپەڕ بە شێوەیەک ڕێک بخەیت کە لە ڕیزی پێشەوەی ئەنجامەکانی گەڕاندا بێت لە بزوێنەرەکانی گەڕاندا.<br />
<br />
ڕێکخستنی ماڵپەڕ بۆ بزوێنەرەکانی گەڕئن لە چەند خاڵێکی جۆراوجۆر پێک دێت کە هەموو خاوەن ماڵپەڕ/[[وێبماستەر]]ێک پێویستە بیان زانێت و جێبەجێیان کات. لەکاتێکدا ڕێکخستنی ماڵپەڕ بۆ بزوێنەرەکانی گەڕان زۆر سانایە، بەڵام لەلایەن زۆرێک لە خاوەن ماڵپەڕەوە فەرامۆش دەکرێت، بەتایبەت لە نێو ماڵپەڕە کوردییەکاندا کە تا ڕادەیەکی زۆر وێبماستەران لەم لایەنە بێ ئاگان.<br />
<br />
لەم وتارەدا هەوڵ دەدرێت ئەو خاڵانە باس بکرێت کە هاوکار دەبن لە پێشخستنی ئاستی ماڵپەڕەکەت لە بزوێنەرەکانی گەڕاندا.<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
== ناونیشانی گونجاو ==<br />
یەکێک لە خاڵە هەرە گرنگەکان ناونیشانی پەڕەیە. هەر بابەتێک یان وتارێک لە ماڵپەڕەکەتدا یان بە گشتی هەر پەڕەیەک پێویستە ناونیشانێکی تایبەت بە خۆی هەبێت کە گوزارشت لە ناوەڕۆکی پەڕەکە بکات.<br />
* گرنگە ناونیشان '''تاک''' بێت. واتە هەر پەڕەیەک لە ماڵپەڕەکەتدا ناونیشانێکی تاک و تایبەت بە خۆی هەبێت. بوونی یەک ناونیشان بۆ هەموو پەڕەکانی ماڵپەڕێک کاریگەری زۆر لاوەکی دەبێت کە بزوێنەرەکاندا.<br />
* ناونیشان گرنگ نییە کورت یان درێژ بێت، بەڵام هێندە کورت نەبێت کە کار بکاتە سەر ماناکەی و هێندە درێژیش نەبێت کە سەر لە خوێنەر تێک بدات.</div>
ئارا
https://chawg.org/w/index.php?title=SEO&diff=2509
SEO
2010-11-03T14:48:56Z
<p>ئارا: </p>
<hr />
<div>[[پەڕگە:Chawg-google-search-result.png|چەپ|وێنۆک|358px|ئەنجامی گەڕان بۆ وشەی '''چاوگ''' لە گووگڵ]]<br />
SEO (کورتکراوەی Search Engine Optimization) بە مانای '''ڕێکخستنی ماڵپەڕ بۆ بزوێنەری گەڕان''' دێت، واتە ماڵپەڕ بە شێوەیەک ڕێک بخەیت کە لە ڕیزی پێشەوەی ئەنجامەکانی گەڕاندا بێت لە بزوێنەرەکانی گەڕاندا.<br />
<br />
ڕێکخستنی ماڵپەڕ بۆ بزوێنەرەکانی گەڕئن لە چەند خاڵێکی جۆراوجۆر پێک دێت کە هەموو خاوەن ماڵپەڕ/[[وێبماستەر]]ێک پێویستە بیان زانێت و جێبەجێیان کات. لەکاتێکدا ڕێکخستنی ماڵپەڕ بۆ بزوێنەرەکانی گەڕان زۆر سانایە، بەڵام لەلایەن زۆرێک لە خاوەن ماڵپەڕەوە فەرامۆش دەکرێت، بەتایبەت لە نێو ماڵپەڕە کوردییەکاندا کە تا ڕادەیەکی زۆر وێبماستەران لەم لایەنە بێ ئاگان.<br />
<br />
لەم وتارەدا هەوڵ دەدرێت ئەو خاڵانە باس بکرێت کە هاوکار دەبن لە پێشخستنی ئاستی ماڵپەڕەکەت لە بزوێنەرەکانی گەڕاندا.<br />
<br />
<br />
<br />
== ناونیشانی گونجاو ==<br />
یەکێک لە خاڵە هەرە گرنگەکان ناونیشانی پەڕەیە. هەر بابەتێک یان وتارێک لە ماڵپەڕەکەتدا یان بە گشتی هەر پەڕەیەک پێویستە ناونیشانێکی تایبەت بە خۆی هەبێت کە گوزارشت لە ناوەڕۆکی پەڕەکە بکات.<br />
* گرنگە ناونیشان'''تاک''' بێت. واتە هەر پەڕەیەک لە ماڵپەڕەکەتدا ناونیشانێکی تاک و تایبەت بە خۆی هەبێت. بوونی یەک ناونیشان بۆ هەموو پەڕەکانی ماڵپەڕێک کاریگەری زۆر لاوەکی دەبێت کە بزوێنەرەکاندا.<br />
* ناونیشان گرنگ نییە کورت یان درێژ بێت، بەڵام هێندە کورت نەبێت کە کار بکاتە سەر ماناکەی و هێندە درێژیش نەبێت کە سەر لە خوێنەر تێک بدات.</div>
ئارا
https://chawg.org/w/index.php?title=%D9%BE%DB%95%DA%95%DA%AF%DB%95:Chawg-google-search-result.png&diff=2508
پەڕگە:Chawg-google-search-result.png
2010-11-03T14:37:03Z
<p>ئارا: ئەنجامی گەڕان بۆ وشەی چاوگ لە گووگڵ</p>
<hr />
<div>ئەنجامی گەڕان بۆ وشەی چاوگ لە گووگڵ</div>
ئارا
https://chawg.org/w/index.php?title=SEO&diff=2507
SEO
2010-11-03T14:35:31Z
<p>ئارا: پەڕەیەک دروست کرا بە 'SEO (کورتکراوەی Search Engine Optimization) بە مانای '''ڕێکخستنی ماڵپەڕ بۆ بزوێنەری گەڕان''' دێت، واتە ...'</p>
<hr />
<div>SEO (کورتکراوەی Search Engine Optimization) بە مانای '''ڕێکخستنی ماڵپەڕ بۆ بزوێنەری گەڕان''' دێت، واتە ماڵپەڕ بە شێوەیەک ڕێک بخەیت کە لە ڕیزی پێشەوەی ئەنجامەکانی گەڕاندا بێت لە بزوێنەرەکانی گەڕاندا.<br />
<br />
ڕێکخستنی ماڵپەڕ بۆ بزوێنەرەکانی گەڕئن لە چەند خاڵێکی جۆراوجۆر پێک دێت کە هەموو خاوەن ماڵپەڕ/[[وێبماستەر]]ێک پێویستە بیان زانێت و جێبەجێیان کات. لەکاتێکدا ڕێکخستنی ماڵپەڕ بۆ بزوێنەرەکانی گەڕان زۆر سانایە، بەڵام لەلایەن زۆرێک لە خاوەن ماڵپەڕەوە فەرامۆش دەکرێت، بەتایبەت لە نێو ماڵپەڕە کوردییەکاندا کە تا ڕادەیەکی زۆر وێبماستەران لەم لایەنە بێ ئاگان.<br />
<br />
لەم وتارەدا هەوڵ دەدرێت ئەو خاڵانە باس بکرێت کە هاوکار دەبن لە پێشخستنی ئاستی ماڵپەڕەکەت لە بزوێنەرەکانی گەڕاندا.</div>
ئارا
https://chawg.org/w/index.php?title=%D9%88%D8%AA%D9%88%D9%88%DB%8E%DA%98:%D8%A6%D8%A7%D9%86%D8%AF%D8%B1%DB%86%DB%8C%D8%AF&diff=2437
وتووێژ:ئاندرۆید
2010-09-28T13:56:49Z
<p>ئارا: </p>
<hr />
<div>دەستخۆش بۆ نوسینى ئەم بابەتە،<br />
<br />
ئەگەر بکرێت زۆرترى لەسەر بنوسرێت،ئەم بەستەرەم دۆزیەوە،[http://en.wikipedia.org/wiki/Android_(operating_system) Android] بە هیواى ئەوەى زۆرترى لەسەر بنوسرێت :) --[[بەکارھێنەر:ئامانج|ئامانج]] ٢١:٢٧, ٢٧ ئەیلوول ٢٠١٠ (CEST)<br />
:ئەمە سەرەتا. وردە وردە شتی بۆ زیاد ئەکەین.--[[بەکارھێنەر:ئارا|ئارا]] ١٥:٥٦, ٢٨ ئەیلوول ٢٠١٠ (CEST)</div>
ئارا
https://chawg.org/w/index.php?title=%D8%A6%D8%A7%D9%86%D8%AF%D8%B1%DB%86%DB%8C%D8%AF&diff=2431
ئاندرۆید
2010-09-26T20:36:27Z
<p>ئارا: پەڕەیەک دروست کرا بە ''''ئەندرۆید''' سیستەمێکی کارگێڕیی مۆبایلە کە لەسەر ناوکی لینوکس کار دەکات. ئەندرۆید لەلا...'</p>
<hr />
<div>'''ئەندرۆید''' سیستەمێکی کارگێڕیی مۆبایلە کە لەسەر ناوکی لینوکس کار دەکات. ئەندرۆید لەلایەن کۆمپانیای ئەندرۆیدەوە بەرهەم هێنرا، دواتر لەلایەن گووگڵەوە کڕدرایەوە و هەنووکە لەلایەن گووگڵەوە پەرەی پێ دەدرێت. <br />
<br />
ئەم سیستەمە لە ساڵی ٢٠٠٨ بڵاوکرایەوە، لەو کاتەوە زۆر بەخێرایی گەشەی کردووە و بەرفراوانترین کۆمەڵەی پەرەپێدەری لە پشتەوەیە کە دەروبەری ١٠٠٠٠٠ پڕۆگرامی بۆ دروست کراوە.<br />
<br />
[[پۆل:Software]]</div>
ئارا
https://chawg.org/w/index.php?title=Application_Store&diff=2405
Application Store
2010-09-11T17:13:25Z
<p>ئارا: پەڕەیەک دروست کرا بە ''''Application Store''' یان بە کوردی '''کۆگای نەرمەواڵە''' بریتییە لە خزمەتگوزارییەک کە بەکارهێنەر...'</p>
<hr />
<div>'''Application Store''' یان بە کوردی '''کۆگای نەرمەواڵە''' بریتییە لە خزمەتگوزارییەک کە بەکارهێنەران ئەتوانن بەهۆی ڕاژەخوازێکەوە لەسەر سیستەمە کارگێڕییەکەیان ئەو نەرمەواڵانە دابگرن و دابمەزرێنن کە بۆ ئەو سیستەمە دروست کراون.<br />
ئەم کۆگایە ڕێبەرییەکی زۆر باشە بۆ بەکارهێنەران تا بەهۆیە نەرمەواڵە دابگرن و بۆ پەرەپێدەرانیش کە بە ڕێگەیەکی ئاسان و خێرا نەرمەواڵاکانیان بڵاو بکەنەوە.<br />
<br />
<br />
== کۆگای نەرمەواڵەکان ==<br />
* Ovi Store، لەسەر سیستەمی کارگێڕیی [[سیمبیان]] و [[MeeGo|میگۆ]].<br />
* Android Market، لەسەر سیستەمی کارگێڕیی [[ئەندرۆید]].<br />
* App Store، لەسەر سیستەمی کارگێڕیی iOS.<br />
* App Catalog، لەسەر سیستەمی کارگێڕیی [[webOS]].<br />
* App World، لەسەر سیستەمی کارگێڕیی BlackBerry.<br />
* Windows Marketplace for Mobile، لەسەر سیستەمی کارگێڕیی Windows Mobile.</div>
ئارا
https://chawg.org/w/index.php?title=MeeGo&diff=2404
MeeGo
2010-09-03T20:44:56Z
<p>ئارا: </p>
<hr />
<div>[[Image:MeeGo_Locked_Screenshot.png|thumb|left|250px|دیمەنی میگۆ بۆ مۆبایل]]<br />
'''میگۆ''' سیستەمێکی کارگێڕی [[سەرچاوە کراوە]]ی لینوکسە بۆ ژمارەیەکی بەرچاو لە ئامێرە جیاوازەکان هەر لە ئامێری مۆبایلەوە هەتا نێتبووک و تابلێت و تەلەفزیۆن. میگۆ لەژێر دامەزراوەی لینوکس خانەخوێ دەکرێت و لەسەر هەردوو ڕەقەواڵەی جێبەجێکەری X86 و ARM کار دەکات. [[Qt]] بەکاردەبات وەک framework و ئامانجی میگۆ بوون و بەکارهێنانی تاکە سیستەمێکە لەسەر سەرجەم ئامێرە جیاوازەکان.<br />
<br />
<br />
هەردوو پڕۆژەکە کۆمەڵێک پێکهاتەی هاوبەشیان تیادایە، بەڵام لە هەندێک خاڵیشدا جیاوازن، لەکاتێکدا مایمۆ لەسەر پڕۆسێسەری ARM کار دەکات و مۆبلینیش لەسەر X86، باشترینی هەردوو پڕۆژەکە هەڵدەبژێردرێن لە یەکگرتنەکەدا. هەربۆیە پتەوی مۆبلین و گونجاندن بۆ مۆبایل و پاڵپشتی ARM و Qt لە تایبەتمەندییەکانی میگۆن.<br />
<br />
== مێژوو ==<br />
<br />
میگۆ لە ئەنجامی یەکگرتنی هەردوو پڕۆژەی [[Moblin|مۆبلین]]ی ئینتێل و [[maemo|مایمۆ]]ی نۆکیا پێکهات کە لە شوباتی ٢٠١٠ ئەو یەکگرتنە ئاشکرا کرا.<br />
<br />
== وەشانەکان ==<br />
[[پەڕگە:Chawg_on_Chromium_MeeGo.png|355px|thumb|left|ماڵپەڕی چاوگ لەسەر میگۆ ١.٠ بۆ نێتبووک بە وێبگەڕی [[google chromium]]]]<br />
میگۆ هەر شەش مانگ جارێک وەشانێکی نوێی دەردەچێت. یەکەم وەشانی لە ٢٦ی ئایاری ٢٠١٠ بۆ داگرتن ئامادەبوو.<br />
<br />
=== وەشانی ١ ===<br />
وەشانی یەک بۆ نێتبووک لە مانگی ئایاردا بڵاوکرایەوە. پاڵپشتیکردنی ئامێرە ساوپەردەکانی وەک مۆبایل و تابلێت خرایە وەشانی داهاتوو.<br />
<br />
'''لە گرنگترین تایبەتمەندییەکانی ئەم وەشانە:'''<br />
* بەکارهێنانی ناوکی ٢.٦.٣٣.<br />
* DeviceKit و udev بۆ کارکردن لەگەڵ ڕەقەواڵەکاندا.<br />
* گرافیکی 2D / 3D<br />
* Qt 4.6<br />
* Universal Plug and Play (gUPnP)<br />
* بەکارهێنانی سیستەمی پەڕگەی BTRFS<br />
* تێکهەڵکێشکردنی گووگڵ کرۆم وەک وێبگەڕ. مۆزیلا فێنێک بۆ وەشانی مۆبایلی میگۆ لە داهاتوودا.<br />
* تێکهەڵکێشکردنی ڕایەڵە کۆمەڵایەتییەکان و پیشاندانی چالاکییەکان لەسەر شاشە.<br />
* سانایی لە بەکارهێنانی پڕۆگرامەکانی ئیمەیل، ڕۆژژمێر و لێدەری ڕەنگاڵە.<br />
* گونجاندنی لەگەڵ باتری.<br />
* بوونی ١٦ زمان.<br />
<br />
=== وەشانی ١،١ ===<br />
وا بڕیارە لە تشرینی یەکەمی ئەمساڵدا بوەشێندرێت کە تیایدا پاڵپشتی لە ئامێرە ساوپەردەکان دەکات.<br />
== سەرچاوەکان ==<br />
# [http://jaaksi.blogspot.com/2010/02/meego-time.html MeeGo time!]<br />
# [http://meego.com/community/blogs/imad/2010/meego-v1.0-core-software-platform-netbook-user-experience-project-release MeeGo v1.0 Core Software Platform & Netbook User Experience project release]<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
{{DISPLAYTITLE:میگۆ}}<br />
<br />
<br />
[[Category:Linux]]</div>
ئارا
https://chawg.org/w/index.php?title=%D9%BE%DB%95%DA%95%DA%AF%DB%95:MeeGo_Locked_Screenshot.png&diff=2403
پەڕگە:MeeGo Locked Screenshot.png
2010-09-03T20:41:46Z
<p>ئارا: دیمەنی میگۆ</p>
<hr />
<div>دیمەنی میگۆ</div>
ئارا
https://chawg.org/w/index.php?title=HTML&diff=2310
HTML
2010-08-18T10:53:07Z
<p>ئارا: </p>
<hr />
<div>[[Image:HTML_Sample_Gedit.gif|left|thumb|390px|نموونەیەکی سادە لە کۆدی HTML]]<br />
'''HTML''' ('''ئێچ تی ئێم ئێڵ''' یان '''هتمڵ''') کە کورتکراوەی HyperText Markup Language ـە زمانێکی پیشاندانی پەڕەکانی سەر وێبە کە بەکاردێت بۆ نووسینی هەر پەڕەیەک لەسەر وێب. پەڕگەی HTML تەنها پێکهاتووە لە دەق، کە ئەویش پێکهاتووە لە کۆمەڵێکی زۆر لە تاگ و توخم و نووسراوی ناو پەڕەکە. ئەم تاگانە بە وێبگەڕ دەڵێن کە چۆن نووسین و وێنەکان یان ناوەڕۆکی پەڕەکە دەربکەوێت.<br />
<br />
HTML زۆر ئاسانە بۆ فێربوون بە ڕادەیەک کە کەسێکی دوور لە ئایتی ئەتوانێت لە ماوەیەکی کەمدا فێری HTML ببێت و بینووسێت و دەستکاری بکات. ئەوانەی کە HTML دەنووسن پێیان ناوترێت [[پڕۆگرامنووس]] (Programmer) بەڵکو [[نووسەر]] (Author) لەبەرئەوەی کە زمانێکی پڕۆگرامین نییە بەڵکو زمانێکی پیشاندانە و لە هاوپۆلی [[Java]] و [[C]] و [[BASIC]] نییە.<br />
<br />
<br />
== مانای HTML ==<br />
* HyperText مەبەست لەوەیە کە تۆ بە ناو وێبدا دەگەڕێیت لە هەر کاتێکدا و بۆ هەر شوێنێک کە بتەوێت بە کرتەکردن لەو بەستەرانەی لە لاپەڕەکاندا دەیانبینیت نەک بە شێوەیەکی ڕێک و یەک لە دوای یەک.<br />
* Markup بریتییە لە کاری تاگەکان لەسەر نووسراوی ناو پەڕەکە وەک (تۆخکردن، لارکردن، هێڵبەژێرداهێنان، ...) ـی هەر دەقێک.<br />
* Language واتە زمان. HTML زمانە وەک هەموو زمانە جیاوازەکانی تر چونکە کۆد و ڕستەکاری هەیە.<br />
<br />
==توانای HTML==<br />
HTML بۆ دروستکردنی ماڵپەڕێکی سادە و تاکەکەسی دەست ئەدات یان بۆ هەر جۆرە ماڵپەڕێک کە نوێکردنەوەی زۆر نەبێت. ئەتوانرێت بە [[CSS]] ـەوە بلکێنرێت بۆ پێدانی شێوازێکی جوانتر و ئاسانتر لە ڕێکخستنیدا. بە پێچەوانەوە HTML بۆ ماڵپەڕێکی بزۆک، فراوان و بازرگانی دەست نادات کە ڕۆژانە نوێ دەکرێتەوە چونکە HTML زمانێکی جێگیرە. داڕشتن و نوێکردنەوەی ئەو ماڵپەڕە گەورانەی کە بە HTML دەنووسرێن کارێکی زۆر گران و کاتبەرە.<br />
<br />
== چیم پێویستە بۆ فێربوون؟ ==<br />
بۆ فێربوونی <tt>HTML</tt> تەنها پێویستت بە دەستکاریکەرێک (بۆ نووسینی کۆدەکان) و وێبگەڕێک (بۆ بینینی ئەنجام) دەبێت. هیچ ئامڕازێکی تر یان نەرمەکاڵایەکت پێویست نابێت. دەستکاریکەر لە ویندۆز وەک [[Notepad]] کە سادەترین دەستکاریکەری دەقە، بەڵام ئەوانەی کە ئامۆژگاریکراون وەک: <br />
<br />
*[http://notepad-plus.sourceforge.net Notepad++]<br />
*[http://www.vim.org VIM]<br />
*[http://projects.gnome.org/gedit Gedit]<br />
*[http://mooedit.sourceforge.net Medit]<br />
*[http://bluefish.openoffice.nl Bluefish]<br />
وێبگەڕیش وەک: <br />
*[http://www.mozilla.com/firefox Firefox]<br />
*[http://www.opera.com Opera]<br />
*[http://www.google.com/chrome Google Chrome]<br />
*[http://www.microsoft.com/windows/products/winfamily/ie/default.mspx Internet Explorer]<br />
<br />
هەرچەندە چەند پڕۆگرامێک هەن بۆ دەستکاریکردن و داڕشتنی پەڕگەیەکی <tt>HTML</tt> لەوانە [http://www.adobe.com/products/dreamweaver DreamWeaver], [http://office.microsoft.com/en-us/frontpage/default.aspx Microsoft FrontPage], [http://www.microsoft.com/expression/products/overview.aspx?key=web Microsoft Web Expression] ئەم پڕۆگرامانە [[WYSIWYG]] ـن، خۆیان کۆدەکانت بۆ دەنووسن و تۆ ڕووە ئەنجامەکەی دەبینیت. شارەزابوون لەم پڕۆگرامانە مانای شارەزابوون نییە لە <tt>HTML</tt>، بەڵکو یاریدەدەرێکن بۆ ئەو کەسانەی کە دەیانەوێت ماڵپەڕێکیان هەبێت و لە هیچ زمانێکی وێبداڕشتن نازانن یان بۆ چەند کارێکی کەمیان پێویستە و لەبەرئەوە نایانەوێت کاتێک تەرخان بکەن بۆ فێربوونی زمانێک.<br />
<br />
== پاشگری htm یان html؟ ==<br />
بەکارهێنانی هەر کامێک لە پاشگری <code>.htm</code> یان <code>.html</code> بە گشتی وەک یەک وان و دروستن. لە سەرەتاوە کە سیستەمە کۆنەکان تەنها ڕێگەیان بە سێ نووسە ئەدا بۆ پاشگری پەڕگە، بەو شێوەیە بوو، بەڵام دوای ئەوەی ڕێگەدرا نووسەی زیاتر بەکارببرێت پاشگری <code>.html</code> ـیش پەیدا بوو. لە ئێستادا نووسینی هەر کامێکیان وەک پاشگر ئەکەوێتە سەر ئارەزووی نووسەر و هیچ کەشەیەک دروست ناکەن. کەواتە yekemin-perre.html = yekemin-pere.htm<br />
<br />
== نووسین و پاشەکەوتکردن ==<br />
[[Image:Notepad_save-as.gif|left|thumb|250px|پاشەکەوتکردن بە utf-8 لە Notepad]]<br />
لە سەرەتادا ئەوەی دەتەوێت لە دەستکاریکەرەکەدا دەینووسیت پاشان بچۆ بۆ <tt>File > Save as</tt> لە جێیەک پاشەکەوتی بکە بە هەر ناوێکەوە بەڵام ئەوەی گرنگە بە پاشگری <tt>html</tt> پاشەکەوتی بکەیت، بۆ نموونە: <tt>yekemin-perre.html</tt><br />
خاڵێکی گرنگ پێش پاشەکەوتکردنی پەڕگەکە گۆڕینی <tt>Encoding</tt> ـی پەڕگەیەکە بۆ یونیکۆد. چۆنییەتی گۆڕینیش لە دەستکاریکەرێکەوە بۆ دەستکاریکەرێکی تر جیاوازە. لە <tt>Notepad++</tt> دەبێت بچیت بۆ <tt>Format > Encode in UTF-8 without BOM</tt> بەڵام لە <tt>Notepad</tt> لە کاتی پاشەکەوتکردن و کردنەوەی پەنجەرەی پاشەکەوتکردندا دەتوانیت پەڕگەکە بکەیت بە <tt>utf-8</tt> بەوەی کە لە ژێر نووسینی ناوە پەڕەکەدا.<br />
<br />
== تاگەکان ==<br />
HTML لە ڕێی تاگەکانەوە شێوازی دەرکەوتن و نووسین لە پەڕەکەدا ڕێک دەخات. ئەو دەقەی دەمانەوێت گۆڕانکارییەکی بەسەردا بهێنین لە (تۆخکردن، لارکردن، کردن بە پەرەگراف و بەستەر) دەیکەینە نێوان دوو تاگەوە. تاگەکانیش پێکهاتوون لە دوو کەوانەی تیژی داخراو کە لە نێو کەوانەکاندا پیتێک یان وشەیەک دەنووسرێت تا دەقی دیاریکراو گۆڕانکاری ویسیترای بەسەردابێت. وە لە تاگی دووەمدا هێڵێکی لار (/) دادەنرێت کە مەبەست لێی داخستنەوەی توخمەکە و کۆتایی هێنانە بەو شێوازی دەرکەوتنە. بۆ نموونە گەر بمانەوێت دەقێک بە شێوازێکی تۆخ بنووسین، بەم شێوەیە دەبێت:<br />
<source lang="html4strict"><br />
<strong>ئەم نووسراوە تۆخە</strong><br />
</source><br />
بەڵام ژمارەیەکی کەم لە توخمەکان پێکهاتوون لە یەکێک و تاگی داخستنەوەیان نییە وەک تاگی چوونەسەر دێڕی نوێ یان تاگی وێنە:<br />
<source lang="html4strict"><br />
<img src="http://www.domain.com/wene.jpg" /><br />
</source><br />
<br />
تێبینی: لێرەدا دەبینیت پێش کەوانەی کۆتایی هێڵێکی لار دانراوە ئەمەش ئەوە ئەگەیەنێت کە دانانی وێنە لە یەک تاگ پێکهاتووە و تاگەکە خۆی خۆی دائەخاتەوە. ئەشتوانرێت ئەو هێڵێ لارە نەنووسرێت بەڵام لە وەشانی ٤.٠١ ـەوە وا ئامۆژگاریکراوە کە بنووسرێت و تاوەکو لەگەڵ بنەماکانی [[XHTML]] ـیشدا بگوونجێت.<br />
[[Image:tuxmi_html.gif|left|thumb|280px|توخمی HTML پێکدێت لە (تاگی سەرەتا، تایبەتمەندی، ناوەڕۆکی توخم، تاگی کۆتایی)]]<br />
<br />
== توخمەکان ==<br />
توخمەکان لە تاگی سەرەتاوە دەستپێدەکەن هەتا تاگی کۆتایی کە لە ناویاندا لەوانەیە ناوەڕۆک و/یان تایبەتمەندی هەبن. هەندێک لە توخمەکان بێ ناوەڕۆکن وەک توخمی وێنە. دەشێت هەندێک لە توخمەکان سەرەڕای ناوەڕۆک تایبەتمەندیشیان نەبێت کە بەمانەش دەوترێت توخمە بەتاڵەکان، وەک توخمی چوونەسەر دێڕی نوێ و توخمی هێڵی ئاسۆیی (کە تەنها لە تاگێکی تاک پێکهاتوون).<br />
<pre><br /></pre><br />
<pre><hr /></pre><br />
<br />
== تایبەتمەندییەکان ==<br />
تایبەتمەندییەکان کە پێک هاتوون لە ناوی تایبەتمەندیی و نرخی تایبەتمەندی بە شێوەی <code>nawi-taybetmendi="nirxi-taybetmendi"</code> دەنووسرێن و دەکەونە نێو تاگی سەرەتای هەر توخمێکەوە ئەم تایبەتمەندییانە زانیاریی زیاتر لەسەر توخمەکە دابین دەکەن، کاریگەرییان لەسەر جێ دەهێڵن یان توخمەکان دیاری دەکەن تا بەهۆی CSS ـەوە کاریگەرییان بەسەردا بهێنرێن. هەندێک نموونە:<br />
* تایبەتمەندی alt لە توخمی وێنەدا کە بە واتای دەقی جێگرەوە دێت (alternative text) بە کاردێت بۆ نووسینی دەقێک تا پیشان بدرێن لەو وێبگەڕانەی پاڵپشتی پیشاندانی وێنە ناکەن یان بەکارهێنەر پیشاندانی وێنەی ناچالاک کردووە.<br />
<source lang="html4strict"><img src="http://chawg.org/img/opensuse.png" alt="OpenSUSE leser computeri Dell mini 9" /></source><br />
* تایبەتمەندی style کە بە شێوەی inline CSS دەتوانیت کاریگەرییەک بهێنیت بەسەر ناوەڕۆکی توخمەکەدا.<br />
<source lang="html4strict"><p style="color:#ff0000;">Eme deqeke ke be rengi sur nusrawe.</p></source><br />
* بە هۆی class و id ـیەوە دەتوانیت دەقێک دیاری بکەیت تا بە هۆی ستایڵ شیتەوە گۆڕانکارییەکیان بەسەردا بهێنیت.<br />
<source lang="html4strict"><div class="nawnishan">Min feri HTML debim.</div></source><br />
تێبینی: نرخی تایبەتمەندییەکان دەبێت لە نێوان تاک یان جووت کۆتەیشندا بنووسرێن لە XHTML، بەڵام لە HTML دەکرێت بە بێ کۆتەیشنیش بنووسرێن.<br />
<br />
== پێکهاتەی پەڕەی HTML ==<br />
<tt>HTML</tt> بە شێوەیەکی سادە پێکهاتووە لە سێ بەشی سەرەکی (بەشی <tt>DOCTYPE</tt>، بەشی <tt>head</tt>، بەشی <tt>body</tt>) سادەترین پەڕگەیەک کە بە <tt>HTML</tt> نووسرابێت بەم شێوەیەیە:<br />
<source lang="html4strict"><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<title>Ferbuni HTML</title><br />
</head><br />
<body><br />
<p>Yekem babet le ferbuni HTML.</p><br />
</body><br />
</html><br />
<br />
</source><br />
* دێڕی یەکەم کە پێی دەوترێت [http://www.chawg.org/wiki/index.php?title=HTML#DTD Document Type Definition] بریتییە لە ناساندنی پەڕەکە کە ئاماژە بە جۆری ئەو بەڵگەنامەیە ئەکات کە سەر بە چ جۆرێکی <tt>HTML</tt> ـە. پێویستە لە دێڕی یەکەم لە سەرەتای هەموو کۆدەکاندا بێت.<br />
* هەردوو تاگی کردنەوە و داخستنی <tt>html</tt> لە سەرەتا و کۆتایی هەموو کۆدەکان دەنووسرێن. ئەم تاگە بە وێبگەڕ دەڵێت کە ئەم پەڕەیە <tt>HTML</tt> ـە.<br />
* هەردوو تاگی <tt>head</tt> ـیش لە دوای تاگی <tt>html</tt> ـەوە دێت. هەرچی لە نێوان ئەم دوو تاگەدا دەنووسرێن لە نێو پەڕەکەدا دەرناکەون بەڵکو لە نێوان ئەم دوو تاگەدا تەنها زانیاری دەربارەی ئەو پەڕەیە تیادا دەنووسرێت.<br />
* تاگەکانی <tt>title</tt> ناونیشانی پەڕەکە دیاری دەکەن، هەرچی لە نێوان ئەو دوو تاگەدا بنووسرێن دواتر لە <tt>Title bar</tt> ـی وێبگەڕ دەردەکەوێت. بۆ نموونە گەر ئەو پارچە کۆدەی سەرەوە لە پەڕگەیەکدا بنووسین، دواتر کە بە وێبگەڕێک ئەو پەرگەیەمان کردەوە دەبینیت لە <tt>Title bar</tt> نووسراوە Ferbuni HTML.<br />
* لە نێوان تاگەکانی <tt>body</tt> ـدا ئەوە دەنووسین کە دەمانەوێت لە نێو پەڕەکەدا دەربکەوێت، وەک دیارە لە سەرەوە لە نێوان تاگی پەرەگرافدا نووسیومانە "Yekem babet le ferbuni HTML".<br />
<br />
== DTD ==<br />
<tt>Document Type Definition</tt> کە لە سەرەتای هەموو کۆدەکاندا دێت سێ جۆری هەیە:<br />
* <tt>XHTML 4 Strict</tt> وەشانێکی داماڵڕاوی <tt>HTML</tt> ـە لەو تایبەتمەندییانەی کە لە وەشانی چواری <tt>HTML</tt> ـدا نەماون و لە بایەخیان کەمکراونەتەوە<br />
ئەم جۆرە بەکارببە گەر ئەتەوێت بۆ دەرکەوتن و ڕووخساری ماڵپەڕەکەت بە تەواوی پەیوەست بیت بە [[CSS]] ـەوە و ناتەوێت سوود لە تاگە بێ بایەخەکان وەربگریت. <tt>DTD</tt> بۆ <tt>XHTML 1.0 Strict</tt> بەم شێوەیەیە:<br />
<source lang="html4strict"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"></source><br />
* <tt>XHTML 4 Transitional</tt> بەربڵاوترین جۆریانە کە نووسەر دەتوانێت سەرەڕای [[CSS]] ـیش تاگە بێ بایەخەکان بەکار ببات.<br />
ئەم جۆرە بەکارببە گەر ئەتەوێت بۆ دەرکەوتن و ڕووخساری ماڵپەڕەکەت سوود لە هەردوو [[CSS]] و تاگەبێ بایەخەکان وەربگریت. <tt>DTD</tt> بۆ <tt>XHTML 1.0 Transitional</tt> بەم شێوەیەیە:<br />
<source lang="html4strict"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></source><br />
* <tt>XHTML 4 FRAMESET</tt> وەک هەمان جۆری <tt>Transitional</tt> ـە لەم جۆرەدا تاگی <tt>frameset</tt> جێگەی تاگی <tt>body</tt> دەگرێتەوە.<br />
ئەم جۆرە بەکارببە گەر دەتەوێت پەڕەکە دابەش بکەیت بۆ سەر چەند چوارچێوەیەک. <tt>DTD</tt> بۆ <tt>XHTML 1.0 FRAMESET</tt> بەم شێوەیەیە:<br />
<source lang="html4strict"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></source><br />
<br />
== تاگ/تایبەتمەندی/توخم ـە بێ بایەخەکان ==<br />
ئەو تاگ/تایبەتمەندی/توخم ـانەن کە لە HTML 4.01 ـەوە نەماون لەبەر بێ بایەخییان یان لەبەر توانینی ئەنجامدانی هەمان کاریگەری بە هۆی [[CSS]] ـەوە. لە جێگەیان تاگی نوێتر دانراون. کە تا ئێستا وێبگەڕەکان پشتگیری ئەو تاگانە ئەکەن، بەڵام لە داهاتوودا لەوانەیە بە تەواوەتی نەمێنن و هیچ کاریگەرییەکی پیشاندانیان نەمێنێت لەسەر پەڕەکان. بۆیە وا باشترە بەرانبەرەکانیان بەکارببرێن. هەندێک لەوانە:<br />
* لابردنی توخمی <tt>font</tt> لابرا بە هۆی بوونی <tt>font-size, font-family, color</tt> لە [[CSS]].<br />
* تایبەتمەندی <tt>align</tt> کە بۆ ناوەندکردن یان کردنە لای ڕاست و چەپی دەقێک بەکاردێت. نرخەکانی <tt>right, center, left, justify</tt> ـە لە بری ئەوە دەبێت <tt>text-align</tt> لە ستایڵ شیت بەکار ببرێت.<br />
* توخمی <tt>u</tt> بۆ هێڵبەژێرداهێنان لە ستایڵ شیت <code>text-decoration:underline;</code> ئەو کارە دەکات.<br />
* تاگی <tt>applet</tt> کە بۆ کارپێکردنی پڕۆگرامۆکەکانی جاڤا بوو گۆڕدرا بە <tt>object</tt>.<br />
<br />
== پەرەگراف – Paragraph ==<br />
توخمی p بەکاردێت بۆ دیاریکردنی دەقێک وەک پەرەگراف و ناوەڕۆکی توخم وەک پەرەگراف دەناسێنێت. لەبەر ئەوەی ئەم توخمە کاریگەرییەکی دیاری نییە لەسەر دەق، هەندێک لە نووسەران بیریان ئەچێت ئەم توخمە بەکاربەرن بۆ پەرەگراف یان تاگی کۆتایی دابخەن.<br />
نموونە:<br />
<source lang="html4strict"><p>Em deqe peregirafe boye le new tuxmi p nusrawe.</p><br />
<p>Min etwanim bichme ser<br />
helli nwe u chend derreki tir<br />
l peregirafekem binusim u le<br />
kotayida tagi kotayi dabixemewe</p><br />
<p class="sereki" dir="rtl">لەم پەرەگرافەدا ئەتوانم بە پیتی عەرەبی بنووسم</p><br />
</source><br />
لە نموونە سێیەمدا دوو تایبەتمەندیمان داوەتە توخمەکە، تایبەتمەندی class ـمان داوەتێ و ناساندوومانە بە sereki تا بە ستایڵ شیت گۆڕانکاری بەسەردا بهێنین، وەک گۆڕینی ڕەنگ، قەبارە، فۆنت، … ـی پەرەگرافەکە. تایبەتمەندی دووەمیش بۆ ئاڕاستەی نووسینمان گۆڕیوە بە لە ڕاستەوە بۆ چەپ.<br />
<br />
== سەردێڕ – Heading ==<br />
سەردێڕ لە ٦ توخم پێک هاتووە (h1, h2, h3, h4, h5, h6) بەکاردێت بۆ نووسینی سەردێڕ/ناونیشانی بابەت یان پەڕەیەک چونکە کاتێک وێبگەڕ ئەم توخمە دەبینێت هەڵدەستێت بە تۆخکردن و گەورەکردنی قەبارەی ناوەڕۆکی توخم واتە بێ CSS و هیچ تایبەتمەندییەک. h1 گەورەترین و h6 بچوکترینیانە.<br />
<source lang="html4strict"><h1>Mallperri Chawg</h1><br />
<h2 class="nawnishan">Ferbuni HTML</h2></source><br />
نموونە ١: هەردوو توخمی سەردێڕ و پەرەگراف لە پەڕەیەکدا:<br />
<source lang="html4strict"><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<title>Ferbuni HTML le mallperri chawg</title><br />
</head><br />
<body><br />
<h1>Mallperri Chawg</h1><br />
<h2 class="nawnishan">Ferbuni HTML</h2><br />
<h3>Waney yekem</h3><br />
<p>Serderr le 6 tuxim pekhatun h1 gewretiriniyane u h6 bichuktiriniyane, bekardet<br />
bo nusini nawnishani babet u perre. Tuxmekani header gorrankari toxi u gewreyi<br />
qebare edat be nawerroki tuxim.</p><br />
</body><br />
</html><br />
</source><br />
ئەم کۆدەی سەرەوە لە دەستکاریکەرێکدا بنووسە و بە وێبگەڕ پەڕەکە بکەرەوە تا ئەنجامەکەی ببینیت. بینووسە! ڕوونووسی مەکە تا فێربیت!<br />
<br />
<br />
== بەستەر - Link ==<br />
=== توخمی بەستەر ===<br />
گرنگترین و زۆرترین توخمی بەکاربراوە کە بریتییە لە بە ناونیشانکردنی دەقێک کە بە کرتەکردن لێی بەکارهێنەر ڕەوانە دەکرێت بۆ ئەو ناونیشانەی تیایدا نووسراوە. بە شێوەیەکی سادە توخمەکە بریتییە لە:<br />
<source lang="html4strict"><a href="http://www.chawg.org/wiki/chawg">Chawg</a></source><br />
دەرەنجام: [[Chawg]]<br />
* توخمی <tt>a</tt> (لەنگەر/anchor) بەکاردێت بۆ دروستکردنی بەستەر.<br />
* ناوی تایبەتمەندی <tt>href</tt> واتە (Hypertext reference) دەبێت نرخەکەی ناونیشانی ئەو بەستەر (URL) ـە بێت کە دەتەوێت بەکارهێنەری بۆ ڕەوانە بکەیت. بەستەر دروست نابێت بە بێ تایبەتمەندی <tt>href</tt><br />
* ناوەڕۆکی توخم ئەو دەقە دەبێت کە وەک بەستەر دەردەکەوێت کە لێرەدا "Mallperri Chawg" ـە.<br />
=== کردنەوە لە شوێنێکی دیاریکراو ===<br />
گرنگترین تایبەتمەندی لە پاش <tt>href</tt> تایبەتمەندی <tt>target</tt> ـە کە بەکاردێت بۆ پێدانی شوێنێکی دیاریکراو بۆ کرانەوەی بەستەر تیایدا وەک کرانەوە لە پەنجەرەیەکی نوێدا یان لە چوارچێوەیەک لە هەمان پەڕە و پەنجەرەدا (کاتێک پەڕەکە دابەشکرابێت بۆ چەند چوارچێوەیەک)<br />
<br />
* کردنەوە لە پەڕەیەکی نوێدا:<br />
<source lang="html4strict"><a target="_blank" href="http://www.chawg.org">Chawg</a></source><br />
* کردنەوە لە چوارچێوەیەکدا:<br />
<source lang="html4strict"><a target="rightframe" href="http://www.chawg.org">Chawg</a></source><br />
rightframe ناوی ئەو چوارچێوەیە دەبێت کە لە پەڕەکەدا هەیە.<br />
<br />
=== بەستەر بۆ دەقێک لە هەمان پەڕەدا ===<br />
چوارچێوەیەک لە سەرەوە دەبینیت نووسراوە "ناوەڕۆک" بە کرتەکردن لە هەر بەستەرێکی ناو چوارچێوەکە دەگەیتە شوێنێک لە هەمان ئەم پەڕەیەدا. ئەمە بریتییە لە بەستەرکردن بۆ دەقێک کە لە هەمان پەڕەی بەستەرەکەدا هەیە. بۆ نموونە من دەنووسم "بۆ خوێندنەوە لەسەر DTD کرتە لێرە بکە" دەمەوێت بیکەمە بەستەر و ڕەوانەی ئەو دەقەی سەرەوەی بکەم کە بەم شێوەیە دەبێت:<br />
* ئەبێت ناونیشانێک بدەم بەو دەقەی ئەمەوێت بەستەری بۆ بکرێت:<br />
<source lang="html4strict"><a name="DTD">DTD</a></source><br />
ئەمە کۆدی ئەو نووسراوەیە کە لە سەرەوە نووسراوە ئەویش بە پێدانی تایبەتمەندی <tt>name</tt>. وشەی DTD ـی نرخی تایبەتمەندییەکەش، ناونیشانەکەیە (DTD ناوەڕۆکی توخم نا).<br />
* بەستەر بەم شێوەیە دەنووسرێت:<br />
<source lang="html4strict"><a href="#DTD">بۆ خوێندنەوە لەسەر DTD کرتە لێرە بکە</a></source><br />
دەرەنجام: [http://www.chawg.org/wiki/index.php?title=HTML#DTD بۆ خوێندنەوە لەسەر DTD کرتە لێرە بکە]<br />
<br />
== وێنە – Image ==<br />
توخمی وێنە یەکێکە لەو توخمانەی کە لە تاگێک پێکهاتووە و خۆی خۆی دائەخاتەوە. توخمەکە پێکهاتووە لە:<br />
<source lang='html4strict'><img src="http://domain.com/image.png" /></source><br />
=== تایبەتمەندی src ===<br />
تایبەتمەندی <tt>src</tt> تایبەتمەندی بنەڕەتی توخمی وێنەیە. نرخی تایبەتمەندی پێویستە ڕێڕەو (path) ـی وێنەکە بێت.<br />
ئەگەر بوخچەیەکمان هەبێت بە ناوی myweb لە ناویدا دوو بوخچەی تر بە ناوەکانی files و ئەوی تر images. لەناو بوخچەی files ـیشدا بوخچەیەکی ترمان هەبێت بە ناوی thumbs. بەم شێوەیە:<br />
<pre><br />
/wene1.jpg<br />
/myweb/wene2.jpg<br />
/myweb/files/perre.html<br />
/myweb/files/thumbs/wene3.jpg<br />
/myweb/images/wene4.jpg<br />
<br />
</pre><br />
گەر پێکهاتە پەڕگەکانمان وەک ئەوەی سەرەوە بێت و بمانەوێت لە perre.html ـەوە بەستەر بکەین بۆ wene3.jpg. دەبێت بەم شێوەیە ڕێڕەوەکە بنووسین:<br />
<source lang='html4strict'><img src="thumbs/wene3.jpg" /></source><br />
بەڵام ئەگەر بمانەوێت بەستەر بکەین بۆ wene2.jpg، بەم شێوەیە دەبێت:<br />
<source lang='html4strict'><img src="../wene2.jpg" /></source><br />
<br />
لەبەر ئەوەی پەڕگەکە لە بوخچەی files ـدایە وێنەکە و لە بوخچەی myweb ـدایە کە بوخچەیەک سەرووترە بۆیە دەبێت دوو خاڵ دابنێین لەپێشی. ئەگەر وێنەکە دوو بوخچە سەرووتر بوو وەک وێنەی wene1.jpg، ئەوە دوو جار خاڵەکان دا دەنێین، وەک:<br />
<source lang='html4strict'><img src="../../wene1.jpg" /></source><br />
<br />
وە بەستەر بۆ wene4.jpg بەم شێوەیە دەبێت:<br />
<source lang='html4strict'><img src="../images/wene4.jpg" /></source><br />
دەشتوانین لە ڕێڕەوی بەستەرەکە ناونیشانێکی تەواوەتی بنووسین، وەک:<br />
<source lang='html4strict'><img src="http://domain.com/uploads/images/wene5.jpg" /></source><br />
<br />
[[Image:Html_alt_title.gif|left|thumb|180px|تایبەتمەندییەکانی title و alt ـی توخمی وێنە ]]<br />
=== تایبەتمەندییەکانی alt و title ===<br />
تایبەتمەندییەکانی <tt>alt</tt> و <tt>title</tt> دوو تایبەتمەندی نزیکن لەیەکەوە. هەمیشە بەکارهێنەر لێی تێک دەچێت کە کامیان بەکار ببات لە توخمەکەدا.<br />
تایبەتمەندی <tt>alt</tt> کە چیتر بووەتە تایبەتمەندییەکی گرنگ و پێویست. پیشان دەدرێت، کاتێک وێبگەڕ پاڵپشتی پیشاندانی وێنە ناکات یان بەکارهێنەر وای کردووە کە وێنە پیشان نەدرێت. ئەویش بریتییە لە چەند وشەیەکی کەم وەک دەقێکی جێگرەوە بۆ وێنەکە تا بەکارهێنەر لە ناوەڕۆکی وێنەکە تێ بگات.<br />
<source lang='html4strict'><img src="http://domain.org/ferbunihtml.png" alt="فێربوونی هتمل" /></source><br />
بەڵام تایبەتمەندی <tt>title</tt> تایبەتمەندییەکی جیایە لە <tt>alt</tt>. نرخی تایبەتمەندی <tt>title</tt> کاتێک پیشان دەدرێت کە بەکارهێنەر نیشاندەری مشکەکە دەباتە سەر وێنەکە. دەتوانیت هەردوو تایبەتمەندییەکە لە هەمان توخمی وێنەدا دابنێیت، بەڵام شارەزایان وا ئامۆژگاری دەکەن کە تایبەتمەندی alt بەکارببرێت بۆ هەموو وێنەیەک و تایبەتمەندی <tt>title</tt> ـیش کاتێک بەکارببرێت کە وێنە بەستەر بێت بۆ لاپەڕەیەک و لە نرخی تایبەتمەندی title ناونیشانی پەرە بەستەربۆکراوەکە بنووسین.<br />
<source lang='html4strict'><a href="http://www.chawg.org/wiki/index.php?title=HTML"><br />
<img src="http://chawg.org/images/html_wiki_chawg.png" alt="فێربوونی هتمل" title="فێربوونی زمانی هتمل بە کوردی" /></a></source><br />
تێبینی: لەم نموونەیەی سەرەوە توخمی وێنە بووەتە ناوەڕۆکی توخمی بەستەر کە لێرەدا وێنەکە دەبێتە بەستەر.<br />
<br />
=== تایبەتمەندییەکانی Height و Width ===<br />
هەردوو تایبەتمەندی <tt>height</tt> و <tt>width</tt> ـیش بەرزی و پانی وێنەکە دیاری دەکەن کە دەتوانیت قەبارەی وێنەکەی پێ زیاد یان کەم بکەیت. دیاریکردنی پانی و بەرزی وێنەکان دەبنە هۆی تێک نەچوونی layout ـی پەرەکە کاتێک پەڕەکە خەریکە دەکرێتەوە و وێنەکان بەتەواوی load نەبوون.<br />
نموونەیەک کە هەموو تایبەتمەندییەکانی لەخۆ گرتووە:<br />
<source lang='html4strict'><img src="http://domain.org/ferbunihtml.png" alt="فێربوونی هتمل" title="فێبوونی زمانی هتمل بەکوردی" height="100" width="140"/></source><br />
<br />
== لیست – List ==<br />
[[Image:Html_list.gif|left|thumb|200px|جۆرەکانی لیستی HTML]]<br />
لە HTML ـدا سێ جۆر لیستمان هەیە. یەکەم، لیستی ڕیزکراو. دووەم، لیستی ڕیزنەکراو. سێیەم، لیستی پێناسە.<br />
=== لیستی ڕیزکراو - Ordered List ===<br />
لەم لیستەدا دانەکانی لیست بە ژمارە یاخود پیت ڕێکدەخرێن توخمی <tt>ol</tt> بەکاردەبرێت بۆ دیاریکردنی ئەم جۆرە لیستە. دانەکانی هەردوو لیستی ڕیزکراو و ڕیزنەکراو دەخرێنە نێو توخمی <tt>li</tt> ـیەوە.<br />
نموونە:<br />
<source lang="html4strict"><br />
<ol type="a"><br />
<li>ڕیزکراوی ١</li><br />
<li>ڕیزکراوی ٢</li><br />
<li>ڕیزکراوی ٣</li><br />
</ol><br />
</source><br />
<br />
دەتوانین چەند نرخێک بۆ type دابنێین. لەوانە <tt>a</tt> بۆ ڕیزکردن بە پیتی بچوک، <tt>A</tt> بۆ پیت گەورە، <tt>I</tt> بۆ ڕیزکردنی ڕۆمانی گەورە و <tt>i</tt> ـیش بۆ بچوک.<br />
تایبەتمەندی start بەکاردێت بۆ دیاریکردنی دەستپێکردنی لیستەکە لە ژمارەیەکەوە. نرخی تایبەتمەندی هەمیشە دەبێت ژمارەی ئینگلیزی بێت ئەگەر چیش جۆری ڕیزکردنەکە پیت یان ژمارەی ڕۆمانی بێت، وەک:<br />
<br />
<source lang="html4strict"><br />
<ol type="a" start="4"><br />
<li>ڕیزکراوی ١</li><br />
<li>ڕیزکراوی ٢</li><br />
<li>ڕیزکراوی ٣</li><br />
</ol><br />
</source><br />
<br />
لێرەدا ڕیزکردنەکە لە پیتی D ـیەوە دەستپێدەکات هەتاوەکو E. هەڵەیە ئەگەر بنووسین <code>start="d"</code><br />
=== لیستی ڕیزنەکراو - Unordered List ===<br />
لەم لیستەدا دانەکان ڕیزنەکراون و لە پێش هەر دانەیەک خاڵێک، بازنەیەک یان دیسکێک دادەنرێت. توخمی <tt>ul</tt> بەکاردەبرێت بۆ دیاریکردنی لیستەکە.<br />
نموونە:<br />
<source lang="html4strict"><br />
<ul><br />
<li>ڕیزنەکراوی ١</li><br />
<li>ڕیزنەکراوی ٢</li><br />
<li>ڕیزنەکراوی ٣</li><br />
<li>ڕیزنەکراوی ٤</li><br />
</ul><br />
</source><br />
<br />
تایبەتمەندی <tt>type</tt> لە لیستی ڕیزنەکراودا بەکاردێت بۆ دیاریکردنی ئەوەی کە چ هێمایەک لە پێش دانەکانی لیستەکەدا بێت.<br />
نموونە:<br />
<source lang="html4strict"><br />
<ul type="circle"><br />
<li>ڕیزنەکراوی ١</li><br />
<li>ڕیزنەکراوی ٢</li><br />
</ul><br />
</source><br />
<br />
تێبینی: هەردوو تایبەتمەندی <tt>type</tt> و <tt>start</tt> لە تایبەتمەندییە لابراوەکانن.<br />
=== لیستی پێناسە – Definition List ===<br />
ئەم لیستە پێکدێت لە دەستەواژەیەک و پێناسەکەی. دەستەواژە دەکرێتە نێو توخمی <tt>dt</tt> ـیەوە و پێناسەی دەستەواژەکەش لە دوای ئەو دێت لە نێو توخمی <tt>dd</tt> ـدا. هەردووکیشیان پێکەوە دەکرێنە نێو توخمی <tt>dl</tt> ـەوە.<br />
dt = definition Term, dd = Definition Description, dl = Definition List<br />
<br />
نموونە:<br />
<source lang="html4strict"><br />
<dl><br />
<dt>نەورۆز</dt><br />
<dd>یەکەمین مانگی ساڵی کوردییە.</dd><br />
<dt>سەگ</dt><br />
<dd>گیاندارێکی بەوەفایە.</dd><br />
</dl><br />
</source><br />
<br />
== خشته - Table ==<br />
تاگ و توخمەکان لە پێکهێنانی توخمی سەرەکی خشتە کەمێک چڕترن وەک لە توخمەکانی تر، بەڵام پاش تێگەیشتنی دەبینین هیچ ئاڵۆزییەکی تیادا نییە.<br />
<br />
<source lang='html4strict'><br />
<table border="1" ><br />
<tr> <br />
<td>خانەی ١، ڕیزی ١</td> <br />
<td>خانەی ٢، ڕیزی ١</td> <br />
<td>خانەی ٣، ڕیزی ١</td> <br />
</tr> <br />
<br />
<tr> <br />
<td>خانەی ١، ڕیزی ٢</td> <br />
<td>خانەی ٢، ڕیزی ٢</td> <br />
<td>خانەی ٣، ڕیزی ٢</td> <br />
</tr><br />
<br />
<tr> <br />
<td>خانەی ١، ڕیزی ٣</td> <br />
<td>خانەی ٢، ڕیزی ٣</td> <br />
<td>خانەی ٣، ڕیزی ٣</td> <br />
</tr><br />
<table><br />
</source><br />
<br />
نموونەکەی سەرەوە خشتەیەکی ٩ خانەیی دروست دەکات، پێک هاتووە لە ٣ ستوون و ٣ ئاسۆ. کە ئەم توخمانەی تیا دەبینین:<br />
<br />
* توخمی <tt>table</tt>: توخمی سەرەکییە لە پێکهێنانی خشتەکە.<br />
* توخمی <tt>tr</tt>: واتە هەر ئاسۆیەکی خشتەکە ('''T'''able '''R'''ow) کە بەکاردێت بۆ پێکهێنانی هەر دێڕێک یان ئاسۆیەک لە خشتەکە. ئەم توخمانە بریتین لە ناوەڕۆکی توخمی table (دەکەونە نێو توخمی <tt>table</tt> ـەوە.)<br />
* توخمی <tt>td</tt>: واتە هەر تاکە خانەیەک ('''T'''able '''D'''ata) کە بەشداری دەکەن لە پێکهێنانی سەراپای خشتەکە. ئەم توخمانە بریتین لە ناوەڕۆکی توخمی <tt>tr</tt> (دەکەونە نێو توخمی <tt>tr</tt> ـەوە.)<br />
<br />
تێبینی:<br />
* تایبەتمەندی <tt>border</tt> پێویستە بنووسرێت تا چوارچێوەی خشتەکە دیاری بکات.<br />
* هەندێک جار وا پێویست دەکات ئاسۆی یەکەمی خشتە وەک سەردێڕ لێ بکەیت. ئەمەش ئەنجام دەدرێت بە دانانی توخمی <tt>th</tt> لە بری <tt>td</tt> ـیەکان. کە کاریگەری تۆخکردن و ناوەندکردن دەداتە دەقی نێو خانەکە. وەک لە نموونەی داهاتوودا بەکاربراوە.<br />
<br />
===تایبەتمەندییەکانی خشتە===<br />
<br />
زۆرینەی ئەو تایبەتمەندییانەی پاڵپشتی لە توخمەکانی خشتە ئەکەن، لە بێ بایەخەکانن یان چیتر لە وەشانە نوێیەکانی HTML ـدا Valid نین. لەوانەش وەک: height, bgcolor, nowrap, Align.<br />
تایبەتمەندییە گرنگەکانی خشتە ئەمانەن (کە لەو پارچە کۆدەی خوارەوە هەموویان بەکاربراون):<br />
* تایبەتمەندی <tt>border</tt>: بۆ دیاریکردنی قەبارەی سنوورەکانی خشتەکە.<br />
* تایبەتمەندی <tt>width</tt>: بۆ دیاریکردنی قەبارەی خشتە و خانەکان.<br />
* تایبەتمەندی <tt>cell-padding</tt>: بۆ دوورخستنەوە نووسراوی نێو خانەکان لە لێواری خانەکانی خشتەکە. ئەگەر ئەم تایبەتمەندییە نەنوسرێت بە شەوەیەکی بنەڕەت نرخەکەی بە ١ خاڵ (پیکسڵ) دادەنرێت<br />
* تایبەتمەندی <tt>cell-spacing</tt>: بۆ کەمکردن و زیادکردنی بۆشایی نێوان لێواری خانەکان. بۆ دوورخستنەوە نووسراوی نێو خانەکان لە لێواری خانەکانی خشتەکە. ئەگەر ئەم تایبەتمەندییە نەنوسرێت بە شەوەیەکی بنەڕەت نرخەکەی بە ٢ خاڵ (پیکسڵ) دادەنرێت.<br />
* تایبەتمەندی <tt>colspan</tt>: بەکار دێت بۆ درێژکردنەوەی خانەیەکی ئاسۆیی بەدرێژایی چەند خانەیەکی دیاریکراوی ستوونی.<br />
* تایبەتمەندی <tt>rowspan</tt>: بەکار دێت بۆ درێژکردنەوەی خانەیەکی ستوونی بەدرێژایی چەند خانەیەکی دیاریکراوی ئاسۆیی.<br />
<br />
<source lang='html4strict'><br />
<table border="1" width="800" cellpadding="3" cellspacing="0"><br />
<tr> <br />
<th colspan="2">خانەی ١ و ٢، ڕیزی ١</th> <br />
<br />
<th>خانەی ٣، ڕیزی ١</th> <br />
</tr> <br />
<br />
<tr> <br />
<td rowspan="2">خانەی ١، ڕیزی ١ و ٣</td> <br />
<td width="15%">خانەی ٢، ڕیزی ٢</td> <br />
<td>خانەی ٣، ڕیزی ٢</td> <br />
</tr><br />
<br />
<tr> <br />
<br />
<td>خانەی ٢، ڕیزی ٣</td> <br />
<td>خانەی ٣، ڕیزی ٣</td> <br />
</tr><br />
<table><br />
</source><br />
<br />
دوو تایبەتمەندی تریش هەن، ئەوانیش <tt>rules</tt> و <tt>frame</tt>. تایبەتمەندی <tt>rules</tt> بەکاردێت بۆ شاردنەوە و بەدیارخستنی هێڵەکانی نێوان خانەکان کە ئەم نرخانە وەردەگرێت: <tt>rows</tt>, <tt>cols</tt>, <tt>all</tt>, <tt>none</tt>. تایبەتمەندی <tt>frame</tt> ـیش بۆ هێڵەکانی چوارچێوەی خشتەکە، ئەم تایبەتمەنییانە وەردەگرێت: <tt>above</tt>, <tt>below</tt>, <tt>lhs</tt>, <tt>rhs</tt>, <tt>hsides</tt>, <tt>vsides</tt>, <tt>border</tt>. <tt>box</tt>, <tt>viod</tt>.<br />
نموونە:<br />
<br />
<source lang="html4strict"><br />
<table rules="all" frame="hsides"><br />
<tr> <br />
<td>خانەی ١، ڕیزی ١</td> <br />
<td>خانەی ٢، ڕیزی ١</td> <br />
<td>خانەی ٣، ڕیزی ١</td> <br />
</tr> <br />
<br />
<tr> <br />
<td>خانەی ١، ڕیزی ٢</td> <br />
<td>خانەی ٢، ڕیزی ٢</td> <br />
<td>خانەی ٣، ڕیزی ٢</td> <br />
</tr><br />
<table><br />
</source><br />
<br />
تێبینی: کاریگەرییەکانی وەک گۆڕینی قەبارە، جۆر و ڕەنگی فۆنت، خشتە و خانەکان دەبێت بە [[CSS]] ئەنجام بدرێن.<br />
<br />
==فۆرم - Form ==<br />
فۆڕم بەکاردێت بۆ داغڵکردن و ناردنی زانیاری لەلایەن بەکارهێنەرەوە، وەک فۆڕمی پەیوەندی، فۆڕمی چوونەژوورەوە...<br />
<br />
لەناو فۆڕمدا، توخمەکانی فۆڕم دەنووسین، کە ئەوانیش <tt>textarea</tt>, <tt>input</tt>, <tt>select</tt>... ـن.<br />
<source lang="html4strict"><br />
<form action="contact.php" method="get"><br />
<br />
</form><br />
</source><br />
فۆرڕم لە HTML ـدا ناکارایە و تەنها پیشاندانە، بۆیە پێویستمان بە [[زمانی بزۆک|زمانێکی بزۆک]] دەبێت بۆ کارپێکردنی فۆڕمەکە. وەک لەسەرەوە دەبینیت تایبەتمەندی <tt>action</tt> فۆڕمەکەی پەیوەست کردووە بە زمانە بزۆکەکەوە. تایبەتمەندی <tt>method</tt> ـیش کە هەردوو نرخی <tt>get</tt> و <tt>post</tt> ـی هەیە، <tt>post</tt> بۆ شاردنەوە و <tt>get</tt> بۆ پیشاندانی زانیارییەکان بەکاردێت لە URL ـدا.<br />
<br />
<br />
===تێکردن - input ===<br />
input زۆرترین تاگی بەکاربراوی توخمی فۆڕمە. کە دەتوانین بەپێی نرخی تایبەتمەندیی <tt>type</tt> جۆری ئەو فۆڕمەکەی دیاری بکەین. نرخەکانی تایبەتمەندیی <tt>type</tt> کە جۆری فۆڕمەکە دیاری دەکەن، ئەمانەن: <tt>text</tt>, <tt>password</tt>, <tt>file</tt>, <tt>checkbox</tt>, <tt>radio</tt>, <tt>submit</tt>, <tt>reset</tt>, <tt>button</tt>, <tt>hidden</tt>, <tt>image</tt><br />
<br />
چۆنێتی بەکارهێنانیان (کۆدەکە لە پەڕگەیەکدا ڕوونووس بکە تا دەرەنجامەکانیان ببینیت):<br />
<br />
<source lang="html4strict"><br />
<input type="text" name="username" /><br /><br />
<input type="password" name="pass" /><br /><br />
<input type="file" name="uploader" /><br /><br />
<input type="submit" name="submitbtn" value="Send" /><br />
<input type="reset" name="resetfields" value="Clean Fields" /><br /><br />
<input type="checkbox" checked="checked" name="remembermechbx" /><br /><br />
<input type="radio" name="radiobtn" value="Male" /><br />
<input type="radio" name="radiobtn" value="Female" /><br /><br />
<input type="button" name="custombtn" value="A Custom Button" /><br /><br />
<input type="image" name="img" value="sent" src="images/send.png" alt="Send (image button)" /><br /><br />
<input type="hidden" name="hiddenfld" value="usr955" /><br />
</source><br />
<br />
* <tt>text</tt> - خانەیەکی تاک هێڵییە بەکاردێت لەکاتی داغڵکردنی ناو، تێپەڕەوشە، ئیمەیل...<br />
* <tt>password</tt> - بەهەمان شێوەی <tt>text</tt> بەڵام لەکاتی نووسینی تێپەڕەوشەدا بەکاردێت تا وشەکان بشاردرێنەوە.<br />
* <tt>file</tt> - بۆ بارکردنی پەڕگەیەک لە کۆمپیوتەری بەکارهێنەرەوە، وەک لە uploader ـەکاندا.<br />
* <tt>submit</tt> - دوگمەیەکە لە فۆڕمەکەدا بەکاردێت لە ناردنی زانیارییەکانی نێو فۆڕمەکە.<br />
* <tt>reset</tt> - بەکاردێت بۆ بەتاڵکردنەوەی ئەو زانیارییانەی بەکارهێنەر لەنێو فۆڕمەکەدا نووسیویەتی.<br />
* <tt>checkbox</tt> - بەکاردێت لە هەڵبژاردندا. کاتێک چەند هەڵبژاردنێک دیاری کراوە و بەکارهێنەر دەتوانێ زیاد لە دانەیەک هەڵبژێرێت.<br />
* <tt>radio</tt> - بەکاردێت لە هەڵبژاردندا. کاتێک چەند هەڵبژاردنێک دیاری کراوە و بەکارهێنەر دەتوانێ تەنها یەکێک هەڵبژێرێت.<br />
* <tt>button</tt> - دوگمەیەکە، بەڵام ئەم زانیاری نێو فۆڕمەکە نانێرێت بۆ ڕاژە، بەڵکو پێوسیتە بە سکریپتێکی وەک جاڤاسکریپتەوە ببەسرێتەوە بۆ کارپێکردنی ڕاستەوخۆی سکریپتەکە.<br />
* <tt>image</tt> - دوگمەیەکی ناردنە وەک <tt>submit</tt> بەڵام بە وێنە.<br />
* <tt>hidden</tt> - خانەیەکی شاراوەیە کە بەکارهێنەر نایبینێت. بەزۆری بەکاردێت کاتێک فۆڕم لە چەند پەڕەیەک پێکهاتووە و پێویستە زانیارییەکانی پەڕەی یەکەم پاشەکەوتبکرێن و هەڵبگیرێن بۆ پەڕەکانی تر.<br />
<br />
<br />
بۆ نموونە لە دروستکردنی فۆڕمێکی چوونەژوورەوە، بەم شێوەیە فۆڕم بەکاردەهێنین:<br />
<br />
<source lang="html4strict"><br />
<form action="login.php" method="post"><br />
Username: <input type="text" name="username" /><br /><br />
Password: <input type="password" name="password" /><br /><br />
<input type="checkbox" name="rememberchkbox" value="autologin" />Automatically log me in every time I visit.<br />
<br /><br />
<input type="submit" name="submitit" value="Submit Data" /><br />
</form><br />
</source><br />
<br />
===ڕووبەرى دەق - textarea===<br />
textarea خانەیەکی گەورەیە بۆ نووسینی دەقێکی زۆر بەکاردێت. بە پێچەوانەی توخمی input ـەوە، textarea تاگی سەرەتا و کۆتایی هەیە . وە پێوستە تایبەتمەندییەکانی <tt>rows</tt> و <tt>cols</tt> بنووسیت بۆ دیاریکردنی بەرزی و پانی خانەکە.<br />
<source lang="html4strict"><br />
<textarea name="postfield" rows="10" cols="50">Deqeket lere binuse</textarea><br />
</source><br />
* هەردوو تایبەتمەندیی readonly و disabled بەکاردێت بۆ ناچالاککردنی خانەکە و نەهێشتنی دەستکاریکردنی لەلایەن بەکارهێنەرەوە. وەک ئەم نموونەیە:<br />
<source lang="html4strict"><br />
<textarea name="postfield" rows="10" cols="50" readonly="readonly">Natiwanit destkari em deqe bikeyt</textarea><br />
</source><br />
<br />
=== Drop Down ===<br />
Drop Down لیستێکە لە کۆمەڵێک هەڵبژاردن بۆ دیاریکردنی دانەیەک یان زیاتر، وەک radio و checkbox بەڵام بە شێوەیەکی کۆکراوە.<br />
<br />
توخمی <tt>select</tt> بەکاردەهێنین بۆ دروستکردنی لیستەکە، لە نێو لیستەکەشدا بۆ هەر هەڵبژاردنێک توخمی <tt>option</tt>. بەم شێوەیە:<br />
<br />
<source lang="html4strict"><br />
<select name="dropdownlist"><br />
<option value="ku">Kurd</option><br />
<option value="en">English</option><br />
<option value="fr">French</option><br />
</select><br />
</source><br />
* تایبەتمەندی <code>multiple="multiple"</code> بەکاردێت بۆ دیاریکردنی زیاد لە هەڵبژاردنێک لە لیستەکە. هەروەها تایبەتمەندی <tt>disable</tt>یش بۆ ناچالاککردنی لیستەکە.<br />
* دەتوانین هەڵبژاردنەکان بکەینە دەستە دەستە بە بەکارهێنانی تاگی <tt>optgroup</tt>. بەم شێوەیە:<br />
<source lang="html4strict"><br />
<select name="countrieslist"><br />
<optgroup label="Middle East"><br />
<option value="ir">Iran</option><br />
<option value="iq">Iraq</option><br />
<option value="jo">Jordan</option><br />
<option value="sa">KSA</option><br />
</optgroup><br />
<br />
<optgroup label="Europe"><br />
<option value="es">Spain</option><br />
<option value="fr">France</option><br />
<option value="de">Germany</option><br />
<option value="it">Italy</option><br />
</optgroup><br />
<br />
<optgroup label="Asia"><br />
<option value="jp">Japan</option><br />
<option value="cn">China</option><br />
<option value="in">India</option><br />
<option value="id">Indonesia</option><br />
</optgroup><br />
</select><br />
</source><br />
<br />
== div و span ==<br />
<tt>div</tt> و <tt>span</tt> بەکاردێن وەک لە پۆلپۆلکردنی کۆمەڵێک دەق و کاریگەری پێدانیان بەهۆی [[CSS]]. تاگی <tt>div</tt> وەک پەرەگراف کاتێک دەدرێت بە دەقێک، هێڵێک پێش خۆی و هێڵێک پاش خۆی جێ دەهێڵێت بەڵام <tt>span</tt> لەنێو هێڵدا. تایبەمەندییەکانیان بریتین لە <tt>class</tt>, <tt>id</tt>, <tt>style</tt><br />
<br />
نموونە:<br />
<source lang="html4strict"><br />
<div class="honrawenus"><br />
Qani' nawi Mihemmed Kabuliye. le salli 1905 le gundi shiler ledayk buwe u salli 1965 be nexoshimirduwe. pallpishti chini cutiyar u hejaran buwe her boye nasrawe be sha'iri chewsawekani Kurdistan<br />
</div><br />
</source><br />
<br />
بەڵام <tt>span</tt>:<br />
<source lang="html4strict"><br />
<p>Kotiri <span style="color:#ffffff">sipi</span> hemay ashtiye.</p><br />
<p>Zanisteki <span style="font-weight:bold;">dirisht</span> u <span style="text-decoration:underline;">kirawe</span>.</p><br />
</source><br />
واتە کاتێک span بەکاردێنین، ئەگەر بمانەوێت کاریگەری بدەینە وشەیەک یان چەند وشەیەکی نێو دێڕێک.<br />
<br />
== توخمەکانی نێو head ==<br />
توخمەکانی نێو head کۆمەڵێک توخمن لەنێو تاگی <tt><head></head></tt>دان. ئەم توخمانە بەکارهێنەر نایان بینێت بەڵام کاریگەری گرنگیان هەیە لەسەر پەڕەکە و وێبگەڕ و بزوێنەرەکانی گەڕان سوود لەم توخمانە وەردەگرن.<br />
<br />
=== توخمی meta ===<br />
توخمی <tt>meta</tt> بەکاردێت بۆ پێدانی زانیاری لەسەر جۆر، نووسەر، پەسن و وشەکلیل...<br />
* '''بەکارهێنانی تایبەتمەندیی <tt>http-equiv</tt> و <tt>content</tt>'''<br />
<source lang="html4strict"><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
</source><br />
تایبەتمەندی <tt>http-equiv</tt> بەکاردێت لە بوژاندنەوە (refresh)ی پەڕەکە یان ڕێکخستنی کاشکردن. لە تایبەتمەندی <tt>content</tt>یش چارسێت/ئینکۆدینی پەڕەکە دیاری دەکات. ئەو دێڕەی سەرەوە لە هەموو پەڕەیەکی ئاساییدا بەکار دەبرێت. شێوەیەکی تر ئەگەر بمانەوێت پەڕەکە refresh بکات چەند چرکە جارێک یان ئاڕاستەی بکەین بۆ پەڕەیەکی تر نرخی تایبەتمەندی <tt>http-equiv</tt> دەگۆڕین بۆ <tt>refresh</tt> و نرخی <tt>content</tt>یش بۆ ژمارەی چرکەکان لەگەڵ ناونیشانی بەستەرەکە. بۆ نمونە:<br />
<source lang="html4strict"><br />
<meta http-equiv="refresh" content="60" /> // 60 chirke carek perreke refresh ekat<br />
<meta http-equiv="refresh" content="10;http://chawg.org/meko" /> // le diway 10 chirke perreke arraste dekret bo besteri chawg.org/meko<br />
</source><br />
<br />
* '''بەکارهێنانی تایبەتمەندی وشەکلیل و پەسن'''<br />
وشەکلیل (<tt>keywords</tt>) بەکاردێت بۆ ناساندنی ماڵپەڕەکەت لە چەند وشەیەکدا کە بە کۆما لێک جیاکراونەتەوە، پەسنیش (<tt>description</tt>) بە هەمان شێوە بۆ ناساندنی ماڵپەڕ یان پەڕەیەک لە ماڵپەڕەکە بەکاردێت لە ڕستەیەکدا. بەم شێوەیە لەنێو <tt>head</tt> دا دەنووسرێن:<br />
<source lang="html4strict"><br />
<meta name="keywords" content="chawg, mallperri chawg, وێبداڕشتن, هتمڵ بە کوردی, سی ئێس ئێس بە کوردی, پی ئێچ پی بە کوردی" /><br />
<meta name="description" content="چاوگ ماڵپەڕێکی ئایتییە، گرنگی بە بوارەکانی سەچاوەکراوە و وێبداڕشتن دەدات" /><br />
</source><br />
پێشتر بزوێنەرەکانی گەڕان ئەم دوو تایبەتمەندییەیان بەکاردەهێنا بۆ ڕیزکردنی ماڵپەڕەکان لە ئەنجامی گەڕانەکانیاندا. کاتێک بەکارهێنەرێک بۆ وشەیەک دەگەڕا بزوێنەرەکان ئەو ماڵپەڕانەیان دادەنا بە ئەنجامی گەڕان کە وشەکەی تیادابوو، بەڵام لەبەر خراپ بەکارهێنانی ئەو دوو تایبەتمەندییە، ئەمڕۆ زۆربەی بزوێنەری گەڕانەکان فەرامۆشیان کردوون.<br />
خراپ بەکارهێنان واتا نووسینی وشەیەک لە وشەکلیل و پەسندا کە ماڵپەڕەکەت تایبەت نەبێت پێی یان نووسینی دەیان وشە بۆ بۆ زۆرکردنی هەلی دەرکەوتنی ماڵپەڕەکەت لە بزوێنەرەکانی گەڕاندا کە ئەمەش کاریگەری نەرێنی دەبێت و دەبێتە هۆی ئەوەی ماڵپەڕێک لە گەڕانەکاندا دەربکەوێت کە هیچ پەیوەندی بەو بابەتەوە نەبێت کە بەکارهێنەر بۆی گەڕاوە.<br />
<br />
=== توخمی link ===<br />
بەکاردێت بۆ بەستنەوە و تێهەڵکێشکردنی پەڕگەیەک بە پەڕە HTMLـەکەوە، وەک تێهەڵکێشکردنی [[CSS]] و [[Favicon]].<br />
* تێهەڵکێشکردنی ڕووخسار<br />
<source lang="html4strict"><br />
<link rel="stylesheet" type="text/css" href="http://www.mallperr.com/ruxsar.css" /><br />
</source><br />
* تێهەڵکێشکردنی Favicon<br />
<source lang="html4strict"><br />
<link rel="stylesheet" type="text/css" href="http://www.mallperr.com/favicon.ico" /><br />
</source><br />
<br />
== XHTML ==<br />
<tt>eXtensible HyperText Markup Language</tt> داڕشتنەوەی هەمان <tt>HTML</tt> ـە بە پابەندبوون بە بنەماکانی <tt>XML</tt> ـەوە کە دواتر بووە بە پەسەندکراوی W3C.<br />
<br />
== جیاوازی نێوان HTML و XHTML ==<br />
ئەو جیاوازیانەی لە نێوان <tt>HTML</tt> و <tt>XHTML</tt> ـدا هەیە ئەوەیە کە ئەبێت بەڵگەنامەکانی <tt>XHTML</tt> بە درووستی لەسەر ڕێساکانی <tt>XML</tt> نووسرابن، ئەوانیش لەمانەدا خۆی دەگرێتەوە:<br />
*'''هەموو تاگ و توخمەکان داخرابنەوە.''' ئەو تاگانەی تاگی کردنەوە و داخستنەوەیان هەیە پێویستە هەردووکیان بوونیان هەبێت، بۆ نموونە:<br />
نادروست: <pre><h1>Eme headere<h2>Emesh headereki tir</pre><br />
<br />
دروست: <pre><h1>Eme headere</h1><h2>Emesh headereki tir</h2></pre><br />
<br />
* '''تاگە تاکەکان دابخرێنەوە.''' وەک پێشتر وتمان هەندێک لە تاگەکان تاکن و تاگی داخستنەوەیان نییە، بۆیە پێویستە تاگەکە لە ناو خۆیدا خۆی دابخاتەوە.<br />
نادروست: <pre><br></pre><br />
<br />
دروست: <pre><br /></pre><br />
<br />
*'''پاش و پێش نەخستنی تاگەکان.''' گەر چەند تاگێک بە دوای یەکدا هاتن، ئەو تاگەی یەکەم جار دەکرێتەوە لە کۆتایی هەموو تاگەکانی تر دابخرێتەوە.<br />
ناردوست: <pre><strong><em>blod and italic</strong></em></pre><br />
<br />
دروست: <pre><strong><em>blod and italic</em></strong></pre><br />
<br />
*'''لەو کاتەوەی کە XML هەستیارە بەرانبەر پیتی گەورە و بچوک (case-sensitive) پێویستە هەموو تاگ و توخمەکان بە پیتی بچوک بنووسرێن.'''<br />
نادروست: <pre><STRONG>em deqe toxe</STRONG></pre><br />
<br />
دروست: <pre><strong>em deqe toxe</strong></pre><br />
<br />
*'''نرخی هەموو تایبەتمەندییەکان پێویستە لە نێوان quotation ـێکدا بنووسرێن ("جووت" یان 'تاک').'''<br />
نادروست: <pre><p id=peregiraf>Eme peregirafe</p></pre><br />
<br />
دروست: <pre><p id="peregiraf">Eme peregirafe</p></pre><br />
<br />
*'''نووسینی هەردوو نرخ و تایبەتمەندییەکان.'''<br />
نادروست: <pre><input type="checkbox" checked></input></pre><br />
<br />
دروست: <pre><input type="checkbox" checked="checked"></input></pre><br />
<br />
<br />
[[Category:WebDesign]]<br />
{{DISPLAYTITLE:فێربوونی زمانی HTML بە کوردی}}</div>
ئارا
https://chawg.org/w/index.php?title=HTML&diff=2309
HTML
2010-08-18T10:49:49Z
<p>ئارا: </p>
<hr />
<div>[[Image:HTML_Sample_Gedit.gif|left|thumb|390px|نموونەیەکی سادە لە پەڕگەیەکی HTML]]<br />
'''HTML''' ('''ئێچ تی ئێم ئێڵ''' یان '''هتمڵ''') کە کورتکراوەی HyperText Markup Language ـە زمانێکی پیشاندانی پەڕەکانی سەر وێبە کە بەکاردێت بۆ نووسینی هەر پەڕەیەک لەسەر وێب. پەڕگەی HTML تەنها پێکهاتووە لە دەق، کە ئەویش پێکهاتووە لە کۆمەڵێکی زۆر لە تاگ و توخم و نووسراوی ناو پەڕەکە. ئەم تاگانە بە وێبگەڕ دەڵێن کە چۆن نووسین و وێنەکان یان ناوەڕۆکی پەڕەکە دەربکەوێت.<br />
<br />
HTML زۆر ئاسانە بۆ فێربوون بە ڕادەیەک کە کەسێکی دوور لە ئایتی ئەتوانێت لە ماوەیەکی کەمدا فێری HTML ببێت و بینووسێت و دەستکاری بکات. ئەوانەی کە HTML دەنووسن پێیان ناوترێت [[پڕۆگرامنووس]] (Programmer) بەڵکو [[نووسەر]] (Author) لەبەرئەوەی کە زمانێکی پڕۆگرامین نییە بەڵکو زمانێکی پیشاندانە و لە هاوپۆلی [[Java]] و [[C]] و [[BASIC]] نییە.<br />
<br />
<br />
== مانای HTML ==<br />
* HyperText مەبەست لەوەیە کە تۆ بە ناو وێبدا دەگەڕێیت لە هەر کاتێکدا و بۆ هەر شوێنێک کە بتەوێت بە کرتەکردن لەو بەستەرانەی لە لاپەڕەکاندا دەیانبینیت نەک بە شێوەیەکی ڕێک و یەک لە دوای یەک.<br />
* Markup بریتییە لە کاری تاگەکان لەسەر نووسراوی ناو پەڕەکە وەک (تۆخکردن، لارکردن، هێڵبەژێرداهێنان، ...) ـی هەر دەقێک.<br />
* Language واتە زمان. HTML زمانە وەک هەموو زمانە جیاوازەکانی تر چونکە کۆد و ڕستەکاری هەیە.<br />
<br />
==توانای HTML==<br />
HTML بۆ دروستکردنی ماڵپەڕێکی سادە و تاکەکەسی دەست ئەدات یان بۆ هەر جۆرە ماڵپەڕێک کە نوێکردنەوەی زۆر نەبێت. ئەتوانرێت بە [[CSS]] ـەوە بلکێنرێت بۆ پێدانی شێوازێکی جوانتر و ئاسانتر لە ڕێکخستنیدا. بە پێچەوانەوە HTML بۆ ماڵپەڕێکی بزۆک، فراوان و بازرگانی دەست نادات کە ڕۆژانە نوێ دەکرێتەوە چونکە HTML زمانێکی جێگیرە. داڕشتن و نوێکردنەوەی ئەو ماڵپەڕە گەورانەی کە بە HTML دەنووسرێن کارێکی زۆر گران و کاتبەرە.<br />
<br />
== چیم پێویستە بۆ فێربوون؟ ==<br />
بۆ فێربوونی <tt>HTML</tt> تەنها پێویستت بە دەستکاریکەرێک (بۆ نووسینی کۆدەکان) و وێبگەڕێک (بۆ بینینی ئەنجام) دەبێت. هیچ ئامڕازێکی تر یان نەرمەکاڵایەکت پێویست نابێت. دەستکاریکەر لە ویندۆز وەک [[Notepad]] کە سادەترین دەستکاریکەری دەقە، بەڵام ئەوانەی کە ئامۆژگاریکراون وەک: <br />
<br />
*[http://notepad-plus.sourceforge.net Notepad++]<br />
*[http://www.vim.org VIM]<br />
*[http://projects.gnome.org/gedit Gedit]<br />
*[http://mooedit.sourceforge.net Medit]<br />
*[http://bluefish.openoffice.nl Bluefish]<br />
وێبگەڕیش وەک: <br />
*[http://www.mozilla.com/firefox Firefox]<br />
*[http://www.opera.com Opera]<br />
*[http://www.google.com/chrome Google Chrome]<br />
*[http://www.microsoft.com/windows/products/winfamily/ie/default.mspx Internet Explorer]<br />
<br />
هەرچەندە چەند پڕۆگرامێک هەن بۆ دەستکاریکردن و داڕشتنی پەڕگەیەکی <tt>HTML</tt> لەوانە [http://www.adobe.com/products/dreamweaver DreamWeaver], [http://office.microsoft.com/en-us/frontpage/default.aspx Microsoft FrontPage], [http://www.microsoft.com/expression/products/overview.aspx?key=web Microsoft Web Expression] ئەم پڕۆگرامانە [[WYSIWYG]] ـن، خۆیان کۆدەکانت بۆ دەنووسن و تۆ ڕووە ئەنجامەکەی دەبینیت. شارەزابوون لەم پڕۆگرامانە مانای شارەزابوون نییە لە <tt>HTML</tt>، بەڵکو یاریدەدەرێکن بۆ ئەو کەسانەی کە دەیانەوێت ماڵپەڕێکیان هەبێت و لە هیچ زمانێکی وێبداڕشتن نازانن یان بۆ چەند کارێکی کەمیان پێویستە و لەبەرئەوە نایانەوێت کاتێک تەرخان بکەن بۆ فێربوونی زمانێک.<br />
[[Image:Notepad_save-as.gif|left|thumb|250px|پاشەکەوتکردن بە utf-8 لە Notepad]]<br />
<br />
== پاشگری htm یان html؟ ==<br />
بەکارهێنانی هەر کامێک لە پاشگری <code>.htm</code> یان <code>.html</code> بە گشتی وەک یەک وان و دروستن. لە سەرەتاوە کە سیستەمە کۆنەکان تەنها ڕێگەیان بە سێ نووسە ئەدا بۆ پاشگری پەڕگە، بەو شێوەیە بوو، بەڵام دوای ئەوەی ڕێگەدرا نووسەی زیاتر بەکارببرێت پاشگری <code>.html</code> ـیش پەیدا بوو. لە ئێستادا نووسینی هەر کامێکیان وەک پاشگر ئەکەوێتە سەر ئارەزووی نووسەر و هیچ کەشەیەک دروست ناکەن. کەواتە yekemin-perre.html = yekemin-pere.htm<br />
<br />
== نووسین و پاشەکەوتکردن ==<br />
لە سەرەتادا ئەوەی دەتەوێت لە دەستکاریکەرەکەدا دەینووسیت پاشان بچۆ بۆ <tt>File > Save as</tt> لە جێیەک پاشەکەوتی بکە بە هەر ناوێکەوە بەڵام ئەوەی گرنگە بە پاشگری <tt>html</tt> پاشەکەوتی بکەیت، بۆ نموونە: <tt>yekemin-perre.html</tt><br />
خاڵێکی گرنگ پێش پاشەکەوتکردنی پەڕگەکە گۆڕینی <tt>Encoding</tt> ـی پەڕگەیەکە بۆ یونیکۆد. چۆنییەتی گۆڕینیش لە دەستکاریکەرێکەوە بۆ دەستکاریکەرێکی تر جیاوازە. لە <tt>Notepad++</tt> دەبێت بچیت بۆ <tt>Format > Encode in UTF-8 without BOM</tt> بەڵام لە <tt>Notepad</tt> لە کاتی پاشەکەوتکردن و کردنەوەی پەنجەرەی پاشەکەوتکردندا دەتوانیت پەڕگەکە بکەیت بە <tt>utf-8</tt> بەوەی کە لە ژێر نووسینی ناوە پەڕەکەدا.<br />
<br />
== تاگەکان ==<br />
HTML لە ڕێی تاگەکانەوە شێوازی دەرکەوتن و نووسین لە پەڕەکەدا ڕێک دەخات. ئەو دەقەی دەمانەوێت گۆڕانکارییەکی بەسەردا بهێنین لە (تۆخکردن، لارکردن، کردن بە پەرەگراف و بەستەر) دەیکەینە نێوان دوو تاگەوە. تاگەکانیش پێکهاتوون لە دوو کەوانەی تیژی داخراو کە لە نێو کەوانەکاندا پیتێک یان وشەیەک دەنووسرێت تا دەقی دیاریکراو گۆڕانکاری ویسیترای بەسەردابێت. وە لە تاگی دووەمدا هێڵێکی لار (/) دادەنرێت کە مەبەست لێی داخستنەوەی توخمەکە و کۆتایی هێنانە بەو شێوازی دەرکەوتنە. بۆ نموونە گەر بمانەوێت دەقێک بە شێوازێکی تۆخ بنووسین، بەم شێوەیە دەبێت:<br />
<source lang="html4strict"><br />
<strong>ئەم نووسراوە تۆخە</strong><br />
</source><br />
بەڵام ژمارەیەکی کەم لە توخمەکان پێکهاتوون لە یەکێک و تاگی داخستنەوەیان نییە وەک تاگی چوونەسەر دێڕی نوێ یان تاگی وێنە:<br />
<source lang="html4strict"><br />
<img src="http://www.domain.com/wene.jpg" /><br />
</source><br />
<br />
تێبینی: لێرەدا دەبینیت پێش کەوانەی کۆتایی هێڵێکی لار دانراوە ئەمەش ئەوە ئەگەیەنێت کە دانانی وێنە لە یەک تاگ پێکهاتووە و تاگەکە خۆی خۆی دائەخاتەوە. ئەشتوانرێت ئەو هێڵێ لارە نەنووسرێت بەڵام لە وەشانی ٤.٠١ ـەوە وا ئامۆژگاریکراوە کە بنووسرێت و تاوەکو لەگەڵ بنەماکانی [[XHTML]] ـیشدا بگوونجێت.<br />
<br />
[[Image:tuxmi_html.gif|left|thumb|280px|توخمی HTML پێکدێت لە (تاگی سەرەتا، تایبەتمەندی، ناوەڕۆکی توخم، تاگی کۆتایی)]]<br />
<br />
== توخمەکان ==<br />
توخمەکان لە تاگی سەرەتاوە دەستپێدەکەن هەتا تاگی کۆتایی کە لە ناویاندا لەوانەیە ناوەڕۆک و/یان تایبەتمەندی هەبن. هەندێک لە توخمەکان بێ ناوەڕۆکن وەک توخمی وێنە. دەشێت هەندێک لە توخمەکان سەرەڕای ناوەڕۆک تایبەتمەندیشیان نەبێت کە بەمانەش دەوترێت توخمە بەتاڵەکان، وەک توخمی چوونەسەر دێڕی نوێ و توخمی هێڵی ئاسۆیی (کە تەنها لە تاگێکی تاک پێکهاتوون).<br />
<pre><br /></pre><br />
<pre><hr /></pre><br />
<br />
== تایبەتمەندییەکان ==<br />
<br />
تایبەتمەندییەکان کە پێک هاتوون لە ناوی تایبەتمەندیی و نرخی تایبەتمەندی بە شێوەی <code>nawi-taybetmendi="nirxi-taybetmendi"</code> دەنووسرێن و دەکەونە نێو تاگی سەرەتای هەر توخمێکەوە ئەم تایبەتمەندییانە زانیاریی زیاتر لەسەر توخمەکە دابین دەکەن، کاریگەرییان لەسەر جێ دەهێڵن یان توخمەکان دیاری دەکەن تا بەهۆی CSS ـەوە کاریگەرییان بەسەردا بهێنرێن. هەندێک نموونە:<br />
* تایبەتمەندی alt لە توخمی وێنەدا کە بە واتای دەقی جێگرەوە دێت (alternative text) بە کاردێت بۆ نووسینی دەقێک تا پیشان بدرێن لەو وێبگەڕانەی پاڵپشتی پیشاندانی وێنە ناکەن یان بەکارهێنەر پیشاندانی وێنەی ناچالاک کردووە.<br />
<source lang="html4strict"><img src="http://chawg.org/img/opensuse.png" alt="OpenSUSE leser computeri Dell mini 9" /></source><br />
* تایبەتمەندی style کە بە شێوەی inline CSS دەتوانیت کاریگەرییەک بهێنیت بەسەر ناوەڕۆکی توخمەکەدا.<br />
<source lang="html4strict"><p style="color:#ff0000;">Eme deqeke ke be rengi sur nusrawe.</p></source><br />
* بە هۆی class و id ـیەوە دەتوانیت دەقێک دیاری بکەیت تا بە هۆی ستایڵ شیتەوە گۆڕانکارییەکیان بەسەردا بهێنیت.<br />
<source lang="html4strict"><div class="nawnishan">Min feri HTML debim.</div></source><br />
تێبینی: نرخی تایبەتمەندییەکان دەبێت لە نێوان تاک یان جووت کۆتەیشندا بنووسرێن لە XHTML، بەڵام لە HTML دەکرێت بە بێ کۆتەیشنیش بنووسرێن.<br />
<br />
== XHTML ==<br />
<tt>eXtensible HyperText Markup Language</tt> داڕشتنەوەی هەمان <tt>HTML</tt> ـە بە پابەندبوون بە بنەماکانی <tt>XML</tt> ـەوە کە دواتر بووە بە پەسەندکراوی W3C.<br />
<br />
== جیاوازی نێوان HTML و XHTML ==<br />
ئەو جیاوازیانەی لە نێوان <tt>HTML</tt> و <tt>XHTML</tt> ـدا هەیە ئەوەیە کە ئەبێت بەڵگەنامەکانی <tt>XHTML</tt> بە درووستی لەسەر ڕێساکانی <tt>XML</tt> نووسرابن، ئەوانیش لەمانەدا خۆی دەگرێتەوە:<br />
*'''هەموو تاگ و توخمەکان داخرابنەوە.''' ئەو تاگانەی تاگی کردنەوە و داخستنەوەیان هەیە پێویستە هەردووکیان بوونیان هەبێت، بۆ نموونە:<br />
نادروست: <pre><h1>Eme headere<h2>Emesh headereki tir</pre><br />
<br />
دروست: <pre><h1>Eme headere</h1><h2>Emesh headereki tir</h2></pre><br />
<br />
* '''تاگە تاکەکان دابخرێنەوە.''' وەک پێشتر وتمان هەندێک لە تاگەکان تاکن و تاگی داخستنەوەیان نییە، بۆیە پێویستە تاگەکە لە ناو خۆیدا خۆی دابخاتەوە.<br />
نادروست: <pre><br></pre><br />
<br />
دروست: <pre><br /></pre><br />
<br />
*'''پاش و پێش نەخستنی تاگەکان.''' گەر چەند تاگێک بە دوای یەکدا هاتن، ئەو تاگەی یەکەم جار دەکرێتەوە لە کۆتایی هەموو تاگەکانی تر دابخرێتەوە.<br />
ناردوست: <pre><strong><em>blod and italic</strong></em></pre><br />
<br />
دروست: <pre><strong><em>blod and italic</em></strong></pre><br />
<br />
*'''لەو کاتەوەی کە XML هەستیارە بەرانبەر پیتی گەورە و بچوک (case-sensitive) پێویستە هەموو تاگ و توخمەکان بە پیتی بچوک بنووسرێن.'''<br />
نادروست: <pre><STRONG>em deqe toxe</STRONG></pre><br />
<br />
دروست: <pre><strong>em deqe toxe</strong></pre><br />
<br />
*'''نرخی هەموو تایبەتمەندییەکان پێویستە لە نێوان quotation ـێکدا بنووسرێن ("جووت" یان 'تاک').'''<br />
نادروست: <pre><p id=peregiraf>Eme peregirafe</p></pre><br />
<br />
دروست: <pre><p id="peregiraf">Eme peregirafe</p></pre><br />
<br />
*'''نووسینی هەردوو نرخ و تایبەتمەندییەکان.'''<br />
نادروست: <pre><input type="checkbox" checked></input></pre><br />
<br />
دروست: <pre><input type="checkbox" checked="checked"></input></pre><br />
<br />
<br />
== پێکهاتەی پەڕەی HTML ==<br />
<tt>HTML</tt> بە شێوەیەکی سادە پێکهاتووە لە سێ بەشی سەرەکی (بەشی <tt>DOCTYPE</tt>، بەشی <tt>head</tt>، بەشی <tt>body</tt>) سادەترین پەڕگەیەک کە بە <tt>HTML</tt> نووسرابێت بەم شێوەیەیە:<br />
<source lang="html4strict"><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<title>Ferbuni HTML</title><br />
</head><br />
<body><br />
<p>Yekem babet le ferbuni HTML.</p><br />
</body><br />
</html><br />
<br />
</source><br />
* دێڕی یەکەم کە پێی دەوترێت [http://www.chawg.org/wiki/index.php?title=HTML#DTD Document Type Definition] بریتییە لە ناساندنی پەڕەکە کە ئاماژە بە جۆری ئەو بەڵگەنامەیە ئەکات کە سەر بە چ جۆرێکی <tt>HTML</tt> ـە. پێویستە لە دێڕی یەکەم لە سەرەتای هەموو کۆدەکاندا بێت.<br />
* هەردوو تاگی کردنەوە و داخستنی <tt>html</tt> لە سەرەتا و کۆتایی هەموو کۆدەکان دەنووسرێن. ئەم تاگە بە وێبگەڕ دەڵێت کە ئەم پەڕەیە <tt>HTML</tt> ـە.<br />
* هەردوو تاگی <tt>head</tt> ـیش لە دوای تاگی <tt>html</tt> ـەوە دێت. هەرچی لە نێوان ئەم دوو تاگەدا دەنووسرێن لە نێو پەڕەکەدا دەرناکەون بەڵکو لە نێوان ئەم دوو تاگەدا تەنها زانیاری دەربارەی ئەو پەڕەیە تیادا دەنووسرێت.<br />
* تاگەکانی <tt>title</tt> ناونیشانی پەڕەکە دیاری دەکەن، هەرچی لە نێوان ئەو دوو تاگەدا بنووسرێن دواتر لە <tt>Title bar</tt> ـی وێبگەڕ دەردەکەوێت. بۆ نموونە گەر ئەو پارچە کۆدەی سەرەوە لە پەڕگەیەکدا بنووسین، دواتر کە بە وێبگەڕێک ئەو پەرگەیەمان کردەوە دەبینیت لە <tt>Title bar</tt> نووسراوە Ferbuni HTML.<br />
* لە نێوان تاگەکانی <tt>body</tt> ـدا ئەوە دەنووسین کە دەمانەوێت لە نێو پەڕەکەدا دەربکەوێت، وەک دیارە لە سەرەوە لە نێوان تاگی پەرەگرافدا نووسیومانە "Yekem babet le ferbuni HTML".<br />
<br />
== DTD ==<br />
<tt>Document Type Definition</tt> کە لە سەرەتای هەموو کۆدەکاندا دێت سێ جۆری هەیە:<br />
* <tt>XHTML 4 Strict</tt> وەشانێکی داماڵڕاوی <tt>HTML</tt> ـە لەو تایبەتمەندییانەی کە لە وەشانی چواری <tt>HTML</tt> ـدا نەماون و لە بایەخیان کەمکراونەتەوە<br />
ئەم جۆرە بەکارببە گەر ئەتەوێت بۆ دەرکەوتن و ڕووخساری ماڵپەڕەکەت بە تەواوی پەیوەست بیت بە [[CSS]] ـەوە و ناتەوێت سوود لە تاگە بێ بایەخەکان وەربگریت. <tt>DTD</tt> بۆ <tt>XHTML 1.0 Strict</tt> بەم شێوەیەیە:<br />
<source lang="html4strict"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"></source><br />
* <tt>XHTML 4 Transitional</tt> بەربڵاوترین جۆریانە کە نووسەر دەتوانێت سەرەڕای [[CSS]] ـیش تاگە بێ بایەخەکان بەکار ببات.<br />
ئەم جۆرە بەکارببە گەر ئەتەوێت بۆ دەرکەوتن و ڕووخساری ماڵپەڕەکەت سوود لە هەردوو [[CSS]] و تاگەبێ بایەخەکان وەربگریت. <tt>DTD</tt> بۆ <tt>XHTML 1.0 Transitional</tt> بەم شێوەیەیە:<br />
<source lang="html4strict"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></source><br />
* <tt>XHTML 4 FRAMESET</tt> وەک هەمان جۆری <tt>Transitional</tt> ـە لەم جۆرەدا تاگی <tt>frameset</tt> جێگەی تاگی <tt>body</tt> دەگرێتەوە.<br />
ئەم جۆرە بەکارببە گەر دەتەوێت پەڕەکە دابەش بکەیت بۆ سەر چەند چوارچێوەیەک. <tt>DTD</tt> بۆ <tt>XHTML 1.0 FRAMESET</tt> بەم شێوەیەیە:<br />
<source lang="html4strict"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></source><br />
<br />
== تاگ/تایبەتمەندی/توخم ـە بێ بایەخەکان ==<br />
ئەو تاگ/تایبەتمەندی/توخم ـانەن کە لە HTML 4.01 ـەوە نەماون لەبەر بێ بایەخییان یان لەبەر توانینی ئەنجامدانی هەمان کاریگەری بە هۆی [[CSS]] ـەوە. لە جێگەیان تاگی نوێتر دانراون. کە تا ئێستا وێبگەڕەکان پشتگیری ئەو تاگانە ئەکەن، بەڵام لە داهاتوودا لەوانەیە بە تەواوەتی نەمێنن و هیچ کاریگەرییەکی پیشاندانیان نەمێنێت لەسەر پەڕەکان. بۆیە وا باشترە بەرانبەرەکانیان بەکارببرێن. هەندێک لەوانە:<br />
* لابردنی توخمی <tt>font</tt> لابرا بە هۆی بوونی <tt>font-size, font-family, color</tt> لە [[CSS]].<br />
* تایبەتمەندی <tt>align</tt> کە بۆ ناوەندکردن یان کردنە لای ڕاست و چەپی دەقێک بەکاردێت. نرخەکانی <tt>right, center, left, justify</tt> ـە لە بری ئەوە دەبێت <tt>text-align</tt> لە ستایڵ شیت بەکار ببرێت.<br />
* توخمی <tt>u</tt> بۆ هێڵبەژێرداهێنان لە ستایڵ شیت <code>text-decoration:underline;</code> ئەو کارە دەکات.<br />
* تاگی <tt>applet</tt> کە بۆ کارپێکردنی پڕۆگرامۆکەکانی جاڤا بوو گۆڕدرا بە <tt>object</tt>.<br />
<br />
== پەرەگراف – Paragraph ==<br />
توخمی p بەکاردێت بۆ دیاریکردنی دەقێک وەک پەرەگراف و ناوەڕۆکی توخم وەک پەرەگراف دەناسێنێت. لەبەر ئەوەی ئەم توخمە کاریگەرییەکی دیاری نییە لەسەر دەق، هەندێک لە نووسەران بیریان ئەچێت ئەم توخمە بەکاربەرن بۆ پەرەگراف یان تاگی کۆتایی دابخەن.<br />
نموونە:<br />
<source lang="html4strict"><p>Em deqe peregirafe boye le new tuxmi p nusrawe.</p><br />
<p>Min etwanim bichme ser<br />
helli nwe u chend derreki tir<br />
l peregirafekem binusim u le<br />
kotayida tagi kotayi dabixemewe</p><br />
<p class="sereki" dir="rtl">لەم پەرەگرافەدا ئەتوانم بە پیتی عەرەبی بنووسم</p><br />
</source><br />
لە نموونە سێیەمدا دوو تایبەتمەندیمان داوەتە توخمەکە، تایبەتمەندی class ـمان داوەتێ و ناساندوومانە بە sereki تا بە ستایڵ شیت گۆڕانکاری بەسەردا بهێنین، وەک گۆڕینی ڕەنگ، قەبارە، فۆنت، … ـی پەرەگرافەکە. تایبەتمەندی دووەمیش بۆ ئاڕاستەی نووسینمان گۆڕیوە بە لە ڕاستەوە بۆ چەپ.<br />
<br />
== سەردێڕ – Heading ==<br />
سەردێڕ لە ٦ توخم پێک هاتووە (h1, h2, h3, h4, h5, h6) بەکاردێت بۆ نووسینی سەردێڕ/ناونیشانی بابەت یان پەڕەیەک چونکە کاتێک وێبگەڕ ئەم توخمە دەبینێت هەڵدەستێت بە تۆخکردن و گەورەکردنی قەبارەی ناوەڕۆکی توخم واتە بێ CSS و هیچ تایبەتمەندییەک. h1 گەورەترین و h6 بچوکترینیانە.<br />
<source lang="html4strict"><h1>Mallperri Chawg</h1><br />
<h2 class="nawnishan">Ferbuni HTML</h2></source><br />
نموونە ١: هەردوو توخمی سەردێڕ و پەرەگراف لە پەڕەیەکدا:<br />
<source lang="html4strict"><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<title>Ferbuni HTML le mallperri chawg</title><br />
</head><br />
<body><br />
<h1>Mallperri Chawg</h1><br />
<h2 class="nawnishan">Ferbuni HTML</h2><br />
<h3>Waney yekem</h3><br />
<p>Serderr le 6 tuxim pekhatun h1 gewretiriniyane u h6 bichuktiriniyane, bekardet<br />
bo nusini nawnishani babet u perre. Tuxmekani header gorrankari toxi u gewreyi<br />
qebare edat be nawerroki tuxim.</p><br />
</body><br />
</html><br />
</source><br />
ئەم کۆدەی سەرەوە لە دەستکاریکەرێکدا بنووسە و بە وێبگەڕ پەڕەکە بکەرەوە تا ئەنجامەکەی ببینیت. بینووسە! ڕوونووسی مەکە تا فێربیت!<br />
<br />
<br />
== بەستەر - Link ==<br />
=== توخمی بەستەر ===<br />
گرنگترین و زۆرترین توخمی بەکاربراوە کە بریتییە لە بە ناونیشانکردنی دەقێک کە بە کرتەکردن لێی بەکارهێنەر ڕەوانە دەکرێت بۆ ئەو ناونیشانەی تیایدا نووسراوە. بە شێوەیەکی سادە توخمەکە بریتییە لە:<br />
<source lang="html4strict"><a href="http://www.chawg.org/wiki/chawg">Chawg</a></source><br />
دەرەنجام: [[Chawg]]<br />
* توخمی <tt>a</tt> (لەنگەر/anchor) بەکاردێت بۆ دروستکردنی بەستەر.<br />
* ناوی تایبەتمەندی <tt>href</tt> واتە (Hypertext reference) دەبێت نرخەکەی ناونیشانی ئەو بەستەر (URL) ـە بێت کە دەتەوێت بەکارهێنەری بۆ ڕەوانە بکەیت. بەستەر دروست نابێت بە بێ تایبەتمەندی <tt>href</tt><br />
* ناوەڕۆکی توخم ئەو دەقە دەبێت کە وەک بەستەر دەردەکەوێت کە لێرەدا "Mallperri Chawg" ـە.<br />
=== کردنەوە لە شوێنێکی دیاریکراو ===<br />
گرنگترین تایبەتمەندی لە پاش <tt>href</tt> تایبەتمەندی <tt>target</tt> ـە کە بەکاردێت بۆ پێدانی شوێنێکی دیاریکراو بۆ کرانەوەی بەستەر تیایدا وەک کرانەوە لە پەنجەرەیەکی نوێدا یان لە چوارچێوەیەک لە هەمان پەڕە و پەنجەرەدا (کاتێک پەڕەکە دابەشکرابێت بۆ چەند چوارچێوەیەک)<br />
<br />
* کردنەوە لە پەڕەیەکی نوێدا:<br />
<source lang="html4strict"><a target="_blank" href="http://www.chawg.org">Chawg</a></source><br />
* کردنەوە لە چوارچێوەیەکدا:<br />
<source lang="html4strict"><a target="rightframe" href="http://www.chawg.org">Chawg</a></source><br />
rightframe ناوی ئەو چوارچێوەیە دەبێت کە لە پەڕەکەدا هەیە.<br />
<br />
=== بەستەر بۆ دەقێک لە هەمان پەڕەدا ===<br />
چوارچێوەیەک لە سەرەوە دەبینیت نووسراوە "ناوەڕۆک" بە کرتەکردن لە هەر بەستەرێکی ناو چوارچێوەکە دەگەیتە شوێنێک لە هەمان ئەم پەڕەیەدا. ئەمە بریتییە لە بەستەرکردن بۆ دەقێک کە لە هەمان پەڕەی بەستەرەکەدا هەیە. بۆ نموونە من دەنووسم "بۆ خوێندنەوە لەسەر DTD کرتە لێرە بکە" دەمەوێت بیکەمە بەستەر و ڕەوانەی ئەو دەقەی سەرەوەی بکەم کە بەم شێوەیە دەبێت:<br />
* ئەبێت ناونیشانێک بدەم بەو دەقەی ئەمەوێت بەستەری بۆ بکرێت:<br />
<source lang="html4strict"><a name="DTD">DTD</a></source><br />
ئەمە کۆدی ئەو نووسراوەیە کە لە سەرەوە نووسراوە ئەویش بە پێدانی تایبەتمەندی <tt>name</tt>. وشەی DTD ـی نرخی تایبەتمەندییەکەش، ناونیشانەکەیە (DTD ناوەڕۆکی توخم نا).<br />
* بەستەر بەم شێوەیە دەنووسرێت:<br />
<source lang="html4strict"><a href="#DTD">بۆ خوێندنەوە لەسەر DTD کرتە لێرە بکە</a></source><br />
دەرەنجام: [http://www.chawg.org/wiki/index.php?title=HTML#DTD بۆ خوێندنەوە لەسەر DTD کرتە لێرە بکە]<br />
<br />
== وێنە – Image ==<br />
توخمی وێنە یەکێکە لەو توخمانەی کە لە تاگێک پێکهاتووە و خۆی خۆی دائەخاتەوە. توخمەکە پێکهاتووە لە:<br />
<source lang='html4strict'><img src="http://domain.com/image.png" /></source><br />
=== تایبەتمەندی src ===<br />
تایبەتمەندی <tt>src</tt> تایبەتمەندی بنەڕەتی توخمی وێنەیە. نرخی تایبەتمەندی پێویستە ڕێڕەو (path) ـی وێنەکە بێت.<br />
ئەگەر بوخچەیەکمان هەبێت بە ناوی myweb لە ناویدا دوو بوخچەی تر بە ناوەکانی files و ئەوی تر images. لەناو بوخچەی files ـیشدا بوخچەیەکی ترمان هەبێت بە ناوی thumbs. بەم شێوەیە:<br />
<pre><br />
/wene1.jpg<br />
/myweb/wene2.jpg<br />
/myweb/files/perre.html<br />
/myweb/files/thumbs/wene3.jpg<br />
/myweb/images/wene4.jpg<br />
<br />
</pre><br />
گەر پێکهاتە پەڕگەکانمان وەک ئەوەی سەرەوە بێت و بمانەوێت لە perre.html ـەوە بەستەر بکەین بۆ wene3.jpg. دەبێت بەم شێوەیە ڕێڕەوەکە بنووسین:<br />
<source lang='html4strict'><img src="thumbs/wene3.jpg" /></source><br />
بەڵام ئەگەر بمانەوێت بەستەر بکەین بۆ wene2.jpg، بەم شێوەیە دەبێت:<br />
<source lang='html4strict'><img src="../wene2.jpg" /></source><br />
<br />
لەبەر ئەوەی پەڕگەکە لە بوخچەی files ـدایە وێنەکە و لە بوخچەی myweb ـدایە کە بوخچەیەک سەرووترە بۆیە دەبێت دوو خاڵ دابنێین لەپێشی. ئەگەر وێنەکە دوو بوخچە سەرووتر بوو وەک وێنەی wene1.jpg، ئەوە دوو جار خاڵەکان دا دەنێین، وەک:<br />
<source lang='html4strict'><img src="../../wene1.jpg" /></source><br />
<br />
وە بەستەر بۆ wene4.jpg بەم شێوەیە دەبێت:<br />
<source lang='html4strict'><img src="../images/wene4.jpg" /></source><br />
دەشتوانین لە ڕێڕەوی بەستەرەکە ناونیشانێکی تەواوەتی بنووسین، وەک:<br />
<source lang='html4strict'><img src="http://domain.com/uploads/images/wene5.jpg" /></source><br />
<br />
[[Image:Html_alt_title.gif|left|thumb|180px|تایبەتمەندییەکانی title و alt ـی توخمی وێنە ]]<br />
=== تایبەتمەندییەکانی alt و title ===<br />
تایبەتمەندییەکانی <tt>alt</tt> و <tt>title</tt> دوو تایبەتمەندی نزیکن لەیەکەوە. هەمیشە بەکارهێنەر لێی تێک دەچێت کە کامیان بەکار ببات لە توخمەکەدا.<br />
تایبەتمەندی <tt>alt</tt> کە چیتر بووەتە تایبەتمەندییەکی گرنگ و پێویست. پیشان دەدرێت، کاتێک وێبگەڕ پاڵپشتی پیشاندانی وێنە ناکات یان بەکارهێنەر وای کردووە کە وێنە پیشان نەدرێت. ئەویش بریتییە لە چەند وشەیەکی کەم وەک دەقێکی جێگرەوە بۆ وێنەکە تا بەکارهێنەر لە ناوەڕۆکی وێنەکە تێ بگات.<br />
<source lang='html4strict'><img src="http://domain.org/ferbunihtml.png" alt="فێربوونی هتمل" /></source><br />
بەڵام تایبەتمەندی <tt>title</tt> تایبەتمەندییەکی جیایە لە <tt>alt</tt>. نرخی تایبەتمەندی <tt>title</tt> کاتێک پیشان دەدرێت کە بەکارهێنەر نیشاندەری مشکەکە دەباتە سەر وێنەکە. دەتوانیت هەردوو تایبەتمەندییەکە لە هەمان توخمی وێنەدا دابنێیت، بەڵام شارەزایان وا ئامۆژگاری دەکەن کە تایبەتمەندی alt بەکارببرێت بۆ هەموو وێنەیەک و تایبەتمەندی <tt>title</tt> ـیش کاتێک بەکارببرێت کە وێنە بەستەر بێت بۆ لاپەڕەیەک و لە نرخی تایبەتمەندی title ناونیشانی پەرە بەستەربۆکراوەکە بنووسین.<br />
<source lang='html4strict'><a href="http://www.chawg.org/wiki/index.php?title=HTML"><br />
<img src="http://chawg.org/images/html_wiki_chawg.png" alt="فێربوونی هتمل" title="فێربوونی زمانی هتمل بە کوردی" /></a></source><br />
تێبینی: لەم نموونەیەی سەرەوە توخمی وێنە بووەتە ناوەڕۆکی توخمی بەستەر کە لێرەدا وێنەکە دەبێتە بەستەر.<br />
<br />
=== تایبەتمەندییەکانی Height و Width ===<br />
هەردوو تایبەتمەندی <tt>height</tt> و <tt>width</tt> ـیش بەرزی و پانی وێنەکە دیاری دەکەن کە دەتوانیت قەبارەی وێنەکەی پێ زیاد یان کەم بکەیت. دیاریکردنی پانی و بەرزی وێنەکان دەبنە هۆی تێک نەچوونی layout ـی پەرەکە کاتێک پەڕەکە خەریکە دەکرێتەوە و وێنەکان بەتەواوی load نەبوون.<br />
نموونەیەک کە هەموو تایبەتمەندییەکانی لەخۆ گرتووە:<br />
<source lang='html4strict'><img src="http://domain.org/ferbunihtml.png" alt="فێربوونی هتمل" title="فێبوونی زمانی هتمل بەکوردی" height="100" width="140"/></source><br />
<br />
== لیست – List ==<br />
[[Image:Html_list.gif|left|thumb|200px|جۆرەکانی لیستی HTML]]<br />
لە HTML ـدا سێ جۆر لیستمان هەیە. یەکەم، لیستی ڕیزکراو. دووەم، لیستی ڕیزنەکراو. سێیەم، لیستی پێناسە.<br />
=== لیستی ڕیزکراو - Ordered List ===<br />
لەم لیستەدا دانەکانی لیست بە ژمارە یاخود پیت ڕێکدەخرێن توخمی <tt>ol</tt> بەکاردەبرێت بۆ دیاریکردنی ئەم جۆرە لیستە. دانەکانی هەردوو لیستی ڕیزکراو و ڕیزنەکراو دەخرێنە نێو توخمی <tt>li</tt> ـیەوە.<br />
نموونە:<br />
<source lang="html4strict"><br />
<ol type="a"><br />
<li>ڕیزکراوی ١</li><br />
<li>ڕیزکراوی ٢</li><br />
<li>ڕیزکراوی ٣</li><br />
</ol><br />
</source><br />
<br />
دەتوانین چەند نرخێک بۆ type دابنێین. لەوانە <tt>a</tt> بۆ ڕیزکردن بە پیتی بچوک، <tt>A</tt> بۆ پیت گەورە، <tt>I</tt> بۆ ڕیزکردنی ڕۆمانی گەورە و <tt>i</tt> ـیش بۆ بچوک.<br />
تایبەتمەندی start بەکاردێت بۆ دیاریکردنی دەستپێکردنی لیستەکە لە ژمارەیەکەوە. نرخی تایبەتمەندی هەمیشە دەبێت ژمارەی ئینگلیزی بێت ئەگەر چیش جۆری ڕیزکردنەکە پیت یان ژمارەی ڕۆمانی بێت، وەک:<br />
<br />
<source lang="html4strict"><br />
<ol type="a" start="4"><br />
<li>ڕیزکراوی ١</li><br />
<li>ڕیزکراوی ٢</li><br />
<li>ڕیزکراوی ٣</li><br />
</ol><br />
</source><br />
<br />
لێرەدا ڕیزکردنەکە لە پیتی D ـیەوە دەستپێدەکات هەتاوەکو E. هەڵەیە ئەگەر بنووسین <code>start="d"</code><br />
=== لیستی ڕیزنەکراو - Unordered List ===<br />
لەم لیستەدا دانەکان ڕیزنەکراون و لە پێش هەر دانەیەک خاڵێک، بازنەیەک یان دیسکێک دادەنرێت. توخمی <tt>ul</tt> بەکاردەبرێت بۆ دیاریکردنی لیستەکە.<br />
نموونە:<br />
<source lang="html4strict"><br />
<ul><br />
<li>ڕیزنەکراوی ١</li><br />
<li>ڕیزنەکراوی ٢</li><br />
<li>ڕیزنەکراوی ٣</li><br />
<li>ڕیزنەکراوی ٤</li><br />
</ul><br />
</source><br />
<br />
تایبەتمەندی <tt>type</tt> لە لیستی ڕیزنەکراودا بەکاردێت بۆ دیاریکردنی ئەوەی کە چ هێمایەک لە پێش دانەکانی لیستەکەدا بێت.<br />
نموونە:<br />
<source lang="html4strict"><br />
<ul type="circle"><br />
<li>ڕیزنەکراوی ١</li><br />
<li>ڕیزنەکراوی ٢</li><br />
</ul><br />
</source><br />
<br />
تێبینی: هەردوو تایبەتمەندی <tt>type</tt> و <tt>start</tt> لە تایبەتمەندییە لابراوەکانن.<br />
=== لیستی پێناسە – Definition List ===<br />
ئەم لیستە پێکدێت لە دەستەواژەیەک و پێناسەکەی. دەستەواژە دەکرێتە نێو توخمی <tt>dt</tt> ـیەوە و پێناسەی دەستەواژەکەش لە دوای ئەو دێت لە نێو توخمی <tt>dd</tt> ـدا. هەردووکیشیان پێکەوە دەکرێنە نێو توخمی <tt>dl</tt> ـەوە.<br />
dt = definition Term, dd = Definition Description, dl = Definition List<br />
<br />
نموونە:<br />
<source lang="html4strict"><br />
<dl><br />
<dt>نەورۆز</dt><br />
<dd>یەکەمین مانگی ساڵی کوردییە.</dd><br />
<dt>سەگ</dt><br />
<dd>گیاندارێکی بەوەفایە.</dd><br />
</dl><br />
</source><br />
<br />
== خشته - Table ==<br />
تاگ و توخمەکان لە پێکهێنانی توخمی سەرەکی خشتە کەمێک چڕترن وەک لە توخمەکانی تر، بەڵام پاش تێگەیشتنی دەبینین هیچ ئاڵۆزییەکی تیادا نییە.<br />
<br />
<source lang='html4strict'><br />
<table border="1" ><br />
<tr> <br />
<td>خانەی ١، ڕیزی ١</td> <br />
<td>خانەی ٢، ڕیزی ١</td> <br />
<td>خانەی ٣، ڕیزی ١</td> <br />
</tr> <br />
<br />
<tr> <br />
<td>خانەی ١، ڕیزی ٢</td> <br />
<td>خانەی ٢، ڕیزی ٢</td> <br />
<td>خانەی ٣، ڕیزی ٢</td> <br />
</tr><br />
<br />
<tr> <br />
<td>خانەی ١، ڕیزی ٣</td> <br />
<td>خانەی ٢، ڕیزی ٣</td> <br />
<td>خانەی ٣، ڕیزی ٣</td> <br />
</tr><br />
<table><br />
</source><br />
<br />
نموونەکەی سەرەوە خشتەیەکی ٩ خانەیی دروست دەکات، پێک هاتووە لە ٣ ستوون و ٣ ئاسۆ. کە ئەم توخمانەی تیا دەبینین:<br />
<br />
* توخمی <tt>table</tt>: توخمی سەرەکییە لە پێکهێنانی خشتەکە.<br />
* توخمی <tt>tr</tt>: واتە هەر ئاسۆیەکی خشتەکە ('''T'''able '''R'''ow) کە بەکاردێت بۆ پێکهێنانی هەر دێڕێک یان ئاسۆیەک لە خشتەکە. ئەم توخمانە بریتین لە ناوەڕۆکی توخمی table (دەکەونە نێو توخمی <tt>table</tt> ـەوە.)<br />
* توخمی <tt>td</tt>: واتە هەر تاکە خانەیەک ('''T'''able '''D'''ata) کە بەشداری دەکەن لە پێکهێنانی سەراپای خشتەکە. ئەم توخمانە بریتین لە ناوەڕۆکی توخمی <tt>tr</tt> (دەکەونە نێو توخمی <tt>tr</tt> ـەوە.)<br />
<br />
تێبینی:<br />
* تایبەتمەندی <tt>border</tt> پێویستە بنووسرێت تا چوارچێوەی خشتەکە دیاری بکات.<br />
* هەندێک جار وا پێویست دەکات ئاسۆی یەکەمی خشتە وەک سەردێڕ لێ بکەیت. ئەمەش ئەنجام دەدرێت بە دانانی توخمی <tt>th</tt> لە بری <tt>td</tt> ـیەکان. کە کاریگەری تۆخکردن و ناوەندکردن دەداتە دەقی نێو خانەکە. وەک لە نموونەی داهاتوودا بەکاربراوە.<br />
<br />
===تایبەتمەندییەکانی خشتە===<br />
<br />
زۆرینەی ئەو تایبەتمەندییانەی پاڵپشتی لە توخمەکانی خشتە ئەکەن، لە بێ بایەخەکانن یان چیتر لە وەشانە نوێیەکانی HTML ـدا Valid نین. لەوانەش وەک: height, bgcolor, nowrap, Align.<br />
تایبەتمەندییە گرنگەکانی خشتە ئەمانەن (کە لەو پارچە کۆدەی خوارەوە هەموویان بەکاربراون):<br />
* تایبەتمەندی <tt>border</tt>: بۆ دیاریکردنی قەبارەی سنوورەکانی خشتەکە.<br />
* تایبەتمەندی <tt>width</tt>: بۆ دیاریکردنی قەبارەی خشتە و خانەکان.<br />
* تایبەتمەندی <tt>cell-padding</tt>: بۆ دوورخستنەوە نووسراوی نێو خانەکان لە لێواری خانەکانی خشتەکە. ئەگەر ئەم تایبەتمەندییە نەنوسرێت بە شەوەیەکی بنەڕەت نرخەکەی بە ١ خاڵ (پیکسڵ) دادەنرێت<br />
* تایبەتمەندی <tt>cell-spacing</tt>: بۆ کەمکردن و زیادکردنی بۆشایی نێوان لێواری خانەکان. بۆ دوورخستنەوە نووسراوی نێو خانەکان لە لێواری خانەکانی خشتەکە. ئەگەر ئەم تایبەتمەندییە نەنوسرێت بە شەوەیەکی بنەڕەت نرخەکەی بە ٢ خاڵ (پیکسڵ) دادەنرێت.<br />
* تایبەتمەندی <tt>colspan</tt>: بەکار دێت بۆ درێژکردنەوەی خانەیەکی ئاسۆیی بەدرێژایی چەند خانەیەکی دیاریکراوی ستوونی.<br />
* تایبەتمەندی <tt>rowspan</tt>: بەکار دێت بۆ درێژکردنەوەی خانەیەکی ستوونی بەدرێژایی چەند خانەیەکی دیاریکراوی ئاسۆیی.<br />
<br />
<source lang='html4strict'><br />
<table border="1" width="800" cellpadding="3" cellspacing="0"><br />
<tr> <br />
<th colspan="2">خانەی ١ و ٢، ڕیزی ١</th> <br />
<br />
<th>خانەی ٣، ڕیزی ١</th> <br />
</tr> <br />
<br />
<tr> <br />
<td rowspan="2">خانەی ١، ڕیزی ١ و ٣</td> <br />
<td width="15%">خانەی ٢، ڕیزی ٢</td> <br />
<td>خانەی ٣، ڕیزی ٢</td> <br />
</tr><br />
<br />
<tr> <br />
<br />
<td>خانەی ٢، ڕیزی ٣</td> <br />
<td>خانەی ٣، ڕیزی ٣</td> <br />
</tr><br />
<table><br />
</source><br />
<br />
دوو تایبەتمەندی تریش هەن، ئەوانیش <tt>rules</tt> و <tt>frame</tt>. تایبەتمەندی <tt>rules</tt> بەکاردێت بۆ شاردنەوە و بەدیارخستنی هێڵەکانی نێوان خانەکان کە ئەم نرخانە وەردەگرێت: <tt>rows</tt>, <tt>cols</tt>, <tt>all</tt>, <tt>none</tt>. تایبەتمەندی <tt>frame</tt> ـیش بۆ هێڵەکانی چوارچێوەی خشتەکە، ئەم تایبەتمەنییانە وەردەگرێت: <tt>above</tt>, <tt>below</tt>, <tt>lhs</tt>, <tt>rhs</tt>, <tt>hsides</tt>, <tt>vsides</tt>, <tt>border</tt>. <tt>box</tt>, <tt>viod</tt>.<br />
نموونە:<br />
<br />
<source lang="html4strict"><br />
<table rules="all" frame="hsides"><br />
<tr> <br />
<td>خانەی ١، ڕیزی ١</td> <br />
<td>خانەی ٢، ڕیزی ١</td> <br />
<td>خانەی ٣، ڕیزی ١</td> <br />
</tr> <br />
<br />
<tr> <br />
<td>خانەی ١، ڕیزی ٢</td> <br />
<td>خانەی ٢، ڕیزی ٢</td> <br />
<td>خانەی ٣، ڕیزی ٢</td> <br />
</tr><br />
<table><br />
</source><br />
<br />
تێبینی: کاریگەرییەکانی وەک گۆڕینی قەبارە، جۆر و ڕەنگی فۆنت، خشتە و خانەکان دەبێت بە [[CSS]] ئەنجام بدرێن.<br />
<br />
==فۆرم - Form ==<br />
فۆڕم بەکاردێت بۆ داغڵکردن و ناردنی زانیاری لەلایەن بەکارهێنەرەوە، وەک فۆڕمی پەیوەندی، فۆڕمی چوونەژوورەوە...<br />
<br />
لەناو فۆڕمدا، توخمەکانی فۆڕم دەنووسین، کە ئەوانیش <tt>textarea</tt>, <tt>input</tt>, <tt>select</tt>... ـن.<br />
<source lang="html4strict"><br />
<form action="contact.php" method="get"><br />
<br />
</form><br />
</source><br />
فۆرڕم لە HTML ـدا ناکارایە و تەنها پیشاندانە، بۆیە پێویستمان بە [[زمانی بزۆک|زمانێکی بزۆک]] دەبێت بۆ کارپێکردنی فۆڕمەکە. وەک لەسەرەوە دەبینیت تایبەتمەندی <tt>action</tt> فۆڕمەکەی پەیوەست کردووە بە زمانە بزۆکەکەوە. تایبەتمەندی <tt>method</tt> ـیش کە هەردوو نرخی <tt>get</tt> و <tt>post</tt> ـی هەیە، <tt>post</tt> بۆ شاردنەوە و <tt>get</tt> بۆ پیشاندانی زانیارییەکان بەکاردێت لە URL ـدا.<br />
<br />
<br />
===تێکردن - input ===<br />
input زۆرترین تاگی بەکاربراوی توخمی فۆڕمە. کە دەتوانین بەپێی نرخی تایبەتمەندیی <tt>type</tt> جۆری ئەو فۆڕمەکەی دیاری بکەین. نرخەکانی تایبەتمەندیی <tt>type</tt> کە جۆری فۆڕمەکە دیاری دەکەن، ئەمانەن: <tt>text</tt>, <tt>password</tt>, <tt>file</tt>, <tt>checkbox</tt>, <tt>radio</tt>, <tt>submit</tt>, <tt>reset</tt>, <tt>button</tt>, <tt>hidden</tt>, <tt>image</tt><br />
<br />
چۆنێتی بەکارهێنانیان (کۆدەکە لە پەڕگەیەکدا ڕوونووس بکە تا دەرەنجامەکانیان ببینیت):<br />
<br />
<source lang="html4strict"><br />
<input type="text" name="username" /><br /><br />
<input type="password" name="pass" /><br /><br />
<input type="file" name="uploader" /><br /><br />
<input type="submit" name="submitbtn" value="Send" /><br />
<input type="reset" name="resetfields" value="Clean Fields" /><br /><br />
<input type="checkbox" checked="checked" name="remembermechbx" /><br /><br />
<input type="radio" name="radiobtn" value="Male" /><br />
<input type="radio" name="radiobtn" value="Female" /><br /><br />
<input type="button" name="custombtn" value="A Custom Button" /><br /><br />
<input type="image" name="img" value="sent" src="images/send.png" alt="Send (image button)" /><br /><br />
<input type="hidden" name="hiddenfld" value="usr955" /><br />
</source><br />
<br />
* <tt>text</tt> - خانەیەکی تاک هێڵییە بەکاردێت لەکاتی داغڵکردنی ناو، تێپەڕەوشە، ئیمەیل...<br />
* <tt>password</tt> - بەهەمان شێوەی <tt>text</tt> بەڵام لەکاتی نووسینی تێپەڕەوشەدا بەکاردێت تا وشەکان بشاردرێنەوە.<br />
* <tt>file</tt> - بۆ بارکردنی پەڕگەیەک لە کۆمپیوتەری بەکارهێنەرەوە، وەک لە uploader ـەکاندا.<br />
* <tt>submit</tt> - دوگمەیەکە لە فۆڕمەکەدا بەکاردێت لە ناردنی زانیارییەکانی نێو فۆڕمەکە.<br />
* <tt>reset</tt> - بەکاردێت بۆ بەتاڵکردنەوەی ئەو زانیارییانەی بەکارهێنەر لەنێو فۆڕمەکەدا نووسیویەتی.<br />
* <tt>checkbox</tt> - بەکاردێت لە هەڵبژاردندا. کاتێک چەند هەڵبژاردنێک دیاری کراوە و بەکارهێنەر دەتوانێ زیاد لە دانەیەک هەڵبژێرێت.<br />
* <tt>radio</tt> - بەکاردێت لە هەڵبژاردندا. کاتێک چەند هەڵبژاردنێک دیاری کراوە و بەکارهێنەر دەتوانێ تەنها یەکێک هەڵبژێرێت.<br />
* <tt>button</tt> - دوگمەیەکە، بەڵام ئەم زانیاری نێو فۆڕمەکە نانێرێت بۆ ڕاژە، بەڵکو پێوسیتە بە سکریپتێکی وەک جاڤاسکریپتەوە ببەسرێتەوە بۆ کارپێکردنی ڕاستەوخۆی سکریپتەکە.<br />
* <tt>image</tt> - دوگمەیەکی ناردنە وەک <tt>submit</tt> بەڵام بە وێنە.<br />
* <tt>hidden</tt> - خانەیەکی شاراوەیە کە بەکارهێنەر نایبینێت. بەزۆری بەکاردێت کاتێک فۆڕم لە چەند پەڕەیەک پێکهاتووە و پێویستە زانیارییەکانی پەڕەی یەکەم پاشەکەوتبکرێن و هەڵبگیرێن بۆ پەڕەکانی تر.<br />
<br />
<br />
بۆ نموونە لە دروستکردنی فۆڕمێکی چوونەژوورەوە، بەم شێوەیە فۆڕم بەکاردەهێنین:<br />
<br />
<source lang="html4strict"><br />
<form action="login.php" method="post"><br />
Username: <input type="text" name="username" /><br /><br />
Password: <input type="password" name="password" /><br /><br />
<input type="checkbox" name="rememberchkbox" value="autologin" />Automatically log me in every time I visit.<br />
<br /><br />
<input type="submit" name="submitit" value="Submit Data" /><br />
</form><br />
</source><br />
<br />
===ڕووبەرى دەق - textarea===<br />
textarea خانەیەکی گەورەیە بۆ نووسینی دەقێکی زۆر بەکاردێت. بە پێچەوانەی توخمی input ـەوە، textarea تاگی سەرەتا و کۆتایی هەیە . وە پێوستە تایبەتمەندییەکانی <tt>rows</tt> و <tt>cols</tt> بنووسیت بۆ دیاریکردنی بەرزی و پانی خانەکە.<br />
<source lang="html4strict"><br />
<textarea name="postfield" rows="10" cols="50">Deqeket lere binuse</textarea><br />
</source><br />
* هەردوو تایبەتمەندیی readonly و disabled بەکاردێت بۆ ناچالاککردنی خانەکە و نەهێشتنی دەستکاریکردنی لەلایەن بەکارهێنەرەوە. وەک ئەم نموونەیە:<br />
<source lang="html4strict"><br />
<textarea name="postfield" rows="10" cols="50" readonly="readonly">Natiwanit destkari em deqe bikeyt</textarea><br />
</source><br />
<br />
=== Drop Down ===<br />
Drop Down لیستێکە لە کۆمەڵێک هەڵبژاردن بۆ دیاریکردنی دانەیەک یان زیاتر، وەک radio و checkbox بەڵام بە شێوەیەکی کۆکراوە.<br />
<br />
توخمی <tt>select</tt> بەکاردەهێنین بۆ دروستکردنی لیستەکە، لە نێو لیستەکەشدا بۆ هەر هەڵبژاردنێک توخمی <tt>option</tt>. بەم شێوەیە:<br />
<br />
<source lang="html4strict"><br />
<select name="dropdownlist"><br />
<option value="ku">Kurd</option><br />
<option value="en">English</option><br />
<option value="fr">French</option><br />
</select><br />
</source><br />
* تایبەتمەندی <code>multiple="multiple"</code> بەکاردێت بۆ دیاریکردنی زیاد لە هەڵبژاردنێک لە لیستەکە. هەروەها تایبەتمەندی <tt>disable</tt>یش بۆ ناچالاککردنی لیستەکە.<br />
* دەتوانین هەڵبژاردنەکان بکەینە دەستە دەستە بە بەکارهێنانی تاگی <tt>optgroup</tt>. بەم شێوەیە:<br />
<source lang="html4strict"><br />
<select name="countrieslist"><br />
<optgroup label="Middle East"><br />
<option value="ir">Iran</option><br />
<option value="iq">Iraq</option><br />
<option value="jo">Jordan</option><br />
<option value="sa">KSA</option><br />
</optgroup><br />
<br />
<optgroup label="Europe"><br />
<option value="es">Spain</option><br />
<option value="fr">France</option><br />
<option value="de">Germany</option><br />
<option value="it">Italy</option><br />
</optgroup><br />
<br />
<optgroup label="Asia"><br />
<option value="jp">Japan</option><br />
<option value="cn">China</option><br />
<option value="in">India</option><br />
<option value="id">Indonesia</option><br />
</optgroup><br />
</select><br />
</source><br />
<br />
== div و span ==<br />
<tt>div</tt> و <tt>span</tt> بەکاردێن وەک لە پۆلپۆلکردنی کۆمەڵێک دەق و کاریگەری پێدانیان بەهۆی [[CSS]]. تاگی <tt>div</tt> وەک پەرەگراف کاتێک دەدرێت بە دەقێک، هێڵێک پێش خۆی و هێڵێک پاش خۆی جێ دەهێڵێت بەڵام <tt>span</tt> لەنێو هێڵدا. تایبەمەندییەکانیان بریتین لە <tt>class</tt>, <tt>id</tt>, <tt>style</tt><br />
<br />
نموونە:<br />
<source lang="html4strict"><br />
<div class="honrawenus"><br />
Qani' nawi Mihemmed Kabuliye. le salli 1905 le gundi shiler ledayk buwe u salli 1965 be nexoshimirduwe. pallpishti chini cutiyar u hejaran buwe her boye nasrawe be sha'iri chewsawekani Kurdistan<br />
</div><br />
</source><br />
<br />
بەڵام <tt>span</tt>:<br />
<source lang="html4strict"><br />
<p>Kotiri <span style="color:#ffffff">sipi</span> hemay ashtiye.</p><br />
<p>Zanisteki <span style="font-weight:bold;">dirisht</span> u <span style="text-decoration:underline;">kirawe</span>.</p><br />
</source><br />
واتە کاتێک span بەکاردێنین، ئەگەر بمانەوێت کاریگەری بدەینە وشەیەک یان چەند وشەیەکی نێو دێڕێک.<br />
<br />
== توخمەکانی نێو head ==<br />
توخمەکانی نێو head کۆمەڵێک توخمن لەنێو تاگی <tt><head></head></tt>دان. ئەم توخمانە بەکارهێنەر نایان بینێت بەڵام کاریگەری گرنگیان هەیە لەسەر پەڕەکە و وێبگەڕ و بزوێنەرەکانی گەڕان سوود لەم توخمانە وەردەگرن.<br />
<br />
=== توخمی meta ===<br />
توخمی <tt>meta</tt> بەکاردێت بۆ پێدانی زانیاری لەسەر جۆر، نووسەر، پەسن و وشەکلیل...<br />
* '''بەکارهێنانی تایبەتمەندیی <tt>http-equiv</tt> و <tt>content</tt>'''<br />
<source lang="html4strict"><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
</source><br />
تایبەتمەندی <tt>http-equiv</tt> بەکاردێت لە بوژاندنەوە (refresh)ی پەڕەکە یان ڕێکخستنی کاشکردن. لە تایبەتمەندی <tt>content</tt>یش چارسێت/ئینکۆدینی پەڕەکە دیاری دەکات. ئەو دێڕەی سەرەوە لە هەموو پەڕەیەکی ئاساییدا بەکار دەبرێت. شێوەیەکی تر ئەگەر بمانەوێت پەڕەکە refresh بکات چەند چرکە جارێک یان ئاڕاستەی بکەین بۆ پەڕەیەکی تر نرخی تایبەتمەندی <tt>http-equiv</tt> دەگۆڕین بۆ <tt>refresh</tt> و نرخی <tt>content</tt>یش بۆ ژمارەی چرکەکان لەگەڵ ناونیشانی بەستەرەکە. بۆ نمونە:<br />
<source lang="html4strict"><br />
<meta http-equiv="refresh" content="60" /> // 60 chirke carek perreke refresh ekat<br />
<meta http-equiv="refresh" content="10;http://chawg.org/meko" /> // le diway 10 chirke perreke arraste dekret bo besteri chawg.org/meko<br />
</source><br />
<br />
* '''بەکارهێنانی تایبەتمەندی وشەکلیل و پەسن'''<br />
وشەکلیل (<tt>keywords</tt>) بەکاردێت بۆ ناساندنی ماڵپەڕەکەت لە چەند وشەیەکدا کە بە کۆما لێک جیاکراونەتەوە، پەسنیش (<tt>description</tt>) بە هەمان شێوە بۆ ناساندنی ماڵپەڕ یان پەڕەیەک لە ماڵپەڕەکە بەکاردێت لە ڕستەیەکدا. بەم شێوەیە لەنێو <tt>head</tt> دا دەنووسرێن:<br />
<source lang="html4strict"><br />
<meta name="keywords" content="chawg, mallperri chawg, وێبداڕشتن, هتمڵ بە کوردی, سی ئێس ئێس بە کوردی, پی ئێچ پی بە کوردی" /><br />
<meta name="description" content="چاوگ ماڵپەڕێکی ئایتییە، گرنگی بە بوارەکانی سەچاوەکراوە و وێبداڕشتن دەدات" /><br />
</source><br />
پێشتر بزوێنەرەکانی گەڕان ئەم دوو تایبەتمەندییەیان بەکاردەهێنا بۆ ڕیزکردنی ماڵپەڕەکان لە ئەنجامی گەڕانەکانیاندا. کاتێک بەکارهێنەرێک بۆ وشەیەک دەگەڕا بزوێنەرەکان ئەو ماڵپەڕانەیان دادەنا بە ئەنجامی گەڕان کە وشەکەی تیادابوو، بەڵام لەبەر خراپ بەکارهێنانی ئەو دوو تایبەتمەندییە، ئەمڕۆ زۆربەی بزوێنەری گەڕانەکان فەرامۆشیان کردوون.<br />
خراپ بەکارهێنان واتا نووسینی وشەیەک لە وشەکلیل و پەسندا کە ماڵپەڕەکەت تایبەت نەبێت پێی یان نووسینی دەیان وشە بۆ بۆ زۆرکردنی هەلی دەرکەوتنی ماڵپەڕەکەت لە بزوێنەرەکانی گەڕاندا کە ئەمەش کاریگەری نەرێنی دەبێت و دەبێتە هۆی ئەوەی ماڵپەڕێک لە گەڕانەکاندا دەربکەوێت کە هیچ پەیوەندی بەو بابەتەوە نەبێت کە بەکارهێنەر بۆی گەڕاوە.<br />
<br />
=== توخمی link ===<br />
بەکاردێت بۆ بەستنەوە و تێهەڵکێشکردنی پەڕگەیەک بە پەڕە HTMLـەکەوە، وەک تێهەڵکێشکردنی [[CSS]] و [[Favicon]].<br />
* تێهەڵکێشکردنی ڕووخسار<br />
<source lang="html4strict"><br />
<link rel="stylesheet" type="text/css" href="http://www.mallperr.com/ruxsar.css" /><br />
</source><br />
* تێهەڵکێشکردنی Favicon<br />
<source lang="html4strict"><br />
<link rel="stylesheet" type="text/css" href="http://www.mallperr.com/favicon.ico" /><br />
</source><br />
[[Category:WebDesign]]<br />
{{DISPLAYTITLE:فێربوونی زمانی HTML بە کوردی}}</div>
ئارا
https://chawg.org/w/index.php?title=HTML&diff=2308
HTML
2010-08-18T10:45:04Z
<p>ئارا: /* توخمەکانی نێو head */</p>
<hr />
<div>[[Image:HTML_Sample_Gedit.gif|left|thumb|390px|نموونەیەکی سادە لە پەڕگەیەکی HTML]]<br />
'''HTML''' ('''ئێچ تی ئێم ئێڵ''' یان '''هتمڵ''') کە کورتکراوەی HyperText Markup Language ـە زمانێکی پیشاندانی پەڕەکانی سەر وێبە کە بەکاردێت بۆ نووسینی هەر پەڕەیەک لەسەر وێب. پەڕگەی HTML تەنها پێکهاتووە لە دەق، کە ئەویش پێکهاتووە لە کۆمەڵێکی زۆر لە تاگ و توخم و نووسراوی ناو پەڕەکە. ئەم تاگانە بە وێبگەڕ دەڵێن کە چۆن نووسین و وێنەکان یان ناوەڕۆکی پەڕەکە دەربکەوێت.<br />
<br />
HTML زۆر ئاسانە بۆ فێربوون بە ڕادەیەک کە کەسێکی دوور لە ئایتی ئەتوانێت لە ماوەیەکی کەمدا فێری HTML ببێت و بینووسێت و دەستکاری بکات. ئەوانەی کە HTML دەنووسن پێیان ناوترێت [[پڕۆگرامنووس]] (Programmer) بەڵکو [[نووسەر]] (Author) لەبەرئەوەی کە زمانێکی پڕۆگرامین نییە بەڵکو زمانێکی پیشاندانە و لە هاوپۆلی [[Java]] و [[C]] و [[BASIC]] نییە.<br />
<br />
<br />
== مانای HTML ==<br />
HyperText مەبەست لەوەیە کە تۆ بە ناو وێبدا دەگەڕێیت لە هەر کاتێکدا و بۆ هەر شوێنێک کە بتەوێت بە کرتەکردن لەو بەستەرانەی لە لاپەڕەکاندا دەیانبینیت نەک بە شێوەیەکی ڕێک و یەک لە دوای یەک.<br />
<br />
Markup بریتییە لە کاری تاگەکان لەسەر نووسراوی ناو پەڕەکە وەک (تۆخکردن، لارکردن، هێڵبەژێرداهێنان، ...) ـی هەر دەقێک.<br />
<br />
Language واتە زمان. HTML زمانە وەک هەموو زمانە جیاوازەکانی تر چونکە کۆد و ڕستەکاری هەیە.<br />
<br />
<br />
==توانای HTML==<br />
<br />
HTML بۆ دروستکردنی ماڵپەڕێکی سادە و تاکەکەسی دەست ئەدات یان بۆ هەر جۆرە ماڵپەڕێک کە نوێکردنەوەی زۆر نەبێت. ئەتوانرێت بە [[CSS]] ـەوە بلکێنرێت بۆ پێدانی شێوازێکی جوانتر و ئاسانتر لە ڕێکخستنیدا. بە پێچەوانەوە HTML بۆ ماڵپەڕێکی بزۆک، فراوان و بازرگانی دەست نادات کە ڕۆژانە نوێ دەکرێتەوە چونکە HTML زمانێکی جێگیرە. داڕشتن و نوێکردنەوەی ئەو ماڵپەڕە گەورانەی کە بە HTML دەنووسرێن کارێکی زۆر گران و کاتبەرە.<br />
<br />
<br />
== تاگەکان ==<br />
HTML لە ڕێی تاگەکانەوە شێوازی دەرکەوتن و نووسین لە پەڕەکەدا ڕێک دەخات. ئەو دەقەی دەمانەوێت گۆڕانکارییەکی بەسەردا بهێنین لە (تۆخکردن، لارکردن، کردن بە پەرەگراف و بەستەر) دەیکەینە نێوان دوو تاگەوە. تاگەکانیش پێکهاتوون لە دوو کەوانەی تیژی داخراو کە لە نێو کەوانەکاندا پیتێک یان وشەیەک دەنووسرێت تا دەقی دیاریکراو گۆڕانکاری ویسیترای بەسەردابێت. وە لە تاگی دووەمدا هێڵێکی لار (/) دادەنرێت کە مەبەست لێی داخستنەوەی توخمەکە و کۆتایی هێنانە بەو شێوازی دەرکەوتنە. بۆ نموونە گەر بمانەوێت دەقێک بە شێوازێکی تۆخ بنووسین، بەم شێوەیە دەبێت:<br />
<source lang="html4strict"><br />
<strong>ئەم نووسراوە تۆخە</strong><br />
</source><br />
بەڵام ژمارەیەکی کەم لە توخمەکان پێکهاتوون لە یەکێک و تاگی داخستنەوەیان نییە وەک تاگی چوونەسەر دێڕی نوێ یان تاگی وێنە:<br />
<source lang="html4strict"><br />
<img src="http://www.domain.com/wene.jpg" /><br />
</source><br />
<br />
تێبینی: لێرەدا دەبینیت پێش کەوانەی کۆتایی هێڵێکی لار دانراوە ئەمەش ئەوە ئەگەیەنێت کە دانانی وێنە لە یەک تاگ پێکهاتووە و تاگەکە خۆی خۆی دائەخاتەوە. ئەشتوانرێت ئەو هێڵێ لارە نەنووسرێت بەڵام لە وەشانی ٤.٠١ ـەوە وا ئامۆژگاریکراوە کە بنووسرێت و تاوەکو لەگەڵ بنەماکانی [[XHTML]] ـیشدا بگوونجێت.<br />
<br />
[[Image:tuxmi_html.gif|left|thumb|280px|توخمی HTML پێکدێت لە (تاگی سەرەتا، تایبەتمەندی، ناوەڕۆکی توخم، تاگی کۆتایی)]]<br />
<br />
== توخمەکان ==<br />
توخمەکان لە تاگی سەرەتاوە دەستپێدەکەن هەتا تاگی کۆتایی کە لە ناویاندا لەوانەیە ناوەڕۆک و/یان تایبەتمەندی هەبن. هەندێک لە توخمەکان بێ ناوەڕۆکن وەک توخمی وێنە. دەشێت هەندێک لە توخمەکان سەرەڕای ناوەڕۆک تایبەتمەندیشیان نەبێت کە بەمانەش دەوترێت توخمە بەتاڵەکان، وەک توخمی چوونەسەر دێڕی نوێ و توخمی هێڵی ئاسۆیی (کە تەنها لە تاگێکی تاک پێکهاتوون).<br />
<pre><br /></pre><br />
<pre><hr /></pre><br />
<br />
== تایبەتمەندییەکان ==<br />
<br />
تایبەتمەندییەکان کە پێک هاتوون لە ناوی تایبەتمەندیی و نرخی تایبەتمەندی بە شێوەی <code>nawi-taybetmendi="nirxi-taybetmendi"</code> دەنووسرێن و دەکەونە نێو تاگی سەرەتای هەر توخمێکەوە ئەم تایبەتمەندییانە زانیاریی زیاتر لەسەر توخمەکە دابین دەکەن، کاریگەرییان لەسەر جێ دەهێڵن یان توخمەکان دیاری دەکەن تا بەهۆی CSS ـەوە کاریگەرییان بەسەردا بهێنرێن. هەندێک نموونە:<br />
* تایبەتمەندی alt لە توخمی وێنەدا کە بە واتای دەقی جێگرەوە دێت (alternative text) بە کاردێت بۆ نووسینی دەقێک تا پیشان بدرێن لەو وێبگەڕانەی پاڵپشتی پیشاندانی وێنە ناکەن یان بەکارهێنەر پیشاندانی وێنەی ناچالاک کردووە.<br />
<source lang="html4strict"><img src="http://chawg.org/img/opensuse.png" alt="OpenSUSE leser computeri Dell mini 9" /></source><br />
* تایبەتمەندی style کە بە شێوەی inline CSS دەتوانیت کاریگەرییەک بهێنیت بەسەر ناوەڕۆکی توخمەکەدا.<br />
<source lang="html4strict"><p style="color:#ff0000;">Eme deqeke ke be rengi sur nusrawe.</p></source><br />
* بە هۆی class و id ـیەوە دەتوانیت دەقێک دیاری بکەیت تا بە هۆی ستایڵ شیتەوە گۆڕانکارییەکیان بەسەردا بهێنیت.<br />
<source lang="html4strict"><div class="nawnishan">Min feri HTML debim.</div></source><br />
تێبینی: نرخی تایبەتمەندییەکان دەبێت لە نێوان تاک یان جووت کۆتەیشندا بنووسرێن لە XHTML، بەڵام لە HTML دەکرێت بە بێ کۆتەیشنیش بنووسرێن.<br />
<br />
== XHTML ==<br />
<tt>eXtensible HyperText Markup Language</tt> داڕشتنەوەی هەمان <tt>HTML</tt> ـە بە پابەندبوون بە بنەماکانی <tt>XML</tt> ـەوە کە دواتر بووە بە پەسەندکراوی W3C.<br />
<br />
== جیاوازی نێوان HTML و XHTML ==<br />
ئەو جیاوازیانەی لە نێوان <tt>HTML</tt> و <tt>XHTML</tt> ـدا هەیە ئەوەیە کە ئەبێت بەڵگەنامەکانی <tt>XHTML</tt> بە درووستی لەسەر ڕێساکانی <tt>XML</tt> نووسرابن، ئەوانیش لەمانەدا خۆی دەگرێتەوە:<br />
*'''هەموو تاگ و توخمەکان داخرابنەوە.''' ئەو تاگانەی تاگی کردنەوە و داخستنەوەیان هەیە پێویستە هەردووکیان بوونیان هەبێت، بۆ نموونە:<br />
نادروست: <pre><h1>Eme headere<h2>Emesh headereki tir</pre><br />
<br />
دروست: <pre><h1>Eme headere</h1><h2>Emesh headereki tir</h2></pre><br />
<br />
* '''تاگە تاکەکان دابخرێنەوە.''' وەک پێشتر وتمان هەندێک لە تاگەکان تاکن و تاگی داخستنەوەیان نییە، بۆیە پێویستە تاگەکە لە ناو خۆیدا خۆی دابخاتەوە.<br />
نادروست: <pre><br></pre><br />
<br />
دروست: <pre><br /></pre><br />
<br />
*'''پاش و پێش نەخستنی تاگەکان.''' گەر چەند تاگێک بە دوای یەکدا هاتن، ئەو تاگەی یەکەم جار دەکرێتەوە لە کۆتایی هەموو تاگەکانی تر دابخرێتەوە.<br />
ناردوست: <pre><strong><em>blod and italic</strong></em></pre><br />
<br />
دروست: <pre><strong><em>blod and italic</em></strong></pre><br />
<br />
*'''لەو کاتەوەی کە XML هەستیارە بەرانبەر پیتی گەورە و بچوک (case-sensitive) پێویستە هەموو تاگ و توخمەکان بە پیتی بچوک بنووسرێن.'''<br />
نادروست: <pre><STRONG>em deqe toxe</STRONG></pre><br />
<br />
دروست: <pre><strong>em deqe toxe</strong></pre><br />
<br />
*'''نرخی هەموو تایبەتمەندییەکان پێویستە لە نێوان quotation ـێکدا بنووسرێن ("جووت" یان 'تاک').'''<br />
نادروست: <pre><p id=peregiraf>Eme peregirafe</p></pre><br />
<br />
دروست: <pre><p id="peregiraf">Eme peregirafe</p></pre><br />
<br />
*'''نووسینی هەردوو نرخ و تایبەتمەندییەکان.'''<br />
نادروست: <pre><input type="checkbox" checked></input></pre><br />
<br />
دروست: <pre><input type="checkbox" checked="checked"></input></pre><br />
<br />
== چیم پێویستە بۆ فێربوون؟ ==<br />
بۆ فێربوونی <tt>HTML</tt> تەنها پێویستت بە دەستکاریکەرێک (بۆ نووسینی کۆدەکان) و وێبگەڕێک (بۆ بینینی ئەنجام) دەبێت. هیچ ئامڕازێکی تر یان نەرمەکاڵایەکت پێویست نابێت. دەستکاریکەر لە ویندۆز وەک [[Notepad]] کە سادەترین دەستکاریکەری دەقە، بەڵام ئەوانەی کە ئامۆژگاریکراون وەک: <br />
<br />
*[http://notepad-plus.sourceforge.net Notepad++]<br />
*[http://www.vim.org VIM]<br />
*[http://projects.gnome.org/gedit Gedit]<br />
*[http://mooedit.sourceforge.net Medit]<br />
*[http://bluefish.openoffice.nl Bluefish]<br />
وێبگەڕیش وەک: <br />
*[http://www.mozilla.com/firefox Firefox]<br />
*[http://www.opera.com Opera]<br />
*[http://www.google.com/chrome Google Chrome]<br />
*[http://www.microsoft.com/windows/products/winfamily/ie/default.mspx Internet Explorer]<br />
<br />
هەرچەندە چەند پڕۆگرامێک هەن بۆ دەستکاریکردن و داڕشتنی پەڕگەیەکی <tt>HTML</tt> لەوانە [http://www.adobe.com/products/dreamweaver DreamWeaver], [http://office.microsoft.com/en-us/frontpage/default.aspx Microsoft FrontPage], [http://www.microsoft.com/expression/products/overview.aspx?key=web Microsoft Web Expression] ئەم پڕۆگرامانە [[WYSIWYG]] ـن، خۆیان کۆدەکانت بۆ دەنووسن و تۆ ڕووە ئەنجامەکەی دەبینیت. شارەزابوون لەم پڕۆگرامانە مانای شارەزابوون نییە لە <tt>HTML</tt>، بەڵکو یاریدەدەرێکن بۆ ئەو کەسانەی کە دەیانەوێت ماڵپەڕێکیان هەبێت و لە هیچ زمانێکی وێبداڕشتن نازانن یان بۆ چەند کارێکی کەمیان پێویستە و لەبەرئەوە نایانەوێت کاتێک تەرخان بکەن بۆ فێربوونی زمانێک.<br />
<br />
[[Image:Notepad_save-as.gif|left|thumb|250px|پاشەکەوتکردن بە utf-8 لە Notepad]]<br />
<br />
== نووسین و پاشەکەوتکردن ==<br />
لە سەرەتادا ئەوەی دەتەوێت لە دەستکاریکەرەکەدا دەینووسیت پاشان بچۆ بۆ <tt>File > Save as</tt> لە جێیەک پاشەکەوتی بکە بە هەر ناوێکەوە بەڵام ئەوەی گرنگە بە پاشگری <tt>html</tt> پاشەکەوتی بکەیت، بۆ نموونە: <tt>yekemin-perre.html</tt><br />
خاڵێکی گرنگ پێش پاشەکەوتکردنی پەڕگەکە گۆڕینی <tt>Encoding</tt> ـی پەڕگەیەکە بۆ یونیکۆد. چۆنییەتی گۆڕینیش لە دەستکاریکەرێکەوە بۆ دەستکاریکەرێکی تر جیاوازە. لە <tt>Notepad++</tt> دەبێت بچیت بۆ <tt>Format > Encode in UTF-8 without BOM</tt> بەڵام لە <tt>Notepad</tt> لە کاتی پاشەکەوتکردن و کردنەوەی پەنجەرەی پاشەکەوتکردندا دەتوانیت پەڕگەکە بکەیت بە <tt>utf-8</tt> بەوەی کە لە ژێر نووسینی ناوە پەڕەکەدا<br />
<br />
== پاشگری htm یان html؟ ==<br />
بەکارهێنانی هەر کامێک لە پاشگری <code>.htm</code> یان <code>.html</code> بە گشتی وەک یەک وان و دروستن. لە سەرەتاوە کە سیستەمە کۆنەکان تەنها ڕێگەیان بە سێ نووسە ئەدا بۆ پاشگری پەڕگە، بەو شێوەیە بوو، بەڵام دوای ئەوەی ڕێگەدرا نووسەی زیاتر بەکارببرێت پاشگری <code>.html</code> ـیش پەیدا بوو. لە ئێستادا نووسینی هەر کامێکیان وەک پاشگر ئەکەوێتە سەر ئارەزووی نووسەر و هیچ کەشەیەک دروست ناکەن. کەواتە yekemin-perre.html = yekemin-pere.htm<br />
<br />
== پێکهاتەی پەڕەی HTML ==<br />
<tt>HTML</tt> بە شێوەیەکی سادە پێکهاتووە لە سێ بەشی سەرەکی (بەشی <tt>DOCTYPE</tt>، بەشی <tt>head</tt>، بەشی <tt>body</tt>) سادەترین پەڕگەیەک کە بە <tt>HTML</tt> نووسرابێت بەم شێوەیەیە:<br />
<source lang="html4strict"><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<title>Ferbuni HTML</title><br />
</head><br />
<body><br />
<p>Yekem babet le ferbuni HTML.</p><br />
</body><br />
</html><br />
<br />
</source><br />
* دێڕی یەکەم کە پێی دەوترێت [http://www.chawg.org/wiki/index.php?title=HTML#DTD Document Type Definition] بریتییە لە ناساندنی پەڕەکە کە ئاماژە بە جۆری ئەو بەڵگەنامەیە ئەکات کە سەر بە چ جۆرێکی <tt>HTML</tt> ـە. پێویستە لە دێڕی یەکەم لە سەرەتای هەموو کۆدەکاندا بێت.<br />
* هەردوو تاگی کردنەوە و داخستنی <tt>html</tt> لە سەرەتا و کۆتایی هەموو کۆدەکان دەنووسرێن. ئەم تاگە بە وێبگەڕ دەڵێت کە ئەم پەڕەیە <tt>HTML</tt> ـە.<br />
* هەردوو تاگی <tt>head</tt> ـیش لە دوای تاگی <tt>html</tt> ـەوە دێت. هەرچی لە نێوان ئەم دوو تاگەدا دەنووسرێن لە نێو پەڕەکەدا دەرناکەون بەڵکو لە نێوان ئەم دوو تاگەدا تەنها زانیاری دەربارەی ئەو پەڕەیە تیادا دەنووسرێت.<br />
* تاگەکانی <tt>title</tt> ناونیشانی پەڕەکە دیاری دەکەن، هەرچی لە نێوان ئەو دوو تاگەدا بنووسرێن دواتر لە <tt>Title bar</tt> ـی وێبگەڕ دەردەکەوێت. بۆ نموونە گەر ئەو پارچە کۆدەی سەرەوە لە پەڕگەیەکدا بنووسین، دواتر کە بە وێبگەڕێک ئەو پەرگەیەمان کردەوە دەبینیت لە <tt>Title bar</tt> نووسراوە Ferbuni HTML.<br />
* لە نێوان تاگەکانی <tt>body</tt> ـدا ئەوە دەنووسین کە دەمانەوێت لە نێو پەڕەکەدا دەربکەوێت، وەک دیارە لە سەرەوە لە نێوان تاگی پەرەگرافدا نووسیومانە "Yekem babet le ferbuni HTML".<br />
<br />
== DTD ==<br />
<tt>Document Type Definition</tt> کە لە سەرەتای هەموو کۆدەکاندا دێت سێ جۆری هەیە:<br />
* <tt>XHTML 4 Strict</tt> وەشانێکی داماڵڕاوی <tt>HTML</tt> ـە لەو تایبەتمەندییانەی کە لە وەشانی چواری <tt>HTML</tt> ـدا نەماون و لە بایەخیان کەمکراونەتەوە<br />
ئەم جۆرە بەکارببە گەر ئەتەوێت بۆ دەرکەوتن و ڕووخساری ماڵپەڕەکەت بە تەواوی پەیوەست بیت بە [[CSS]] ـەوە و ناتەوێت سوود لە تاگە بێ بایەخەکان وەربگریت. <tt>DTD</tt> بۆ <tt>XHTML 1.0 Strict</tt> بەم شێوەیەیە:<br />
<source lang="html4strict"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"></source><br />
* <tt>XHTML 4 Transitional</tt> بەربڵاوترین جۆریانە کە نووسەر دەتوانێت سەرەڕای [[CSS]] ـیش تاگە بێ بایەخەکان بەکار ببات.<br />
ئەم جۆرە بەکارببە گەر ئەتەوێت بۆ دەرکەوتن و ڕووخساری ماڵپەڕەکەت سوود لە هەردوو [[CSS]] و تاگەبێ بایەخەکان وەربگریت. <tt>DTD</tt> بۆ <tt>XHTML 1.0 Transitional</tt> بەم شێوەیەیە:<br />
<source lang="html4strict"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></source><br />
* <tt>XHTML 4 FRAMESET</tt> وەک هەمان جۆری <tt>Transitional</tt> ـە لەم جۆرەدا تاگی <tt>frameset</tt> جێگەی تاگی <tt>body</tt> دەگرێتەوە.<br />
ئەم جۆرە بەکارببە گەر دەتەوێت پەڕەکە دابەش بکەیت بۆ سەر چەند چوارچێوەیەک. <tt>DTD</tt> بۆ <tt>XHTML 1.0 FRAMESET</tt> بەم شێوەیەیە:<br />
<source lang="html4strict"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></source><br />
<br />
== تاگ/تایبەتمەندی/توخم ـە بێ بایەخەکان ==<br />
ئەو تاگ/تایبەتمەندی/توخم ـانەن کە لە HTML 4.01 ـەوە نەماون لەبەر بێ بایەخییان یان لەبەر توانینی ئەنجامدانی هەمان کاریگەری بە هۆی [[CSS]] ـەوە. لە جێگەیان تاگی نوێتر دانراون. کە تا ئێستا وێبگەڕەکان پشتگیری ئەو تاگانە ئەکەن، بەڵام لە داهاتوودا لەوانەیە بە تەواوەتی نەمێنن و هیچ کاریگەرییەکی پیشاندانیان نەمێنێت لەسەر پەڕەکان. بۆیە وا باشترە بەرانبەرەکانیان بەکارببرێن. هەندێک لەوانە:<br />
* لابردنی توخمی <tt>font</tt> لابرا بە هۆی بوونی <tt>font-size, font-family, color</tt> لە [[CSS]].<br />
* تایبەتمەندی <tt>align</tt> کە بۆ ناوەندکردن یان کردنە لای ڕاست و چەپی دەقێک بەکاردێت. نرخەکانی <tt>right, center, left, justify</tt> ـە لە بری ئەوە دەبێت <tt>text-align</tt> لە ستایڵ شیت بەکار ببرێت.<br />
* توخمی <tt>u</tt> بۆ هێڵبەژێرداهێنان لە ستایڵ شیت <code>text-decoration:underline;</code> ئەو کارە دەکات.<br />
* تاگی <tt>applet</tt> کە بۆ کارپێکردنی پڕۆگرامۆکەکانی جاڤا بوو گۆڕدرا بە <tt>object</tt>.<br />
<br />
== پەرەگراف – Paragraph ==<br />
توخمی p بەکاردێت بۆ دیاریکردنی دەقێک وەک پەرەگراف و ناوەڕۆکی توخم وەک پەرەگراف دەناسێنێت. لەبەر ئەوەی ئەم توخمە کاریگەرییەکی دیاری نییە لەسەر دەق، هەندێک لە نووسەران بیریان ئەچێت ئەم توخمە بەکاربەرن بۆ پەرەگراف یان تاگی کۆتایی دابخەن.<br />
نموونە:<br />
<source lang="html4strict"><p>Em deqe peregirafe boye le new tuxmi p nusrawe.</p><br />
<p>Min etwanim bichme ser<br />
helli nwe u chend derreki tir<br />
l peregirafekem binusim u le<br />
kotayida tagi kotayi dabixemewe</p><br />
<p class="sereki" dir="rtl">لەم پەرەگرافەدا ئەتوانم بە پیتی عەرەبی بنووسم</p><br />
</source><br />
لە نموونە سێیەمدا دوو تایبەتمەندیمان داوەتە توخمەکە، تایبەتمەندی class ـمان داوەتێ و ناساندوومانە بە sereki تا بە ستایڵ شیت گۆڕانکاری بەسەردا بهێنین، وەک گۆڕینی ڕەنگ، قەبارە، فۆنت، … ـی پەرەگرافەکە. تایبەتمەندی دووەمیش بۆ ئاڕاستەی نووسینمان گۆڕیوە بە لە ڕاستەوە بۆ چەپ.<br />
<br />
== سەردێڕ – Heading ==<br />
سەردێڕ لە ٦ توخم پێک هاتووە (h1, h2, h3, h4, h5, h6) بەکاردێت بۆ نووسینی سەردێڕ/ناونیشانی بابەت یان پەڕەیەک چونکە کاتێک وێبگەڕ ئەم توخمە دەبینێت هەڵدەستێت بە تۆخکردن و گەورەکردنی قەبارەی ناوەڕۆکی توخم واتە بێ CSS و هیچ تایبەتمەندییەک. h1 گەورەترین و h6 بچوکترینیانە.<br />
<source lang="html4strict"><h1>Mallperri Chawg</h1><br />
<h2 class="nawnishan">Ferbuni HTML</h2></source><br />
نموونە ١: هەردوو توخمی سەردێڕ و پەرەگراف لە پەڕەیەکدا:<br />
<source lang="html4strict"><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<title>Ferbuni HTML le mallperri chawg</title><br />
</head><br />
<body><br />
<h1>Mallperri Chawg</h1><br />
<h2 class="nawnishan">Ferbuni HTML</h2><br />
<h3>Waney yekem</h3><br />
<p>Serderr le 6 tuxim pekhatun h1 gewretiriniyane u h6 bichuktiriniyane, bekardet<br />
bo nusini nawnishani babet u perre. Tuxmekani header gorrankari toxi u gewreyi<br />
qebare edat be nawerroki tuxim.</p><br />
</body><br />
</html><br />
</source><br />
ئەم کۆدەی سەرەوە لە دەستکاریکەرێکدا بنووسە و بە وێبگەڕ پەڕەکە بکەرەوە تا ئەنجامەکەی ببینیت. بینووسە! ڕوونووسی مەکە تا فێربیت!<br />
<br />
<br />
== بەستەر - Link ==<br />
=== توخمی بەستەر ===<br />
گرنگترین و زۆرترین توخمی بەکاربراوە کە بریتییە لە بە ناونیشانکردنی دەقێک کە بە کرتەکردن لێی بەکارهێنەر ڕەوانە دەکرێت بۆ ئەو ناونیشانەی تیایدا نووسراوە. بە شێوەیەکی سادە توخمەکە بریتییە لە:<br />
<source lang="html4strict"><a href="http://www.chawg.org/wiki/chawg">Chawg</a></source><br />
دەرەنجام: [[Chawg]]<br />
* توخمی <tt>a</tt> (لەنگەر/anchor) بەکاردێت بۆ دروستکردنی بەستەر.<br />
* ناوی تایبەتمەندی <tt>href</tt> واتە (Hypertext reference) دەبێت نرخەکەی ناونیشانی ئەو بەستەر (URL) ـە بێت کە دەتەوێت بەکارهێنەری بۆ ڕەوانە بکەیت. بەستەر دروست نابێت بە بێ تایبەتمەندی <tt>href</tt><br />
* ناوەڕۆکی توخم ئەو دەقە دەبێت کە وەک بەستەر دەردەکەوێت کە لێرەدا "Mallperri Chawg" ـە.<br />
=== کردنەوە لە شوێنێکی دیاریکراو ===<br />
گرنگترین تایبەتمەندی لە پاش <tt>href</tt> تایبەتمەندی <tt>target</tt> ـە کە بەکاردێت بۆ پێدانی شوێنێکی دیاریکراو بۆ کرانەوەی بەستەر تیایدا وەک کرانەوە لە پەنجەرەیەکی نوێدا یان لە چوارچێوەیەک لە هەمان پەڕە و پەنجەرەدا (کاتێک پەڕەکە دابەشکرابێت بۆ چەند چوارچێوەیەک)<br />
<br />
* کردنەوە لە پەڕەیەکی نوێدا:<br />
<source lang="html4strict"><a target="_blank" href="http://www.chawg.org">Chawg</a></source><br />
* کردنەوە لە چوارچێوەیەکدا:<br />
<source lang="html4strict"><a target="rightframe" href="http://www.chawg.org">Chawg</a></source><br />
rightframe ناوی ئەو چوارچێوەیە دەبێت کە لە پەڕەکەدا هەیە.<br />
<br />
=== بەستەر بۆ دەقێک لە هەمان پەڕەدا ===<br />
چوارچێوەیەک لە سەرەوە دەبینیت نووسراوە "ناوەڕۆک" بە کرتەکردن لە هەر بەستەرێکی ناو چوارچێوەکە دەگەیتە شوێنێک لە هەمان ئەم پەڕەیەدا. ئەمە بریتییە لە بەستەرکردن بۆ دەقێک کە لە هەمان پەڕەی بەستەرەکەدا هەیە. بۆ نموونە من دەنووسم "بۆ خوێندنەوە لەسەر DTD کرتە لێرە بکە" دەمەوێت بیکەمە بەستەر و ڕەوانەی ئەو دەقەی سەرەوەی بکەم کە بەم شێوەیە دەبێت:<br />
* ئەبێت ناونیشانێک بدەم بەو دەقەی ئەمەوێت بەستەری بۆ بکرێت:<br />
<source lang="html4strict"><a name="DTD">DTD</a></source><br />
ئەمە کۆدی ئەو نووسراوەیە کە لە سەرەوە نووسراوە ئەویش بە پێدانی تایبەتمەندی <tt>name</tt>. وشەی DTD ـی نرخی تایبەتمەندییەکەش، ناونیشانەکەیە (DTD ناوەڕۆکی توخم نا).<br />
* بەستەر بەم شێوەیە دەنووسرێت:<br />
<source lang="html4strict"><a href="#DTD">بۆ خوێندنەوە لەسەر DTD کرتە لێرە بکە</a></source><br />
دەرەنجام: [http://www.chawg.org/wiki/index.php?title=HTML#DTD بۆ خوێندنەوە لەسەر DTD کرتە لێرە بکە]<br />
<br />
== وێنە – Image ==<br />
توخمی وێنە یەکێکە لەو توخمانەی کە لە تاگێک پێکهاتووە و خۆی خۆی دائەخاتەوە. توخمەکە پێکهاتووە لە:<br />
<source lang='html4strict'><img src="http://domain.com/image.png" /></source><br />
=== تایبەتمەندی src ===<br />
تایبەتمەندی <tt>src</tt> تایبەتمەندی بنەڕەتی توخمی وێنەیە. نرخی تایبەتمەندی پێویستە ڕێڕەو (path) ـی وێنەکە بێت.<br />
ئەگەر بوخچەیەکمان هەبێت بە ناوی myweb لە ناویدا دوو بوخچەی تر بە ناوەکانی files و ئەوی تر images. لەناو بوخچەی files ـیشدا بوخچەیەکی ترمان هەبێت بە ناوی thumbs. بەم شێوەیە:<br />
<pre><br />
/wene1.jpg<br />
/myweb/wene2.jpg<br />
/myweb/files/perre.html<br />
/myweb/files/thumbs/wene3.jpg<br />
/myweb/images/wene4.jpg<br />
<br />
</pre><br />
گەر پێکهاتە پەڕگەکانمان وەک ئەوەی سەرەوە بێت و بمانەوێت لە perre.html ـەوە بەستەر بکەین بۆ wene3.jpg. دەبێت بەم شێوەیە ڕێڕەوەکە بنووسین:<br />
<source lang='html4strict'><img src="thumbs/wene3.jpg" /></source><br />
بەڵام ئەگەر بمانەوێت بەستەر بکەین بۆ wene2.jpg، بەم شێوەیە دەبێت:<br />
<source lang='html4strict'><img src="../wene2.jpg" /></source><br />
<br />
لەبەر ئەوەی پەڕگەکە لە بوخچەی files ـدایە وێنەکە و لە بوخچەی myweb ـدایە کە بوخچەیەک سەرووترە بۆیە دەبێت دوو خاڵ دابنێین لەپێشی. ئەگەر وێنەکە دوو بوخچە سەرووتر بوو وەک وێنەی wene1.jpg، ئەوە دوو جار خاڵەکان دا دەنێین، وەک:<br />
<source lang='html4strict'><img src="../../wene1.jpg" /></source><br />
<br />
وە بەستەر بۆ wene4.jpg بەم شێوەیە دەبێت:<br />
<source lang='html4strict'><img src="../images/wene4.jpg" /></source><br />
دەشتوانین لە ڕێڕەوی بەستەرەکە ناونیشانێکی تەواوەتی بنووسین، وەک:<br />
<source lang='html4strict'><img src="http://domain.com/uploads/images/wene5.jpg" /></source><br />
<br />
[[Image:Html_alt_title.gif|left|thumb|180px|تایبەتمەندییەکانی title و alt ـی توخمی وێنە ]]<br />
=== تایبەتمەندییەکانی alt و title ===<br />
تایبەتمەندییەکانی <tt>alt</tt> و <tt>title</tt> دوو تایبەتمەندی نزیکن لەیەکەوە. هەمیشە بەکارهێنەر لێی تێک دەچێت کە کامیان بەکار ببات لە توخمەکەدا.<br />
تایبەتمەندی <tt>alt</tt> کە چیتر بووەتە تایبەتمەندییەکی گرنگ و پێویست. پیشان دەدرێت، کاتێک وێبگەڕ پاڵپشتی پیشاندانی وێنە ناکات یان بەکارهێنەر وای کردووە کە وێنە پیشان نەدرێت. ئەویش بریتییە لە چەند وشەیەکی کەم وەک دەقێکی جێگرەوە بۆ وێنەکە تا بەکارهێنەر لە ناوەڕۆکی وێنەکە تێ بگات.<br />
<source lang='html4strict'><img src="http://domain.org/ferbunihtml.png" alt="فێربوونی هتمل" /></source><br />
بەڵام تایبەتمەندی <tt>title</tt> تایبەتمەندییەکی جیایە لە <tt>alt</tt>. نرخی تایبەتمەندی <tt>title</tt> کاتێک پیشان دەدرێت کە بەکارهێنەر نیشاندەری مشکەکە دەباتە سەر وێنەکە. دەتوانیت هەردوو تایبەتمەندییەکە لە هەمان توخمی وێنەدا دابنێیت، بەڵام شارەزایان وا ئامۆژگاری دەکەن کە تایبەتمەندی alt بەکارببرێت بۆ هەموو وێنەیەک و تایبەتمەندی <tt>title</tt> ـیش کاتێک بەکارببرێت کە وێنە بەستەر بێت بۆ لاپەڕەیەک و لە نرخی تایبەتمەندی title ناونیشانی پەرە بەستەربۆکراوەکە بنووسین.<br />
<source lang='html4strict'><a href="http://www.chawg.org/wiki/index.php?title=HTML"><br />
<img src="http://chawg.org/images/html_wiki_chawg.png" alt="فێربوونی هتمل" title="فێربوونی زمانی هتمل بە کوردی" /></a></source><br />
تێبینی: لەم نموونەیەی سەرەوە توخمی وێنە بووەتە ناوەڕۆکی توخمی بەستەر کە لێرەدا وێنەکە دەبێتە بەستەر.<br />
<br />
=== تایبەتمەندییەکانی Height و Width ===<br />
هەردوو تایبەتمەندی <tt>height</tt> و <tt>width</tt> ـیش بەرزی و پانی وێنەکە دیاری دەکەن کە دەتوانیت قەبارەی وێنەکەی پێ زیاد یان کەم بکەیت. دیاریکردنی پانی و بەرزی وێنەکان دەبنە هۆی تێک نەچوونی layout ـی پەرەکە کاتێک پەڕەکە خەریکە دەکرێتەوە و وێنەکان بەتەواوی load نەبوون.<br />
نموونەیەک کە هەموو تایبەتمەندییەکانی لەخۆ گرتووە:<br />
<source lang='html4strict'><img src="http://domain.org/ferbunihtml.png" alt="فێربوونی هتمل" title="فێبوونی زمانی هتمل بەکوردی" height="100" width="140"/></source><br />
<br />
== لیست – List ==<br />
[[Image:Html_list.gif|left|thumb|200px|جۆرەکانی لیستی HTML]]<br />
لە HTML ـدا سێ جۆر لیستمان هەیە. یەکەم، لیستی ڕیزکراو. دووەم، لیستی ڕیزنەکراو. سێیەم، لیستی پێناسە.<br />
=== لیستی ڕیزکراو - Ordered List ===<br />
لەم لیستەدا دانەکانی لیست بە ژمارە یاخود پیت ڕێکدەخرێن توخمی <tt>ol</tt> بەکاردەبرێت بۆ دیاریکردنی ئەم جۆرە لیستە. دانەکانی هەردوو لیستی ڕیزکراو و ڕیزنەکراو دەخرێنە نێو توخمی <tt>li</tt> ـیەوە.<br />
نموونە:<br />
<source lang="html4strict"><br />
<ol type="a"><br />
<li>ڕیزکراوی ١</li><br />
<li>ڕیزکراوی ٢</li><br />
<li>ڕیزکراوی ٣</li><br />
</ol><br />
</source><br />
<br />
دەتوانین چەند نرخێک بۆ type دابنێین. لەوانە <tt>a</tt> بۆ ڕیزکردن بە پیتی بچوک، <tt>A</tt> بۆ پیت گەورە، <tt>I</tt> بۆ ڕیزکردنی ڕۆمانی گەورە و <tt>i</tt> ـیش بۆ بچوک.<br />
تایبەتمەندی start بەکاردێت بۆ دیاریکردنی دەستپێکردنی لیستەکە لە ژمارەیەکەوە. نرخی تایبەتمەندی هەمیشە دەبێت ژمارەی ئینگلیزی بێت ئەگەر چیش جۆری ڕیزکردنەکە پیت یان ژمارەی ڕۆمانی بێت، وەک:<br />
<br />
<source lang="html4strict"><br />
<ol type="a" start="4"><br />
<li>ڕیزکراوی ١</li><br />
<li>ڕیزکراوی ٢</li><br />
<li>ڕیزکراوی ٣</li><br />
</ol><br />
</source><br />
<br />
لێرەدا ڕیزکردنەکە لە پیتی D ـیەوە دەستپێدەکات هەتاوەکو E. هەڵەیە ئەگەر بنووسین <code>start="d"</code><br />
=== لیستی ڕیزنەکراو - Unordered List ===<br />
لەم لیستەدا دانەکان ڕیزنەکراون و لە پێش هەر دانەیەک خاڵێک، بازنەیەک یان دیسکێک دادەنرێت. توخمی <tt>ul</tt> بەکاردەبرێت بۆ دیاریکردنی لیستەکە.<br />
نموونە:<br />
<source lang="html4strict"><br />
<ul><br />
<li>ڕیزنەکراوی ١</li><br />
<li>ڕیزنەکراوی ٢</li><br />
<li>ڕیزنەکراوی ٣</li><br />
<li>ڕیزنەکراوی ٤</li><br />
</ul><br />
</source><br />
<br />
تایبەتمەندی <tt>type</tt> لە لیستی ڕیزنەکراودا بەکاردێت بۆ دیاریکردنی ئەوەی کە چ هێمایەک لە پێش دانەکانی لیستەکەدا بێت.<br />
نموونە:<br />
<source lang="html4strict"><br />
<ul type="circle"><br />
<li>ڕیزنەکراوی ١</li><br />
<li>ڕیزنەکراوی ٢</li><br />
</ul><br />
</source><br />
<br />
تێبینی: هەردوو تایبەتمەندی <tt>type</tt> و <tt>start</tt> لە تایبەتمەندییە لابراوەکانن.<br />
=== لیستی پێناسە – Definition List ===<br />
ئەم لیستە پێکدێت لە دەستەواژەیەک و پێناسەکەی. دەستەواژە دەکرێتە نێو توخمی <tt>dt</tt> ـیەوە و پێناسەی دەستەواژەکەش لە دوای ئەو دێت لە نێو توخمی <tt>dd</tt> ـدا. هەردووکیشیان پێکەوە دەکرێنە نێو توخمی <tt>dl</tt> ـەوە.<br />
dt = definition Term, dd = Definition Description, dl = Definition List<br />
<br />
نموونە:<br />
<source lang="html4strict"><br />
<dl><br />
<dt>نەورۆز</dt><br />
<dd>یەکەمین مانگی ساڵی کوردییە.</dd><br />
<dt>سەگ</dt><br />
<dd>گیاندارێکی بەوەفایە.</dd><br />
</dl><br />
</source><br />
<br />
== خشته - Table ==<br />
تاگ و توخمەکان لە پێکهێنانی توخمی سەرەکی خشتە کەمێک چڕترن وەک لە توخمەکانی تر، بەڵام پاش تێگەیشتنی دەبینین هیچ ئاڵۆزییەکی تیادا نییە.<br />
<br />
<source lang='html4strict'><br />
<table border="1" ><br />
<tr> <br />
<td>خانەی ١، ڕیزی ١</td> <br />
<td>خانەی ٢، ڕیزی ١</td> <br />
<td>خانەی ٣، ڕیزی ١</td> <br />
</tr> <br />
<br />
<tr> <br />
<td>خانەی ١، ڕیزی ٢</td> <br />
<td>خانەی ٢، ڕیزی ٢</td> <br />
<td>خانەی ٣، ڕیزی ٢</td> <br />
</tr><br />
<br />
<tr> <br />
<td>خانەی ١، ڕیزی ٣</td> <br />
<td>خانەی ٢، ڕیزی ٣</td> <br />
<td>خانەی ٣، ڕیزی ٣</td> <br />
</tr><br />
<table><br />
</source><br />
<br />
نموونەکەی سەرەوە خشتەیەکی ٩ خانەیی دروست دەکات، پێک هاتووە لە ٣ ستوون و ٣ ئاسۆ. کە ئەم توخمانەی تیا دەبینین:<br />
<br />
* توخمی <tt>table</tt>: توخمی سەرەکییە لە پێکهێنانی خشتەکە.<br />
* توخمی <tt>tr</tt>: واتە هەر ئاسۆیەکی خشتەکە ('''T'''able '''R'''ow) کە بەکاردێت بۆ پێکهێنانی هەر دێڕێک یان ئاسۆیەک لە خشتەکە. ئەم توخمانە بریتین لە ناوەڕۆکی توخمی table (دەکەونە نێو توخمی <tt>table</tt> ـەوە.)<br />
* توخمی <tt>td</tt>: واتە هەر تاکە خانەیەک ('''T'''able '''D'''ata) کە بەشداری دەکەن لە پێکهێنانی سەراپای خشتەکە. ئەم توخمانە بریتین لە ناوەڕۆکی توخمی <tt>tr</tt> (دەکەونە نێو توخمی <tt>tr</tt> ـەوە.)<br />
<br />
تێبینی:<br />
* تایبەتمەندی <tt>border</tt> پێویستە بنووسرێت تا چوارچێوەی خشتەکە دیاری بکات.<br />
* هەندێک جار وا پێویست دەکات ئاسۆی یەکەمی خشتە وەک سەردێڕ لێ بکەیت. ئەمەش ئەنجام دەدرێت بە دانانی توخمی <tt>th</tt> لە بری <tt>td</tt> ـیەکان. کە کاریگەری تۆخکردن و ناوەندکردن دەداتە دەقی نێو خانەکە. وەک لە نموونەی داهاتوودا بەکاربراوە.<br />
<br />
===تایبەتمەندییەکانی خشتە===<br />
<br />
زۆرینەی ئەو تایبەتمەندییانەی پاڵپشتی لە توخمەکانی خشتە ئەکەن، لە بێ بایەخەکانن یان چیتر لە وەشانە نوێیەکانی HTML ـدا Valid نین. لەوانەش وەک: height, bgcolor, nowrap, Align.<br />
تایبەتمەندییە گرنگەکانی خشتە ئەمانەن (کە لەو پارچە کۆدەی خوارەوە هەموویان بەکاربراون):<br />
* تایبەتمەندی <tt>border</tt>: بۆ دیاریکردنی قەبارەی سنوورەکانی خشتەکە.<br />
* تایبەتمەندی <tt>width</tt>: بۆ دیاریکردنی قەبارەی خشتە و خانەکان.<br />
* تایبەتمەندی <tt>cell-padding</tt>: بۆ دوورخستنەوە نووسراوی نێو خانەکان لە لێواری خانەکانی خشتەکە. ئەگەر ئەم تایبەتمەندییە نەنوسرێت بە شەوەیەکی بنەڕەت نرخەکەی بە ١ خاڵ (پیکسڵ) دادەنرێت<br />
* تایبەتمەندی <tt>cell-spacing</tt>: بۆ کەمکردن و زیادکردنی بۆشایی نێوان لێواری خانەکان. بۆ دوورخستنەوە نووسراوی نێو خانەکان لە لێواری خانەکانی خشتەکە. ئەگەر ئەم تایبەتمەندییە نەنوسرێت بە شەوەیەکی بنەڕەت نرخەکەی بە ٢ خاڵ (پیکسڵ) دادەنرێت.<br />
* تایبەتمەندی <tt>colspan</tt>: بەکار دێت بۆ درێژکردنەوەی خانەیەکی ئاسۆیی بەدرێژایی چەند خانەیەکی دیاریکراوی ستوونی.<br />
* تایبەتمەندی <tt>rowspan</tt>: بەکار دێت بۆ درێژکردنەوەی خانەیەکی ستوونی بەدرێژایی چەند خانەیەکی دیاریکراوی ئاسۆیی.<br />
<br />
<source lang='html4strict'><br />
<table border="1" width="800" cellpadding="3" cellspacing="0"><br />
<tr> <br />
<th colspan="2">خانەی ١ و ٢، ڕیزی ١</th> <br />
<br />
<th>خانەی ٣، ڕیزی ١</th> <br />
</tr> <br />
<br />
<tr> <br />
<td rowspan="2">خانەی ١، ڕیزی ١ و ٣</td> <br />
<td width="15%">خانەی ٢، ڕیزی ٢</td> <br />
<td>خانەی ٣، ڕیزی ٢</td> <br />
</tr><br />
<br />
<tr> <br />
<br />
<td>خانەی ٢، ڕیزی ٣</td> <br />
<td>خانەی ٣، ڕیزی ٣</td> <br />
</tr><br />
<table><br />
</source><br />
<br />
دوو تایبەتمەندی تریش هەن، ئەوانیش <tt>rules</tt> و <tt>frame</tt>. تایبەتمەندی <tt>rules</tt> بەکاردێت بۆ شاردنەوە و بەدیارخستنی هێڵەکانی نێوان خانەکان کە ئەم نرخانە وەردەگرێت: <tt>rows</tt>, <tt>cols</tt>, <tt>all</tt>, <tt>none</tt>. تایبەتمەندی <tt>frame</tt> ـیش بۆ هێڵەکانی چوارچێوەی خشتەکە، ئەم تایبەتمەنییانە وەردەگرێت: <tt>above</tt>, <tt>below</tt>, <tt>lhs</tt>, <tt>rhs</tt>, <tt>hsides</tt>, <tt>vsides</tt>, <tt>border</tt>. <tt>box</tt>, <tt>viod</tt>.<br />
نموونە:<br />
<br />
<source lang="html4strict"><br />
<table rules="all" frame="hsides"><br />
<tr> <br />
<td>خانەی ١، ڕیزی ١</td> <br />
<td>خانەی ٢، ڕیزی ١</td> <br />
<td>خانەی ٣، ڕیزی ١</td> <br />
</tr> <br />
<br />
<tr> <br />
<td>خانەی ١، ڕیزی ٢</td> <br />
<td>خانەی ٢، ڕیزی ٢</td> <br />
<td>خانەی ٣، ڕیزی ٢</td> <br />
</tr><br />
<table><br />
</source><br />
<br />
تێبینی: کاریگەرییەکانی وەک گۆڕینی قەبارە، جۆر و ڕەنگی فۆنت، خشتە و خانەکان دەبێت بە [[CSS]] ئەنجام بدرێن.<br />
<br />
==فۆرم - Form ==<br />
فۆڕم بەکاردێت بۆ داغڵکردن و ناردنی زانیاری لەلایەن بەکارهێنەرەوە، وەک فۆڕمی پەیوەندی، فۆڕمی چوونەژوورەوە...<br />
<br />
لەناو فۆڕمدا، توخمەکانی فۆڕم دەنووسین، کە ئەوانیش <tt>textarea</tt>, <tt>input</tt>, <tt>select</tt>... ـن.<br />
<source lang="html4strict"><br />
<form action="contact.php" method="get"><br />
<br />
</form><br />
</source><br />
فۆرڕم لە HTML ـدا ناکارایە و تەنها پیشاندانە، بۆیە پێویستمان بە [[زمانی بزۆک|زمانێکی بزۆک]] دەبێت بۆ کارپێکردنی فۆڕمەکە. وەک لەسەرەوە دەبینیت تایبەتمەندی <tt>action</tt> فۆڕمەکەی پەیوەست کردووە بە زمانە بزۆکەکەوە. تایبەتمەندی <tt>method</tt> ـیش کە هەردوو نرخی <tt>get</tt> و <tt>post</tt> ـی هەیە، <tt>post</tt> بۆ شاردنەوە و <tt>get</tt> بۆ پیشاندانی زانیارییەکان بەکاردێت لە URL ـدا.<br />
<br />
<br />
===تێکردن - input ===<br />
input زۆرترین تاگی بەکاربراوی توخمی فۆڕمە. کە دەتوانین بەپێی نرخی تایبەتمەندیی <tt>type</tt> جۆری ئەو فۆڕمەکەی دیاری بکەین. نرخەکانی تایبەتمەندیی <tt>type</tt> کە جۆری فۆڕمەکە دیاری دەکەن، ئەمانەن: <tt>text</tt>, <tt>password</tt>, <tt>file</tt>, <tt>checkbox</tt>, <tt>radio</tt>, <tt>submit</tt>, <tt>reset</tt>, <tt>button</tt>, <tt>hidden</tt>, <tt>image</tt><br />
<br />
چۆنێتی بەکارهێنانیان (کۆدەکە لە پەڕگەیەکدا ڕوونووس بکە تا دەرەنجامەکانیان ببینیت):<br />
<br />
<source lang="html4strict"><br />
<input type="text" name="username" /><br /><br />
<input type="password" name="pass" /><br /><br />
<input type="file" name="uploader" /><br /><br />
<input type="submit" name="submitbtn" value="Send" /><br />
<input type="reset" name="resetfields" value="Clean Fields" /><br /><br />
<input type="checkbox" checked="checked" name="remembermechbx" /><br /><br />
<input type="radio" name="radiobtn" value="Male" /><br />
<input type="radio" name="radiobtn" value="Female" /><br /><br />
<input type="button" name="custombtn" value="A Custom Button" /><br /><br />
<input type="image" name="img" value="sent" src="images/send.png" alt="Send (image button)" /><br /><br />
<input type="hidden" name="hiddenfld" value="usr955" /><br />
</source><br />
<br />
* <tt>text</tt> - خانەیەکی تاک هێڵییە بەکاردێت لەکاتی داغڵکردنی ناو، تێپەڕەوشە، ئیمەیل...<br />
* <tt>password</tt> - بەهەمان شێوەی <tt>text</tt> بەڵام لەکاتی نووسینی تێپەڕەوشەدا بەکاردێت تا وشەکان بشاردرێنەوە.<br />
* <tt>file</tt> - بۆ بارکردنی پەڕگەیەک لە کۆمپیوتەری بەکارهێنەرەوە، وەک لە uploader ـەکاندا.<br />
* <tt>submit</tt> - دوگمەیەکە لە فۆڕمەکەدا بەکاردێت لە ناردنی زانیارییەکانی نێو فۆڕمەکە.<br />
* <tt>reset</tt> - بەکاردێت بۆ بەتاڵکردنەوەی ئەو زانیارییانەی بەکارهێنەر لەنێو فۆڕمەکەدا نووسیویەتی.<br />
* <tt>checkbox</tt> - بەکاردێت لە هەڵبژاردندا. کاتێک چەند هەڵبژاردنێک دیاری کراوە و بەکارهێنەر دەتوانێ زیاد لە دانەیەک هەڵبژێرێت.<br />
* <tt>radio</tt> - بەکاردێت لە هەڵبژاردندا. کاتێک چەند هەڵبژاردنێک دیاری کراوە و بەکارهێنەر دەتوانێ تەنها یەکێک هەڵبژێرێت.<br />
* <tt>button</tt> - دوگمەیەکە، بەڵام ئەم زانیاری نێو فۆڕمەکە نانێرێت بۆ ڕاژە، بەڵکو پێوسیتە بە سکریپتێکی وەک جاڤاسکریپتەوە ببەسرێتەوە بۆ کارپێکردنی ڕاستەوخۆی سکریپتەکە.<br />
* <tt>image</tt> - دوگمەیەکی ناردنە وەک <tt>submit</tt> بەڵام بە وێنە.<br />
* <tt>hidden</tt> - خانەیەکی شاراوەیە کە بەکارهێنەر نایبینێت. بەزۆری بەکاردێت کاتێک فۆڕم لە چەند پەڕەیەک پێکهاتووە و پێویستە زانیارییەکانی پەڕەی یەکەم پاشەکەوتبکرێن و هەڵبگیرێن بۆ پەڕەکانی تر.<br />
<br />
<br />
بۆ نموونە لە دروستکردنی فۆڕمێکی چوونەژوورەوە، بەم شێوەیە فۆڕم بەکاردەهێنین:<br />
<br />
<source lang="html4strict"><br />
<form action="login.php" method="post"><br />
Username: <input type="text" name="username" /><br /><br />
Password: <input type="password" name="password" /><br /><br />
<input type="checkbox" name="rememberchkbox" value="autologin" />Automatically log me in every time I visit.<br />
<br /><br />
<input type="submit" name="submitit" value="Submit Data" /><br />
</form><br />
</source><br />
<br />
===ڕووبەرى دەق - textarea===<br />
textarea خانەیەکی گەورەیە بۆ نووسینی دەقێکی زۆر بەکاردێت. بە پێچەوانەی توخمی input ـەوە، textarea تاگی سەرەتا و کۆتایی هەیە . وە پێوستە تایبەتمەندییەکانی <tt>rows</tt> و <tt>cols</tt> بنووسیت بۆ دیاریکردنی بەرزی و پانی خانەکە.<br />
<source lang="html4strict"><br />
<textarea name="postfield" rows="10" cols="50">Deqeket lere binuse</textarea><br />
</source><br />
* هەردوو تایبەتمەندیی readonly و disabled بەکاردێت بۆ ناچالاککردنی خانەکە و نەهێشتنی دەستکاریکردنی لەلایەن بەکارهێنەرەوە. وەک ئەم نموونەیە:<br />
<source lang="html4strict"><br />
<textarea name="postfield" rows="10" cols="50" readonly="readonly">Natiwanit destkari em deqe bikeyt</textarea><br />
</source><br />
<br />
=== Drop Down ===<br />
Drop Down لیستێکە لە کۆمەڵێک هەڵبژاردن بۆ دیاریکردنی دانەیەک یان زیاتر، وەک radio و checkbox بەڵام بە شێوەیەکی کۆکراوە.<br />
<br />
توخمی <tt>select</tt> بەکاردەهێنین بۆ دروستکردنی لیستەکە، لە نێو لیستەکەشدا بۆ هەر هەڵبژاردنێک توخمی <tt>option</tt>. بەم شێوەیە:<br />
<br />
<source lang="html4strict"><br />
<select name="dropdownlist"><br />
<option value="ku">Kurd</option><br />
<option value="en">English</option><br />
<option value="fr">French</option><br />
</select><br />
</source><br />
* تایبەتمەندی <code>multiple="multiple"</code> بەکاردێت بۆ دیاریکردنی زیاد لە هەڵبژاردنێک لە لیستەکە. هەروەها تایبەتمەندی <tt>disable</tt>یش بۆ ناچالاککردنی لیستەکە.<br />
* دەتوانین هەڵبژاردنەکان بکەینە دەستە دەستە بە بەکارهێنانی تاگی <tt>optgroup</tt>. بەم شێوەیە:<br />
<source lang="html4strict"><br />
<select name="countrieslist"><br />
<optgroup label="Middle East"><br />
<option value="ir">Iran</option><br />
<option value="iq">Iraq</option><br />
<option value="jo">Jordan</option><br />
<option value="sa">KSA</option><br />
</optgroup><br />
<br />
<optgroup label="Europe"><br />
<option value="es">Spain</option><br />
<option value="fr">France</option><br />
<option value="de">Germany</option><br />
<option value="it">Italy</option><br />
</optgroup><br />
<br />
<optgroup label="Asia"><br />
<option value="jp">Japan</option><br />
<option value="cn">China</option><br />
<option value="in">India</option><br />
<option value="id">Indonesia</option><br />
</optgroup><br />
</select><br />
</source><br />
<br />
== div و span ==<br />
<tt>div</tt> و <tt>span</tt> بەکاردێن وەک لە پۆلپۆلکردنی کۆمەڵێک دەق و کاریگەری پێدانیان بەهۆی [[CSS]]. تاگی <tt>div</tt> وەک پەرەگراف کاتێک دەدرێت بە دەقێک، هێڵێک پێش خۆی و هێڵێک پاش خۆی جێ دەهێڵێت بەڵام <tt>span</tt> لەنێو هێڵدا. تایبەمەندییەکانیان بریتین لە <tt>class</tt>, <tt>id</tt>, <tt>style</tt><br />
<br />
نموونە:<br />
<source lang="html4strict"><br />
<div class="honrawenus"><br />
Qani' nawi Mihemmed Kabuliye. le salli 1905 le gundi shiler ledayk buwe u salli 1965 be nexoshimirduwe. pallpishti chini cutiyar u hejaran buwe her boye nasrawe be sha'iri chewsawekani Kurdistan<br />
</div><br />
</source><br />
<br />
بەڵام <tt>span</tt>:<br />
<source lang="html4strict"><br />
<p>Kotiri <span style="color:#ffffff">sipi</span> hemay ashtiye.</p><br />
<p>Zanisteki <span style="font-weight:bold;">dirisht</span> u <span style="text-decoration:underline;">kirawe</span>.</p><br />
</source><br />
واتە کاتێک span بەکاردێنین، ئەگەر بمانەوێت کاریگەری بدەینە وشەیەک یان چەند وشەیەکی نێو دێڕێک.<br />
<br />
== توخمەکانی نێو head ==<br />
توخمەکانی نێو head کۆمەڵێک توخمن لەنێو تاگی <tt><head></head></tt>دان. ئەم توخمانە بەکارهێنەر نایان بینێت بەڵام کاریگەری گرنگیان هەیە لەسەر پەڕەکە و وێبگەڕ و بزوێنەرەکانی گەڕان سوود لەم توخمانە وەردەگرن.<br />
<br />
=== توخمی meta ===<br />
توخمی <tt>meta</tt> بەکاردێت بۆ پێدانی زانیاری لەسەر جۆر، نووسەر، پەسن و وشەکلیل...<br />
* '''بەکارهێنانی تایبەتمەندیی <tt>http-equiv</tt> و <tt>content</tt>'''<br />
<source lang="html4strict"><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
</source><br />
تایبەتمەندی <tt>http-equiv</tt> بەکاردێت لە بوژاندنەوە (refresh)ی پەڕەکە یان ڕێکخستنی کاشکردن. لە تایبەتمەندی <tt>content</tt>یش چارسێت/ئینکۆدینی پەڕەکە دیاری دەکات. ئەو دێڕەی سەرەوە لە هەموو پەڕەیەکی ئاساییدا بەکار دەبرێت. شێوەیەکی تر ئەگەر بمانەوێت پەڕەکە refresh بکات چەند چرکە جارێک یان ئاڕاستەی بکەین بۆ پەڕەیەکی تر نرخی تایبەتمەندی <tt>http-equiv</tt> دەگۆڕین بۆ <tt>refresh</tt> و نرخی <tt>content</tt>یش بۆ ژمارەی چرکەکان لەگەڵ ناونیشانی بەستەرەکە. بۆ نمونە:<br />
<source lang="html4strict"><br />
<meta http-equiv="refresh" content="60" /> // 60 chirke carek perreke refresh ekat<br />
<meta http-equiv="refresh" content="10;http://chawg.org/meko" /> // le diway 10 chirke perreke arraste dekret bo besteri chawg.org/meko<br />
</source><br />
<br />
* '''بەکارهێنانی تایبەتمەندی وشەکلیل و پەسن'''<br />
وشەکلیل (<tt>keywords</tt>) بەکاردێت بۆ ناساندنی ماڵپەڕەکەت لە چەند وشەیەکدا کە بە کۆما لێک جیاکراونەتەوە، پەسنیش (<tt>description</tt>) بە هەمان شێوە بۆ ناساندنی ماڵپەڕ یان پەڕەیەک لە ماڵپەڕەکە بەکاردێت لە ڕستەیەکدا. بەم شێوەیە لەنێو <tt>head</tt> دا دەنووسرێن:<br />
<source lang="html4strict"><br />
<meta name="keywords" content="chawg, mallperri chawg, وێبداڕشتن, هتمڵ بە کوردی, سی ئێس ئێس بە کوردی, پی ئێچ پی بە کوردی" /><br />
<meta name="description" content="چاوگ ماڵپەڕێکی ئایتییە، گرنگی بە بوارەکانی سەچاوەکراوە و وێبداڕشتن دەدات" /><br />
</source><br />
پێشتر بزوێنەرەکانی گەڕان ئەم دوو تایبەتمەندییەیان بەکاردەهێنا بۆ ڕیزکردنی ماڵپەڕەکان لە ئەنجامی گەڕانەکانیاندا. کاتێک بەکارهێنەرێک بۆ وشەیەک دەگەڕا بزوێنەرەکان ئەو ماڵپەڕانەیان دادەنا بە ئەنجامی گەڕان کە وشەکەی تیادابوو، بەڵام لەبەر خراپ بەکارهێنانی ئەو دوو تایبەتمەندییە، ئەمڕۆ زۆربەی بزوێنەری گەڕانەکان فەرامۆشیان کردوون.<br />
خراپ بەکارهێنان واتا نووسینی وشەیەک لە وشەکلیل و پەسندا کە ماڵپەڕەکەت تایبەت نەبێت پێی یان نووسینی دەیان وشە بۆ بۆ زۆرکردنی هەلی دەرکەوتنی ماڵپەڕەکەت لە بزوێنەرەکانی گەڕاندا کە ئەمەش کاریگەری نەرێنی دەبێت و دەبێتە هۆی ئەوەی ماڵپەڕێک لە گەڕانەکاندا دەربکەوێت کە هیچ پەیوەندی بەو بابەتەوە نەبێت کە بەکارهێنەر بۆی گەڕاوە.<br />
<br />
=== توخمی link ===<br />
بەکاردێت بۆ بەستنەوە و تێهەڵکێشکردنی پەڕگەیەک بە پەڕە HTMLـەکەوە، وەک تێهەڵکێشکردنی [[CSS]] و [[Favicon]].<br />
* تێهەڵکێشکردنی ڕووخسار<br />
<source lang="html4strict"><br />
<link rel="stylesheet" type="text/css" href="http://www.mallperr.com/ruxsar.css" /><br />
</source><br />
* تێهەڵکێشکردنی Favicon<br />
<source lang="html4strict"><br />
<link rel="stylesheet" type="text/css" href="http://www.mallperr.com/favicon.ico" /><br />
</source><br />
[[Category:WebDesign]]<br />
{{DISPLAYTITLE:فێربوونی زمانی HTML بە کوردی}}</div>
ئارا
https://chawg.org/w/index.php?title=%D9%88%D8%AA%D9%88%D9%88%DB%8E%DA%98:WordPress_FAQs&diff=2249
وتووێژ:WordPress FAQs
2010-08-02T16:41:00Z
<p>ئارا: </p>
<hr />
<div>== هەنگاوێکی ژیرانە! ==<br />
<br />
زۆر دەستخۆش، ئەکرێت هەریەکەمان لەمەکۆکان یان سەرهێڵ ڤیدیۆی پێویست بۆ بەشەکان دروست بکەین.<br />
: یەعنی ڤیدیۆی HowTo دروست بکەین؟<br />
<br />
ئەگەر لە یەک شوێن بێت باشترە [[FAQs]]--[[بەکارھێنەر:ئامانج|حەمە]] ١٧:٢٩, ٢ ئاب ٢٠١٠ (CEST)<br />
: ئاخر کاک ئامانج سبەی بابەتەکا زۆر ئەبن دۆزینەوەیان ئاسان نابێت. ئێستا ئەبێت شتێک بکەین تا دۆزینەوەیان ئاسان بێت. بۆ نموونە وتارەکان ورد بکەینەوە بۆ '''کێشەکانی بابەت نووسین'''، '''کێشەکانی ڕووکار''' یان '''کێشەکانی دەرکەوتن'''، '''کێشەکانی ڕاژە'''.--[[بەکارھێنەر:ئارا|ئارا]] ١٨:٤٠, ٢ ئاب ٢٠١٠ (CEST)</div>
ئارا
https://chawg.org/w/index.php?title=%D9%88%D8%AA%D9%88%D9%88%DB%8E%DA%98:WordPress_FAQs&diff=2248
وتووێژ:WordPress FAQs
2010-08-02T16:40:28Z
<p>ئارا: </p>
<hr />
<div>== هەنگاوێکی ژیرانە! ==<br />
<br />
زۆر دەستخۆش، ئەکرێت هەریەکەمان لەمەکۆکان یان سەرهێڵ ڤیدیۆی پێویست بۆ بەشەکان دروست بکەین.<br />
: یەعنی ڤیدیۆی HowTo دروست بکەین؟<br />
<br />
ئەگەر لە یەک شوێن بێت باشترە [[FAQs]]--[[بەکارھێنەر:ئامانج|حەمە]] ١٧:٢٩, ٢ ئاب ٢٠١٠ (CEST)<br />
ئاخر کاک ئامانج سبەی بابەتەکا زۆر ئەبن دۆزینەوەیان ئاسان نابێت. ئێستا ئەبێت شتێک بکەین تا دۆزینەوەیان ئاسان بێت. بۆ نموونە وتارەکان ورد بکەینەوە بۆ '''کێشەکانی بابەت نووسین'''، '''کێشەکانی ڕووکار''' یان '''کێشەکانی دەرکەوتن'''، '''کێشەکانی ڕاژە'''.--[[بەکارھێنەر:ئارا|ئارا]] ١٨:٤٠, ٢ ئاب ٢٠١٠ (CEST)</div>
ئارا
https://chawg.org/w/index.php?title=%D9%88%D8%AA%D9%88%D9%88%DB%8E%DA%98:WordPress_FAQs&diff=2241
وتووێژ:WordPress FAQs
2010-08-02T14:56:19Z
<p>ئارا: </p>
<hr />
<div>== هەنگاوێکی ژیرانە! ==<br />
<br />
زۆر دەستخۆش، ئەکرێت هەریەکەمان لەمەکۆکان یان سەرهێڵ ڤیدیۆی پێویست بۆ بەشەکان دروست بکەین.<br />
: یەعنی ڤیدیۆی HowTo دروست بکەین؟</div>
ئارا
https://chawg.org/w/index.php?title=WordPress_FAQs&diff=2240
WordPress FAQs
2010-08-02T14:56:09Z
<p>ئارا: </p>
<hr />
<div>ئەم وتارە هەموو ئەو کێشە و پرسیارە دووبارانە لەخۆ دەگرێت کە ڕووبەڕووی بەکارهێنەر دەبنەوە لەنێو مەکۆدا زۆرترین پرسیاریان لەسەر دەکرێت.<br />
* [http://www.chawg.org/meko/viewtopic.php?f=11&t=739 چۆن لە پەڕەیەکدا هەموو ئەرشیڤ بانگ بکەم؟]<br />
* [http://chawg.org/meko/viewtopic.php?f=11&t=604 بۆچی ماڵپەڕەکەم پەڕەیەکی سپی نیشان ئەدات؟]<br />
* [http://chawg.org/meko/viewtopic.php?f=11&t=770#p4841 چۆن وۆردپرێس لەبوخچەیەک بێت و ماڵپەڕەکەش لە بوخچەیەکی تر؟]<br />
* [http://chawg.org/meko/viewtopic.php?f=11&t=769#p4833 چۆن بابەت جێگیر بکەم؟]<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
{{DISPLAYTITLE:پرسیار و کێشە باوەکانی وۆردپرێس}}<br />
[[Category:Tips and Tricks]]<br />
[[Category:WordPress]]</div>
ئارا
https://chawg.org/w/index.php?title=WordPress_FAQs&diff=2202
WordPress FAQs
2010-07-28T13:32:03Z
<p>ئارا: پەڕەیەک دروست کرا بە 'ئەم وتارە هەموو ئەو کێشە و پرسیارە دووبارانە لەخۆ دەگرێت کە ڕووبەڕووی بەکارهێنەر دەبن...'</p>
<hr />
<div>ئەم وتارە هەموو ئەو کێشە و پرسیارە دووبارانە لەخۆ دەگرێت کە ڕووبەڕووی بەکارهێنەر دەبنەوە لەنێو مەکۆدا زۆرترین پرسیاریان لەسەر دەکرێت.<br />
* [http://www.chawg.org/meko/viewtopic.php?f=11&t=739 چۆن لە پەڕەیەکدا هەموو ئەرشیڤ بانگ بکەم؟]<br />
* [http://chawg.org/meko/viewtopic.php?f=11&t=604 بۆچی ماڵپەڕەکەم پەڕەیەکی سپی نیشان ئەدات؟]<br />
<br />
{{DISPLAYTITLE:پرسیار و کێشە باوەکانی وۆردپرێس}}</div>
ئارا
https://chawg.org/w/index.php?title=HTML&diff=2095
HTML
2010-07-23T12:56:47Z
<p>ئارا: /* توخمی meta */</p>
<hr />
<div>[[Image:HTML_Sample_Gedit.gif|left|thumb|390px|نموونەیەکی سادە لە پەڕگەیەکی HTML]]<br />
'''HTML''' ('''ئێچ تی ئێم ئێڵ''' یان '''هتمڵ''') کە کورتکراوەی HyperText Markup Language ـە زمانێکی پیشاندانی پەڕەکانی سەر وێبە کە بەکاردێت بۆ نووسینی هەر پەڕەیەک لەسەر وێب. پەڕگەی HTML تەنها پێکهاتووە لە دەق، کە ئەویش پێکهاتووە لە کۆمەڵێکی زۆر لە تاگ و توخم و نووسراوی ناو پەڕەکە. ئەم تاگانە بە وێبگەڕ دەڵێن کە چۆن نووسین و وێنەکان یان ناوەڕۆکی پەڕەکە دەربکەوێت.<br />
<br />
HTML زۆر ئاسانە بۆ فێربوون بە ڕادەیەک کە کەسێکی دوور لە ئایتی ئەتوانێت لە ماوەیەکی کەمدا فێری HTML ببێت و بینووسێت و دەستکاری بکات. ئەوانەی کە HTML دەنووسن پێیان ناوترێت [[پڕۆگرامنووس]] (Programmer) بەڵکو [[نووسەر]] (Author) لەبەرئەوەی کە زمانێکی پڕۆگرامین نییە بەڵکو زمانێکی پیشاندانە و لە هاوپۆلی [[Java]] و [[C]] و [[BASIC]] نییە.<br />
<br />
<br />
== مانای HTML ==<br />
HyperText مەبەست لەوەیە کە تۆ بە ناو وێبدا دەگەڕێیت لە هەر کاتێکدا و بۆ هەر شوێنێک کە بتەوێت بە کرتەکردن لەو بەستەرانەی لە لاپەڕەکاندا دەیانبینیت نەک بە شێوەیەکی ڕێک و یەک لە دوای یەک.<br />
<br />
Markup بریتییە لە کاری تاگەکان لەسەر نووسراوی ناو پەڕەکە وەک (تۆخکردن، لارکردن، هێڵبەژێرداهێنان، ...) ـی هەر دەقێک.<br />
<br />
Language واتە زمان. HTML زمانە وەک هەموو زمانە جیاوازەکانی تر چونکە کۆد و ڕستەکاری هەیە.<br />
<br />
<br />
==توانای HTML==<br />
<br />
HTML بۆ دروستکردنی ماڵپەڕێکی سادە و تاکەکەسی دەست ئەدات یان بۆ هەر جۆرە ماڵپەڕێک کە نوێکردنەوەی زۆر نەبێت. ئەتوانرێت بە [[CSS]] ـەوە بلکێنرێت بۆ پێدانی شێوازێکی جوانتر و ئاسانتر لە ڕێکخستنیدا. بە پێچەوانەوە HTML بۆ ماڵپەڕێکی بزۆک، فراوان و بازرگانی دەست نادات کە ڕۆژانە نوێ دەکرێتەوە چونکە HTML زمانێکی جێگیرە. داڕشتن و نوێکردنەوەی ئەو ماڵپەڕە گەورانەی کە بە HTML دەنووسرێن کارێکی زۆر گران و کاتبەرە.<br />
<br />
<br />
== تاگەکان ==<br />
HTML لە ڕێی تاگەکانەوە شێوازی دەرکەوتن و نووسین لە پەڕەکەدا ڕێک دەخات. ئەو دەقەی دەمانەوێت گۆڕانکارییەکی بەسەردا بهێنین لە (تۆخکردن، لارکردن، کردن بە پەرەگراف و بەستەر) دەیکەینە نێوان دوو تاگەوە. تاگەکانیش پێکهاتوون لە دوو کەوانەی تیژی داخراو کە لە نێو کەوانەکاندا پیتێک یان وشەیەک دەنووسرێت تا دەقی دیاریکراو گۆڕانکاری ویسیترای بەسەردابێت. وە لە تاگی دووەمدا هێڵێکی لار (/) دادەنرێت کە مەبەست لێی داخستنەوەی توخمەکە و کۆتایی هێنانە بەو شێوازی دەرکەوتنە. بۆ نموونە گەر بمانەوێت دەقێک بە شێوازێکی تۆخ بنووسین، بەم شێوەیە دەبێت:<br />
<source lang="html4strict"><br />
<strong>ئەم نووسراوە تۆخە</strong><br />
</source><br />
بەڵام ژمارەیەکی کەم لە توخمەکان پێکهاتوون لە یەکێک و تاگی داخستنەوەیان نییە وەک تاگی چوونەسەر دێڕی نوێ یان تاگی وێنە:<br />
<source lang="html4strict"><br />
<img src="http://www.domain.com/wene.jpg" /><br />
</source><br />
<br />
تێبینی: لێرەدا دەبینیت پێش کەوانەی کۆتایی هێڵێکی لار دانراوە ئەمەش ئەوە ئەگەیەنێت کە دانانی وێنە لە یەک تاگ پێکهاتووە و تاگەکە خۆی خۆی دائەخاتەوە. ئەشتوانرێت ئەو هێڵێ لارە نەنووسرێت بەڵام لە وەشانی ٤.٠١ ـەوە وا ئامۆژگاریکراوە کە بنووسرێت و تاوەکو لەگەڵ بنەماکانی [[XHTML]] ـیشدا بگوونجێت.<br />
<br />
[[Image:tuxmi_html.gif|left|thumb|280px|توخمی HTML پێکدێت لە (تاگی سەرەتا، تایبەتمەندی، ناوەڕۆکی توخم، تاگی کۆتایی)]]<br />
<br />
== توخمەکان ==<br />
توخمەکان لە تاگی سەرەتاوە دەستپێدەکەن هەتا تاگی کۆتایی کە لە ناویاندا لەوانەیە ناوەڕۆک و/یان تایبەتمەندی هەبن. هەندێک لە توخمەکان بێ ناوەڕۆکن وەک توخمی وێنە. دەشێت هەندێک لە توخمەکان سەرەڕای ناوەڕۆک تایبەتمەندیشیان نەبێت کە بەمانەش دەوترێت توخمە بەتاڵەکان، وەک توخمی چوونەسەر دێڕی نوێ و توخمی هێڵی ئاسۆیی (کە تەنها لە تاگێکی تاک پێکهاتوون).<br />
<pre><br /></pre><br />
<pre><hr /></pre><br />
<br />
== تایبەتمەندییەکان ==<br />
<br />
تایبەتمەندییەکان کە پێک هاتوون لە ناوی تایبەتمەندیی و نرخی تایبەتمەندی بە شێوەی <code>nawi-taybetmendi="nirxi-taybetmendi"</code> دەنووسرێن و دەکەونە نێو تاگی سەرەتای هەر توخمێکەوە ئەم تایبەتمەندییانە زانیاریی زیاتر لەسەر توخمەکە دابین دەکەن، کاریگەرییان لەسەر جێ دەهێڵن یان توخمەکان دیاری دەکەن تا بەهۆی CSS ـەوە کاریگەرییان بەسەردا بهێنرێن. هەندێک نموونە:<br />
* تایبەتمەندی alt لە توخمی وێنەدا کە بە واتای دەقی جێگرەوە دێت (alternative text) بە کاردێت بۆ نووسینی دەقێک تا پیشان بدرێن لەو وێبگەڕانەی پاڵپشتی پیشاندانی وێنە ناکەن یان بەکارهێنەر پیشاندانی وێنەی ناچالاک کردووە.<br />
<source lang="html4strict"><img src="http://chawg.org/img/opensuse.png" alt="OpenSUSE leser computeri Dell mini 9" /></source><br />
* تایبەتمەندی style کە بە شێوەی inline CSS دەتوانیت کاریگەرییەک بهێنیت بەسەر ناوەڕۆکی توخمەکەدا.<br />
<source lang="html4strict"><p style="color:#ff0000;">Eme deqeke ke be rengi sur nusrawe.</p></source><br />
* بە هۆی class و id ـیەوە دەتوانیت دەقێک دیاری بکەیت تا بە هۆی ستایڵ شیتەوە گۆڕانکارییەکیان بەسەردا بهێنیت.<br />
<source lang="html4strict"><div class="nawnishan">Min feri HTML debim.</div></source><br />
تێبینی: نرخی تایبەتمەندییەکان دەبێت لە نێوان تاک یان جووت کۆتەیشندا بنووسرێن لە XHTML، بەڵام لە HTML دەکرێت بە بێ کۆتەیشنیش بنووسرێن.<br />
<br />
== XHTML ==<br />
<tt>eXtensible HyperText Markup Language</tt> داڕشتنەوەی هەمان <tt>HTML</tt> ـە بە پابەندبوون بە بنەماکانی <tt>XML</tt> ـەوە کە دواتر بووە بە پەسەندکراوی W3C.<br />
<br />
== جیاوازی نێوان HTML و XHTML ==<br />
ئەو جیاوازیانەی لە نێوان <tt>HTML</tt> و <tt>XHTML</tt> ـدا هەیە ئەوەیە کە ئەبێت بەڵگەنامەکانی <tt>XHTML</tt> بە درووستی لەسەر ڕێساکانی <tt>XML</tt> نووسرابن، ئەوانیش لەمانەدا خۆی دەگرێتەوە:<br />
*'''هەموو تاگ و توخمەکان داخرابنەوە.''' ئەو تاگانەی تاگی کردنەوە و داخستنەوەیان هەیە پێویستە هەردووکیان بوونیان هەبێت، بۆ نموونە:<br />
نادروست: <pre><h1>Eme headere<h2>Emesh headereki tir</pre><br />
<br />
دروست: <pre><h1>Eme headere</h1><h2>Emesh headereki tir</h2></pre><br />
<br />
* '''تاگە تاکەکان دابخرێنەوە.''' وەک پێشتر وتمان هەندێک لە تاگەکان تاکن و تاگی داخستنەوەیان نییە، بۆیە پێویستە تاگەکە لە ناو خۆیدا خۆی دابخاتەوە.<br />
نادروست: <pre><br></pre><br />
<br />
دروست: <pre><br /></pre><br />
<br />
*'''پاش و پێش نەخستنی تاگەکان.''' گەر چەند تاگێک بە دوای یەکدا هاتن، ئەو تاگەی یەکەم جار دەکرێتەوە لە کۆتایی هەموو تاگەکانی تر دابخرێتەوە.<br />
ناردوست: <pre><strong><em>blod and italic</strong></em></pre><br />
<br />
دروست: <pre><strong><em>blod and italic</em></strong></pre><br />
<br />
*'''لەو کاتەوەی کە XML هەستیارە بەرانبەر پیتی گەورە و بچوک (case-sensitive) پێویستە هەموو تاگ و توخمەکان بە پیتی بچوک بنووسرێن.'''<br />
نادروست: <pre><STRONG>em deqe toxe</STRONG></pre><br />
<br />
دروست: <pre><strong>em deqe toxe</strong></pre><br />
<br />
*'''نرخی هەموو تایبەتمەندییەکان پێویستە لە نێوان quotation ـێکدا بنووسرێن ("جووت" یان 'تاک').'''<br />
نادروست: <pre><p id=peregiraf>Eme peregirafe</p></pre><br />
<br />
دروست: <pre><p id="peregiraf">Eme peregirafe</p></pre><br />
<br />
*'''نووسینی هەردوو نرخ و تایبەتمەندییەکان.'''<br />
نادروست: <pre><input type="checkbox" checked></input></pre><br />
<br />
دروست: <pre><input type="checkbox" checked="checked"></input></pre><br />
<br />
== چیم پێویستە بۆ فێربوون؟ ==<br />
بۆ فێربوونی <tt>HTML</tt> تەنها پێویستت بە دەستکاریکەرێک (بۆ نووسینی کۆدەکان) و وێبگەڕێک (بۆ بینینی ئەنجام) دەبێت. هیچ ئامڕازێکی تر یان نەرمەکاڵایەکت پێویست نابێت. دەستکاریکەر لە ویندۆز وەک [[Notepad]] کە سادەترین دەستکاریکەری دەقە، بەڵام ئەوانەی کە ئامۆژگاریکراون وەک: <br />
<br />
*[http://notepad-plus.sourceforge.net Notepad++]<br />
*[http://www.vim.org VIM]<br />
*[http://projects.gnome.org/gedit Gedit]<br />
*[http://mooedit.sourceforge.net Medit]<br />
*[http://bluefish.openoffice.nl Bluefish]<br />
وێبگەڕیش وەک: <br />
*[http://www.mozilla.com/firefox Firefox]<br />
*[http://www.opera.com Opera]<br />
*[http://www.google.com/chrome Google Chrome]<br />
*[http://www.microsoft.com/windows/products/winfamily/ie/default.mspx Internet Explorer]<br />
<br />
هەرچەندە چەند پڕۆگرامێک هەن بۆ دەستکاریکردن و داڕشتنی پەڕگەیەکی <tt>HTML</tt> لەوانە [http://www.adobe.com/products/dreamweaver DreamWeaver], [http://office.microsoft.com/en-us/frontpage/default.aspx Microsoft FrontPage], [http://www.microsoft.com/expression/products/overview.aspx?key=web Microsoft Web Expression] ئەم پڕۆگرامانە [[WYSIWYG]] ـن، خۆیان کۆدەکانت بۆ دەنووسن و تۆ ڕووە ئەنجامەکەی دەبینیت. شارەزابوون لەم پڕۆگرامانە مانای شارەزابوون نییە لە <tt>HTML</tt>، بەڵکو یاریدەدەرێکن بۆ ئەو کەسانەی کە دەیانەوێت ماڵپەڕێکیان هەبێت و لە هیچ زمانێکی وێبداڕشتن نازانن یان بۆ چەند کارێکی کەمیان پێویستە و لەبەرئەوە نایانەوێت کاتێک تەرخان بکەن بۆ فێربوونی زمانێک.<br />
<br />
[[Image:Notepad_save-as.gif|left|thumb|250px|پاشەکەوتکردن بە utf-8 لە Notepad]]<br />
<br />
== نووسین و پاشەکەوتکردن ==<br />
لە سەرەتادا ئەوەی دەتەوێت لە دەستکاریکەرەکەدا دەینووسیت پاشان بچۆ بۆ <tt>File > Save as</tt> لە جێیەک پاشەکەوتی بکە بە هەر ناوێکەوە بەڵام ئەوەی گرنگە بە پاشگری <tt>html</tt> پاشەکەوتی بکەیت، بۆ نموونە: <tt>yekemin-perre.html</tt><br />
خاڵێکی گرنگ پێش پاشەکەوتکردنی پەڕگەکە گۆڕینی <tt>Encoding</tt> ـی پەڕگەیەکە بۆ یونیکۆد. چۆنییەتی گۆڕینیش لە دەستکاریکەرێکەوە بۆ دەستکاریکەرێکی تر جیاوازە. لە <tt>Notepad++</tt> دەبێت بچیت بۆ <tt>Format > Encode in UTF-8 without BOM</tt> بەڵام لە <tt>Notepad</tt> لە کاتی پاشەکەوتکردن و کردنەوەی پەنجەرەی پاشەکەوتکردندا دەتوانیت پەڕگەکە بکەیت بە <tt>utf-8</tt> بەوەی کە لە ژێر نووسینی ناوە پەڕەکەدا<br />
<br />
== پاشگری htm یان html؟ ==<br />
بەکارهێنانی هەر کامێک لە پاشگری <code>.htm</code> یان <code>.html</code> بە گشتی وەک یەک وان و دروستن. لە سەرەتاوە کە سیستەمە کۆنەکان تەنها ڕێگەیان بە سێ نووسە ئەدا بۆ پاشگری پەڕگە، بەو شێوەیە بوو، بەڵام دوای ئەوەی ڕێگەدرا نووسەی زیاتر بەکارببرێت پاشگری <code>.html</code> ـیش پەیدا بوو. لە ئێستادا نووسینی هەر کامێکیان وەک پاشگر ئەکەوێتە سەر ئارەزووی نووسەر و هیچ کەشەیەک دروست ناکەن. کەواتە yekemin-perre.html = yekemin-pere.htm<br />
<br />
== پێکهاتەی پەڕەی HTML ==<br />
<tt>HTML</tt> بە شێوەیەکی سادە پێکهاتووە لە سێ بەشی سەرەکی (بەشی <tt>DOCTYPE</tt>، بەشی <tt>head</tt>، بەشی <tt>body</tt>) سادەترین پەڕگەیەک کە بە <tt>HTML</tt> نووسرابێت بەم شێوەیەیە:<br />
<source lang="html4strict"><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<title>Ferbuni HTML</title><br />
</head><br />
<body><br />
<p>Yekem babet le ferbuni HTML.</p><br />
</body><br />
</html><br />
<br />
</source><br />
* دێڕی یەکەم کە پێی دەوترێت [http://www.chawg.org/wiki/index.php?title=HTML#DTD Document Type Definition] بریتییە لە ناساندنی پەڕەکە کە ئاماژە بە جۆری ئەو بەڵگەنامەیە ئەکات کە سەر بە چ جۆرێکی <tt>HTML</tt> ـە. پێویستە لە دێڕی یەکەم لە سەرەتای هەموو کۆدەکاندا بێت.<br />
* هەردوو تاگی کردنەوە و داخستنی <tt>html</tt> لە سەرەتا و کۆتایی هەموو کۆدەکان دەنووسرێن. ئەم تاگە بە وێبگەڕ دەڵێت کە ئەم پەڕەیە <tt>HTML</tt> ـە.<br />
* هەردوو تاگی <tt>head</tt> ـیش لە دوای تاگی <tt>html</tt> ـەوە دێت. هەرچی لە نێوان ئەم دوو تاگەدا دەنووسرێن لە نێو پەڕەکەدا دەرناکەون بەڵکو لە نێوان ئەم دوو تاگەدا تەنها زانیاری دەربارەی ئەو پەڕەیە تیادا دەنووسرێت.<br />
* تاگەکانی <tt>title</tt> ناونیشانی پەڕەکە دیاری دەکەن، هەرچی لە نێوان ئەو دوو تاگەدا بنووسرێن دواتر لە <tt>Title bar</tt> ـی وێبگەڕ دەردەکەوێت. بۆ نموونە گەر ئەو پارچە کۆدەی سەرەوە لە پەڕگەیەکدا بنووسین، دواتر کە بە وێبگەڕێک ئەو پەرگەیەمان کردەوە دەبینیت لە <tt>Title bar</tt> نووسراوە Ferbuni HTML.<br />
* لە نێوان تاگەکانی <tt>body</tt> ـدا ئەوە دەنووسین کە دەمانەوێت لە نێو پەڕەکەدا دەربکەوێت، وەک دیارە لە سەرەوە لە نێوان تاگی پەرەگرافدا نووسیومانە "Yekem babet le ferbuni HTML".<br />
<br />
== DTD ==<br />
<tt>Document Type Definition</tt> کە لە سەرەتای هەموو کۆدەکاندا دێت سێ جۆری هەیە:<br />
* <tt>XHTML 4 Strict</tt> وەشانێکی داماڵڕاوی <tt>HTML</tt> ـە لەو تایبەتمەندییانەی کە لە وەشانی چواری <tt>HTML</tt> ـدا نەماون و لە بایەخیان کەمکراونەتەوە<br />
ئەم جۆرە بەکارببە گەر ئەتەوێت بۆ دەرکەوتن و ڕووخساری ماڵپەڕەکەت بە تەواوی پەیوەست بیت بە [[CSS]] ـەوە و ناتەوێت سوود لە تاگە بێ بایەخەکان وەربگریت. <tt>DTD</tt> بۆ <tt>XHTML 1.0 Strict</tt> بەم شێوەیەیە:<br />
<source lang="html4strict"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"></source><br />
* <tt>XHTML 4 Transitional</tt> بەربڵاوترین جۆریانە کە نووسەر دەتوانێت سەرەڕای [[CSS]] ـیش تاگە بێ بایەخەکان بەکار ببات.<br />
ئەم جۆرە بەکارببە گەر ئەتەوێت بۆ دەرکەوتن و ڕووخساری ماڵپەڕەکەت سوود لە هەردوو [[CSS]] و تاگەبێ بایەخەکان وەربگریت. <tt>DTD</tt> بۆ <tt>XHTML 1.0 Transitional</tt> بەم شێوەیەیە:<br />
<source lang="html4strict"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></source><br />
* <tt>XHTML 4 FRAMESET</tt> وەک هەمان جۆری <tt>Transitional</tt> ـە لەم جۆرەدا تاگی <tt>frameset</tt> جێگەی تاگی <tt>body</tt> دەگرێتەوە.<br />
ئەم جۆرە بەکارببە گەر دەتەوێت پەڕەکە دابەش بکەیت بۆ سەر چەند چوارچێوەیەک. <tt>DTD</tt> بۆ <tt>XHTML 1.0 FRAMESET</tt> بەم شێوەیەیە:<br />
<source lang="html4strict"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></source><br />
<br />
== تاگ/تایبەتمەندی/توخم ـە بێ بایەخەکان ==<br />
ئەو تاگ/تایبەتمەندی/توخم ـانەن کە لە HTML 4.01 ـەوە نەماون لەبەر بێ بایەخییان یان لەبەر توانینی ئەنجامدانی هەمان کاریگەری بە هۆی [[CSS]] ـەوە. لە جێگەیان تاگی نوێتر دانراون. کە تا ئێستا وێبگەڕەکان پشتگیری ئەو تاگانە ئەکەن، بەڵام لە داهاتوودا لەوانەیە بە تەواوەتی نەمێنن و هیچ کاریگەرییەکی پیشاندانیان نەمێنێت لەسەر پەڕەکان. بۆیە وا باشترە بەرانبەرەکانیان بەکارببرێن. هەندێک لەوانە:<br />
* لابردنی توخمی <tt>font</tt> لابرا بە هۆی بوونی <tt>font-size, font-family, color</tt> لە [[CSS]].<br />
* تایبەتمەندی <tt>align</tt> کە بۆ ناوەندکردن یان کردنە لای ڕاست و چەپی دەقێک بەکاردێت. نرخەکانی <tt>right, center, left, justify</tt> ـە لە بری ئەوە دەبێت <tt>text-align</tt> لە ستایڵ شیت بەکار ببرێت.<br />
* توخمی <tt>u</tt> بۆ هێڵبەژێرداهێنان لە ستایڵ شیت <code>text-decoration:underline;</code> ئەو کارە دەکات.<br />
* تاگی <tt>applet</tt> کە بۆ کارپێکردنی پڕۆگرامۆکەکانی جاڤا بوو گۆڕدرا بە <tt>object</tt>.<br />
<br />
== پەرەگراف – Paragraph ==<br />
توخمی p بەکاردێت بۆ دیاریکردنی دەقێک وەک پەرەگراف و ناوەڕۆکی توخم وەک پەرەگراف دەناسێنێت. لەبەر ئەوەی ئەم توخمە کاریگەرییەکی دیاری نییە لەسەر دەق، هەندێک لە نووسەران بیریان ئەچێت ئەم توخمە بەکاربەرن بۆ پەرەگراف یان تاگی کۆتایی دابخەن.<br />
نموونە:<br />
<source lang="html4strict"><p>Em deqe peregirafe boye le new tuxmi p nusrawe.</p><br />
<p>Min etwanim bichme ser<br />
helli nwe u chend derreki tir<br />
l peregirafekem binusim u le<br />
kotayida tagi kotayi dabixemewe</p><br />
<p class="sereki" dir="rtl">لەم پەرەگرافەدا ئەتوانم بە پیتی عەرەبی بنووسم</p><br />
</source><br />
لە نموونە سێیەمدا دوو تایبەتمەندیمان داوەتە توخمەکە، تایبەتمەندی class ـمان داوەتێ و ناساندوومانە بە sereki تا بە ستایڵ شیت گۆڕانکاری بەسەردا بهێنین، وەک گۆڕینی ڕەنگ، قەبارە، فۆنت، … ـی پەرەگرافەکە. تایبەتمەندی دووەمیش بۆ ئاڕاستەی نووسینمان گۆڕیوە بە لە ڕاستەوە بۆ چەپ.<br />
<br />
== سەردێڕ – Heading ==<br />
سەردێڕ لە ٦ توخم پێک هاتووە (h1, h2, h3, h4, h5, h6) بەکاردێت بۆ نووسینی سەردێڕ/ناونیشانی بابەت یان پەڕەیەک چونکە کاتێک وێبگەڕ ئەم توخمە دەبینێت هەڵدەستێت بە تۆخکردن و گەورەکردنی قەبارەی ناوەڕۆکی توخم واتە بێ CSS و هیچ تایبەتمەندییەک. h1 گەورەترین و h6 بچوکترینیانە.<br />
<source lang="html4strict"><h1>Mallperri Chawg</h1><br />
<h2 class="nawnishan">Ferbuni HTML</h2></source><br />
نموونە ١: هەردوو توخمی سەردێڕ و پەرەگراف لە پەڕەیەکدا:<br />
<source lang="html4strict"><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<title>Ferbuni HTML le mallperri chawg</title><br />
</head><br />
<body><br />
<h1>Mallperri Chawg</h1><br />
<h2 class="nawnishan">Ferbuni HTML</h2><br />
<h3>Waney yekem</h3><br />
<p>Serderr le 6 tuxim pekhatun h1 gewretiriniyane u h6 bichuktiriniyane, bekardet<br />
bo nusini nawnishani babet u perre. Tuxmekani header gorrankari toxi u gewreyi<br />
qebare edat be nawerroki tuxim.</p><br />
</body><br />
</html><br />
</source><br />
ئەم کۆدەی سەرەوە لە دەستکاریکەرێکدا بنووسە و بە وێبگەڕ پەڕەکە بکەرەوە تا ئەنجامەکەی ببینیت. بینووسە! ڕوونووسی مەکە تا فێربیت!<br />
<br />
<br />
== بەستەر - Link ==<br />
=== توخمی بەستەر ===<br />
گرنگترین و زۆرترین توخمی بەکاربراوە کە بریتییە لە بە ناونیشانکردنی دەقێک کە بە کرتەکردن لێی بەکارهێنەر ڕەوانە دەکرێت بۆ ئەو ناونیشانەی تیایدا نووسراوە. بە شێوەیەکی سادە توخمەکە بریتییە لە:<br />
<source lang="html4strict"><a href="http://www.chawg.org/wiki/chawg">Chawg</a></source><br />
دەرەنجام: [[Chawg]]<br />
* توخمی <tt>a</tt> (لەنگەر/anchor) بەکاردێت بۆ دروستکردنی بەستەر.<br />
* ناوی تایبەتمەندی <tt>href</tt> واتە (Hypertext reference) دەبێت نرخەکەی ناونیشانی ئەو بەستەر (URL) ـە بێت کە دەتەوێت بەکارهێنەری بۆ ڕەوانە بکەیت. بەستەر دروست نابێت بە بێ تایبەتمەندی <tt>href</tt><br />
* ناوەڕۆکی توخم ئەو دەقە دەبێت کە وەک بەستەر دەردەکەوێت کە لێرەدا "Mallperri Chawg" ـە.<br />
=== کردنەوە لە شوێنێکی دیاریکراو ===<br />
گرنگترین تایبەتمەندی لە پاش <tt>href</tt> تایبەتمەندی <tt>target</tt> ـە کە بەکاردێت بۆ پێدانی شوێنێکی دیاریکراو بۆ کرانەوەی بەستەر تیایدا وەک کرانەوە لە پەنجەرەیەکی نوێدا یان لە چوارچێوەیەک لە هەمان پەڕە و پەنجەرەدا (کاتێک پەڕەکە دابەشکرابێت بۆ چەند چوارچێوەیەک)<br />
<br />
* کردنەوە لە پەڕەیەکی نوێدا:<br />
<source lang="html4strict"><a target="_blank" href="http://www.chawg.org">Chawg</a></source><br />
* کردنەوە لە چوارچێوەیەکدا:<br />
<source lang="html4strict"><a target="rightframe" href="http://www.chawg.org">Chawg</a></source><br />
rightframe ناوی ئەو چوارچێوەیە دەبێت کە لە پەڕەکەدا هەیە.<br />
<br />
=== بەستەر بۆ دەقێک لە هەمان پەڕەدا ===<br />
چوارچێوەیەک لە سەرەوە دەبینیت نووسراوە "ناوەڕۆک" بە کرتەکردن لە هەر بەستەرێکی ناو چوارچێوەکە دەگەیتە شوێنێک لە هەمان ئەم پەڕەیەدا. ئەمە بریتییە لە بەستەرکردن بۆ دەقێک کە لە هەمان پەڕەی بەستەرەکەدا هەیە. بۆ نموونە من دەنووسم "بۆ خوێندنەوە لەسەر DTD کرتە لێرە بکە" دەمەوێت بیکەمە بەستەر و ڕەوانەی ئەو دەقەی سەرەوەی بکەم کە بەم شێوەیە دەبێت:<br />
* ئەبێت ناونیشانێک بدەم بەو دەقەی ئەمەوێت بەستەری بۆ بکرێت:<br />
<source lang="html4strict"><a name="DTD">DTD</a></source><br />
ئەمە کۆدی ئەو نووسراوەیە کە لە سەرەوە نووسراوە ئەویش بە پێدانی تایبەتمەندی <tt>name</tt>. وشەی DTD ـی نرخی تایبەتمەندییەکەش، ناونیشانەکەیە (DTD ناوەڕۆکی توخم نا).<br />
* بەستەر بەم شێوەیە دەنووسرێت:<br />
<source lang="html4strict"><a href="#DTD">بۆ خوێندنەوە لەسەر DTD کرتە لێرە بکە</a></source><br />
دەرەنجام: [http://www.chawg.org/wiki/index.php?title=HTML#DTD بۆ خوێندنەوە لەسەر DTD کرتە لێرە بکە]<br />
<br />
== وێنە – Image ==<br />
توخمی وێنە یەکێکە لەو توخمانەی کە لە تاگێک پێکهاتووە و خۆی خۆی دائەخاتەوە. توخمەکە پێکهاتووە لە:<br />
<source lang='html4strict'><img src="http://domain.com/image.png" /></source><br />
=== تایبەتمەندی src ===<br />
تایبەتمەندی <tt>src</tt> تایبەتمەندی بنەڕەتی توخمی وێنەیە. نرخی تایبەتمەندی پێویستە ڕێڕەو (path) ـی وێنەکە بێت.<br />
ئەگەر بوخچەیەکمان هەبێت بە ناوی myweb لە ناویدا دوو بوخچەی تر بە ناوەکانی files و ئەوی تر images. لەناو بوخچەی files ـیشدا بوخچەیەکی ترمان هەبێت بە ناوی thumbs. بەم شێوەیە:<br />
<pre><br />
/wene1.jpg<br />
/myweb/wene2.jpg<br />
/myweb/files/perre.html<br />
/myweb/files/thumbs/wene3.jpg<br />
/myweb/images/wene4.jpg<br />
<br />
</pre><br />
گەر پێکهاتە پەڕگەکانمان وەک ئەوەی سەرەوە بێت و بمانەوێت لە perre.html ـەوە بەستەر بکەین بۆ wene3.jpg. دەبێت بەم شێوەیە ڕێڕەوەکە بنووسین:<br />
<source lang='html4strict'><img src="thumbs/wene3.jpg" /></source><br />
بەڵام ئەگەر بمانەوێت بەستەر بکەین بۆ wene2.jpg، بەم شێوەیە دەبێت:<br />
<source lang='html4strict'><img src="../wene2.jpg" /></source><br />
<br />
لەبەر ئەوەی پەڕگەکە لە بوخچەی files ـدایە وێنەکە و لە بوخچەی myweb ـدایە کە بوخچەیەک سەرووترە بۆیە دەبێت دوو خاڵ دابنێین لەپێشی. ئەگەر وێنەکە دوو بوخچە سەرووتر بوو وەک وێنەی wene1.jpg، ئەوە دوو جار خاڵەکان دا دەنێین، وەک:<br />
<source lang='html4strict'><img src="../../wene1.jpg" /></source><br />
<br />
وە بەستەر بۆ wene4.jpg بەم شێوەیە دەبێت:<br />
<source lang='html4strict'><img src="../images/wene4.jpg" /></source><br />
دەشتوانین لە ڕێڕەوی بەستەرەکە ناونیشانێکی تەواوەتی بنووسین، وەک:<br />
<source lang='html4strict'><img src="http://domain.com/uploads/images/wene5.jpg" /></source><br />
<br />
[[Image:Html_alt_title.gif|left|thumb|180px|تایبەتمەندییەکانی title و alt ـی توخمی وێنە ]]<br />
=== تایبەتمەندییەکانی alt و title ===<br />
تایبەتمەندییەکانی <tt>alt</tt> و <tt>title</tt> دوو تایبەتمەندی نزیکن لەیەکەوە. هەمیشە بەکارهێنەر لێی تێک دەچێت کە کامیان بەکار ببات لە توخمەکەدا.<br />
تایبەتمەندی <tt>alt</tt> کە چیتر بووەتە تایبەتمەندییەکی گرنگ و پێویست. پیشان دەدرێت، کاتێک وێبگەڕ پاڵپشتی پیشاندانی وێنە ناکات یان بەکارهێنەر وای کردووە کە وێنە پیشان نەدرێت. ئەویش بریتییە لە چەند وشەیەکی کەم وەک دەقێکی جێگرەوە بۆ وێنەکە تا بەکارهێنەر لە ناوەڕۆکی وێنەکە تێ بگات.<br />
<source lang='html4strict'><img src="http://domain.org/ferbunihtml.png" alt="فێربوونی هتمل" /></source><br />
بەڵام تایبەتمەندی <tt>title</tt> تایبەتمەندییەکی جیایە لە <tt>alt</tt>. نرخی تایبەتمەندی <tt>title</tt> کاتێک پیشان دەدرێت کە بەکارهێنەر نیشاندەری مشکەکە دەباتە سەر وێنەکە. دەتوانیت هەردوو تایبەتمەندییەکە لە هەمان توخمی وێنەدا دابنێیت، بەڵام شارەزایان وا ئامۆژگاری دەکەن کە تایبەتمەندی alt بەکارببرێت بۆ هەموو وێنەیەک و تایبەتمەندی <tt>title</tt> ـیش کاتێک بەکارببرێت کە وێنە بەستەر بێت بۆ لاپەڕەیەک و لە نرخی تایبەتمەندی title ناونیشانی پەرە بەستەربۆکراوەکە بنووسین.<br />
<source lang='html4strict'><a href="http://www.chawg.org/wiki/index.php?title=HTML"><br />
<img src="http://chawg.org/images/html_wiki_chawg.png" alt="فێربوونی هتمل" title="فێربوونی زمانی هتمل بە کوردی" /></a></source><br />
تێبینی: لەم نموونەیەی سەرەوە توخمی وێنە بووەتە ناوەڕۆکی توخمی بەستەر کە لێرەدا وێنەکە دەبێتە بەستەر.<br />
<br />
=== تایبەتمەندییەکانی Height و Width ===<br />
هەردوو تایبەتمەندی <tt>height</tt> و <tt>width</tt> ـیش بەرزی و پانی وێنەکە دیاری دەکەن کە دەتوانیت قەبارەی وێنەکەی پێ زیاد یان کەم بکەیت. دیاریکردنی پانی و بەرزی وێنەکان دەبنە هۆی تێک نەچوونی layout ـی پەرەکە کاتێک پەڕەکە خەریکە دەکرێتەوە و وێنەکان بەتەواوی load نەبوون.<br />
نموونەیەک کە هەموو تایبەتمەندییەکانی لەخۆ گرتووە:<br />
<source lang='html4strict'><img src="http://domain.org/ferbunihtml.png" alt="فێربوونی هتمل" title="فێبوونی زمانی هتمل بەکوردی" height="100" width="140"/></source><br />
<br />
== لیست – List ==<br />
[[Image:Html_list.gif|left|thumb|200px|جۆرەکانی لیستی HTML]]<br />
لە HTML ـدا سێ جۆر لیستمان هەیە. یەکەم، لیستی ڕیزکراو. دووەم، لیستی ڕیزنەکراو. سێیەم، لیستی پێناسە.<br />
=== لیستی ڕیزکراو - Ordered List ===<br />
لەم لیستەدا دانەکانی لیست بە ژمارە یاخود پیت ڕێکدەخرێن توخمی <tt>ol</tt> بەکاردەبرێت بۆ دیاریکردنی ئەم جۆرە لیستە. دانەکانی هەردوو لیستی ڕیزکراو و ڕیزنەکراو دەخرێنە نێو توخمی <tt>li</tt> ـیەوە.<br />
نموونە:<br />
<source lang="html4strict"><br />
<ol type="a"><br />
<li>ڕیزکراوی ١</li><br />
<li>ڕیزکراوی ٢</li><br />
<li>ڕیزکراوی ٣</li><br />
</ol><br />
</source><br />
<br />
دەتوانین چەند نرخێک بۆ type دابنێین. لەوانە <tt>a</tt> بۆ ڕیزکردن بە پیتی بچوک، <tt>A</tt> بۆ پیت گەورە، <tt>I</tt> بۆ ڕیزکردنی ڕۆمانی گەورە و <tt>i</tt> ـیش بۆ بچوک.<br />
تایبەتمەندی start بەکاردێت بۆ دیاریکردنی دەستپێکردنی لیستەکە لە ژمارەیەکەوە. نرخی تایبەتمەندی هەمیشە دەبێت ژمارەی ئینگلیزی بێت ئەگەر چیش جۆری ڕیزکردنەکە پیت یان ژمارەی ڕۆمانی بێت، وەک:<br />
<br />
<source lang="html4strict"><br />
<ol type="a" start="4"><br />
<li>ڕیزکراوی ١</li><br />
<li>ڕیزکراوی ٢</li><br />
<li>ڕیزکراوی ٣</li><br />
</ol><br />
</source><br />
<br />
لێرەدا ڕیزکردنەکە لە پیتی D ـیەوە دەستپێدەکات هەتاوەکو E. هەڵەیە ئەگەر بنووسین <code>start="d"</code><br />
=== لیستی ڕیزنەکراو - Unordered List ===<br />
لەم لیستەدا دانەکان ڕیزنەکراون و لە پێش هەر دانەیەک خاڵێک، بازنەیەک یان دیسکێک دادەنرێت. توخمی <tt>ul</tt> بەکاردەبرێت بۆ دیاریکردنی لیستەکە.<br />
نموونە:<br />
<source lang="html4strict"><br />
<ul><br />
<li>ڕیزنەکراوی ١</li><br />
<li>ڕیزنەکراوی ٢</li><br />
<li>ڕیزنەکراوی ٣</li><br />
<li>ڕیزنەکراوی ٤</li><br />
</ul><br />
</source><br />
<br />
تایبەتمەندی <tt>type</tt> لە لیستی ڕیزنەکراودا بەکاردێت بۆ دیاریکردنی ئەوەی کە چ هێمایەک لە پێش دانەکانی لیستەکەدا بێت.<br />
نموونە:<br />
<source lang="html4strict"><br />
<ul type="circle"><br />
<li>ڕیزنەکراوی ١</li><br />
<li>ڕیزنەکراوی ٢</li><br />
</ul><br />
</source><br />
<br />
تێبینی: هەردوو تایبەتمەندی <tt>type</tt> و <tt>start</tt> لە تایبەتمەندییە لابراوەکانن.<br />
=== لیستی پێناسە – Definition List ===<br />
ئەم لیستە پێکدێت لە دەستەواژەیەک و پێناسەکەی. دەستەواژە دەکرێتە نێو توخمی <tt>dt</tt> ـیەوە و پێناسەی دەستەواژەکەش لە دوای ئەو دێت لە نێو توخمی <tt>dd</tt> ـدا. هەردووکیشیان پێکەوە دەکرێنە نێو توخمی <tt>dl</tt> ـەوە.<br />
dt = definition Term, dd = Definition Description, dl = Definition List<br />
<br />
نموونە:<br />
<source lang="html4strict"><br />
<dl><br />
<dt>نەورۆز</dt><br />
<dd>یەکەمین مانگی ساڵی کوردییە.</dd><br />
<dt>سەگ</dt><br />
<dd>گیاندارێکی بەوەفایە.</dd><br />
</dl><br />
</source><br />
<br />
== خشته - Table ==<br />
تاگ و توخمەکان لە پێکهێنانی توخمی سەرەکی خشتە کەمێک چڕترن وەک لە توخمەکانی تر، بەڵام پاش تێگەیشتنی دەبینین هیچ ئاڵۆزییەکی تیادا نییە.<br />
<br />
<source lang='html4strict'><br />
<table border="1" ><br />
<tr> <br />
<td>خانەی ١، ڕیزی ١</td> <br />
<td>خانەی ٢، ڕیزی ١</td> <br />
<td>خانەی ٣، ڕیزی ١</td> <br />
</tr> <br />
<br />
<tr> <br />
<td>خانەی ١، ڕیزی ٢</td> <br />
<td>خانەی ٢، ڕیزی ٢</td> <br />
<td>خانەی ٣، ڕیزی ٢</td> <br />
</tr><br />
<br />
<tr> <br />
<td>خانەی ١، ڕیزی ٣</td> <br />
<td>خانەی ٢، ڕیزی ٣</td> <br />
<td>خانەی ٣، ڕیزی ٣</td> <br />
</tr><br />
<table><br />
</source><br />
<br />
نموونەکەی سەرەوە خشتەیەکی ٩ خانەیی دروست دەکات، پێک هاتووە لە ٣ ستوون و ٣ ئاسۆ. کە ئەم توخمانەی تیا دەبینین:<br />
<br />
* توخمی <tt>table</tt>: توخمی سەرەکییە لە پێکهێنانی خشتەکە.<br />
* توخمی <tt>tr</tt>: واتە هەر ئاسۆیەکی خشتەکە ('''T'''able '''R'''ow) کە بەکاردێت بۆ پێکهێنانی هەر دێڕێک یان ئاسۆیەک لە خشتەکە. ئەم توخمانە بریتین لە ناوەڕۆکی توخمی table (دەکەونە نێو توخمی <tt>table</tt> ـەوە.)<br />
* توخمی <tt>td</tt>: واتە هەر تاکە خانەیەک ('''T'''able '''D'''ata) کە بەشداری دەکەن لە پێکهێنانی سەراپای خشتەکە. ئەم توخمانە بریتین لە ناوەڕۆکی توخمی <tt>tr</tt> (دەکەونە نێو توخمی <tt>tr</tt> ـەوە.)<br />
<br />
تێبینی:<br />
* تایبەتمەندی <tt>border</tt> پێویستە بنووسرێت تا چوارچێوەی خشتەکە دیاری بکات.<br />
* هەندێک جار وا پێویست دەکات ئاسۆی یەکەمی خشتە وەک سەردێڕ لێ بکەیت. ئەمەش ئەنجام دەدرێت بە دانانی توخمی <tt>th</tt> لە بری <tt>td</tt> ـیەکان. کە کاریگەری تۆخکردن و ناوەندکردن دەداتە دەقی نێو خانەکە. وەک لە نموونەی داهاتوودا بەکاربراوە.<br />
<br />
===تایبەتمەندییەکانی خشتە===<br />
<br />
زۆرینەی ئەو تایبەتمەندییانەی پاڵپشتی لە توخمەکانی خشتە ئەکەن، لە بێ بایەخەکانن یان چیتر لە وەشانە نوێیەکانی HTML ـدا Valid نین. لەوانەش وەک: height, bgcolor, nowrap, Align.<br />
تایبەتمەندییە گرنگەکانی خشتە ئەمانەن (کە لەو پارچە کۆدەی خوارەوە هەموویان بەکاربراون):<br />
* تایبەتمەندی <tt>border</tt>: بۆ دیاریکردنی قەبارەی سنوورەکانی خشتەکە.<br />
* تایبەتمەندی <tt>width</tt>: بۆ دیاریکردنی قەبارەی خشتە و خانەکان.<br />
* تایبەتمەندی <tt>cell-padding</tt>: بۆ دوورخستنەوە نووسراوی نێو خانەکان لە لێواری خانەکانی خشتەکە. ئەگەر ئەم تایبەتمەندییە نەنوسرێت بە شەوەیەکی بنەڕەت نرخەکەی بە ١ خاڵ (پیکسڵ) دادەنرێت<br />
* تایبەتمەندی <tt>cell-spacing</tt>: بۆ کەمکردن و زیادکردنی بۆشایی نێوان لێواری خانەکان. بۆ دوورخستنەوە نووسراوی نێو خانەکان لە لێواری خانەکانی خشتەکە. ئەگەر ئەم تایبەتمەندییە نەنوسرێت بە شەوەیەکی بنەڕەت نرخەکەی بە ٢ خاڵ (پیکسڵ) دادەنرێت.<br />
* تایبەتمەندی <tt>colspan</tt>: بەکار دێت بۆ درێژکردنەوەی خانەیەکی ئاسۆیی بەدرێژایی چەند خانەیەکی دیاریکراوی ستوونی.<br />
* تایبەتمەندی <tt>rowspan</tt>: بەکار دێت بۆ درێژکردنەوەی خانەیەکی ستوونی بەدرێژایی چەند خانەیەکی دیاریکراوی ئاسۆیی.<br />
<br />
<source lang='html4strict'><br />
<table border="1" width="800" cellpadding="3" cellspacing="0"><br />
<tr> <br />
<th colspan="2">خانەی ١ و ٢، ڕیزی ١</th> <br />
<br />
<th>خانەی ٣، ڕیزی ١</th> <br />
</tr> <br />
<br />
<tr> <br />
<td rowspan="2">خانەی ١، ڕیزی ١ و ٣</td> <br />
<td width="15%">خانەی ٢، ڕیزی ٢</td> <br />
<td>خانەی ٣، ڕیزی ٢</td> <br />
</tr><br />
<br />
<tr> <br />
<br />
<td>خانەی ٢، ڕیزی ٣</td> <br />
<td>خانەی ٣، ڕیزی ٣</td> <br />
</tr><br />
<table><br />
</source><br />
<br />
دوو تایبەتمەندی تریش هەن، ئەوانیش <tt>rules</tt> و <tt>frame</tt>. تایبەتمەندی <tt>rules</tt> بەکاردێت بۆ شاردنەوە و بەدیارخستنی هێڵەکانی نێوان خانەکان کە ئەم نرخانە وەردەگرێت: <tt>rows</tt>, <tt>cols</tt>, <tt>all</tt>, <tt>none</tt>. تایبەتمەندی <tt>frame</tt> ـیش بۆ هێڵەکانی چوارچێوەی خشتەکە، ئەم تایبەتمەنییانە وەردەگرێت: <tt>above</tt>, <tt>below</tt>, <tt>lhs</tt>, <tt>rhs</tt>, <tt>hsides</tt>, <tt>vsides</tt>, <tt>border</tt>. <tt>box</tt>, <tt>viod</tt>.<br />
نموونە:<br />
<br />
<source lang="html4strict"><br />
<table rules="all" frame="hsides"><br />
<tr> <br />
<td>خانەی ١، ڕیزی ١</td> <br />
<td>خانەی ٢، ڕیزی ١</td> <br />
<td>خانەی ٣، ڕیزی ١</td> <br />
</tr> <br />
<br />
<tr> <br />
<td>خانەی ١، ڕیزی ٢</td> <br />
<td>خانەی ٢، ڕیزی ٢</td> <br />
<td>خانەی ٣، ڕیزی ٢</td> <br />
</tr><br />
<table><br />
</source><br />
<br />
تێبینی: کاریگەرییەکانی وەک گۆڕینی قەبارە، جۆر و ڕەنگی فۆنت، خشتە و خانەکان دەبێت بە [[CSS]] ئەنجام بدرێن.<br />
<br />
==فۆرم - Form ==<br />
فۆڕم بەکاردێت بۆ داغڵکردن و ناردنی زانیاری لەلایەن بەکارهێنەرەوە، وەک فۆڕمی پەیوەندی، فۆڕمی چوونەژوورەوە...<br />
<br />
لەناو فۆڕمدا، توخمەکانی فۆڕم دەنووسین، کە ئەوانیش <tt>textarea</tt>, <tt>input</tt>, <tt>select</tt>... ـن.<br />
<source lang="html4strict"><br />
<form action="contact.php" method="get"><br />
<br />
</form><br />
</source><br />
فۆرڕم لە HTML ـدا ناکارایە و تەنها پیشاندانە، بۆیە پێویستمان بە [[زمانی بزۆک|زمانێکی بزۆک]] دەبێت بۆ کارپێکردنی فۆڕمەکە. وەک لەسەرەوە دەبینیت تایبەتمەندی <tt>action</tt> فۆڕمەکەی پەیوەست کردووە بە زمانە بزۆکەکەوە. تایبەتمەندی <tt>method</tt> ـیش کە هەردوو نرخی <tt>get</tt> و <tt>post</tt> ـی هەیە، <tt>post</tt> بۆ شاردنەوە و <tt>get</tt> بۆ پیشاندانی زانیارییەکان بەکاردێت لە URL ـدا.<br />
<br />
<br />
===تێکردن - input ===<br />
input زۆرترین تاگی بەکاربراوی توخمی فۆڕمە. کە دەتوانین بەپێی نرخی تایبەتمەندیی <tt>type</tt> جۆری ئەو فۆڕمەکەی دیاری بکەین. نرخەکانی تایبەتمەندیی <tt>type</tt> کە جۆری فۆڕمەکە دیاری دەکەن، ئەمانەن: <tt>text</tt>, <tt>password</tt>, <tt>file</tt>, <tt>checkbox</tt>, <tt>radio</tt>, <tt>submit</tt>, <tt>reset</tt>, <tt>button</tt>, <tt>hidden</tt>, <tt>image</tt><br />
<br />
چۆنێتی بەکارهێنانیان (کۆدەکە لە پەڕگەیەکدا ڕوونووس بکە تا دەرەنجامەکانیان ببینیت):<br />
<br />
<source lang="html4strict"><br />
<input type="text" name="username" /><br /><br />
<input type="password" name="pass" /><br /><br />
<input type="file" name="uploader" /><br /><br />
<input type="submit" name="submitbtn" value="Send" /><br />
<input type="reset" name="resetfields" value="Clean Fields" /><br /><br />
<input type="checkbox" checked="checked" name="remembermechbx" /><br /><br />
<input type="radio" name="radiobtn" value="Male" /><br />
<input type="radio" name="radiobtn" value="Female" /><br /><br />
<input type="button" name="custombtn" value="A Custom Button" /><br /><br />
<input type="image" name="img" value="sent" src="images/send.png" alt="Send (image button)" /><br /><br />
<input type="hidden" name="hiddenfld" value="usr955" /><br />
</source><br />
<br />
* <tt>text</tt> - خانەیەکی تاک هێڵییە بەکاردێت لەکاتی داغڵکردنی ناو، تێپەڕەوشە، ئیمەیل...<br />
* <tt>password</tt> - بەهەمان شێوەی <tt>text</tt> بەڵام لەکاتی نووسینی تێپەڕەوشەدا بەکاردێت تا وشەکان بشاردرێنەوە.<br />
* <tt>file</tt> - بۆ بارکردنی پەڕگەیەک لە کۆمپیوتەری بەکارهێنەرەوە، وەک لە uploader ـەکاندا.<br />
* <tt>submit</tt> - دوگمەیەکە لە فۆڕمەکەدا بەکاردێت لە ناردنی زانیارییەکانی نێو فۆڕمەکە.<br />
* <tt>reset</tt> - بەکاردێت بۆ بەتاڵکردنەوەی ئەو زانیارییانەی بەکارهێنەر لەنێو فۆڕمەکەدا نووسیویەتی.<br />
* <tt>checkbox</tt> - بەکاردێت لە هەڵبژاردندا. کاتێک چەند هەڵبژاردنێک دیاری کراوە و بەکارهێنەر دەتوانێ زیاد لە دانەیەک هەڵبژێرێت.<br />
* <tt>radio</tt> - بەکاردێت لە هەڵبژاردندا. کاتێک چەند هەڵبژاردنێک دیاری کراوە و بەکارهێنەر دەتوانێ تەنها یەکێک هەڵبژێرێت.<br />
* <tt>button</tt> - دوگمەیەکە، بەڵام ئەم زانیاری نێو فۆڕمەکە نانێرێت بۆ ڕاژە، بەڵکو پێوسیتە بە سکریپتێکی وەک جاڤاسکریپتەوە ببەسرێتەوە بۆ کارپێکردنی ڕاستەوخۆی سکریپتەکە.<br />
* <tt>image</tt> - دوگمەیەکی ناردنە وەک <tt>submit</tt> بەڵام بە وێنە.<br />
* <tt>hidden</tt> - خانەیەکی شاراوەیە کە بەکارهێنەر نایبینێت. بەزۆری بەکاردێت کاتێک فۆڕم لە چەند پەڕەیەک پێکهاتووە و پێویستە زانیارییەکانی پەڕەی یەکەم پاشەکەوتبکرێن و هەڵبگیرێن بۆ پەڕەکانی تر.<br />
<br />
<br />
بۆ نموونە لە دروستکردنی فۆڕمێکی چوونەژوورەوە، بەم شێوەیە فۆڕم بەکاردەهێنین:<br />
<br />
<source lang="html4strict"><br />
<form action="login.php" method="post"><br />
Username: <input type="text" name="username" /><br /><br />
Password: <input type="password" name="password" /><br /><br />
<input type="checkbox" name="rememberchkbox" value="autologin" />Automatically log me in every time I visit.<br />
<br /><br />
<input type="submit" name="submitit" value="Submit Data" /><br />
</form><br />
</source><br />
<br />
===ڕووبەرى دەق - textarea===<br />
textarea خانەیەکی گەورەیە بۆ نووسینی دەقێکی زۆر بەکاردێت. بە پێچەوانەی توخمی input ـەوە، textarea تاگی سەرەتا و کۆتایی هەیە . وە پێوستە تایبەتمەندییەکانی <tt>rows</tt> و <tt>cols</tt> بنووسیت بۆ دیاریکردنی بەرزی و پانی خانەکە.<br />
<source lang="html4strict"><br />
<textarea name="postfield" rows="10" cols="50">Deqeket lere binuse</textarea><br />
</source><br />
* هەردوو تایبەتمەندیی readonly و disabled بەکاردێت بۆ ناچالاککردنی خانەکە و نەهێشتنی دەستکاریکردنی لەلایەن بەکارهێنەرەوە. وەک ئەم نموونەیە:<br />
<source lang="html4strict"><br />
<textarea name="postfield" rows="10" cols="50" readonly="readonly">Natiwanit destkari em deqe bikeyt</textarea><br />
</source><br />
<br />
=== Drop Down ===<br />
Drop Down لیستێکە لە کۆمەڵێک هەڵبژاردن بۆ دیاریکردنی دانەیەک یان زیاتر، وەک radio و checkbox بەڵام بە شێوەیەکی کۆکراوە.<br />
<br />
توخمی <tt>select</tt> بەکاردەهێنین بۆ دروستکردنی لیستەکە، لە نێو لیستەکەشدا بۆ هەر هەڵبژاردنێک توخمی <tt>option</tt>. بەم شێوەیە:<br />
<br />
<source lang="html4strict"><br />
<select name="dropdownlist"><br />
<option value="ku">Kurd</option><br />
<option value="en">English</option><br />
<option value="fr">French</option><br />
</select><br />
</source><br />
* تایبەتمەندی <code>multiple="multiple"</code> بەکاردێت بۆ دیاریکردنی زیاد لە هەڵبژاردنێک لە لیستەکە. هەروەها تایبەتمەندی <tt>disable</tt>یش بۆ ناچالاککردنی لیستەکە.<br />
* دەتوانین هەڵبژاردنەکان بکەینە دەستە دەستە بە بەکارهێنانی تاگی <tt>optgroup</tt>. بەم شێوەیە:<br />
<source lang="html4strict"><br />
<select name="countrieslist"><br />
<optgroup label="Middle East"><br />
<option value="ir">Iran</option><br />
<option value="iq">Iraq</option><br />
<option value="jo">Jordan</option><br />
<option value="sa">KSA</option><br />
</optgroup><br />
<br />
<optgroup label="Europe"><br />
<option value="es">Spain</option><br />
<option value="fr">France</option><br />
<option value="de">Germany</option><br />
<option value="it">Italy</option><br />
</optgroup><br />
<br />
<optgroup label="Asia"><br />
<option value="jp">Japan</option><br />
<option value="cn">China</option><br />
<option value="in">India</option><br />
<option value="id">Indonesia</option><br />
</optgroup><br />
</select><br />
</source><br />
<br />
== div و span ==<br />
<tt>div</tt> و <tt>span</tt> بەکاردێن وەک لە پۆلپۆلکردنی کۆمەڵێک دەق و کاریگەری پێدانیان بەهۆی [[CSS]]. تاگی <tt>div</tt> وەک پەرەگراف کاتێک دەدرێت بە دەقێک، هێڵێک پێش خۆی و هێڵێک پاش خۆی جێ دەهێڵێت بەڵام <tt>span</tt> لەنێو هێڵدا. تایبەمەندییەکانیان بریتین لە <tt>class</tt>, <tt>id</tt>, <tt>style</tt><br />
<br />
نموونە:<br />
<source lang="html4strict"><br />
<div class="honrawenus"><br />
Qani' nawi Mihemmed Kabuliye. le salli 1905 le gundi shiler ledayk buwe u salli 1965 be nexoshimirduwe. pallpishti chini cutiyar u hejaran buwe her boye nasrawe be sha'iri chewsawekani Kurdistan<br />
</div><br />
</source><br />
<br />
بەڵام <tt>span</tt>:<br />
<source lang="html4strict"><br />
<p>Kotiri <span style="color:#ffffff">sipi</span> hemay ashtiye.</p><br />
<p>Zanisteki <span style="font-weight:bold;">dirisht</span> u <span style="text-decoration:underline;">kirawe</span>.</p><br />
</source><br />
واتە کاتێک span بەکاردێنین، ئەگەر بمانەوێت کاریگەری بدەینە وشەیەک یان چەند وشەیەکی نێو دێڕێک.<br />
<br />
== توخمەکانی نێو head ==<br />
توخمەکانی نێو head کۆمەڵێک توخمن لەنێو تاگی <tt><head></head></tt>دان. ئەم توخمانە بەکارهێنەر نایان بینێت بەڵام کاریگەری گرنگیان هەیە لەسەر پەڕەکە و وێبگەڕ و بزوێنەرەکانی گەڕان سوود لەم توخمانە وەردەگرن.<br />
<br />
=== توخمی meta ===<br />
توخمی <tt>meta</tt> بەکاردێت بۆ پێدانی زانیاری لەسەر جۆر، نووسەر، پەسن و وشەکلیل...<br />
* '''بەکارهێنانی تایبەتمەندیی <tt>http-equiv</tt> و <tt>content</tt>'''<br />
<source lang="html4strict"><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
</source><br />
تایبەتمەندی <tt>http-equiv</tt> بەکاردێت لە بوژاندنەوە (refresh)ی پەڕەکە یان ڕێکخستنی کاشکردن. لە تایبەتمەندی <tt>content</tt>یش چارسێت/ئینکۆدینی پەڕەکە دیاری دەکات. ئەو دێڕەی سەرەوە لە هەموو پەڕەیەکی ئاساییدا بەکار دەبرێت. شێوەیەکی تر ئەگەر بمانەوێت پەڕەکە refresh بکات چەند چرکە جارێک یان ئاڕاستەی بکەین بۆ پەڕەیەکی تر نرخی تایبەتمەندی <tt>http-equiv</tt> دەگۆڕین بۆ <tt>refresh</tt> و نرخی <tt>content</tt>یش بۆ ژمارەی چرکەکان لەگەڵ ناونیشانی بەستەرەکە. بۆ نمونە:<br />
<source lang="html4strict"><br />
<meta http-equiv="refresh" content="60" /> // 60 chirke carek perreke refresh ekat<br />
<meta http-equiv="refresh" content="10;http://chawg.org/meko" /> // le diway 10 chirke perreke arraste dekret bo besteri chawg.org/meko<br />
</source><br />
<br />
* '''بەکارهێنانی تایبەتمەندی وشەکلیل و پەسن'''<br />
وشەکلیل (<tt>keywords</tt>) بەکاردێت بۆ ناساندنی ماڵپەڕەکەت لە چەند وشەیەکدا کە بە کۆما لێک جیاکراونەتەوە، پەسنیش (<tt>description</tt>) بە هەمان شێوە بۆ ناساندنی ماڵپەڕ یان پەڕەیەک لە ماڵپەڕەکە بەکاردێت لە ڕستەیەکدا. بەم شێوەیە لەنێو <tt>head</tt> دا دەنووسرێن:<br />
<source lang="html4strict"><br />
<meta name="keywords" content="chawg, mallperri chawg, وێبداڕشتن, هتمڵ بە کوردی, سی ئێس ئێس بە کوردی, پی ئێچ پی بە کوردی" /><br />
<meta name="description" content="چاوگ ماڵپەڕێکی ئایتییە، گرنگی بە بوارەکانی سەچاوەکراوە و وێبداڕشتن دەدات" /><br />
</source><br />
پێشتر بزوێنەرەکانی گەڕان ئەم دوو تایبەتمەندییەیان بەکاردەهێنا بۆ ڕیزکردنی ماڵپەڕەکان لە ئەنجامی گەڕانەکانیاندا. کاتێک بەکارهێنەرێک بۆ وشەیەک دەگەڕا بزوێنەرەکان ئەو ماڵپەڕانەیان دادەنا بە ئەنجامی گەڕان کە وشەکەی تیادابوو، بەڵام لەبەر خراپ بەکارهێنانی ئەو دوو تایبەتمەندییە، ئەمڕۆ زۆربەی بزوێنەری گەڕانەکان فەرامۆشیان کردوون.<br />
خراپ بەکارهێنان واتا نووسینی وشەیەک لە وشەکلیل و پەسندا کە ماڵپەڕەکەت تایبەت نەبێت پێی یان نووسینی دەیان وشە بۆ بۆ زۆرکردنی هەلی دەرکەوتنی ماڵپەڕەکەت لە بزوێنەرەکانی گەڕاندا کە ئەمەش کاریگەری نەرێنی دەبێت و دەبێتە هۆی ئەوەی ماڵپەڕێک لە گەڕانەکاندا دەربکەوێت کە هیچ پەیوەندی بەو بابەتەوە نەبێت کە بەکارهێنەر بۆی گەڕاوە.<br />
<br />
[[Category:WebDesign]]<br />
{{DISPLAYTITLE:فێربوونی زمانی HTML بە کوردی}}</div>
ئارا
https://chawg.org/w/index.php?title=HTML&diff=2094
HTML
2010-07-23T11:47:20Z
<p>ئارا: /* توخمەکانی نێو head */</p>
<hr />
<div>[[Image:HTML_Sample_Gedit.gif|left|thumb|390px|نموونەیەکی سادە لە پەڕگەیەکی HTML]]<br />
'''HTML''' ('''ئێچ تی ئێم ئێڵ''' یان '''هتمڵ''') کە کورتکراوەی HyperText Markup Language ـە زمانێکی پیشاندانی پەڕەکانی سەر وێبە کە بەکاردێت بۆ نووسینی هەر پەڕەیەک لەسەر وێب. پەڕگەی HTML تەنها پێکهاتووە لە دەق، کە ئەویش پێکهاتووە لە کۆمەڵێکی زۆر لە تاگ و توخم و نووسراوی ناو پەڕەکە. ئەم تاگانە بە وێبگەڕ دەڵێن کە چۆن نووسین و وێنەکان یان ناوەڕۆکی پەڕەکە دەربکەوێت.<br />
<br />
HTML زۆر ئاسانە بۆ فێربوون بە ڕادەیەک کە کەسێکی دوور لە ئایتی ئەتوانێت لە ماوەیەکی کەمدا فێری HTML ببێت و بینووسێت و دەستکاری بکات. ئەوانەی کە HTML دەنووسن پێیان ناوترێت [[پڕۆگرامنووس]] (Programmer) بەڵکو [[نووسەر]] (Author) لەبەرئەوەی کە زمانێکی پڕۆگرامین نییە بەڵکو زمانێکی پیشاندانە و لە هاوپۆلی [[Java]] و [[C]] و [[BASIC]] نییە.<br />
<br />
<br />
== مانای HTML ==<br />
HyperText مەبەست لەوەیە کە تۆ بە ناو وێبدا دەگەڕێیت لە هەر کاتێکدا و بۆ هەر شوێنێک کە بتەوێت بە کرتەکردن لەو بەستەرانەی لە لاپەڕەکاندا دەیانبینیت نەک بە شێوەیەکی ڕێک و یەک لە دوای یەک.<br />
<br />
Markup بریتییە لە کاری تاگەکان لەسەر نووسراوی ناو پەڕەکە وەک (تۆخکردن، لارکردن، هێڵبەژێرداهێنان، ...) ـی هەر دەقێک.<br />
<br />
Language واتە زمان. HTML زمانە وەک هەموو زمانە جیاوازەکانی تر چونکە کۆد و ڕستەکاری هەیە.<br />
<br />
<br />
==توانای HTML==<br />
<br />
HTML بۆ دروستکردنی ماڵپەڕێکی سادە و تاکەکەسی دەست ئەدات یان بۆ هەر جۆرە ماڵپەڕێک کە نوێکردنەوەی زۆر نەبێت. ئەتوانرێت بە [[CSS]] ـەوە بلکێنرێت بۆ پێدانی شێوازێکی جوانتر و ئاسانتر لە ڕێکخستنیدا. بە پێچەوانەوە HTML بۆ ماڵپەڕێکی بزۆک، فراوان و بازرگانی دەست نادات کە ڕۆژانە نوێ دەکرێتەوە چونکە HTML زمانێکی جێگیرە. داڕشتن و نوێکردنەوەی ئەو ماڵپەڕە گەورانەی کە بە HTML دەنووسرێن کارێکی زۆر گران و کاتبەرە.<br />
<br />
<br />
== تاگەکان ==<br />
HTML لە ڕێی تاگەکانەوە شێوازی دەرکەوتن و نووسین لە پەڕەکەدا ڕێک دەخات. ئەو دەقەی دەمانەوێت گۆڕانکارییەکی بەسەردا بهێنین لە (تۆخکردن، لارکردن، کردن بە پەرەگراف و بەستەر) دەیکەینە نێوان دوو تاگەوە. تاگەکانیش پێکهاتوون لە دوو کەوانەی تیژی داخراو کە لە نێو کەوانەکاندا پیتێک یان وشەیەک دەنووسرێت تا دەقی دیاریکراو گۆڕانکاری ویسیترای بەسەردابێت. وە لە تاگی دووەمدا هێڵێکی لار (/) دادەنرێت کە مەبەست لێی داخستنەوەی توخمەکە و کۆتایی هێنانە بەو شێوازی دەرکەوتنە. بۆ نموونە گەر بمانەوێت دەقێک بە شێوازێکی تۆخ بنووسین، بەم شێوەیە دەبێت:<br />
<source lang="html4strict"><br />
<strong>ئەم نووسراوە تۆخە</strong><br />
</source><br />
بەڵام ژمارەیەکی کەم لە توخمەکان پێکهاتوون لە یەکێک و تاگی داخستنەوەیان نییە وەک تاگی چوونەسەر دێڕی نوێ یان تاگی وێنە:<br />
<source lang="html4strict"><br />
<img src="http://www.domain.com/wene.jpg" /><br />
</source><br />
<br />
تێبینی: لێرەدا دەبینیت پێش کەوانەی کۆتایی هێڵێکی لار دانراوە ئەمەش ئەوە ئەگەیەنێت کە دانانی وێنە لە یەک تاگ پێکهاتووە و تاگەکە خۆی خۆی دائەخاتەوە. ئەشتوانرێت ئەو هێڵێ لارە نەنووسرێت بەڵام لە وەشانی ٤.٠١ ـەوە وا ئامۆژگاریکراوە کە بنووسرێت و تاوەکو لەگەڵ بنەماکانی [[XHTML]] ـیشدا بگوونجێت.<br />
<br />
[[Image:tuxmi_html.gif|left|thumb|280px|توخمی HTML پێکدێت لە (تاگی سەرەتا، تایبەتمەندی، ناوەڕۆکی توخم، تاگی کۆتایی)]]<br />
<br />
== توخمەکان ==<br />
توخمەکان لە تاگی سەرەتاوە دەستپێدەکەن هەتا تاگی کۆتایی کە لە ناویاندا لەوانەیە ناوەڕۆک و/یان تایبەتمەندی هەبن. هەندێک لە توخمەکان بێ ناوەڕۆکن وەک توخمی وێنە. دەشێت هەندێک لە توخمەکان سەرەڕای ناوەڕۆک تایبەتمەندیشیان نەبێت کە بەمانەش دەوترێت توخمە بەتاڵەکان، وەک توخمی چوونەسەر دێڕی نوێ و توخمی هێڵی ئاسۆیی (کە تەنها لە تاگێکی تاک پێکهاتوون).<br />
<pre><br /></pre><br />
<pre><hr /></pre><br />
<br />
== تایبەتمەندییەکان ==<br />
<br />
تایبەتمەندییەکان کە پێک هاتوون لە ناوی تایبەتمەندیی و نرخی تایبەتمەندی بە شێوەی <code>nawi-taybetmendi="nirxi-taybetmendi"</code> دەنووسرێن و دەکەونە نێو تاگی سەرەتای هەر توخمێکەوە ئەم تایبەتمەندییانە زانیاریی زیاتر لەسەر توخمەکە دابین دەکەن، کاریگەرییان لەسەر جێ دەهێڵن یان توخمەکان دیاری دەکەن تا بەهۆی CSS ـەوە کاریگەرییان بەسەردا بهێنرێن. هەندێک نموونە:<br />
* تایبەتمەندی alt لە توخمی وێنەدا کە بە واتای دەقی جێگرەوە دێت (alternative text) بە کاردێت بۆ نووسینی دەقێک تا پیشان بدرێن لەو وێبگەڕانەی پاڵپشتی پیشاندانی وێنە ناکەن یان بەکارهێنەر پیشاندانی وێنەی ناچالاک کردووە.<br />
<source lang="html4strict"><img src="http://chawg.org/img/opensuse.png" alt="OpenSUSE leser computeri Dell mini 9" /></source><br />
* تایبەتمەندی style کە بە شێوەی inline CSS دەتوانیت کاریگەرییەک بهێنیت بەسەر ناوەڕۆکی توخمەکەدا.<br />
<source lang="html4strict"><p style="color:#ff0000;">Eme deqeke ke be rengi sur nusrawe.</p></source><br />
* بە هۆی class و id ـیەوە دەتوانیت دەقێک دیاری بکەیت تا بە هۆی ستایڵ شیتەوە گۆڕانکارییەکیان بەسەردا بهێنیت.<br />
<source lang="html4strict"><div class="nawnishan">Min feri HTML debim.</div></source><br />
تێبینی: نرخی تایبەتمەندییەکان دەبێت لە نێوان تاک یان جووت کۆتەیشندا بنووسرێن لە XHTML، بەڵام لە HTML دەکرێت بە بێ کۆتەیشنیش بنووسرێن.<br />
<br />
== XHTML ==<br />
<tt>eXtensible HyperText Markup Language</tt> داڕشتنەوەی هەمان <tt>HTML</tt> ـە بە پابەندبوون بە بنەماکانی <tt>XML</tt> ـەوە کە دواتر بووە بە پەسەندکراوی W3C.<br />
<br />
== جیاوازی نێوان HTML و XHTML ==<br />
ئەو جیاوازیانەی لە نێوان <tt>HTML</tt> و <tt>XHTML</tt> ـدا هەیە ئەوەیە کە ئەبێت بەڵگەنامەکانی <tt>XHTML</tt> بە درووستی لەسەر ڕێساکانی <tt>XML</tt> نووسرابن، ئەوانیش لەمانەدا خۆی دەگرێتەوە:<br />
*'''هەموو تاگ و توخمەکان داخرابنەوە.''' ئەو تاگانەی تاگی کردنەوە و داخستنەوەیان هەیە پێویستە هەردووکیان بوونیان هەبێت، بۆ نموونە:<br />
نادروست: <pre><h1>Eme headere<h2>Emesh headereki tir</pre><br />
<br />
دروست: <pre><h1>Eme headere</h1><h2>Emesh headereki tir</h2></pre><br />
<br />
* '''تاگە تاکەکان دابخرێنەوە.''' وەک پێشتر وتمان هەندێک لە تاگەکان تاکن و تاگی داخستنەوەیان نییە، بۆیە پێویستە تاگەکە لە ناو خۆیدا خۆی دابخاتەوە.<br />
نادروست: <pre><br></pre><br />
<br />
دروست: <pre><br /></pre><br />
<br />
*'''پاش و پێش نەخستنی تاگەکان.''' گەر چەند تاگێک بە دوای یەکدا هاتن، ئەو تاگەی یەکەم جار دەکرێتەوە لە کۆتایی هەموو تاگەکانی تر دابخرێتەوە.<br />
ناردوست: <pre><strong><em>blod and italic</strong></em></pre><br />
<br />
دروست: <pre><strong><em>blod and italic</em></strong></pre><br />
<br />
*'''لەو کاتەوەی کە XML هەستیارە بەرانبەر پیتی گەورە و بچوک (case-sensitive) پێویستە هەموو تاگ و توخمەکان بە پیتی بچوک بنووسرێن.'''<br />
نادروست: <pre><STRONG>em deqe toxe</STRONG></pre><br />
<br />
دروست: <pre><strong>em deqe toxe</strong></pre><br />
<br />
*'''نرخی هەموو تایبەتمەندییەکان پێویستە لە نێوان quotation ـێکدا بنووسرێن ("جووت" یان 'تاک').'''<br />
نادروست: <pre><p id=peregiraf>Eme peregirafe</p></pre><br />
<br />
دروست: <pre><p id="peregiraf">Eme peregirafe</p></pre><br />
<br />
*'''نووسینی هەردوو نرخ و تایبەتمەندییەکان.'''<br />
نادروست: <pre><input type="checkbox" checked></input></pre><br />
<br />
دروست: <pre><input type="checkbox" checked="checked"></input></pre><br />
<br />
== چیم پێویستە بۆ فێربوون؟ ==<br />
بۆ فێربوونی <tt>HTML</tt> تەنها پێویستت بە دەستکاریکەرێک (بۆ نووسینی کۆدەکان) و وێبگەڕێک (بۆ بینینی ئەنجام) دەبێت. هیچ ئامڕازێکی تر یان نەرمەکاڵایەکت پێویست نابێت. دەستکاریکەر لە ویندۆز وەک [[Notepad]] کە سادەترین دەستکاریکەری دەقە، بەڵام ئەوانەی کە ئامۆژگاریکراون وەک: <br />
<br />
*[http://notepad-plus.sourceforge.net Notepad++]<br />
*[http://www.vim.org VIM]<br />
*[http://projects.gnome.org/gedit Gedit]<br />
*[http://mooedit.sourceforge.net Medit]<br />
*[http://bluefish.openoffice.nl Bluefish]<br />
وێبگەڕیش وەک: <br />
*[http://www.mozilla.com/firefox Firefox]<br />
*[http://www.opera.com Opera]<br />
*[http://www.google.com/chrome Google Chrome]<br />
*[http://www.microsoft.com/windows/products/winfamily/ie/default.mspx Internet Explorer]<br />
<br />
هەرچەندە چەند پڕۆگرامێک هەن بۆ دەستکاریکردن و داڕشتنی پەڕگەیەکی <tt>HTML</tt> لەوانە [http://www.adobe.com/products/dreamweaver DreamWeaver], [http://office.microsoft.com/en-us/frontpage/default.aspx Microsoft FrontPage], [http://www.microsoft.com/expression/products/overview.aspx?key=web Microsoft Web Expression] ئەم پڕۆگرامانە [[WYSIWYG]] ـن، خۆیان کۆدەکانت بۆ دەنووسن و تۆ ڕووە ئەنجامەکەی دەبینیت. شارەزابوون لەم پڕۆگرامانە مانای شارەزابوون نییە لە <tt>HTML</tt>، بەڵکو یاریدەدەرێکن بۆ ئەو کەسانەی کە دەیانەوێت ماڵپەڕێکیان هەبێت و لە هیچ زمانێکی وێبداڕشتن نازانن یان بۆ چەند کارێکی کەمیان پێویستە و لەبەرئەوە نایانەوێت کاتێک تەرخان بکەن بۆ فێربوونی زمانێک.<br />
<br />
[[Image:Notepad_save-as.gif|left|thumb|250px|پاشەکەوتکردن بە utf-8 لە Notepad]]<br />
<br />
== نووسین و پاشەکەوتکردن ==<br />
لە سەرەتادا ئەوەی دەتەوێت لە دەستکاریکەرەکەدا دەینووسیت پاشان بچۆ بۆ <tt>File > Save as</tt> لە جێیەک پاشەکەوتی بکە بە هەر ناوێکەوە بەڵام ئەوەی گرنگە بە پاشگری <tt>html</tt> پاشەکەوتی بکەیت، بۆ نموونە: <tt>yekemin-perre.html</tt><br />
خاڵێکی گرنگ پێش پاشەکەوتکردنی پەڕگەکە گۆڕینی <tt>Encoding</tt> ـی پەڕگەیەکە بۆ یونیکۆد. چۆنییەتی گۆڕینیش لە دەستکاریکەرێکەوە بۆ دەستکاریکەرێکی تر جیاوازە. لە <tt>Notepad++</tt> دەبێت بچیت بۆ <tt>Format > Encode in UTF-8 without BOM</tt> بەڵام لە <tt>Notepad</tt> لە کاتی پاشەکەوتکردن و کردنەوەی پەنجەرەی پاشەکەوتکردندا دەتوانیت پەڕگەکە بکەیت بە <tt>utf-8</tt> بەوەی کە لە ژێر نووسینی ناوە پەڕەکەدا<br />
<br />
== پاشگری htm یان html؟ ==<br />
بەکارهێنانی هەر کامێک لە پاشگری <code>.htm</code> یان <code>.html</code> بە گشتی وەک یەک وان و دروستن. لە سەرەتاوە کە سیستەمە کۆنەکان تەنها ڕێگەیان بە سێ نووسە ئەدا بۆ پاشگری پەڕگە، بەو شێوەیە بوو، بەڵام دوای ئەوەی ڕێگەدرا نووسەی زیاتر بەکارببرێت پاشگری <code>.html</code> ـیش پەیدا بوو. لە ئێستادا نووسینی هەر کامێکیان وەک پاشگر ئەکەوێتە سەر ئارەزووی نووسەر و هیچ کەشەیەک دروست ناکەن. کەواتە yekemin-perre.html = yekemin-pere.htm<br />
<br />
== پێکهاتەی پەڕەی HTML ==<br />
<tt>HTML</tt> بە شێوەیەکی سادە پێکهاتووە لە سێ بەشی سەرەکی (بەشی <tt>DOCTYPE</tt>، بەشی <tt>head</tt>، بەشی <tt>body</tt>) سادەترین پەڕگەیەک کە بە <tt>HTML</tt> نووسرابێت بەم شێوەیەیە:<br />
<source lang="html4strict"><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<title>Ferbuni HTML</title><br />
</head><br />
<body><br />
<p>Yekem babet le ferbuni HTML.</p><br />
</body><br />
</html><br />
<br />
</source><br />
* دێڕی یەکەم کە پێی دەوترێت [http://www.chawg.org/wiki/index.php?title=HTML#DTD Document Type Definition] بریتییە لە ناساندنی پەڕەکە کە ئاماژە بە جۆری ئەو بەڵگەنامەیە ئەکات کە سەر بە چ جۆرێکی <tt>HTML</tt> ـە. پێویستە لە دێڕی یەکەم لە سەرەتای هەموو کۆدەکاندا بێت.<br />
* هەردوو تاگی کردنەوە و داخستنی <tt>html</tt> لە سەرەتا و کۆتایی هەموو کۆدەکان دەنووسرێن. ئەم تاگە بە وێبگەڕ دەڵێت کە ئەم پەڕەیە <tt>HTML</tt> ـە.<br />
* هەردوو تاگی <tt>head</tt> ـیش لە دوای تاگی <tt>html</tt> ـەوە دێت. هەرچی لە نێوان ئەم دوو تاگەدا دەنووسرێن لە نێو پەڕەکەدا دەرناکەون بەڵکو لە نێوان ئەم دوو تاگەدا تەنها زانیاری دەربارەی ئەو پەڕەیە تیادا دەنووسرێت.<br />
* تاگەکانی <tt>title</tt> ناونیشانی پەڕەکە دیاری دەکەن، هەرچی لە نێوان ئەو دوو تاگەدا بنووسرێن دواتر لە <tt>Title bar</tt> ـی وێبگەڕ دەردەکەوێت. بۆ نموونە گەر ئەو پارچە کۆدەی سەرەوە لە پەڕگەیەکدا بنووسین، دواتر کە بە وێبگەڕێک ئەو پەرگەیەمان کردەوە دەبینیت لە <tt>Title bar</tt> نووسراوە Ferbuni HTML.<br />
* لە نێوان تاگەکانی <tt>body</tt> ـدا ئەوە دەنووسین کە دەمانەوێت لە نێو پەڕەکەدا دەربکەوێت، وەک دیارە لە سەرەوە لە نێوان تاگی پەرەگرافدا نووسیومانە "Yekem babet le ferbuni HTML".<br />
<br />
== DTD ==<br />
<tt>Document Type Definition</tt> کە لە سەرەتای هەموو کۆدەکاندا دێت سێ جۆری هەیە:<br />
* <tt>XHTML 4 Strict</tt> وەشانێکی داماڵڕاوی <tt>HTML</tt> ـە لەو تایبەتمەندییانەی کە لە وەشانی چواری <tt>HTML</tt> ـدا نەماون و لە بایەخیان کەمکراونەتەوە<br />
ئەم جۆرە بەکارببە گەر ئەتەوێت بۆ دەرکەوتن و ڕووخساری ماڵپەڕەکەت بە تەواوی پەیوەست بیت بە [[CSS]] ـەوە و ناتەوێت سوود لە تاگە بێ بایەخەکان وەربگریت. <tt>DTD</tt> بۆ <tt>XHTML 1.0 Strict</tt> بەم شێوەیەیە:<br />
<source lang="html4strict"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"></source><br />
* <tt>XHTML 4 Transitional</tt> بەربڵاوترین جۆریانە کە نووسەر دەتوانێت سەرەڕای [[CSS]] ـیش تاگە بێ بایەخەکان بەکار ببات.<br />
ئەم جۆرە بەکارببە گەر ئەتەوێت بۆ دەرکەوتن و ڕووخساری ماڵپەڕەکەت سوود لە هەردوو [[CSS]] و تاگەبێ بایەخەکان وەربگریت. <tt>DTD</tt> بۆ <tt>XHTML 1.0 Transitional</tt> بەم شێوەیەیە:<br />
<source lang="html4strict"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></source><br />
* <tt>XHTML 4 FRAMESET</tt> وەک هەمان جۆری <tt>Transitional</tt> ـە لەم جۆرەدا تاگی <tt>frameset</tt> جێگەی تاگی <tt>body</tt> دەگرێتەوە.<br />
ئەم جۆرە بەکارببە گەر دەتەوێت پەڕەکە دابەش بکەیت بۆ سەر چەند چوارچێوەیەک. <tt>DTD</tt> بۆ <tt>XHTML 1.0 FRAMESET</tt> بەم شێوەیەیە:<br />
<source lang="html4strict"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></source><br />
<br />
== تاگ/تایبەتمەندی/توخم ـە بێ بایەخەکان ==<br />
ئەو تاگ/تایبەتمەندی/توخم ـانەن کە لە HTML 4.01 ـەوە نەماون لەبەر بێ بایەخییان یان لەبەر توانینی ئەنجامدانی هەمان کاریگەری بە هۆی [[CSS]] ـەوە. لە جێگەیان تاگی نوێتر دانراون. کە تا ئێستا وێبگەڕەکان پشتگیری ئەو تاگانە ئەکەن، بەڵام لە داهاتوودا لەوانەیە بە تەواوەتی نەمێنن و هیچ کاریگەرییەکی پیشاندانیان نەمێنێت لەسەر پەڕەکان. بۆیە وا باشترە بەرانبەرەکانیان بەکارببرێن. هەندێک لەوانە:<br />
* لابردنی توخمی <tt>font</tt> لابرا بە هۆی بوونی <tt>font-size, font-family, color</tt> لە [[CSS]].<br />
* تایبەتمەندی <tt>align</tt> کە بۆ ناوەندکردن یان کردنە لای ڕاست و چەپی دەقێک بەکاردێت. نرخەکانی <tt>right, center, left, justify</tt> ـە لە بری ئەوە دەبێت <tt>text-align</tt> لە ستایڵ شیت بەکار ببرێت.<br />
* توخمی <tt>u</tt> بۆ هێڵبەژێرداهێنان لە ستایڵ شیت <code>text-decoration:underline;</code> ئەو کارە دەکات.<br />
* تاگی <tt>applet</tt> کە بۆ کارپێکردنی پڕۆگرامۆکەکانی جاڤا بوو گۆڕدرا بە <tt>object</tt>.<br />
<br />
== پەرەگراف – Paragraph ==<br />
توخمی p بەکاردێت بۆ دیاریکردنی دەقێک وەک پەرەگراف و ناوەڕۆکی توخم وەک پەرەگراف دەناسێنێت. لەبەر ئەوەی ئەم توخمە کاریگەرییەکی دیاری نییە لەسەر دەق، هەندێک لە نووسەران بیریان ئەچێت ئەم توخمە بەکاربەرن بۆ پەرەگراف یان تاگی کۆتایی دابخەن.<br />
نموونە:<br />
<source lang="html4strict"><p>Em deqe peregirafe boye le new tuxmi p nusrawe.</p><br />
<p>Min etwanim bichme ser<br />
helli nwe u chend derreki tir<br />
l peregirafekem binusim u le<br />
kotayida tagi kotayi dabixemewe</p><br />
<p class="sereki" dir="rtl">لەم پەرەگرافەدا ئەتوانم بە پیتی عەرەبی بنووسم</p><br />
</source><br />
لە نموونە سێیەمدا دوو تایبەتمەندیمان داوەتە توخمەکە، تایبەتمەندی class ـمان داوەتێ و ناساندوومانە بە sereki تا بە ستایڵ شیت گۆڕانکاری بەسەردا بهێنین، وەک گۆڕینی ڕەنگ، قەبارە، فۆنت، … ـی پەرەگرافەکە. تایبەتمەندی دووەمیش بۆ ئاڕاستەی نووسینمان گۆڕیوە بە لە ڕاستەوە بۆ چەپ.<br />
<br />
== سەردێڕ – Heading ==<br />
سەردێڕ لە ٦ توخم پێک هاتووە (h1, h2, h3, h4, h5, h6) بەکاردێت بۆ نووسینی سەردێڕ/ناونیشانی بابەت یان پەڕەیەک چونکە کاتێک وێبگەڕ ئەم توخمە دەبینێت هەڵدەستێت بە تۆخکردن و گەورەکردنی قەبارەی ناوەڕۆکی توخم واتە بێ CSS و هیچ تایبەتمەندییەک. h1 گەورەترین و h6 بچوکترینیانە.<br />
<source lang="html4strict"><h1>Mallperri Chawg</h1><br />
<h2 class="nawnishan">Ferbuni HTML</h2></source><br />
نموونە ١: هەردوو توخمی سەردێڕ و پەرەگراف لە پەڕەیەکدا:<br />
<source lang="html4strict"><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<title>Ferbuni HTML le mallperri chawg</title><br />
</head><br />
<body><br />
<h1>Mallperri Chawg</h1><br />
<h2 class="nawnishan">Ferbuni HTML</h2><br />
<h3>Waney yekem</h3><br />
<p>Serderr le 6 tuxim pekhatun h1 gewretiriniyane u h6 bichuktiriniyane, bekardet<br />
bo nusini nawnishani babet u perre. Tuxmekani header gorrankari toxi u gewreyi<br />
qebare edat be nawerroki tuxim.</p><br />
</body><br />
</html><br />
</source><br />
ئەم کۆدەی سەرەوە لە دەستکاریکەرێکدا بنووسە و بە وێبگەڕ پەڕەکە بکەرەوە تا ئەنجامەکەی ببینیت. بینووسە! ڕوونووسی مەکە تا فێربیت!<br />
<br />
<br />
== بەستەر - Link ==<br />
=== توخمی بەستەر ===<br />
گرنگترین و زۆرترین توخمی بەکاربراوە کە بریتییە لە بە ناونیشانکردنی دەقێک کە بە کرتەکردن لێی بەکارهێنەر ڕەوانە دەکرێت بۆ ئەو ناونیشانەی تیایدا نووسراوە. بە شێوەیەکی سادە توخمەکە بریتییە لە:<br />
<source lang="html4strict"><a href="http://www.chawg.org/wiki/chawg">Chawg</a></source><br />
دەرەنجام: [[Chawg]]<br />
* توخمی <tt>a</tt> (لەنگەر/anchor) بەکاردێت بۆ دروستکردنی بەستەر.<br />
* ناوی تایبەتمەندی <tt>href</tt> واتە (Hypertext reference) دەبێت نرخەکەی ناونیشانی ئەو بەستەر (URL) ـە بێت کە دەتەوێت بەکارهێنەری بۆ ڕەوانە بکەیت. بەستەر دروست نابێت بە بێ تایبەتمەندی <tt>href</tt><br />
* ناوەڕۆکی توخم ئەو دەقە دەبێت کە وەک بەستەر دەردەکەوێت کە لێرەدا "Mallperri Chawg" ـە.<br />
=== کردنەوە لە شوێنێکی دیاریکراو ===<br />
گرنگترین تایبەتمەندی لە پاش <tt>href</tt> تایبەتمەندی <tt>target</tt> ـە کە بەکاردێت بۆ پێدانی شوێنێکی دیاریکراو بۆ کرانەوەی بەستەر تیایدا وەک کرانەوە لە پەنجەرەیەکی نوێدا یان لە چوارچێوەیەک لە هەمان پەڕە و پەنجەرەدا (کاتێک پەڕەکە دابەشکرابێت بۆ چەند چوارچێوەیەک)<br />
<br />
* کردنەوە لە پەڕەیەکی نوێدا:<br />
<source lang="html4strict"><a target="_blank" href="http://www.chawg.org">Chawg</a></source><br />
* کردنەوە لە چوارچێوەیەکدا:<br />
<source lang="html4strict"><a target="rightframe" href="http://www.chawg.org">Chawg</a></source><br />
rightframe ناوی ئەو چوارچێوەیە دەبێت کە لە پەڕەکەدا هەیە.<br />
<br />
=== بەستەر بۆ دەقێک لە هەمان پەڕەدا ===<br />
چوارچێوەیەک لە سەرەوە دەبینیت نووسراوە "ناوەڕۆک" بە کرتەکردن لە هەر بەستەرێکی ناو چوارچێوەکە دەگەیتە شوێنێک لە هەمان ئەم پەڕەیەدا. ئەمە بریتییە لە بەستەرکردن بۆ دەقێک کە لە هەمان پەڕەی بەستەرەکەدا هەیە. بۆ نموونە من دەنووسم "بۆ خوێندنەوە لەسەر DTD کرتە لێرە بکە" دەمەوێت بیکەمە بەستەر و ڕەوانەی ئەو دەقەی سەرەوەی بکەم کە بەم شێوەیە دەبێت:<br />
* ئەبێت ناونیشانێک بدەم بەو دەقەی ئەمەوێت بەستەری بۆ بکرێت:<br />
<source lang="html4strict"><a name="DTD">DTD</a></source><br />
ئەمە کۆدی ئەو نووسراوەیە کە لە سەرەوە نووسراوە ئەویش بە پێدانی تایبەتمەندی <tt>name</tt>. وشەی DTD ـی نرخی تایبەتمەندییەکەش، ناونیشانەکەیە (DTD ناوەڕۆکی توخم نا).<br />
* بەستەر بەم شێوەیە دەنووسرێت:<br />
<source lang="html4strict"><a href="#DTD">بۆ خوێندنەوە لەسەر DTD کرتە لێرە بکە</a></source><br />
دەرەنجام: [http://www.chawg.org/wiki/index.php?title=HTML#DTD بۆ خوێندنەوە لەسەر DTD کرتە لێرە بکە]<br />
<br />
== وێنە – Image ==<br />
توخمی وێنە یەکێکە لەو توخمانەی کە لە تاگێک پێکهاتووە و خۆی خۆی دائەخاتەوە. توخمەکە پێکهاتووە لە:<br />
<source lang='html4strict'><img src="http://domain.com/image.png" /></source><br />
=== تایبەتمەندی src ===<br />
تایبەتمەندی <tt>src</tt> تایبەتمەندی بنەڕەتی توخمی وێنەیە. نرخی تایبەتمەندی پێویستە ڕێڕەو (path) ـی وێنەکە بێت.<br />
ئەگەر بوخچەیەکمان هەبێت بە ناوی myweb لە ناویدا دوو بوخچەی تر بە ناوەکانی files و ئەوی تر images. لەناو بوخچەی files ـیشدا بوخچەیەکی ترمان هەبێت بە ناوی thumbs. بەم شێوەیە:<br />
<pre><br />
/wene1.jpg<br />
/myweb/wene2.jpg<br />
/myweb/files/perre.html<br />
/myweb/files/thumbs/wene3.jpg<br />
/myweb/images/wene4.jpg<br />
<br />
</pre><br />
گەر پێکهاتە پەڕگەکانمان وەک ئەوەی سەرەوە بێت و بمانەوێت لە perre.html ـەوە بەستەر بکەین بۆ wene3.jpg. دەبێت بەم شێوەیە ڕێڕەوەکە بنووسین:<br />
<source lang='html4strict'><img src="thumbs/wene3.jpg" /></source><br />
بەڵام ئەگەر بمانەوێت بەستەر بکەین بۆ wene2.jpg، بەم شێوەیە دەبێت:<br />
<source lang='html4strict'><img src="../wene2.jpg" /></source><br />
<br />
لەبەر ئەوەی پەڕگەکە لە بوخچەی files ـدایە وێنەکە و لە بوخچەی myweb ـدایە کە بوخچەیەک سەرووترە بۆیە دەبێت دوو خاڵ دابنێین لەپێشی. ئەگەر وێنەکە دوو بوخچە سەرووتر بوو وەک وێنەی wene1.jpg، ئەوە دوو جار خاڵەکان دا دەنێین، وەک:<br />
<source lang='html4strict'><img src="../../wene1.jpg" /></source><br />
<br />
وە بەستەر بۆ wene4.jpg بەم شێوەیە دەبێت:<br />
<source lang='html4strict'><img src="../images/wene4.jpg" /></source><br />
دەشتوانین لە ڕێڕەوی بەستەرەکە ناونیشانێکی تەواوەتی بنووسین، وەک:<br />
<source lang='html4strict'><img src="http://domain.com/uploads/images/wene5.jpg" /></source><br />
<br />
[[Image:Html_alt_title.gif|left|thumb|180px|تایبەتمەندییەکانی title و alt ـی توخمی وێنە ]]<br />
=== تایبەتمەندییەکانی alt و title ===<br />
تایبەتمەندییەکانی <tt>alt</tt> و <tt>title</tt> دوو تایبەتمەندی نزیکن لەیەکەوە. هەمیشە بەکارهێنەر لێی تێک دەچێت کە کامیان بەکار ببات لە توخمەکەدا.<br />
تایبەتمەندی <tt>alt</tt> کە چیتر بووەتە تایبەتمەندییەکی گرنگ و پێویست. پیشان دەدرێت، کاتێک وێبگەڕ پاڵپشتی پیشاندانی وێنە ناکات یان بەکارهێنەر وای کردووە کە وێنە پیشان نەدرێت. ئەویش بریتییە لە چەند وشەیەکی کەم وەک دەقێکی جێگرەوە بۆ وێنەکە تا بەکارهێنەر لە ناوەڕۆکی وێنەکە تێ بگات.<br />
<source lang='html4strict'><img src="http://domain.org/ferbunihtml.png" alt="فێربوونی هتمل" /></source><br />
بەڵام تایبەتمەندی <tt>title</tt> تایبەتمەندییەکی جیایە لە <tt>alt</tt>. نرخی تایبەتمەندی <tt>title</tt> کاتێک پیشان دەدرێت کە بەکارهێنەر نیشاندەری مشکەکە دەباتە سەر وێنەکە. دەتوانیت هەردوو تایبەتمەندییەکە لە هەمان توخمی وێنەدا دابنێیت، بەڵام شارەزایان وا ئامۆژگاری دەکەن کە تایبەتمەندی alt بەکارببرێت بۆ هەموو وێنەیەک و تایبەتمەندی <tt>title</tt> ـیش کاتێک بەکارببرێت کە وێنە بەستەر بێت بۆ لاپەڕەیەک و لە نرخی تایبەتمەندی title ناونیشانی پەرە بەستەربۆکراوەکە بنووسین.<br />
<source lang='html4strict'><a href="http://www.chawg.org/wiki/index.php?title=HTML"><br />
<img src="http://chawg.org/images/html_wiki_chawg.png" alt="فێربوونی هتمل" title="فێربوونی زمانی هتمل بە کوردی" /></a></source><br />
تێبینی: لەم نموونەیەی سەرەوە توخمی وێنە بووەتە ناوەڕۆکی توخمی بەستەر کە لێرەدا وێنەکە دەبێتە بەستەر.<br />
<br />
=== تایبەتمەندییەکانی Height و Width ===<br />
هەردوو تایبەتمەندی <tt>height</tt> و <tt>width</tt> ـیش بەرزی و پانی وێنەکە دیاری دەکەن کە دەتوانیت قەبارەی وێنەکەی پێ زیاد یان کەم بکەیت. دیاریکردنی پانی و بەرزی وێنەکان دەبنە هۆی تێک نەچوونی layout ـی پەرەکە کاتێک پەڕەکە خەریکە دەکرێتەوە و وێنەکان بەتەواوی load نەبوون.<br />
نموونەیەک کە هەموو تایبەتمەندییەکانی لەخۆ گرتووە:<br />
<source lang='html4strict'><img src="http://domain.org/ferbunihtml.png" alt="فێربوونی هتمل" title="فێبوونی زمانی هتمل بەکوردی" height="100" width="140"/></source><br />
<br />
== لیست – List ==<br />
[[Image:Html_list.gif|left|thumb|200px|جۆرەکانی لیستی HTML]]<br />
لە HTML ـدا سێ جۆر لیستمان هەیە. یەکەم، لیستی ڕیزکراو. دووەم، لیستی ڕیزنەکراو. سێیەم، لیستی پێناسە.<br />
=== لیستی ڕیزکراو - Ordered List ===<br />
لەم لیستەدا دانەکانی لیست بە ژمارە یاخود پیت ڕێکدەخرێن توخمی <tt>ol</tt> بەکاردەبرێت بۆ دیاریکردنی ئەم جۆرە لیستە. دانەکانی هەردوو لیستی ڕیزکراو و ڕیزنەکراو دەخرێنە نێو توخمی <tt>li</tt> ـیەوە.<br />
نموونە:<br />
<source lang="html4strict"><br />
<ol type="a"><br />
<li>ڕیزکراوی ١</li><br />
<li>ڕیزکراوی ٢</li><br />
<li>ڕیزکراوی ٣</li><br />
</ol><br />
</source><br />
<br />
دەتوانین چەند نرخێک بۆ type دابنێین. لەوانە <tt>a</tt> بۆ ڕیزکردن بە پیتی بچوک، <tt>A</tt> بۆ پیت گەورە، <tt>I</tt> بۆ ڕیزکردنی ڕۆمانی گەورە و <tt>i</tt> ـیش بۆ بچوک.<br />
تایبەتمەندی start بەکاردێت بۆ دیاریکردنی دەستپێکردنی لیستەکە لە ژمارەیەکەوە. نرخی تایبەتمەندی هەمیشە دەبێت ژمارەی ئینگلیزی بێت ئەگەر چیش جۆری ڕیزکردنەکە پیت یان ژمارەی ڕۆمانی بێت، وەک:<br />
<br />
<source lang="html4strict"><br />
<ol type="a" start="4"><br />
<li>ڕیزکراوی ١</li><br />
<li>ڕیزکراوی ٢</li><br />
<li>ڕیزکراوی ٣</li><br />
</ol><br />
</source><br />
<br />
لێرەدا ڕیزکردنەکە لە پیتی D ـیەوە دەستپێدەکات هەتاوەکو E. هەڵەیە ئەگەر بنووسین <code>start="d"</code><br />
=== لیستی ڕیزنەکراو - Unordered List ===<br />
لەم لیستەدا دانەکان ڕیزنەکراون و لە پێش هەر دانەیەک خاڵێک، بازنەیەک یان دیسکێک دادەنرێت. توخمی <tt>ul</tt> بەکاردەبرێت بۆ دیاریکردنی لیستەکە.<br />
نموونە:<br />
<source lang="html4strict"><br />
<ul><br />
<li>ڕیزنەکراوی ١</li><br />
<li>ڕیزنەکراوی ٢</li><br />
<li>ڕیزنەکراوی ٣</li><br />
<li>ڕیزنەکراوی ٤</li><br />
</ul><br />
</source><br />
<br />
تایبەتمەندی <tt>type</tt> لە لیستی ڕیزنەکراودا بەکاردێت بۆ دیاریکردنی ئەوەی کە چ هێمایەک لە پێش دانەکانی لیستەکەدا بێت.<br />
نموونە:<br />
<source lang="html4strict"><br />
<ul type="circle"><br />
<li>ڕیزنەکراوی ١</li><br />
<li>ڕیزنەکراوی ٢</li><br />
</ul><br />
</source><br />
<br />
تێبینی: هەردوو تایبەتمەندی <tt>type</tt> و <tt>start</tt> لە تایبەتمەندییە لابراوەکانن.<br />
=== لیستی پێناسە – Definition List ===<br />
ئەم لیستە پێکدێت لە دەستەواژەیەک و پێناسەکەی. دەستەواژە دەکرێتە نێو توخمی <tt>dt</tt> ـیەوە و پێناسەی دەستەواژەکەش لە دوای ئەو دێت لە نێو توخمی <tt>dd</tt> ـدا. هەردووکیشیان پێکەوە دەکرێنە نێو توخمی <tt>dl</tt> ـەوە.<br />
dt = definition Term, dd = Definition Description, dl = Definition List<br />
<br />
نموونە:<br />
<source lang="html4strict"><br />
<dl><br />
<dt>نەورۆز</dt><br />
<dd>یەکەمین مانگی ساڵی کوردییە.</dd><br />
<dt>سەگ</dt><br />
<dd>گیاندارێکی بەوەفایە.</dd><br />
</dl><br />
</source><br />
<br />
== خشته - Table ==<br />
تاگ و توخمەکان لە پێکهێنانی توخمی سەرەکی خشتە کەمێک چڕترن وەک لە توخمەکانی تر، بەڵام پاش تێگەیشتنی دەبینین هیچ ئاڵۆزییەکی تیادا نییە.<br />
<br />
<source lang='html4strict'><br />
<table border="1" ><br />
<tr> <br />
<td>خانەی ١، ڕیزی ١</td> <br />
<td>خانەی ٢، ڕیزی ١</td> <br />
<td>خانەی ٣، ڕیزی ١</td> <br />
</tr> <br />
<br />
<tr> <br />
<td>خانەی ١، ڕیزی ٢</td> <br />
<td>خانەی ٢، ڕیزی ٢</td> <br />
<td>خانەی ٣، ڕیزی ٢</td> <br />
</tr><br />
<br />
<tr> <br />
<td>خانەی ١، ڕیزی ٣</td> <br />
<td>خانەی ٢، ڕیزی ٣</td> <br />
<td>خانەی ٣، ڕیزی ٣</td> <br />
</tr><br />
<table><br />
</source><br />
<br />
نموونەکەی سەرەوە خشتەیەکی ٩ خانەیی دروست دەکات، پێک هاتووە لە ٣ ستوون و ٣ ئاسۆ. کە ئەم توخمانەی تیا دەبینین:<br />
<br />
* توخمی <tt>table</tt>: توخمی سەرەکییە لە پێکهێنانی خشتەکە.<br />
* توخمی <tt>tr</tt>: واتە هەر ئاسۆیەکی خشتەکە ('''T'''able '''R'''ow) کە بەکاردێت بۆ پێکهێنانی هەر دێڕێک یان ئاسۆیەک لە خشتەکە. ئەم توخمانە بریتین لە ناوەڕۆکی توخمی table (دەکەونە نێو توخمی <tt>table</tt> ـەوە.)<br />
* توخمی <tt>td</tt>: واتە هەر تاکە خانەیەک ('''T'''able '''D'''ata) کە بەشداری دەکەن لە پێکهێنانی سەراپای خشتەکە. ئەم توخمانە بریتین لە ناوەڕۆکی توخمی <tt>tr</tt> (دەکەونە نێو توخمی <tt>tr</tt> ـەوە.)<br />
<br />
تێبینی:<br />
* تایبەتمەندی <tt>border</tt> پێویستە بنووسرێت تا چوارچێوەی خشتەکە دیاری بکات.<br />
* هەندێک جار وا پێویست دەکات ئاسۆی یەکەمی خشتە وەک سەردێڕ لێ بکەیت. ئەمەش ئەنجام دەدرێت بە دانانی توخمی <tt>th</tt> لە بری <tt>td</tt> ـیەکان. کە کاریگەری تۆخکردن و ناوەندکردن دەداتە دەقی نێو خانەکە. وەک لە نموونەی داهاتوودا بەکاربراوە.<br />
<br />
===تایبەتمەندییەکانی خشتە===<br />
<br />
زۆرینەی ئەو تایبەتمەندییانەی پاڵپشتی لە توخمەکانی خشتە ئەکەن، لە بێ بایەخەکانن یان چیتر لە وەشانە نوێیەکانی HTML ـدا Valid نین. لەوانەش وەک: height, bgcolor, nowrap, Align.<br />
تایبەتمەندییە گرنگەکانی خشتە ئەمانەن (کە لەو پارچە کۆدەی خوارەوە هەموویان بەکاربراون):<br />
* تایبەتمەندی <tt>border</tt>: بۆ دیاریکردنی قەبارەی سنوورەکانی خشتەکە.<br />
* تایبەتمەندی <tt>width</tt>: بۆ دیاریکردنی قەبارەی خشتە و خانەکان.<br />
* تایبەتمەندی <tt>cell-padding</tt>: بۆ دوورخستنەوە نووسراوی نێو خانەکان لە لێواری خانەکانی خشتەکە. ئەگەر ئەم تایبەتمەندییە نەنوسرێت بە شەوەیەکی بنەڕەت نرخەکەی بە ١ خاڵ (پیکسڵ) دادەنرێت<br />
* تایبەتمەندی <tt>cell-spacing</tt>: بۆ کەمکردن و زیادکردنی بۆشایی نێوان لێواری خانەکان. بۆ دوورخستنەوە نووسراوی نێو خانەکان لە لێواری خانەکانی خشتەکە. ئەگەر ئەم تایبەتمەندییە نەنوسرێت بە شەوەیەکی بنەڕەت نرخەکەی بە ٢ خاڵ (پیکسڵ) دادەنرێت.<br />
* تایبەتمەندی <tt>colspan</tt>: بەکار دێت بۆ درێژکردنەوەی خانەیەکی ئاسۆیی بەدرێژایی چەند خانەیەکی دیاریکراوی ستوونی.<br />
* تایبەتمەندی <tt>rowspan</tt>: بەکار دێت بۆ درێژکردنەوەی خانەیەکی ستوونی بەدرێژایی چەند خانەیەکی دیاریکراوی ئاسۆیی.<br />
<br />
<source lang='html4strict'><br />
<table border="1" width="800" cellpadding="3" cellspacing="0"><br />
<tr> <br />
<th colspan="2">خانەی ١ و ٢، ڕیزی ١</th> <br />
<br />
<th>خانەی ٣، ڕیزی ١</th> <br />
</tr> <br />
<br />
<tr> <br />
<td rowspan="2">خانەی ١، ڕیزی ١ و ٣</td> <br />
<td width="15%">خانەی ٢، ڕیزی ٢</td> <br />
<td>خانەی ٣، ڕیزی ٢</td> <br />
</tr><br />
<br />
<tr> <br />
<br />
<td>خانەی ٢، ڕیزی ٣</td> <br />
<td>خانەی ٣، ڕیزی ٣</td> <br />
</tr><br />
<table><br />
</source><br />
<br />
دوو تایبەتمەندی تریش هەن، ئەوانیش <tt>rules</tt> و <tt>frame</tt>. تایبەتمەندی <tt>rules</tt> بەکاردێت بۆ شاردنەوە و بەدیارخستنی هێڵەکانی نێوان خانەکان کە ئەم نرخانە وەردەگرێت: <tt>rows</tt>, <tt>cols</tt>, <tt>all</tt>, <tt>none</tt>. تایبەتمەندی <tt>frame</tt> ـیش بۆ هێڵەکانی چوارچێوەی خشتەکە، ئەم تایبەتمەنییانە وەردەگرێت: <tt>above</tt>, <tt>below</tt>, <tt>lhs</tt>, <tt>rhs</tt>, <tt>hsides</tt>, <tt>vsides</tt>, <tt>border</tt>. <tt>box</tt>, <tt>viod</tt>.<br />
نموونە:<br />
<br />
<source lang="html4strict"><br />
<table rules="all" frame="hsides"><br />
<tr> <br />
<td>خانەی ١، ڕیزی ١</td> <br />
<td>خانەی ٢، ڕیزی ١</td> <br />
<td>خانەی ٣، ڕیزی ١</td> <br />
</tr> <br />
<br />
<tr> <br />
<td>خانەی ١، ڕیزی ٢</td> <br />
<td>خانەی ٢، ڕیزی ٢</td> <br />
<td>خانەی ٣، ڕیزی ٢</td> <br />
</tr><br />
<table><br />
</source><br />
<br />
تێبینی: کاریگەرییەکانی وەک گۆڕینی قەبارە، جۆر و ڕەنگی فۆنت، خشتە و خانەکان دەبێت بە [[CSS]] ئەنجام بدرێن.<br />
<br />
==فۆرم - Form ==<br />
فۆڕم بەکاردێت بۆ داغڵکردن و ناردنی زانیاری لەلایەن بەکارهێنەرەوە، وەک فۆڕمی پەیوەندی، فۆڕمی چوونەژوورەوە...<br />
<br />
لەناو فۆڕمدا، توخمەکانی فۆڕم دەنووسین، کە ئەوانیش <tt>textarea</tt>, <tt>input</tt>, <tt>select</tt>... ـن.<br />
<source lang="html4strict"><br />
<form action="contact.php" method="get"><br />
<br />
</form><br />
</source><br />
فۆرڕم لە HTML ـدا ناکارایە و تەنها پیشاندانە، بۆیە پێویستمان بە [[زمانی بزۆک|زمانێکی بزۆک]] دەبێت بۆ کارپێکردنی فۆڕمەکە. وەک لەسەرەوە دەبینیت تایبەتمەندی <tt>action</tt> فۆڕمەکەی پەیوەست کردووە بە زمانە بزۆکەکەوە. تایبەتمەندی <tt>method</tt> ـیش کە هەردوو نرخی <tt>get</tt> و <tt>post</tt> ـی هەیە، <tt>post</tt> بۆ شاردنەوە و <tt>get</tt> بۆ پیشاندانی زانیارییەکان بەکاردێت لە URL ـدا.<br />
<br />
<br />
===تێکردن - input ===<br />
input زۆرترین تاگی بەکاربراوی توخمی فۆڕمە. کە دەتوانین بەپێی نرخی تایبەتمەندیی <tt>type</tt> جۆری ئەو فۆڕمەکەی دیاری بکەین. نرخەکانی تایبەتمەندیی <tt>type</tt> کە جۆری فۆڕمەکە دیاری دەکەن، ئەمانەن: <tt>text</tt>, <tt>password</tt>, <tt>file</tt>, <tt>checkbox</tt>, <tt>radio</tt>, <tt>submit</tt>, <tt>reset</tt>, <tt>button</tt>, <tt>hidden</tt>, <tt>image</tt><br />
<br />
چۆنێتی بەکارهێنانیان (کۆدەکە لە پەڕگەیەکدا ڕوونووس بکە تا دەرەنجامەکانیان ببینیت):<br />
<br />
<source lang="html4strict"><br />
<input type="text" name="username" /><br /><br />
<input type="password" name="pass" /><br /><br />
<input type="file" name="uploader" /><br /><br />
<input type="submit" name="submitbtn" value="Send" /><br />
<input type="reset" name="resetfields" value="Clean Fields" /><br /><br />
<input type="checkbox" checked="checked" name="remembermechbx" /><br /><br />
<input type="radio" name="radiobtn" value="Male" /><br />
<input type="radio" name="radiobtn" value="Female" /><br /><br />
<input type="button" name="custombtn" value="A Custom Button" /><br /><br />
<input type="image" name="img" value="sent" src="images/send.png" alt="Send (image button)" /><br /><br />
<input type="hidden" name="hiddenfld" value="usr955" /><br />
</source><br />
<br />
* <tt>text</tt> - خانەیەکی تاک هێڵییە بەکاردێت لەکاتی داغڵکردنی ناو، تێپەڕەوشە، ئیمەیل...<br />
* <tt>password</tt> - بەهەمان شێوەی <tt>text</tt> بەڵام لەکاتی نووسینی تێپەڕەوشەدا بەکاردێت تا وشەکان بشاردرێنەوە.<br />
* <tt>file</tt> - بۆ بارکردنی پەڕگەیەک لە کۆمپیوتەری بەکارهێنەرەوە، وەک لە uploader ـەکاندا.<br />
* <tt>submit</tt> - دوگمەیەکە لە فۆڕمەکەدا بەکاردێت لە ناردنی زانیارییەکانی نێو فۆڕمەکە.<br />
* <tt>reset</tt> - بەکاردێت بۆ بەتاڵکردنەوەی ئەو زانیارییانەی بەکارهێنەر لەنێو فۆڕمەکەدا نووسیویەتی.<br />
* <tt>checkbox</tt> - بەکاردێت لە هەڵبژاردندا. کاتێک چەند هەڵبژاردنێک دیاری کراوە و بەکارهێنەر دەتوانێ زیاد لە دانەیەک هەڵبژێرێت.<br />
* <tt>radio</tt> - بەکاردێت لە هەڵبژاردندا. کاتێک چەند هەڵبژاردنێک دیاری کراوە و بەکارهێنەر دەتوانێ تەنها یەکێک هەڵبژێرێت.<br />
* <tt>button</tt> - دوگمەیەکە، بەڵام ئەم زانیاری نێو فۆڕمەکە نانێرێت بۆ ڕاژە، بەڵکو پێوسیتە بە سکریپتێکی وەک جاڤاسکریپتەوە ببەسرێتەوە بۆ کارپێکردنی ڕاستەوخۆی سکریپتەکە.<br />
* <tt>image</tt> - دوگمەیەکی ناردنە وەک <tt>submit</tt> بەڵام بە وێنە.<br />
* <tt>hidden</tt> - خانەیەکی شاراوەیە کە بەکارهێنەر نایبینێت. بەزۆری بەکاردێت کاتێک فۆڕم لە چەند پەڕەیەک پێکهاتووە و پێویستە زانیارییەکانی پەڕەی یەکەم پاشەکەوتبکرێن و هەڵبگیرێن بۆ پەڕەکانی تر.<br />
<br />
<br />
بۆ نموونە لە دروستکردنی فۆڕمێکی چوونەژوورەوە، بەم شێوەیە فۆڕم بەکاردەهێنین:<br />
<br />
<source lang="html4strict"><br />
<form action="login.php" method="post"><br />
Username: <input type="text" name="username" /><br /><br />
Password: <input type="password" name="password" /><br /><br />
<input type="checkbox" name="rememberchkbox" value="autologin" />Automatically log me in every time I visit.<br />
<br /><br />
<input type="submit" name="submitit" value="Submit Data" /><br />
</form><br />
</source><br />
<br />
===ڕووبەرى دەق - textarea===<br />
textarea خانەیەکی گەورەیە بۆ نووسینی دەقێکی زۆر بەکاردێت. بە پێچەوانەی توخمی input ـەوە، textarea تاگی سەرەتا و کۆتایی هەیە . وە پێوستە تایبەتمەندییەکانی <tt>rows</tt> و <tt>cols</tt> بنووسیت بۆ دیاریکردنی بەرزی و پانی خانەکە.<br />
<source lang="html4strict"><br />
<textarea name="postfield" rows="10" cols="50">Deqeket lere binuse</textarea><br />
</source><br />
* هەردوو تایبەتمەندیی readonly و disabled بەکاردێت بۆ ناچالاککردنی خانەکە و نەهێشتنی دەستکاریکردنی لەلایەن بەکارهێنەرەوە. وەک ئەم نموونەیە:<br />
<source lang="html4strict"><br />
<textarea name="postfield" rows="10" cols="50" readonly="readonly">Natiwanit destkari em deqe bikeyt</textarea><br />
</source><br />
<br />
=== Drop Down ===<br />
Drop Down لیستێکە لە کۆمەڵێک هەڵبژاردن بۆ دیاریکردنی دانەیەک یان زیاتر، وەک radio و checkbox بەڵام بە شێوەیەکی کۆکراوە.<br />
<br />
توخمی <tt>select</tt> بەکاردەهێنین بۆ دروستکردنی لیستەکە، لە نێو لیستەکەشدا بۆ هەر هەڵبژاردنێک توخمی <tt>option</tt>. بەم شێوەیە:<br />
<br />
<source lang="html4strict"><br />
<select name="dropdownlist"><br />
<option value="ku">Kurd</option><br />
<option value="en">English</option><br />
<option value="fr">French</option><br />
</select><br />
</source><br />
* تایبەتمەندی <code>multiple="multiple"</code> بەکاردێت بۆ دیاریکردنی زیاد لە هەڵبژاردنێک لە لیستەکە. هەروەها تایبەتمەندی <tt>disable</tt>یش بۆ ناچالاککردنی لیستەکە.<br />
* دەتوانین هەڵبژاردنەکان بکەینە دەستە دەستە بە بەکارهێنانی تاگی <tt>optgroup</tt>. بەم شێوەیە:<br />
<source lang="html4strict"><br />
<select name="countrieslist"><br />
<optgroup label="Middle East"><br />
<option value="ir">Iran</option><br />
<option value="iq">Iraq</option><br />
<option value="jo">Jordan</option><br />
<option value="sa">KSA</option><br />
</optgroup><br />
<br />
<optgroup label="Europe"><br />
<option value="es">Spain</option><br />
<option value="fr">France</option><br />
<option value="de">Germany</option><br />
<option value="it">Italy</option><br />
</optgroup><br />
<br />
<optgroup label="Asia"><br />
<option value="jp">Japan</option><br />
<option value="cn">China</option><br />
<option value="in">India</option><br />
<option value="id">Indonesia</option><br />
</optgroup><br />
</select><br />
</source><br />
<br />
== div و span ==<br />
<tt>div</tt> و <tt>span</tt> بەکاردێن وەک لە پۆلپۆلکردنی کۆمەڵێک دەق و کاریگەری پێدانیان بەهۆی [[CSS]]. تاگی <tt>div</tt> وەک پەرەگراف کاتێک دەدرێت بە دەقێک، هێڵێک پێش خۆی و هێڵێک پاش خۆی جێ دەهێڵێت بەڵام <tt>span</tt> لەنێو هێڵدا. تایبەمەندییەکانیان بریتین لە <tt>class</tt>, <tt>id</tt>, <tt>style</tt><br />
<br />
نموونە:<br />
<source lang="html4strict"><br />
<div class="honrawenus"><br />
Qani' nawi Mihemmed Kabuliye. le salli 1905 le gundi shiler ledayk buwe u salli 1965 be nexoshimirduwe. pallpishti chini cutiyar u hejaran buwe her boye nasrawe be sha'iri chewsawekani Kurdistan<br />
</div><br />
</source><br />
<br />
بەڵام <tt>span</tt>:<br />
<source lang="html4strict"><br />
<p>Kotiri <span style="color:#ffffff">sipi</span> hemay ashtiye.</p><br />
<p>Zanisteki <span style="font-weight:bold;">dirisht</span> u <span style="text-decoration:underline;">kirawe</span>.</p><br />
</source><br />
واتە کاتێک span بەکاردێنین، ئەگەر بمانەوێت کاریگەری بدەینە وشەیەک یان چەند وشەیەکی نێو دێڕێک.<br />
<br />
== توخمەکانی نێو head ==<br />
توخمەکانی نێو head کۆمەڵێک توخمن لەنێو تاگی <tt><head></head></tt>دان. ئەم توخمانە بەکارهێنەر نایان بینێت بەڵام کاریگەری گرنگیان هەیە لەسەر پەڕەکە و وێبگەڕ و بزوێنەرەکانی گەڕان سوود لەم توخمانە وەردەگرن.<br />
<br />
=== توخمی meta ===<br />
توخمی <tt>meta</tt> بەکاردێت بۆ پێدانی زانیاری لەسەر جۆر، نووسەر، پەسن و وشەکلیل...<br />
* بەکارهێنانی تایبەتمەندیی <tt>http-equiv</tt> و <tt>content</tt><br />
<source lang="html4strict"><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
</source><br />
تایبەتمەندی <tt>http-equiv</tt> بەکاردێت لە بوژاندنەوە (refresh)ی پەڕەکە یان ڕێکخستنی کاشکردن. لە تایبەتمەندی <tt>content</tt>یش چارسێت/ئینکۆدینی پەڕەکە دیاری دەکات. ئەو دێڕەی سەرەوە لە هەموو پەڕەیەکی ئاساییدا بەکار دەبرێت. شێوەیەکی تر ئەگەر بمانەوێت پەڕەکە refresh بکات چەند چرکە جارێک یان ئاڕاستەی بکەین بۆ پەڕەیەکی تر نرخی تایبەتمەندی <tt>http-equiv</tt> دەگۆڕین بۆ <tt>refresh</tt> و نرخی <tt>content</tt>یش بۆ ژمارەی چرکەکان لەگەڵ ناونیشانی بەستەرەکە. بۆ نمونە:<br />
<source lang="html4strict"><br />
<meta http-equiv="refresh" content="60" /> // 60 chirke carek perreke refresh ekat<br />
<meta http-equiv="refresh" content="10;http://chawg.org/meko" /> // le diway 10 chirke perreke arraste dekret bo besteri chawg.org/meko<br />
</source><br />
<br />
* بەکارهێنانی تایبەتمەندی وشەکلیل و پەسن:<br />
وشەکلیل (<tt>keywords</tt>) بەکاردێت بۆ ناساندنی ماڵپەڕەکەت لە چەند وشەیەکدا کە بە کۆما لێک جیاکراونەتەوە، پەسنیش (<tt>description</tt>) بە هەمان شێوە بۆ ناساندنی ماڵپەڕ یان پەڕەیەک لە ماڵپەڕەکە بەکاردێت لە ڕستەیەکدا. بەم شێوەیە لەنێو <tt>head</tt> دا دەنووسرێن:<br />
<source lang="html4strict"><br />
<meta name="keywords" content="chawg, mallperri chawg, وێبداڕشتن, هتمڵ بە کوردی, سی ئێس ئێس بە کوردی, پی ئێچ پی بە کوردی" /><br />
<meta name="description" content="چاوگ ماڵپەڕێکی ئایتییە، گرنگی بە بوارەکانی سەچاوەکراوە و وێبداڕشتن دەدات" /><br />
</source><br />
پێشتر بزوێنەرەکانی گەڕان ئەم دوو تایبەتمەندییەیان بەکاردەهێنا بۆ ڕیزکردنی ماڵپەڕەکان لە ئەنجامی گەڕانەکانیاندا. کاتێک بەکارهێنەرێک بۆ وشەیەک دەگەڕا بزوێنەرەکان ئەو ماڵپەڕانەیان دادەنا بە ئەنجامی گەڕان کە وشەکەی تیادابوو، بەڵام لەبەر خراپ بەکارهێنانی ئەو دوو تایبەتمەندییە، ئەمڕۆ زۆربەی بزوێنەری گەڕانەکان فەرامۆشیان کردوون.<br />
<br />
[[Category:WebDesign]]<br />
{{DISPLAYTITLE:فێربوونی زمانی HTML بە کوردی}}</div>
ئارا
https://chawg.org/w/index.php?title=Symbian_%5E3&diff=2083
Symbian ^3
2010-07-15T11:46:25Z
<p>ئارا: /* سەرچاوە */</p>
<hr />
<div>سیمبیان ٣ یەکەم وەشانی [[سەرچاوە کراوە]]ی سیستەمی کارگێڕی [[Symbian|سیمبیان]]ە. وەشانێکی بەرەوپێشبراوی [[Symbian ^2|سیمبیان ٢]]ە کە تیایدا پاڵپشتی ئەکات بۆ [[3D Graphic Accelerator]]، [[HDMI]] بۆ پەیوەست کردن بە تەلفزیۆنی HDیەوە لەگەڵ خێرایی کە سێ ئەوەندەی سیمبیان ٢ خێراترە و توانای لێدانی کوالیتی زۆر بەرزی دەنگ و گرتەی هەیە.<br />
<br />
سیستەمی سیمبیان لەڕووی کردەییەوە لە ١٥ی حوزەیرانی ٢٠١٠ەوە تەواو بووە بەڵام تا ئێستا لەسەر هیچ ئامێرێکی مۆبایل نییە لە بازاڕەکاندا. یەکەم مۆبایلی نۆکیا؛ Nokia N8 وا بڕیارە لە چارەکەی سێیەمی ئەمساڵدا بکەوێتە بازاڕەکانەوە. دامەزراوەی سیمبیانیش ئەوەی ئاشکرا کردووە کە یەکەم مۆبایل بە سیستەمی سیمبیان ٣وە کۆمپانیایەکی ئاسیاییە نەک نۆکیا، بەڵام ڕوون نییە ئەو کۆمپانیا ئاسیاییە کامەیە.<br />
<br />
<br />
== تایبەتمەندییەکانی سیمبیان ٣ ==<br />
* ساناکردنی بەکارهێنان و ڕووکار:<br />
سیمبیان بە گرانترین سیستەمی کارگێڕیی مۆبایل ناسراوە لە ڕووی بەکارهێنان و ناشرینترین دیمەنی ڕووکاری هەیە، بەڵام لە سیمبیان ٣ ڕووکار نوێکراوەتەوە و ساناییی بەکارهێنان لەبەرچاو گیراوە.<br />
* کارکردن بە یەک بەرکەوتن:<br />
لە سیمبیان ١ و سیمبیان ٢ لەسەر ئامێرە ساوپەردە (touchscreen)ەکان پەویستی بە دوو بەرکەوتن هەبوو تا پڕگرامێک بکرێتەوە یان بڵێین سیستەمەکە وەڵامی داواکارییەکەت بداتەوە کە ئەویش وەک ئەوە وابوو لەسەر کۆمپیوتەر هەموو شتێک بە جووت کرتە بێت (Double Click).<br />
* وەڵامدانەوەی دوو پەنجە:<br />
پێشتر سیمبیان تەنها دەیتوانی وەڵامی یەک پەنجە بداتەوە، بەڵام لە ئێستادا وەڵامی دوو پەنجە ئەداتەوە وەک لە هێنانەپێشەوەی و بردنەدوواوەی وێنەیە بە لێک نزیککردنەوە و دوورخستنەوەی پەنجەکانت لە یەکتر لەسەر شاشەکە (Pinch to Zoom).<br />
* باشترکردنی کارکردن لەگەڵ بیرگە:<br />
دەبێتە هۆی بوونی بەتاڵییەکی زیاتری ڕامەکە.<br />
* خێرایی: بەهۆی بوونی Graphic Architectureێكی نوێوە، زۆر خێراتر و وەڵامدەرەوەترە لە وەشانەکانی پێشووتر.<br />
<br />
== ئەمانەش ببینە ==<br />
* [[Symbian|سیمبیان]]<br />
<br />
== سەرچاوە ==<br />
# [http://developer.symbian.org/wiki/index.php/Symbian%5E3 Symbian ^3]<br />
<br />
{{DISPLAYTITLE:سیمبیان ٣}}</div>
ئارا
https://chawg.org/w/index.php?title=Symbian&diff=2082
Symbian
2010-07-15T11:46:12Z
<p>ئارا: /* ئەمانەش ببینە */</p>
<hr />
<div>[[سیمبیان]] (ئینگلیزی Symbian) [[سیستەمی کارپێکردن]]ی ژێدەرکراوەی تایبەت بە [[مۆبایل]]ە و زۆرترین بازاڕی لە سیستەمەکانی مۆبایل داگیرکردووە بە شێوەیەک کە لە هەر ١٠ مۆبایلێک چواریان سیستەمی سیمبیانی لەسەرە.<br />
لە سەرەتاوە لە لایەن Symbian ltd ـیەوە پەرەی پێ دراوە تا لە حوزەیرانی ساڵی ٢٠٠٨ نۆکیا پشکەکانی تری Symbian ltd کڕی و دامەزراوەی سیمبیانی دروست کرد.<br />
<br />
==سیمبیان و سەرچاوەکراوە==<br />
<br />
پاش نیوەڕۆی ٤ی شوباتی ٢٠١٠ [[سیستەمی کارپێکردن]]ی '''Symbian OS''' تەواوی کۆدەکانی کرد بە سەرچاوەی کراوە و خرانە بەردەست بۆ پەرەپێدەران. پێشتر تەنها [[ناووک]]ی Kern سیستەمەکە لەڕێگەی مۆڵەتی گشتی [[Eclipse]] خرابووە بەردەست، بەم کردارە هەموو [[داوانامە]] و [[نەرمەکاڵاکان]]ی [[سیستەم]]ەکە کراون بە [[سەرچاوەکراوە]].<br />
<br />
هەنگاونان بەرەو [[ژێدەرکراوە]]بوونی [[سیمبیان]] لە ساڵی ٢٠٠٨ەوە دەستی پێکرد پاش ئەوەی [[نۆکیا]] زۆرینەی پشکەکانی ئەو [[کۆمپانیا]]یەی کڕی و، [[دامەزراوەی سیمبیان]]ی دروستکرد. کە ئەمەش یەکێکە لەو هەوڵانەی [[نۆکیا]] داویەتی بۆ زیندوکردنەوەی سیمبیان بەتایبەت لەدوای ئەو گەشە خێرایەی iPhone و Android و دابەزینی ڕێژەی بەکارهێنانی سیمبیان، زۆرێک پێیان وایە کە [[سیمبیان]] سیستەمێکی کۆنە و وردەوردە بەکارهێنانی ڕوو لە کەمی دەکات و سیستەمەکانی تری جێگەی دەگرنەوە.<br />
<br />
== ئەمانەش ببینە ==<br />
* [[Symbian ^3|سیمبیان]]<br />
<br />
== بەستەری دەرەکی ==<br />
* [http://www.symbian.org/ ماڵپەڕی سەرەکی سیمبیان]<br />
<br />
==سەرچاوەکان==<br />
# [http://kurditgroup.org/node/12458 سیمبیان ئەبێتە ژێدەرکراوە]، کوردئایتی گرووپ<br />
# [http://www.kosc.org/ku/archives/159 سیستەمی کارپێکردنی تایبەت بە مۆبایل symbian هەموو کۆدەکەی سەربەست کرا]، کۆسک<br />
# [http://www.infoworld.com/d/mobilize/symbian-os-now-fully-open-source-062?source=footer Symbian OS now fully open source]<br />
<br />
[[Category:Software]]<br />
{{DISPLAYTITLE:سیمبیان}}</div>
ئارا
https://chawg.org/w/index.php?title=Symbian_%5E3&diff=2081
Symbian ^3
2010-07-15T11:45:49Z
<p>ئارا: </p>
<hr />
<div>سیمبیان ٣ یەکەم وەشانی [[سەرچاوە کراوە]]ی سیستەمی کارگێڕی [[Symbian|سیمبیان]]ە. وەشانێکی بەرەوپێشبراوی [[Symbian ^2|سیمبیان ٢]]ە کە تیایدا پاڵپشتی ئەکات بۆ [[3D Graphic Accelerator]]، [[HDMI]] بۆ پەیوەست کردن بە تەلفزیۆنی HDیەوە لەگەڵ خێرایی کە سێ ئەوەندەی سیمبیان ٢ خێراترە و توانای لێدانی کوالیتی زۆر بەرزی دەنگ و گرتەی هەیە.<br />
<br />
سیستەمی سیمبیان لەڕووی کردەییەوە لە ١٥ی حوزەیرانی ٢٠١٠ەوە تەواو بووە بەڵام تا ئێستا لەسەر هیچ ئامێرێکی مۆبایل نییە لە بازاڕەکاندا. یەکەم مۆبایلی نۆکیا؛ Nokia N8 وا بڕیارە لە چارەکەی سێیەمی ئەمساڵدا بکەوێتە بازاڕەکانەوە. دامەزراوەی سیمبیانیش ئەوەی ئاشکرا کردووە کە یەکەم مۆبایل بە سیستەمی سیمبیان ٣وە کۆمپانیایەکی ئاسیاییە نەک نۆکیا، بەڵام ڕوون نییە ئەو کۆمپانیا ئاسیاییە کامەیە.<br />
<br />
<br />
== تایبەتمەندییەکانی سیمبیان ٣ ==<br />
* ساناکردنی بەکارهێنان و ڕووکار:<br />
سیمبیان بە گرانترین سیستەمی کارگێڕیی مۆبایل ناسراوە لە ڕووی بەکارهێنان و ناشرینترین دیمەنی ڕووکاری هەیە، بەڵام لە سیمبیان ٣ ڕووکار نوێکراوەتەوە و ساناییی بەکارهێنان لەبەرچاو گیراوە.<br />
* کارکردن بە یەک بەرکەوتن:<br />
لە سیمبیان ١ و سیمبیان ٢ لەسەر ئامێرە ساوپەردە (touchscreen)ەکان پەویستی بە دوو بەرکەوتن هەبوو تا پڕگرامێک بکرێتەوە یان بڵێین سیستەمەکە وەڵامی داواکارییەکەت بداتەوە کە ئەویش وەک ئەوە وابوو لەسەر کۆمپیوتەر هەموو شتێک بە جووت کرتە بێت (Double Click).<br />
* وەڵامدانەوەی دوو پەنجە:<br />
پێشتر سیمبیان تەنها دەیتوانی وەڵامی یەک پەنجە بداتەوە، بەڵام لە ئێستادا وەڵامی دوو پەنجە ئەداتەوە وەک لە هێنانەپێشەوەی و بردنەدوواوەی وێنەیە بە لێک نزیککردنەوە و دوورخستنەوەی پەنجەکانت لە یەکتر لەسەر شاشەکە (Pinch to Zoom).<br />
* باشترکردنی کارکردن لەگەڵ بیرگە:<br />
دەبێتە هۆی بوونی بەتاڵییەکی زیاتری ڕامەکە.<br />
* خێرایی: بەهۆی بوونی Graphic Architectureێكی نوێوە، زۆر خێراتر و وەڵامدەرەوەترە لە وەشانەکانی پێشووتر.<br />
<br />
== ئەمانەش ببینە ==<br />
* [[Symbian|سیمبیان]]<br />
<br />
== سەرچاوە ==<br />
[http://developer.symbian.org/wiki/index.php/Symbian%5E3 Symbian ^3]<br />
<br />
{{DISPLAYTITLE:سیمبیان ٣}}</div>
ئارا
https://chawg.org/w/index.php?title=Symbian&diff=2080
Symbian
2010-07-15T11:45:47Z
<p>ئارا: </p>
<hr />
<div>[[سیمبیان]] (ئینگلیزی Symbian) [[سیستەمی کارپێکردن]]ی ژێدەرکراوەی تایبەت بە [[مۆبایل]]ە و زۆرترین بازاڕی لە سیستەمەکانی مۆبایل داگیرکردووە بە شێوەیەک کە لە هەر ١٠ مۆبایلێک چواریان سیستەمی سیمبیانی لەسەرە.<br />
لە سەرەتاوە لە لایەن Symbian ltd ـیەوە پەرەی پێ دراوە تا لە حوزەیرانی ساڵی ٢٠٠٨ نۆکیا پشکەکانی تری Symbian ltd کڕی و دامەزراوەی سیمبیانی دروست کرد.<br />
<br />
==سیمبیان و سەرچاوەکراوە==<br />
<br />
پاش نیوەڕۆی ٤ی شوباتی ٢٠١٠ [[سیستەمی کارپێکردن]]ی '''Symbian OS''' تەواوی کۆدەکانی کرد بە سەرچاوەی کراوە و خرانە بەردەست بۆ پەرەپێدەران. پێشتر تەنها [[ناووک]]ی Kern سیستەمەکە لەڕێگەی مۆڵەتی گشتی [[Eclipse]] خرابووە بەردەست، بەم کردارە هەموو [[داوانامە]] و [[نەرمەکاڵاکان]]ی [[سیستەم]]ەکە کراون بە [[سەرچاوەکراوە]].<br />
<br />
هەنگاونان بەرەو [[ژێدەرکراوە]]بوونی [[سیمبیان]] لە ساڵی ٢٠٠٨ەوە دەستی پێکرد پاش ئەوەی [[نۆکیا]] زۆرینەی پشکەکانی ئەو [[کۆمپانیا]]یەی کڕی و، [[دامەزراوەی سیمبیان]]ی دروستکرد. کە ئەمەش یەکێکە لەو هەوڵانەی [[نۆکیا]] داویەتی بۆ زیندوکردنەوەی سیمبیان بەتایبەت لەدوای ئەو گەشە خێرایەی iPhone و Android و دابەزینی ڕێژەی بەکارهێنانی سیمبیان، زۆرێک پێیان وایە کە [[سیمبیان]] سیستەمێکی کۆنە و وردەوردە بەکارهێنانی ڕوو لە کەمی دەکات و سیستەمەکانی تری جێگەی دەگرنەوە.<br />
<br />
== ئەمانەش ببینە ==<br />
[[Symbian ^3|سیمبیان]]<br />
<br />
== بەستەری دەرەکی ==<br />
* [http://www.symbian.org/ ماڵپەڕی سەرەکی سیمبیان]<br />
<br />
==سەرچاوەکان==<br />
# [http://kurditgroup.org/node/12458 سیمبیان ئەبێتە ژێدەرکراوە]، کوردئایتی گرووپ<br />
# [http://www.kosc.org/ku/archives/159 سیستەمی کارپێکردنی تایبەت بە مۆبایل symbian هەموو کۆدەکەی سەربەست کرا]، کۆسک<br />
# [http://www.infoworld.com/d/mobilize/symbian-os-now-fully-open-source-062?source=footer Symbian OS now fully open source]<br />
<br />
[[Category:Software]]<br />
{{DISPLAYTITLE:سیمبیان}}</div>
ئارا
https://chawg.org/w/index.php?title=Symbian_%5E3&diff=2079
Symbian ^3
2010-07-15T11:33:34Z
<p>ئارا: </p>
<hr />
<div>سیمبیان ٣ یەکەم وەشانی [[سەرچاوە کراوە]]ی سیستەمی کارگێڕی [[Symbian|سیمبیان]]ە. وەشانێکی بەرەوپێشبراوی [[Symbian ^2|سیمبیان ٢]]ە کە تیایدا پاڵپشتی ئەکات بۆ [[3D Graphic Accelerator]]، [[HDMI]] بۆ پەیوەست کردن بە تەلفزیۆنی HDیەوە لەگەڵ خێرایی کە سێ ئەوەندەی سیمبیان ٢ خێراترە و توانای لێدانی کوالیتی زۆر بەرزی دەنگ و گرتەی هەیە.<br />
<br />
سیستەمی سیمبیان لەڕووی کردەییەوە لە ١٥ی حوزەیرانی ٢٠١٠ەوە تەواو بووە بەڵام تا ئێستا لەسەر هیچ ئامێرێکی مۆبایل نییە لە بازاڕەکاندا. یەکەم مۆبایلی نۆکیا؛ Nokia N8 وا بڕیارە لە چارەکەی سێیەمی ئەمساڵدا بکەوێتە بازاڕەکانەوە. دامەزراوەی سیمبیانیش ئەوەی ئاشکرا کردووە کە یەکەم مۆبایل بە سیستەمی سیمبیان ٣وە کۆمپانیایەکی ئاسیاییە نەک نۆکیا، بەڵام ڕوون نییە ئەو کۆمپانیا ئاسیاییە کامەیە.<br />
<br />
<br />
== تایبەتمەندییەکانی سیمبیان ٣ ==<br />
* ساناکردنی بەکارهێنان و ڕووکار:<br />
سیمبیان بە گرانترین سیستەمی کارگێڕیی مۆبایل ناسراوە لە ڕووی بەکارهێنان و ناشرینترین دیمەنی ڕووکاری هەیە، بەڵام لە سیمبیان ٣ ڕووکار نوێکراوەتەوە و ساناییی بەکارهێنان لەبەرچاو گیراوە.<br />
* کارکردن بە یەک بەرکەوتن:<br />
لە سیمبیان ١ و سیمبیان ٢ لەسەر ئامێرە ساوپەردە (touchscreen)ەکان پەویستی بە دوو بەرکەوتن هەبوو تا پڕگرامێک بکرێتەوە یان بڵێین سیستەمەکە وەڵامی داواکارییەکەت بداتەوە کە ئەویش وەک ئەوە وابوو لەسەر کۆمپیوتەر هەموو شتێک بە جووت کرتە بێت (Double Click).<br />
* وەڵامدانەوەی دوو پەنجە:<br />
پێشتر سیمبیان تەنها دەیتوانی وەڵامی یەک پەنجە بداتەوە، بەڵام لە ئێستادا وەڵامی دوو پەنجە ئەداتەوە وەک لە هێنانەپێشەوەی و بردنەدوواوەی وێنەیە بە لێک نزیککردنەوە و دوورخستنەوەی پەنجەکانت لە یەکتر لەسەر شاشەکە (Pinch to Zoom).<br />
* باشترکردنی کارکردن لەگەڵ بیرگە:<br />
دەبێتە هۆی بوونی بەتاڵییەکی زیاتری ڕامەکە.<br />
* خێرایی: بەهۆی بوونی Graphic Architectureێكی نوێوە، زۆر خێراتر و وەڵامدەرەوەترە لە وەشانەکانی پێشووتر.<br />
<br />
== سەرچاوە ==<br />
[http://developer.symbian.org/wiki/index.php/Symbian%5E3 Symbian ^3]<br />
<br />
{{DISPLAYTITLE:سیمبیان ٣}}</div>
ئارا
https://chawg.org/w/index.php?title=Symbian_%5E3&diff=2078
Symbian ^3
2010-07-12T11:49:32Z
<p>ئارا: پەڕەیەک دروست کرا بە 'سیمبیان ٣ یەکەم وەشانی سەرچاوە کراوەی سیستەمی کارگێڕی سیمبیانە. وەشانێکی بەر...'</p>
<hr />
<div>سیمبیان ٣ یەکەم وەشانی [[سەرچاوە کراوە]]ی سیستەمی کارگێڕی [[Symbian|سیمبیان]]ە. وەشانێکی بەرەوپێشبراوی [[Symbian ^2|سیمبیان ٢]]ە کە تیایدا پاڵپشتی ئەکات بۆ [[3D Graphic Accelerator]]، [[HDMI]] بۆ پەیوەست کردن بە تەلفزیۆنی HDیەوە لەگەڵ خێرایی کە سێ ئەوەندەی سیمبیان ٢ خێراترە و توانای لێدانی کوالیتی زۆر بەرزی دەنگ و گرتەی هەیە.<br />
<br />
سیستەمی سیمبیان لەڕووی کردەییەوە لە ١٥ی حوزەیرانی ٢٠١٠ەوە تەواو بووە بەڵام تا ئێستا لەسەر هیچ ئامێرێکی مۆبایل نییە لە بازاڕەکاندا. یەکەم مۆبایلی نۆکیا؛ Nokia N8 وا بڕیارە لە چارەکەی سێیەمی ئەمساڵدا بکەوێتە بازاڕەکانەوە. دامەزراوەی سیمبیانیش ئەوەی ئاشکرا کردووە کە یەکەم مۆبایل بە سیستەمی سیمبیان ٣وە کۆمپانیایەکی ئاسیاییە نەک نۆکیا، بەڵام ڕوون نییە ئەو کۆمپانیا ئاسیاییە کامەیە.<br />
<br />
<br />
== تایبەتمەندییەکانی سیمبیان ٣ ==<br />
{{DISPLAYTITLE:سیمبیان ٣}}</div>
ئارا
https://chawg.org/w/index.php?title=HTML&diff=2076
HTML
2010-07-10T15:05:11Z
<p>ئارا: /* توخمەکانی نێو head */</p>
<hr />
<div>[[Image:HTML_Sample_Gedit.gif|left|thumb|390px|نموونەیەکی سادە لە پەڕگەیەکی HTML]]<br />
'''HTML''' ('''ئێچ تی ئێم ئێڵ''' یان '''هتمڵ''') کە کورتکراوەی HyperText Markup Language ـە زمانێکی پیشاندانی پەڕەکانی سەر وێبە کە بەکاردێت بۆ نووسینی هەر پەڕەیەک لەسەر وێب. پەڕگەی HTML تەنها پێکهاتووە لە دەق، کە ئەویش پێکهاتووە لە کۆمەڵێکی زۆر لە تاگ و توخم و نووسراوی ناو پەڕەکە. ئەم تاگانە بە وێبگەڕ دەڵێن کە چۆن نووسین و وێنەکان یان ناوەڕۆکی پەڕەکە دەربکەوێت.<br />
<br />
HTML زۆر ئاسانە بۆ فێربوون بە ڕادەیەک کە کەسێکی دوور لە ئایتی ئەتوانێت لە ماوەیەکی کەمدا فێری HTML ببێت و بینووسێت و دەستکاری بکات. ئەوانەی کە HTML دەنووسن پێیان ناوترێت [[پڕۆگرامنووس]] (Programmer) بەڵکو [[نووسەر]] (Author) لەبەرئەوەی کە زمانێکی پڕۆگرامین نییە بەڵکو زمانێکی پیشاندانە و لە هاوپۆلی [[Java]] و [[C]] و [[BASIC]] نییە.<br />
<br />
<br />
== مانای HTML ==<br />
HyperText مەبەست لەوەیە کە تۆ بە ناو وێبدا دەگەڕێیت لە هەر کاتێکدا و بۆ هەر شوێنێک کە بتەوێت بە کرتەکردن لەو بەستەرانەی لە لاپەڕەکاندا دەیانبینیت نەک بە شێوەیەکی ڕێک و یەک لە دوای یەک.<br />
<br />
Markup بریتییە لە کاری تاگەکان لەسەر نووسراوی ناو پەڕەکە وەک (تۆخکردن، لارکردن، هێڵبەژێرداهێنان، ...) ـی هەر دەقێک.<br />
<br />
Language واتە زمان. HTML زمانە وەک هەموو زمانە جیاوازەکانی تر چونکە کۆد و ڕستەکاری هەیە.<br />
<br />
<br />
==توانای HTML==<br />
<br />
HTML بۆ دروستکردنی ماڵپەڕێکی سادە و تاکەکەسی دەست ئەدات یان بۆ هەر جۆرە ماڵپەڕێک کە نوێکردنەوەی زۆر نەبێت. ئەتوانرێت بە [[CSS]] ـەوە بلکێنرێت بۆ پێدانی شێوازێکی جوانتر و ئاسانتر لە ڕێکخستنیدا. بە پێچەوانەوە HTML بۆ ماڵپەڕێکی بزۆک، فراوان و بازرگانی دەست نادات کە ڕۆژانە نوێ دەکرێتەوە چونکە HTML زمانێکی جێگیرە. داڕشتن و نوێکردنەوەی ئەو ماڵپەڕە گەورانەی کە بە HTML دەنووسرێن کارێکی زۆر گران و کاتبەرە.<br />
<br />
<br />
== تاگەکان ==<br />
HTML لە ڕێی تاگەکانەوە شێوازی دەرکەوتن و نووسین لە پەڕەکەدا ڕێک دەخات. ئەو دەقەی دەمانەوێت گۆڕانکارییەکی بەسەردا بهێنین لە (تۆخکردن، لارکردن، کردن بە پەرەگراف و بەستەر) دەیکەینە نێوان دوو تاگەوە. تاگەکانیش پێکهاتوون لە دوو کەوانەی تیژی داخراو کە لە نێو کەوانەکاندا پیتێک یان وشەیەک دەنووسرێت تا دەقی دیاریکراو گۆڕانکاری ویسیترای بەسەردابێت. وە لە تاگی دووەمدا هێڵێکی لار (/) دادەنرێت کە مەبەست لێی داخستنەوەی توخمەکە و کۆتایی هێنانە بەو شێوازی دەرکەوتنە. بۆ نموونە گەر بمانەوێت دەقێک بە شێوازێکی تۆخ بنووسین، بەم شێوەیە دەبێت:<br />
<source lang="html4strict"><br />
<strong>ئەم نووسراوە تۆخە</strong><br />
</source><br />
بەڵام ژمارەیەکی کەم لە توخمەکان پێکهاتوون لە یەکێک و تاگی داخستنەوەیان نییە وەک تاگی چوونەسەر دێڕی نوێ یان تاگی وێنە:<br />
<source lang="html4strict"><br />
<img src="http://www.domain.com/wene.jpg" /><br />
</source><br />
<br />
تێبینی: لێرەدا دەبینیت پێش کەوانەی کۆتایی هێڵێکی لار دانراوە ئەمەش ئەوە ئەگەیەنێت کە دانانی وێنە لە یەک تاگ پێکهاتووە و تاگەکە خۆی خۆی دائەخاتەوە. ئەشتوانرێت ئەو هێڵێ لارە نەنووسرێت بەڵام لە وەشانی ٤.٠١ ـەوە وا ئامۆژگاریکراوە کە بنووسرێت و تاوەکو لەگەڵ بنەماکانی [[XHTML]] ـیشدا بگوونجێت.<br />
<br />
[[Image:tuxmi_html.gif|left|thumb|280px|توخمی HTML پێکدێت لە (تاگی سەرەتا، تایبەتمەندی، ناوەڕۆکی توخم، تاگی کۆتایی)]]<br />
<br />
== توخمەکان ==<br />
توخمەکان لە تاگی سەرەتاوە دەستپێدەکەن هەتا تاگی کۆتایی کە لە ناویاندا لەوانەیە ناوەڕۆک و/یان تایبەتمەندی هەبن. هەندێک لە توخمەکان بێ ناوەڕۆکن وەک توخمی وێنە. دەشێت هەندێک لە توخمەکان سەرەڕای ناوەڕۆک تایبەتمەندیشیان نەبێت کە بەمانەش دەوترێت توخمە بەتاڵەکان، وەک توخمی چوونەسەر دێڕی نوێ و توخمی هێڵی ئاسۆیی (کە تەنها لە تاگێکی تاک پێکهاتوون).<br />
<pre><br /></pre><br />
<pre><hr /></pre><br />
<br />
== تایبەتمەندییەکان ==<br />
<br />
تایبەتمەندییەکان کە پێک هاتوون لە ناوی تایبەتمەندیی و نرخی تایبەتمەندی بە شێوەی <code>nawi-taybetmendi="nirxi-taybetmendi"</code> دەنووسرێن و دەکەونە نێو تاگی سەرەتای هەر توخمێکەوە ئەم تایبەتمەندییانە زانیاریی زیاتر لەسەر توخمەکە دابین دەکەن، کاریگەرییان لەسەر جێ دەهێڵن یان توخمەکان دیاری دەکەن تا بەهۆی CSS ـەوە کاریگەرییان بەسەردا بهێنرێن. هەندێک نموونە:<br />
* تایبەتمەندی alt لە توخمی وێنەدا کە بە واتای دەقی جێگرەوە دێت (alternative text) بە کاردێت بۆ نووسینی دەقێک تا پیشان بدرێن لەو وێبگەڕانەی پاڵپشتی پیشاندانی وێنە ناکەن یان بەکارهێنەر پیشاندانی وێنەی ناچالاک کردووە.<br />
<source lang="html4strict"><img src="http://chawg.org/img/opensuse.png" alt="OpenSUSE leser computeri Dell mini 9" /></source><br />
* تایبەتمەندی style کە بە شێوەی inline CSS دەتوانیت کاریگەرییەک بهێنیت بەسەر ناوەڕۆکی توخمەکەدا.<br />
<source lang="html4strict"><p style="color:#ff0000;">Eme deqeke ke be rengi sur nusrawe.</p></source><br />
* بە هۆی class و id ـیەوە دەتوانیت دەقێک دیاری بکەیت تا بە هۆی ستایڵ شیتەوە گۆڕانکارییەکیان بەسەردا بهێنیت.<br />
<source lang="html4strict"><div class="nawnishan">Min feri HTML debim.</div></source><br />
تێبینی: نرخی تایبەتمەندییەکان دەبێت لە نێوان تاک یان جووت کۆتەیشندا بنووسرێن لە XHTML، بەڵام لە HTML دەکرێت بە بێ کۆتەیشنیش بنووسرێن.<br />
<br />
== XHTML ==<br />
<tt>eXtensible HyperText Markup Language</tt> داڕشتنەوەی هەمان <tt>HTML</tt> ـە بە پابەندبوون بە بنەماکانی <tt>XML</tt> ـەوە کە دواتر بووە بە پەسەندکراوی W3C.<br />
<br />
== جیاوازی نێوان HTML و XHTML ==<br />
ئەو جیاوازیانەی لە نێوان <tt>HTML</tt> و <tt>XHTML</tt> ـدا هەیە ئەوەیە کە ئەبێت بەڵگەنامەکانی <tt>XHTML</tt> بە درووستی لەسەر ڕێساکانی <tt>XML</tt> نووسرابن، ئەوانیش لەمانەدا خۆی دەگرێتەوە:<br />
*'''هەموو تاگ و توخمەکان داخرابنەوە.''' ئەو تاگانەی تاگی کردنەوە و داخستنەوەیان هەیە پێویستە هەردووکیان بوونیان هەبێت، بۆ نموونە:<br />
نادروست: <pre><h1>Eme headere<h2>Emesh headereki tir</pre><br />
<br />
دروست: <pre><h1>Eme headere</h1><h2>Emesh headereki tir</h2></pre><br />
<br />
* '''تاگە تاکەکان دابخرێنەوە.''' وەک پێشتر وتمان هەندێک لە تاگەکان تاکن و تاگی داخستنەوەیان نییە، بۆیە پێویستە تاگەکە لە ناو خۆیدا خۆی دابخاتەوە.<br />
نادروست: <pre><br></pre><br />
<br />
دروست: <pre><br /></pre><br />
<br />
*'''پاش و پێش نەخستنی تاگەکان.''' گەر چەند تاگێک بە دوای یەکدا هاتن، ئەو تاگەی یەکەم جار دەکرێتەوە لە کۆتایی هەموو تاگەکانی تر دابخرێتەوە.<br />
ناردوست: <pre><strong><em>blod and italic</strong></em></pre><br />
<br />
دروست: <pre><strong><em>blod and italic</em></strong></pre><br />
<br />
*'''لەو کاتەوەی کە XML هەستیارە بەرانبەر پیتی گەورە و بچوک (case-sensitive) پێویستە هەموو تاگ و توخمەکان بە پیتی بچوک بنووسرێن.'''<br />
نادروست: <pre><STRONG>em deqe toxe</STRONG></pre><br />
<br />
دروست: <pre><strong>em deqe toxe</strong></pre><br />
<br />
*'''نرخی هەموو تایبەتمەندییەکان پێویستە لە نێوان quotation ـێکدا بنووسرێن ("جووت" یان 'تاک').'''<br />
نادروست: <pre><p id=peregiraf>Eme peregirafe</p></pre><br />
<br />
دروست: <pre><p id="peregiraf">Eme peregirafe</p></pre><br />
<br />
*'''نووسینی هەردوو نرخ و تایبەتمەندییەکان.'''<br />
نادروست: <pre><input type="checkbox" checked></input></pre><br />
<br />
دروست: <pre><input type="checkbox" checked="checked"></input></pre><br />
<br />
== چیم پێویستە بۆ فێربوون؟ ==<br />
بۆ فێربوونی <tt>HTML</tt> تەنها پێویستت بە دەستکاریکەرێک (بۆ نووسینی کۆدەکان) و وێبگەڕێک (بۆ بینینی ئەنجام) دەبێت. هیچ ئامڕازێکی تر یان نەرمەکاڵایەکت پێویست نابێت. دەستکاریکەر لە ویندۆز وەک [[Notepad]] کە سادەترین دەستکاریکەری دەقە، بەڵام ئەوانەی کە ئامۆژگاریکراون وەک: <br />
<br />
*[http://notepad-plus.sourceforge.net Notepad++]<br />
*[http://www.vim.org VIM]<br />
*[http://projects.gnome.org/gedit Gedit]<br />
*[http://mooedit.sourceforge.net Medit]<br />
*[http://bluefish.openoffice.nl Bluefish]<br />
وێبگەڕیش وەک: <br />
*[http://www.mozilla.com/firefox Firefox]<br />
*[http://www.opera.com Opera]<br />
*[http://www.google.com/chrome Google Chrome]<br />
*[http://www.microsoft.com/windows/products/winfamily/ie/default.mspx Internet Explorer]<br />
<br />
هەرچەندە چەند پڕۆگرامێک هەن بۆ دەستکاریکردن و داڕشتنی پەڕگەیەکی <tt>HTML</tt> لەوانە [http://www.adobe.com/products/dreamweaver DreamWeaver], [http://office.microsoft.com/en-us/frontpage/default.aspx Microsoft FrontPage], [http://www.microsoft.com/expression/products/overview.aspx?key=web Microsoft Web Expression] ئەم پڕۆگرامانە [[WYSIWYG]] ـن، خۆیان کۆدەکانت بۆ دەنووسن و تۆ ڕووە ئەنجامەکەی دەبینیت. شارەزابوون لەم پڕۆگرامانە مانای شارەزابوون نییە لە <tt>HTML</tt>، بەڵکو یاریدەدەرێکن بۆ ئەو کەسانەی کە دەیانەوێت ماڵپەڕێکیان هەبێت و لە هیچ زمانێکی وێبداڕشتن نازانن یان بۆ چەند کارێکی کەمیان پێویستە و لەبەرئەوە نایانەوێت کاتێک تەرخان بکەن بۆ فێربوونی زمانێک.<br />
<br />
[[Image:Notepad_save-as.gif|left|thumb|250px|پاشەکەوتکردن بە utf-8 لە Notepad]]<br />
<br />
== نووسین و پاشەکەوتکردن ==<br />
لە سەرەتادا ئەوەی دەتەوێت لە دەستکاریکەرەکەدا دەینووسیت پاشان بچۆ بۆ <tt>File > Save as</tt> لە جێیەک پاشەکەوتی بکە بە هەر ناوێکەوە بەڵام ئەوەی گرنگە بە پاشگری <tt>html</tt> پاشەکەوتی بکەیت، بۆ نموونە: <tt>yekemin-perre.html</tt><br />
خاڵێکی گرنگ پێش پاشەکەوتکردنی پەڕگەکە گۆڕینی <tt>Encoding</tt> ـی پەڕگەیەکە بۆ یونیکۆد. چۆنییەتی گۆڕینیش لە دەستکاریکەرێکەوە بۆ دەستکاریکەرێکی تر جیاوازە. لە <tt>Notepad++</tt> دەبێت بچیت بۆ <tt>Format > Encode in UTF-8 without BOM</tt> بەڵام لە <tt>Notepad</tt> لە کاتی پاشەکەوتکردن و کردنەوەی پەنجەرەی پاشەکەوتکردندا دەتوانیت پەڕگەکە بکەیت بە <tt>utf-8</tt> بەوەی کە لە ژێر نووسینی ناوە پەڕەکەدا<br />
<br />
== پاشگری htm یان html؟ ==<br />
بەکارهێنانی هەر کامێک لە پاشگری <code>.htm</code> یان <code>.html</code> بە گشتی وەک یەک وان و دروستن. لە سەرەتاوە کە سیستەمە کۆنەکان تەنها ڕێگەیان بە سێ نووسە ئەدا بۆ پاشگری پەڕگە، بەو شێوەیە بوو، بەڵام دوای ئەوەی ڕێگەدرا نووسەی زیاتر بەکارببرێت پاشگری <code>.html</code> ـیش پەیدا بوو. لە ئێستادا نووسینی هەر کامێکیان وەک پاشگر ئەکەوێتە سەر ئارەزووی نووسەر و هیچ کەشەیەک دروست ناکەن. کەواتە yekemin-perre.html = yekemin-pere.htm<br />
<br />
== پێکهاتەی پەڕەی HTML ==<br />
<tt>HTML</tt> بە شێوەیەکی سادە پێکهاتووە لە سێ بەشی سەرەکی (بەشی <tt>DOCTYPE</tt>، بەشی <tt>head</tt>، بەشی <tt>body</tt>) سادەترین پەڕگەیەک کە بە <tt>HTML</tt> نووسرابێت بەم شێوەیەیە:<br />
<source lang="html4strict"><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<title>Ferbuni HTML</title><br />
</head><br />
<body><br />
<p>Yekem babet le ferbuni HTML.</p><br />
</body><br />
</html><br />
<br />
</source><br />
* دێڕی یەکەم کە پێی دەوترێت [http://www.chawg.org/wiki/index.php?title=HTML#DTD Document Type Definition] بریتییە لە ناساندنی پەڕەکە کە ئاماژە بە جۆری ئەو بەڵگەنامەیە ئەکات کە سەر بە چ جۆرێکی <tt>HTML</tt> ـە. پێویستە لە دێڕی یەکەم لە سەرەتای هەموو کۆدەکاندا بێت.<br />
* هەردوو تاگی کردنەوە و داخستنی <tt>html</tt> لە سەرەتا و کۆتایی هەموو کۆدەکان دەنووسرێن. ئەم تاگە بە وێبگەڕ دەڵێت کە ئەم پەڕەیە <tt>HTML</tt> ـە.<br />
* هەردوو تاگی <tt>head</tt> ـیش لە دوای تاگی <tt>html</tt> ـەوە دێت. هەرچی لە نێوان ئەم دوو تاگەدا دەنووسرێن لە نێو پەڕەکەدا دەرناکەون بەڵکو لە نێوان ئەم دوو تاگەدا تەنها زانیاری دەربارەی ئەو پەڕەیە تیادا دەنووسرێت.<br />
* تاگەکانی <tt>title</tt> ناونیشانی پەڕەکە دیاری دەکەن، هەرچی لە نێوان ئەو دوو تاگەدا بنووسرێن دواتر لە <tt>Title bar</tt> ـی وێبگەڕ دەردەکەوێت. بۆ نموونە گەر ئەو پارچە کۆدەی سەرەوە لە پەڕگەیەکدا بنووسین، دواتر کە بە وێبگەڕێک ئەو پەرگەیەمان کردەوە دەبینیت لە <tt>Title bar</tt> نووسراوە Ferbuni HTML.<br />
* لە نێوان تاگەکانی <tt>body</tt> ـدا ئەوە دەنووسین کە دەمانەوێت لە نێو پەڕەکەدا دەربکەوێت، وەک دیارە لە سەرەوە لە نێوان تاگی پەرەگرافدا نووسیومانە "Yekem babet le ferbuni HTML".<br />
<br />
== DTD ==<br />
<tt>Document Type Definition</tt> کە لە سەرەتای هەموو کۆدەکاندا دێت سێ جۆری هەیە:<br />
* <tt>XHTML 4 Strict</tt> وەشانێکی داماڵڕاوی <tt>HTML</tt> ـە لەو تایبەتمەندییانەی کە لە وەشانی چواری <tt>HTML</tt> ـدا نەماون و لە بایەخیان کەمکراونەتەوە<br />
ئەم جۆرە بەکارببە گەر ئەتەوێت بۆ دەرکەوتن و ڕووخساری ماڵپەڕەکەت بە تەواوی پەیوەست بیت بە [[CSS]] ـەوە و ناتەوێت سوود لە تاگە بێ بایەخەکان وەربگریت. <tt>DTD</tt> بۆ <tt>XHTML 1.0 Strict</tt> بەم شێوەیەیە:<br />
<source lang="html4strict"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"></source><br />
* <tt>XHTML 4 Transitional</tt> بەربڵاوترین جۆریانە کە نووسەر دەتوانێت سەرەڕای [[CSS]] ـیش تاگە بێ بایەخەکان بەکار ببات.<br />
ئەم جۆرە بەکارببە گەر ئەتەوێت بۆ دەرکەوتن و ڕووخساری ماڵپەڕەکەت سوود لە هەردوو [[CSS]] و تاگەبێ بایەخەکان وەربگریت. <tt>DTD</tt> بۆ <tt>XHTML 1.0 Transitional</tt> بەم شێوەیەیە:<br />
<source lang="html4strict"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></source><br />
* <tt>XHTML 4 FRAMESET</tt> وەک هەمان جۆری <tt>Transitional</tt> ـە لەم جۆرەدا تاگی <tt>frameset</tt> جێگەی تاگی <tt>body</tt> دەگرێتەوە.<br />
ئەم جۆرە بەکارببە گەر دەتەوێت پەڕەکە دابەش بکەیت بۆ سەر چەند چوارچێوەیەک. <tt>DTD</tt> بۆ <tt>XHTML 1.0 FRAMESET</tt> بەم شێوەیەیە:<br />
<source lang="html4strict"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></source><br />
<br />
== تاگ/تایبەتمەندی/توخم ـە بێ بایەخەکان ==<br />
ئەو تاگ/تایبەتمەندی/توخم ـانەن کە لە HTML 4.01 ـەوە نەماون لەبەر بێ بایەخییان یان لەبەر توانینی ئەنجامدانی هەمان کاریگەری بە هۆی [[CSS]] ـەوە. لە جێگەیان تاگی نوێتر دانراون. کە تا ئێستا وێبگەڕەکان پشتگیری ئەو تاگانە ئەکەن، بەڵام لە داهاتوودا لەوانەیە بە تەواوەتی نەمێنن و هیچ کاریگەرییەکی پیشاندانیان نەمێنێت لەسەر پەڕەکان. بۆیە وا باشترە بەرانبەرەکانیان بەکارببرێن. هەندێک لەوانە:<br />
* لابردنی توخمی <tt>font</tt> لابرا بە هۆی بوونی <tt>font-size, font-family, color</tt> لە [[CSS]].<br />
* تایبەتمەندی <tt>align</tt> کە بۆ ناوەندکردن یان کردنە لای ڕاست و چەپی دەقێک بەکاردێت. نرخەکانی <tt>right, center, left, justify</tt> ـە لە بری ئەوە دەبێت <tt>text-align</tt> لە ستایڵ شیت بەکار ببرێت.<br />
* توخمی <tt>u</tt> بۆ هێڵبەژێرداهێنان لە ستایڵ شیت <code>text-decoration:underline;</code> ئەو کارە دەکات.<br />
* تاگی <tt>applet</tt> کە بۆ کارپێکردنی پڕۆگرامۆکەکانی جاڤا بوو گۆڕدرا بە <tt>object</tt>.<br />
<br />
== پەرەگراف – Paragraph ==<br />
توخمی p بەکاردێت بۆ دیاریکردنی دەقێک وەک پەرەگراف و ناوەڕۆکی توخم وەک پەرەگراف دەناسێنێت. لەبەر ئەوەی ئەم توخمە کاریگەرییەکی دیاری نییە لەسەر دەق، هەندێک لە نووسەران بیریان ئەچێت ئەم توخمە بەکاربەرن بۆ پەرەگراف یان تاگی کۆتایی دابخەن.<br />
نموونە:<br />
<source lang="html4strict"><p>Em deqe peregirafe boye le new tuxmi p nusrawe.</p><br />
<p>Min etwanim bichme ser<br />
helli nwe u chend derreki tir<br />
l peregirafekem binusim u le<br />
kotayida tagi kotayi dabixemewe</p><br />
<p class="sereki" dir="rtl">لەم پەرەگرافەدا ئەتوانم بە پیتی عەرەبی بنووسم</p><br />
</source><br />
لە نموونە سێیەمدا دوو تایبەتمەندیمان داوەتە توخمەکە، تایبەتمەندی class ـمان داوەتێ و ناساندوومانە بە sereki تا بە ستایڵ شیت گۆڕانکاری بەسەردا بهێنین، وەک گۆڕینی ڕەنگ، قەبارە، فۆنت، … ـی پەرەگرافەکە. تایبەتمەندی دووەمیش بۆ ئاڕاستەی نووسینمان گۆڕیوە بە لە ڕاستەوە بۆ چەپ.<br />
<br />
== سەردێڕ – Heading ==<br />
سەردێڕ لە ٦ توخم پێک هاتووە (h1, h2, h3, h4, h5, h6) بەکاردێت بۆ نووسینی سەردێڕ/ناونیشانی بابەت یان پەڕەیەک چونکە کاتێک وێبگەڕ ئەم توخمە دەبینێت هەڵدەستێت بە تۆخکردن و گەورەکردنی قەبارەی ناوەڕۆکی توخم واتە بێ CSS و هیچ تایبەتمەندییەک. h1 گەورەترین و h6 بچوکترینیانە.<br />
<source lang="html4strict"><h1>Mallperri Chawg</h1><br />
<h2 class="nawnishan">Ferbuni HTML</h2></source><br />
نموونە ١: هەردوو توخمی سەردێڕ و پەرەگراف لە پەڕەیەکدا:<br />
<source lang="html4strict"><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<title>Ferbuni HTML le mallperri chawg</title><br />
</head><br />
<body><br />
<h1>Mallperri Chawg</h1><br />
<h2 class="nawnishan">Ferbuni HTML</h2><br />
<h3>Waney yekem</h3><br />
<p>Serderr le 6 tuxim pekhatun h1 gewretiriniyane u h6 bichuktiriniyane, bekardet<br />
bo nusini nawnishani babet u perre. Tuxmekani header gorrankari toxi u gewreyi<br />
qebare edat be nawerroki tuxim.</p><br />
</body><br />
</html><br />
</source><br />
ئەم کۆدەی سەرەوە لە دەستکاریکەرێکدا بنووسە و بە وێبگەڕ پەڕەکە بکەرەوە تا ئەنجامەکەی ببینیت. بینووسە! ڕوونووسی مەکە تا فێربیت!<br />
<br />
<br />
== بەستەر - Link ==<br />
=== توخمی بەستەر ===<br />
گرنگترین و زۆرترین توخمی بەکاربراوە کە بریتییە لە بە ناونیشانکردنی دەقێک کە بە کرتەکردن لێی بەکارهێنەر ڕەوانە دەکرێت بۆ ئەو ناونیشانەی تیایدا نووسراوە. بە شێوەیەکی سادە توخمەکە بریتییە لە:<br />
<source lang="html4strict"><a href="http://www.chawg.org/wiki/chawg">Chawg</a></source><br />
دەرەنجام: [[Chawg]]<br />
* توخمی <tt>a</tt> (لەنگەر/anchor) بەکاردێت بۆ دروستکردنی بەستەر.<br />
* ناوی تایبەتمەندی <tt>href</tt> واتە (Hypertext reference) دەبێت نرخەکەی ناونیشانی ئەو بەستەر (URL) ـە بێت کە دەتەوێت بەکارهێنەری بۆ ڕەوانە بکەیت. بەستەر دروست نابێت بە بێ تایبەتمەندی <tt>href</tt><br />
* ناوەڕۆکی توخم ئەو دەقە دەبێت کە وەک بەستەر دەردەکەوێت کە لێرەدا "Mallperri Chawg" ـە.<br />
=== کردنەوە لە شوێنێکی دیاریکراو ===<br />
گرنگترین تایبەتمەندی لە پاش <tt>href</tt> تایبەتمەندی <tt>target</tt> ـە کە بەکاردێت بۆ پێدانی شوێنێکی دیاریکراو بۆ کرانەوەی بەستەر تیایدا وەک کرانەوە لە پەنجەرەیەکی نوێدا یان لە چوارچێوەیەک لە هەمان پەڕە و پەنجەرەدا (کاتێک پەڕەکە دابەشکرابێت بۆ چەند چوارچێوەیەک)<br />
<br />
* کردنەوە لە پەڕەیەکی نوێدا:<br />
<source lang="html4strict"><a target="_blank" href="http://www.chawg.org">Chawg</a></source><br />
* کردنەوە لە چوارچێوەیەکدا:<br />
<source lang="html4strict"><a target="rightframe" href="http://www.chawg.org">Chawg</a></source><br />
rightframe ناوی ئەو چوارچێوەیە دەبێت کە لە پەڕەکەدا هەیە.<br />
<br />
=== بەستەر بۆ دەقێک لە هەمان پەڕەدا ===<br />
چوارچێوەیەک لە سەرەوە دەبینیت نووسراوە "ناوەڕۆک" بە کرتەکردن لە هەر بەستەرێکی ناو چوارچێوەکە دەگەیتە شوێنێک لە هەمان ئەم پەڕەیەدا. ئەمە بریتییە لە بەستەرکردن بۆ دەقێک کە لە هەمان پەڕەی بەستەرەکەدا هەیە. بۆ نموونە من دەنووسم "بۆ خوێندنەوە لەسەر DTD کرتە لێرە بکە" دەمەوێت بیکەمە بەستەر و ڕەوانەی ئەو دەقەی سەرەوەی بکەم کە بەم شێوەیە دەبێت:<br />
* ئەبێت ناونیشانێک بدەم بەو دەقەی ئەمەوێت بەستەری بۆ بکرێت:<br />
<source lang="html4strict"><a name="DTD">DTD</a></source><br />
ئەمە کۆدی ئەو نووسراوەیە کە لە سەرەوە نووسراوە ئەویش بە پێدانی تایبەتمەندی <tt>name</tt>. وشەی DTD ـی نرخی تایبەتمەندییەکەش، ناونیشانەکەیە (DTD ناوەڕۆکی توخم نا).<br />
* بەستەر بەم شێوەیە دەنووسرێت:<br />
<source lang="html4strict"><a href="#DTD">بۆ خوێندنەوە لەسەر DTD کرتە لێرە بکە</a></source><br />
دەرەنجام: [http://www.chawg.org/wiki/index.php?title=HTML#DTD بۆ خوێندنەوە لەسەر DTD کرتە لێرە بکە]<br />
<br />
== وێنە – Image ==<br />
توخمی وێنە یەکێکە لەو توخمانەی کە لە تاگێک پێکهاتووە و خۆی خۆی دائەخاتەوە. توخمەکە پێکهاتووە لە:<br />
<source lang='html4strict'><img src="http://domain.com/image.png" /></source><br />
=== تایبەتمەندی src ===<br />
تایبەتمەندی <tt>src</tt> تایبەتمەندی بنەڕەتی توخمی وێنەیە. نرخی تایبەتمەندی پێویستە ڕێڕەو (path) ـی وێنەکە بێت.<br />
ئەگەر بوخچەیەکمان هەبێت بە ناوی myweb لە ناویدا دوو بوخچەی تر بە ناوەکانی files و ئەوی تر images. لەناو بوخچەی files ـیشدا بوخچەیەکی ترمان هەبێت بە ناوی thumbs. بەم شێوەیە:<br />
<pre><br />
/wene1.jpg<br />
/myweb/wene2.jpg<br />
/myweb/files/perre.html<br />
/myweb/files/thumbs/wene3.jpg<br />
/myweb/images/wene4.jpg<br />
<br />
</pre><br />
گەر پێکهاتە پەڕگەکانمان وەک ئەوەی سەرەوە بێت و بمانەوێت لە perre.html ـەوە بەستەر بکەین بۆ wene3.jpg. دەبێت بەم شێوەیە ڕێڕەوەکە بنووسین:<br />
<source lang='html4strict'><img src="thumbs/wene3.jpg" /></source><br />
بەڵام ئەگەر بمانەوێت بەستەر بکەین بۆ wene2.jpg، بەم شێوەیە دەبێت:<br />
<source lang='html4strict'><img src="../wene2.jpg" /></source><br />
<br />
لەبەر ئەوەی پەڕگەکە لە بوخچەی files ـدایە وێنەکە و لە بوخچەی myweb ـدایە کە بوخچەیەک سەرووترە بۆیە دەبێت دوو خاڵ دابنێین لەپێشی. ئەگەر وێنەکە دوو بوخچە سەرووتر بوو وەک وێنەی wene1.jpg، ئەوە دوو جار خاڵەکان دا دەنێین، وەک:<br />
<source lang='html4strict'><img src="../../wene1.jpg" /></source><br />
<br />
وە بەستەر بۆ wene4.jpg بەم شێوەیە دەبێت:<br />
<source lang='html4strict'><img src="../images/wene4.jpg" /></source><br />
دەشتوانین لە ڕێڕەوی بەستەرەکە ناونیشانێکی تەواوەتی بنووسین، وەک:<br />
<source lang='html4strict'><img src="http://domain.com/uploads/images/wene5.jpg" /></source><br />
<br />
[[Image:Html_alt_title.gif|left|thumb|180px|تایبەتمەندییەکانی title و alt ـی توخمی وێنە ]]<br />
=== تایبەتمەندییەکانی alt و title ===<br />
تایبەتمەندییەکانی <tt>alt</tt> و <tt>title</tt> دوو تایبەتمەندی نزیکن لەیەکەوە. هەمیشە بەکارهێنەر لێی تێک دەچێت کە کامیان بەکار ببات لە توخمەکەدا.<br />
تایبەتمەندی <tt>alt</tt> کە چیتر بووەتە تایبەتمەندییەکی گرنگ و پێویست. پیشان دەدرێت، کاتێک وێبگەڕ پاڵپشتی پیشاندانی وێنە ناکات یان بەکارهێنەر وای کردووە کە وێنە پیشان نەدرێت. ئەویش بریتییە لە چەند وشەیەکی کەم وەک دەقێکی جێگرەوە بۆ وێنەکە تا بەکارهێنەر لە ناوەڕۆکی وێنەکە تێ بگات.<br />
<source lang='html4strict'><img src="http://domain.org/ferbunihtml.png" alt="فێربوونی هتمل" /></source><br />
بەڵام تایبەتمەندی <tt>title</tt> تایبەتمەندییەکی جیایە لە <tt>alt</tt>. نرخی تایبەتمەندی <tt>title</tt> کاتێک پیشان دەدرێت کە بەکارهێنەر نیشاندەری مشکەکە دەباتە سەر وێنەکە. دەتوانیت هەردوو تایبەتمەندییەکە لە هەمان توخمی وێنەدا دابنێیت، بەڵام شارەزایان وا ئامۆژگاری دەکەن کە تایبەتمەندی alt بەکارببرێت بۆ هەموو وێنەیەک و تایبەتمەندی <tt>title</tt> ـیش کاتێک بەکارببرێت کە وێنە بەستەر بێت بۆ لاپەڕەیەک و لە نرخی تایبەتمەندی title ناونیشانی پەرە بەستەربۆکراوەکە بنووسین.<br />
<source lang='html4strict'><a href="http://www.chawg.org/wiki/index.php?title=HTML"><br />
<img src="http://chawg.org/images/html_wiki_chawg.png" alt="فێربوونی هتمل" title="فێربوونی زمانی هتمل بە کوردی" /></a></source><br />
تێبینی: لەم نموونەیەی سەرەوە توخمی وێنە بووەتە ناوەڕۆکی توخمی بەستەر کە لێرەدا وێنەکە دەبێتە بەستەر.<br />
<br />
=== تایبەتمەندییەکانی Height و Width ===<br />
هەردوو تایبەتمەندی <tt>height</tt> و <tt>width</tt> ـیش بەرزی و پانی وێنەکە دیاری دەکەن کە دەتوانیت قەبارەی وێنەکەی پێ زیاد یان کەم بکەیت. دیاریکردنی پانی و بەرزی وێنەکان دەبنە هۆی تێک نەچوونی layout ـی پەرەکە کاتێک پەڕەکە خەریکە دەکرێتەوە و وێنەکان بەتەواوی load نەبوون.<br />
نموونەیەک کە هەموو تایبەتمەندییەکانی لەخۆ گرتووە:<br />
<source lang='html4strict'><img src="http://domain.org/ferbunihtml.png" alt="فێربوونی هتمل" title="فێبوونی زمانی هتمل بەکوردی" height="100" width="140"/></source><br />
<br />
== لیست – List ==<br />
[[Image:Html_list.gif|left|thumb|200px|جۆرەکانی لیستی HTML]]<br />
لە HTML ـدا سێ جۆر لیستمان هەیە. یەکەم، لیستی ڕیزکراو. دووەم، لیستی ڕیزنەکراو. سێیەم، لیستی پێناسە.<br />
=== لیستی ڕیزکراو - Ordered List ===<br />
لەم لیستەدا دانەکانی لیست بە ژمارە یاخود پیت ڕێکدەخرێن توخمی <tt>ol</tt> بەکاردەبرێت بۆ دیاریکردنی ئەم جۆرە لیستە. دانەکانی هەردوو لیستی ڕیزکراو و ڕیزنەکراو دەخرێنە نێو توخمی <tt>li</tt> ـیەوە.<br />
نموونە:<br />
<source lang="html4strict"><br />
<ol type="a"><br />
<li>ڕیزکراوی ١</li><br />
<li>ڕیزکراوی ٢</li><br />
<li>ڕیزکراوی ٣</li><br />
</ol><br />
</source><br />
<br />
دەتوانین چەند نرخێک بۆ type دابنێین. لەوانە <tt>a</tt> بۆ ڕیزکردن بە پیتی بچوک، <tt>A</tt> بۆ پیت گەورە، <tt>I</tt> بۆ ڕیزکردنی ڕۆمانی گەورە و <tt>i</tt> ـیش بۆ بچوک.<br />
تایبەتمەندی start بەکاردێت بۆ دیاریکردنی دەستپێکردنی لیستەکە لە ژمارەیەکەوە. نرخی تایبەتمەندی هەمیشە دەبێت ژمارەی ئینگلیزی بێت ئەگەر چیش جۆری ڕیزکردنەکە پیت یان ژمارەی ڕۆمانی بێت، وەک:<br />
<br />
<source lang="html4strict"><br />
<ol type="a" start="4"><br />
<li>ڕیزکراوی ١</li><br />
<li>ڕیزکراوی ٢</li><br />
<li>ڕیزکراوی ٣</li><br />
</ol><br />
</source><br />
<br />
لێرەدا ڕیزکردنەکە لە پیتی D ـیەوە دەستپێدەکات هەتاوەکو E. هەڵەیە ئەگەر بنووسین <code>start="d"</code><br />
=== لیستی ڕیزنەکراو - Unordered List ===<br />
لەم لیستەدا دانەکان ڕیزنەکراون و لە پێش هەر دانەیەک خاڵێک، بازنەیەک یان دیسکێک دادەنرێت. توخمی <tt>ul</tt> بەکاردەبرێت بۆ دیاریکردنی لیستەکە.<br />
نموونە:<br />
<source lang="html4strict"><br />
<ul><br />
<li>ڕیزنەکراوی ١</li><br />
<li>ڕیزنەکراوی ٢</li><br />
<li>ڕیزنەکراوی ٣</li><br />
<li>ڕیزنەکراوی ٤</li><br />
</ul><br />
</source><br />
<br />
تایبەتمەندی <tt>type</tt> لە لیستی ڕیزنەکراودا بەکاردێت بۆ دیاریکردنی ئەوەی کە چ هێمایەک لە پێش دانەکانی لیستەکەدا بێت.<br />
نموونە:<br />
<source lang="html4strict"><br />
<ul type="circle"><br />
<li>ڕیزنەکراوی ١</li><br />
<li>ڕیزنەکراوی ٢</li><br />
</ul><br />
</source><br />
<br />
تێبینی: هەردوو تایبەتمەندی <tt>type</tt> و <tt>start</tt> لە تایبەتمەندییە لابراوەکانن.<br />
=== لیستی پێناسە – Definition List ===<br />
ئەم لیستە پێکدێت لە دەستەواژەیەک و پێناسەکەی. دەستەواژە دەکرێتە نێو توخمی <tt>dt</tt> ـیەوە و پێناسەی دەستەواژەکەش لە دوای ئەو دێت لە نێو توخمی <tt>dd</tt> ـدا. هەردووکیشیان پێکەوە دەکرێنە نێو توخمی <tt>dl</tt> ـەوە.<br />
dt = definition Term, dd = Definition Description, dl = Definition List<br />
<br />
نموونە:<br />
<source lang="html4strict"><br />
<dl><br />
<dt>نەورۆز</dt><br />
<dd>یەکەمین مانگی ساڵی کوردییە.</dd><br />
<dt>سەگ</dt><br />
<dd>گیاندارێکی بەوەفایە.</dd><br />
</dl><br />
</source><br />
<br />
== خشته - Table ==<br />
تاگ و توخمەکان لە پێکهێنانی توخمی سەرەکی خشتە کەمێک چڕترن وەک لە توخمەکانی تر، بەڵام پاش تێگەیشتنی دەبینین هیچ ئاڵۆزییەکی تیادا نییە.<br />
<br />
<source lang='html4strict'><br />
<table border="1" ><br />
<tr> <br />
<td>خانەی ١، ڕیزی ١</td> <br />
<td>خانەی ٢، ڕیزی ١</td> <br />
<td>خانەی ٣، ڕیزی ١</td> <br />
</tr> <br />
<br />
<tr> <br />
<td>خانەی ١، ڕیزی ٢</td> <br />
<td>خانەی ٢، ڕیزی ٢</td> <br />
<td>خانەی ٣، ڕیزی ٢</td> <br />
</tr><br />
<br />
<tr> <br />
<td>خانەی ١، ڕیزی ٣</td> <br />
<td>خانەی ٢، ڕیزی ٣</td> <br />
<td>خانەی ٣، ڕیزی ٣</td> <br />
</tr><br />
<table><br />
</source><br />
<br />
نموونەکەی سەرەوە خشتەیەکی ٩ خانەیی دروست دەکات، پێک هاتووە لە ٣ ستوون و ٣ ئاسۆ. کە ئەم توخمانەی تیا دەبینین:<br />
<br />
* توخمی <tt>table</tt>: توخمی سەرەکییە لە پێکهێنانی خشتەکە.<br />
* توخمی <tt>tr</tt>: واتە هەر ئاسۆیەکی خشتەکە ('''T'''able '''R'''ow) کە بەکاردێت بۆ پێکهێنانی هەر دێڕێک یان ئاسۆیەک لە خشتەکە. ئەم توخمانە بریتین لە ناوەڕۆکی توخمی table (دەکەونە نێو توخمی <tt>table</tt> ـەوە.)<br />
* توخمی <tt>td</tt>: واتە هەر تاکە خانەیەک ('''T'''able '''D'''ata) کە بەشداری دەکەن لە پێکهێنانی سەراپای خشتەکە. ئەم توخمانە بریتین لە ناوەڕۆکی توخمی <tt>tr</tt> (دەکەونە نێو توخمی <tt>tr</tt> ـەوە.)<br />
<br />
تێبینی:<br />
* تایبەتمەندی <tt>border</tt> پێویستە بنووسرێت تا چوارچێوەی خشتەکە دیاری بکات.<br />
* هەندێک جار وا پێویست دەکات ئاسۆی یەکەمی خشتە وەک سەردێڕ لێ بکەیت. ئەمەش ئەنجام دەدرێت بە دانانی توخمی <tt>th</tt> لە بری <tt>td</tt> ـیەکان. کە کاریگەری تۆخکردن و ناوەندکردن دەداتە دەقی نێو خانەکە. وەک لە نموونەی داهاتوودا بەکاربراوە.<br />
<br />
===تایبەتمەندییەکانی خشتە===<br />
<br />
زۆرینەی ئەو تایبەتمەندییانەی پاڵپشتی لە توخمەکانی خشتە ئەکەن، لە بێ بایەخەکانن یان چیتر لە وەشانە نوێیەکانی HTML ـدا Valid نین. لەوانەش وەک: height, bgcolor, nowrap, Align.<br />
تایبەتمەندییە گرنگەکانی خشتە ئەمانەن (کە لەو پارچە کۆدەی خوارەوە هەموویان بەکاربراون):<br />
* تایبەتمەندی <tt>border</tt>: بۆ دیاریکردنی قەبارەی سنوورەکانی خشتەکە.<br />
* تایبەتمەندی <tt>width</tt>: بۆ دیاریکردنی قەبارەی خشتە و خانەکان.<br />
* تایبەتمەندی <tt>cell-padding</tt>: بۆ دوورخستنەوە نووسراوی نێو خانەکان لە لێواری خانەکانی خشتەکە. ئەگەر ئەم تایبەتمەندییە نەنوسرێت بە شەوەیەکی بنەڕەت نرخەکەی بە ١ خاڵ (پیکسڵ) دادەنرێت<br />
* تایبەتمەندی <tt>cell-spacing</tt>: بۆ کەمکردن و زیادکردنی بۆشایی نێوان لێواری خانەکان. بۆ دوورخستنەوە نووسراوی نێو خانەکان لە لێواری خانەکانی خشتەکە. ئەگەر ئەم تایبەتمەندییە نەنوسرێت بە شەوەیەکی بنەڕەت نرخەکەی بە ٢ خاڵ (پیکسڵ) دادەنرێت.<br />
* تایبەتمەندی <tt>colspan</tt>: بەکار دێت بۆ درێژکردنەوەی خانەیەکی ئاسۆیی بەدرێژایی چەند خانەیەکی دیاریکراوی ستوونی.<br />
* تایبەتمەندی <tt>rowspan</tt>: بەکار دێت بۆ درێژکردنەوەی خانەیەکی ستوونی بەدرێژایی چەند خانەیەکی دیاریکراوی ئاسۆیی.<br />
<br />
<source lang='html4strict'><br />
<table border="1" width="800" cellpadding="3" cellspacing="0"><br />
<tr> <br />
<th colspan="2">خانەی ١ و ٢، ڕیزی ١</th> <br />
<br />
<th>خانەی ٣، ڕیزی ١</th> <br />
</tr> <br />
<br />
<tr> <br />
<td rowspan="2">خانەی ١، ڕیزی ١ و ٣</td> <br />
<td width="15%">خانەی ٢، ڕیزی ٢</td> <br />
<td>خانەی ٣، ڕیزی ٢</td> <br />
</tr><br />
<br />
<tr> <br />
<br />
<td>خانەی ٢، ڕیزی ٣</td> <br />
<td>خانەی ٣، ڕیزی ٣</td> <br />
</tr><br />
<table><br />
</source><br />
<br />
دوو تایبەتمەندی تریش هەن، ئەوانیش <tt>rules</tt> و <tt>frame</tt>. تایبەتمەندی <tt>rules</tt> بەکاردێت بۆ شاردنەوە و بەدیارخستنی هێڵەکانی نێوان خانەکان کە ئەم نرخانە وەردەگرێت: <tt>rows</tt>, <tt>cols</tt>, <tt>all</tt>, <tt>none</tt>. تایبەتمەندی <tt>frame</tt> ـیش بۆ هێڵەکانی چوارچێوەی خشتەکە، ئەم تایبەتمەنییانە وەردەگرێت: <tt>above</tt>, <tt>below</tt>, <tt>lhs</tt>, <tt>rhs</tt>, <tt>hsides</tt>, <tt>vsides</tt>, <tt>border</tt>. <tt>box</tt>, <tt>viod</tt>.<br />
نموونە:<br />
<br />
<source lang="html4strict"><br />
<table rules="all" frame="hsides"><br />
<tr> <br />
<td>خانەی ١، ڕیزی ١</td> <br />
<td>خانەی ٢، ڕیزی ١</td> <br />
<td>خانەی ٣، ڕیزی ١</td> <br />
</tr> <br />
<br />
<tr> <br />
<td>خانەی ١، ڕیزی ٢</td> <br />
<td>خانەی ٢، ڕیزی ٢</td> <br />
<td>خانەی ٣، ڕیزی ٢</td> <br />
</tr><br />
<table><br />
</source><br />
<br />
تێبینی: کاریگەرییەکانی وەک گۆڕینی قەبارە، جۆر و ڕەنگی فۆنت، خشتە و خانەکان دەبێت بە [[CSS]] ئەنجام بدرێن.<br />
<br />
==فۆرم - Form ==<br />
فۆڕم بەکاردێت بۆ داغڵکردن و ناردنی زانیاری لەلایەن بەکارهێنەرەوە، وەک فۆڕمی پەیوەندی، فۆڕمی چوونەژوورەوە...<br />
<br />
لەناو فۆڕمدا، توخمەکانی فۆڕم دەنووسین، کە ئەوانیش <tt>textarea</tt>, <tt>input</tt>, <tt>select</tt>... ـن.<br />
<source lang="html4strict"><br />
<form action="contact.php" method="get"><br />
<br />
</form><br />
</source><br />
فۆرڕم لە HTML ـدا ناکارایە و تەنها پیشاندانە، بۆیە پێویستمان بە [[زمانی بزۆک|زمانێکی بزۆک]] دەبێت بۆ کارپێکردنی فۆڕمەکە. وەک لەسەرەوە دەبینیت تایبەتمەندی <tt>action</tt> فۆڕمەکەی پەیوەست کردووە بە زمانە بزۆکەکەوە. تایبەتمەندی <tt>method</tt> ـیش کە هەردوو نرخی <tt>get</tt> و <tt>post</tt> ـی هەیە، <tt>post</tt> بۆ شاردنەوە و <tt>get</tt> بۆ پیشاندانی زانیارییەکان بەکاردێت لە URL ـدا.<br />
<br />
<br />
===تێکردن - input ===<br />
input زۆرترین تاگی بەکاربراوی توخمی فۆڕمە. کە دەتوانین بەپێی نرخی تایبەتمەندیی <tt>type</tt> جۆری ئەو فۆڕمەکەی دیاری بکەین. نرخەکانی تایبەتمەندیی <tt>type</tt> کە جۆری فۆڕمەکە دیاری دەکەن، ئەمانەن: <tt>text</tt>, <tt>password</tt>, <tt>file</tt>, <tt>checkbox</tt>, <tt>radio</tt>, <tt>submit</tt>, <tt>reset</tt>, <tt>button</tt>, <tt>hidden</tt>, <tt>image</tt><br />
<br />
چۆنێتی بەکارهێنانیان (کۆدەکە لە پەڕگەیەکدا ڕوونووس بکە تا دەرەنجامەکانیان ببینیت):<br />
<br />
<source lang="html4strict"><br />
<input type="text" name="username" /><br /><br />
<input type="password" name="pass" /><br /><br />
<input type="file" name="uploader" /><br /><br />
<input type="submit" name="submitbtn" value="Send" /><br />
<input type="reset" name="resetfields" value="Clean Fields" /><br /><br />
<input type="checkbox" checked="checked" name="remembermechbx" /><br /><br />
<input type="radio" name="radiobtn" value="Male" /><br />
<input type="radio" name="radiobtn" value="Female" /><br /><br />
<input type="button" name="custombtn" value="A Custom Button" /><br /><br />
<input type="image" name="img" value="sent" src="images/send.png" alt="Send (image button)" /><br /><br />
<input type="hidden" name="hiddenfld" value="usr955" /><br />
</source><br />
<br />
* <tt>text</tt> - خانەیەکی تاک هێڵییە بەکاردێت لەکاتی داغڵکردنی ناو، تێپەڕەوشە، ئیمەیل...<br />
* <tt>password</tt> - بەهەمان شێوەی <tt>text</tt> بەڵام لەکاتی نووسینی تێپەڕەوشەدا بەکاردێت تا وشەکان بشاردرێنەوە.<br />
* <tt>file</tt> - بۆ بارکردنی پەڕگەیەک لە کۆمپیوتەری بەکارهێنەرەوە، وەک لە uploader ـەکاندا.<br />
* <tt>submit</tt> - دوگمەیەکە لە فۆڕمەکەدا بەکاردێت لە ناردنی زانیارییەکانی نێو فۆڕمەکە.<br />
* <tt>reset</tt> - بەکاردێت بۆ بەتاڵکردنەوەی ئەو زانیارییانەی بەکارهێنەر لەنێو فۆڕمەکەدا نووسیویەتی.<br />
* <tt>checkbox</tt> - بەکاردێت لە هەڵبژاردندا. کاتێک چەند هەڵبژاردنێک دیاری کراوە و بەکارهێنەر دەتوانێ زیاد لە دانەیەک هەڵبژێرێت.<br />
* <tt>radio</tt> - بەکاردێت لە هەڵبژاردندا. کاتێک چەند هەڵبژاردنێک دیاری کراوە و بەکارهێنەر دەتوانێ تەنها یەکێک هەڵبژێرێت.<br />
* <tt>button</tt> - دوگمەیەکە، بەڵام ئەم زانیاری نێو فۆڕمەکە نانێرێت بۆ ڕاژە، بەڵکو پێوسیتە بە سکریپتێکی وەک جاڤاسکریپتەوە ببەسرێتەوە بۆ کارپێکردنی ڕاستەوخۆی سکریپتەکە.<br />
* <tt>image</tt> - دوگمەیەکی ناردنە وەک <tt>submit</tt> بەڵام بە وێنە.<br />
* <tt>hidden</tt> - خانەیەکی شاراوەیە کە بەکارهێنەر نایبینێت. بەزۆری بەکاردێت کاتێک فۆڕم لە چەند پەڕەیەک پێکهاتووە و پێویستە زانیارییەکانی پەڕەی یەکەم پاشەکەوتبکرێن و هەڵبگیرێن بۆ پەڕەکانی تر.<br />
<br />
<br />
بۆ نموونە لە دروستکردنی فۆڕمێکی چوونەژوورەوە، بەم شێوەیە فۆڕم بەکاردەهێنین:<br />
<br />
<source lang="html4strict"><br />
<form action="login.php" method="post"><br />
Username: <input type="text" name="username" /><br /><br />
Password: <input type="password" name="password" /><br /><br />
<input type="checkbox" name="rememberchkbox" value="autologin" />Automatically log me in every time I visit.<br />
<br /><br />
<input type="submit" name="submitit" value="Submit Data" /><br />
</form><br />
</source><br />
<br />
===ڕووبەرى دەق - textarea===<br />
textarea خانەیەکی گەورەیە بۆ نووسینی دەقێکی زۆر بەکاردێت. بە پێچەوانەی توخمی input ـەوە، textarea تاگی سەرەتا و کۆتایی هەیە . وە پێوستە تایبەتمەندییەکانی <tt>rows</tt> و <tt>cols</tt> بنووسیت بۆ دیاریکردنی بەرزی و پانی خانەکە.<br />
<source lang="html4strict"><br />
<textarea name="postfield" rows="10" cols="50">Deqeket lere binuse</textarea><br />
</source><br />
* هەردوو تایبەتمەندیی readonly و disabled بەکاردێت بۆ ناچالاککردنی خانەکە و نەهێشتنی دەستکاریکردنی لەلایەن بەکارهێنەرەوە. وەک ئەم نموونەیە:<br />
<source lang="html4strict"><br />
<textarea name="postfield" rows="10" cols="50" readonly="readonly">Natiwanit destkari em deqe bikeyt</textarea><br />
</source><br />
<br />
=== Drop Down ===<br />
Drop Down لیستێکە لە کۆمەڵێک هەڵبژاردن بۆ دیاریکردنی دانەیەک یان زیاتر، وەک radio و checkbox بەڵام بە شێوەیەکی کۆکراوە.<br />
<br />
توخمی <tt>select</tt> بەکاردەهێنین بۆ دروستکردنی لیستەکە، لە نێو لیستەکەشدا بۆ هەر هەڵبژاردنێک توخمی <tt>option</tt>. بەم شێوەیە:<br />
<br />
<source lang="html4strict"><br />
<select name="dropdownlist"><br />
<option value="ku">Kurd</option><br />
<option value="en">English</option><br />
<option value="fr">French</option><br />
</select><br />
</source><br />
* تایبەتمەندی <code>multiple="multiple"</code> بەکاردێت بۆ دیاریکردنی زیاد لە هەڵبژاردنێک لە لیستەکە. هەروەها تایبەتمەندی <tt>disable</tt>یش بۆ ناچالاککردنی لیستەکە.<br />
* دەتوانین هەڵبژاردنەکان بکەینە دەستە دەستە بە بەکارهێنانی تاگی <tt>optgroup</tt>. بەم شێوەیە:<br />
<source lang="html4strict"><br />
<select name="countrieslist"><br />
<optgroup label="Middle East"><br />
<option value="ir">Iran</option><br />
<option value="iq">Iraq</option><br />
<option value="jo">Jordan</option><br />
<option value="sa">KSA</option><br />
</optgroup><br />
<br />
<optgroup label="Europe"><br />
<option value="es">Spain</option><br />
<option value="fr">France</option><br />
<option value="de">Germany</option><br />
<option value="it">Italy</option><br />
</optgroup><br />
<br />
<optgroup label="Asia"><br />
<option value="jp">Japan</option><br />
<option value="cn">China</option><br />
<option value="in">India</option><br />
<option value="id">Indonesia</option><br />
</optgroup><br />
</select><br />
</source><br />
<br />
== div و span ==<br />
<tt>div</tt> و <tt>span</tt> بەکاردێن وەک لە پۆلپۆلکردنی کۆمەڵێک دەق و کاریگەری پێدانیان بەهۆی [[CSS]]. تاگی <tt>div</tt> وەک پەرەگراف کاتێک دەدرێت بە دەقێک، هێڵێک پێش خۆی و هێڵێک پاش خۆی جێ دەهێڵێت بەڵام <tt>span</tt> لەنێو هێڵدا. تایبەمەندییەکانیان بریتین لە <tt>class</tt>, <tt>id</tt>, <tt>style</tt><br />
<br />
نموونە:<br />
<source lang="html4strict"><br />
<div class="honrawenus"><br />
Qani' nawi Mihemmed Kabuliye. le salli 1905 le gundi shiler ledayk buwe u salli 1965 be nexoshimirduwe. pallpishti chini cutiyar u hejaran buwe her boye nasrawe be sha'iri chewsawekani Kurdistan<br />
</div><br />
</source><br />
<br />
بەڵام <tt>span</tt>:<br />
<source lang="html4strict"><br />
<p>Kotiri <span style="color:#ffffff">sipi</span> hemay ashtiye.</p><br />
<p>Zanisteki <span style="font-weight:bold;">dirisht</span> u <span style="text-decoration:underline;">kirawe</span>.</p><br />
</source><br />
واتە کاتێک span بەکاردێنین، ئەگەر بمانەوێت کاریگەری بدەینە وشەیەک یان چەند وشەیەکی نێو دێڕێک.<br />
<br />
== توخمەکانی نێو head ==<br />
توخمەکانی نێو head کۆمەڵێک توخمن لەنێو تاگی <tt><head></head></tt>دان. ئەم توخمانە بەکارهێنەر نایان بینێت بەڵام کاریگەری گرنگیان هەیە لەسەر پەڕەکە و وێبگەڕ و بزوێنەرەکانی گەڕان سوود لەم توخمانە وەردەگرن.<br />
<br />
=== توخمی meta ===<br />
توخمی <tt>meta</tt> بەکاردێت بۆ پێدانی زانیاری لەسەر جۆر، نووسەر، پەسن و وشەکلیل...<br />
* بەکارهێنانی تایبەتمەندیی <tt>http-equiv</tt> و <tt>content</tt><br />
<source lang="html4strict"><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
</source><br />
تایبەتمەندی <tt>http-equiv</tt> بەکاردێت لە بوژاندنەوە (refresh)ی پەڕەکە یان ڕێکخستنی کاشکردن. لە تایبەتمەندی <tt>content</tt>یش چارسێت/ئینکۆدینی پەڕەکە دیاری دەکات. ئەو دێڕەی سەرەوە لە هەموو پەڕەیەکی ئاساییدا بەکار دەبرێت. شێوەیەکی تر ئەگەر بمانەوێت پەڕەکە refresh بکات چەند چرکە جارێک یان ئاڕاستەی بکەین بۆ پەڕەیەکی تر نرخی تایبەتمەندی <tt>http-equiv</tt> دەگۆڕین بۆ <tt>refresh</tt> و نرخی <tt>content</tt>یش بۆ ژمارەی چرکەکان لەگەڵ ناونیشانی بەستەرەکە. بۆ نمونە:<br />
<source lang="html4strict"><br />
<meta http-equiv="refresh" content="60" /> // 60 chirke carek perreke refresh ekat<br />
<meta http-equiv="refresh" content="10;http://chawg.org/meko" /> // le diway 10 chirke perreke arraste dekret bo besteri chawg.org/meko<br />
</source><br />
<br />
<br />
[[Category:WebDesign]]<br />
{{DISPLAYTITLE:فێربوونی زمانی HTML بە کوردی}}</div>
ئارا
https://chawg.org/w/index.php?title=HTML&diff=2075
HTML
2010-07-10T14:25:16Z
<p>ئارا: </p>
<hr />
<div>[[Image:HTML_Sample_Gedit.gif|left|thumb|390px|نموونەیەکی سادە لە پەڕگەیەکی HTML]]<br />
'''HTML''' ('''ئێچ تی ئێم ئێڵ''' یان '''هتمڵ''') کە کورتکراوەی HyperText Markup Language ـە زمانێکی پیشاندانی پەڕەکانی سەر وێبە کە بەکاردێت بۆ نووسینی هەر پەڕەیەک لەسەر وێب. پەڕگەی HTML تەنها پێکهاتووە لە دەق، کە ئەویش پێکهاتووە لە کۆمەڵێکی زۆر لە تاگ و توخم و نووسراوی ناو پەڕەکە. ئەم تاگانە بە وێبگەڕ دەڵێن کە چۆن نووسین و وێنەکان یان ناوەڕۆکی پەڕەکە دەربکەوێت.<br />
<br />
HTML زۆر ئاسانە بۆ فێربوون بە ڕادەیەک کە کەسێکی دوور لە ئایتی ئەتوانێت لە ماوەیەکی کەمدا فێری HTML ببێت و بینووسێت و دەستکاری بکات. ئەوانەی کە HTML دەنووسن پێیان ناوترێت [[پڕۆگرامنووس]] (Programmer) بەڵکو [[نووسەر]] (Author) لەبەرئەوەی کە زمانێکی پڕۆگرامین نییە بەڵکو زمانێکی پیشاندانە و لە هاوپۆلی [[Java]] و [[C]] و [[BASIC]] نییە.<br />
<br />
<br />
== مانای HTML ==<br />
HyperText مەبەست لەوەیە کە تۆ بە ناو وێبدا دەگەڕێیت لە هەر کاتێکدا و بۆ هەر شوێنێک کە بتەوێت بە کرتەکردن لەو بەستەرانەی لە لاپەڕەکاندا دەیانبینیت نەک بە شێوەیەکی ڕێک و یەک لە دوای یەک.<br />
<br />
Markup بریتییە لە کاری تاگەکان لەسەر نووسراوی ناو پەڕەکە وەک (تۆخکردن، لارکردن، هێڵبەژێرداهێنان، ...) ـی هەر دەقێک.<br />
<br />
Language واتە زمان. HTML زمانە وەک هەموو زمانە جیاوازەکانی تر چونکە کۆد و ڕستەکاری هەیە.<br />
<br />
<br />
==توانای HTML==<br />
<br />
HTML بۆ دروستکردنی ماڵپەڕێکی سادە و تاکەکەسی دەست ئەدات یان بۆ هەر جۆرە ماڵپەڕێک کە نوێکردنەوەی زۆر نەبێت. ئەتوانرێت بە [[CSS]] ـەوە بلکێنرێت بۆ پێدانی شێوازێکی جوانتر و ئاسانتر لە ڕێکخستنیدا. بە پێچەوانەوە HTML بۆ ماڵپەڕێکی بزۆک، فراوان و بازرگانی دەست نادات کە ڕۆژانە نوێ دەکرێتەوە چونکە HTML زمانێکی جێگیرە. داڕشتن و نوێکردنەوەی ئەو ماڵپەڕە گەورانەی کە بە HTML دەنووسرێن کارێکی زۆر گران و کاتبەرە.<br />
<br />
<br />
== تاگەکان ==<br />
HTML لە ڕێی تاگەکانەوە شێوازی دەرکەوتن و نووسین لە پەڕەکەدا ڕێک دەخات. ئەو دەقەی دەمانەوێت گۆڕانکارییەکی بەسەردا بهێنین لە (تۆخکردن، لارکردن، کردن بە پەرەگراف و بەستەر) دەیکەینە نێوان دوو تاگەوە. تاگەکانیش پێکهاتوون لە دوو کەوانەی تیژی داخراو کە لە نێو کەوانەکاندا پیتێک یان وشەیەک دەنووسرێت تا دەقی دیاریکراو گۆڕانکاری ویسیترای بەسەردابێت. وە لە تاگی دووەمدا هێڵێکی لار (/) دادەنرێت کە مەبەست لێی داخستنەوەی توخمەکە و کۆتایی هێنانە بەو شێوازی دەرکەوتنە. بۆ نموونە گەر بمانەوێت دەقێک بە شێوازێکی تۆخ بنووسین، بەم شێوەیە دەبێت:<br />
<source lang="html4strict"><br />
<strong>ئەم نووسراوە تۆخە</strong><br />
</source><br />
بەڵام ژمارەیەکی کەم لە توخمەکان پێکهاتوون لە یەکێک و تاگی داخستنەوەیان نییە وەک تاگی چوونەسەر دێڕی نوێ یان تاگی وێنە:<br />
<source lang="html4strict"><br />
<img src="http://www.domain.com/wene.jpg" /><br />
</source><br />
<br />
تێبینی: لێرەدا دەبینیت پێش کەوانەی کۆتایی هێڵێکی لار دانراوە ئەمەش ئەوە ئەگەیەنێت کە دانانی وێنە لە یەک تاگ پێکهاتووە و تاگەکە خۆی خۆی دائەخاتەوە. ئەشتوانرێت ئەو هێڵێ لارە نەنووسرێت بەڵام لە وەشانی ٤.٠١ ـەوە وا ئامۆژگاریکراوە کە بنووسرێت و تاوەکو لەگەڵ بنەماکانی [[XHTML]] ـیشدا بگوونجێت.<br />
<br />
[[Image:tuxmi_html.gif|left|thumb|280px|توخمی HTML پێکدێت لە (تاگی سەرەتا، تایبەتمەندی، ناوەڕۆکی توخم، تاگی کۆتایی)]]<br />
<br />
== توخمەکان ==<br />
توخمەکان لە تاگی سەرەتاوە دەستپێدەکەن هەتا تاگی کۆتایی کە لە ناویاندا لەوانەیە ناوەڕۆک و/یان تایبەتمەندی هەبن. هەندێک لە توخمەکان بێ ناوەڕۆکن وەک توخمی وێنە. دەشێت هەندێک لە توخمەکان سەرەڕای ناوەڕۆک تایبەتمەندیشیان نەبێت کە بەمانەش دەوترێت توخمە بەتاڵەکان، وەک توخمی چوونەسەر دێڕی نوێ و توخمی هێڵی ئاسۆیی (کە تەنها لە تاگێکی تاک پێکهاتوون).<br />
<pre><br /></pre><br />
<pre><hr /></pre><br />
<br />
== تایبەتمەندییەکان ==<br />
<br />
تایبەتمەندییەکان کە پێک هاتوون لە ناوی تایبەتمەندیی و نرخی تایبەتمەندی بە شێوەی <code>nawi-taybetmendi="nirxi-taybetmendi"</code> دەنووسرێن و دەکەونە نێو تاگی سەرەتای هەر توخمێکەوە ئەم تایبەتمەندییانە زانیاریی زیاتر لەسەر توخمەکە دابین دەکەن، کاریگەرییان لەسەر جێ دەهێڵن یان توخمەکان دیاری دەکەن تا بەهۆی CSS ـەوە کاریگەرییان بەسەردا بهێنرێن. هەندێک نموونە:<br />
* تایبەتمەندی alt لە توخمی وێنەدا کە بە واتای دەقی جێگرەوە دێت (alternative text) بە کاردێت بۆ نووسینی دەقێک تا پیشان بدرێن لەو وێبگەڕانەی پاڵپشتی پیشاندانی وێنە ناکەن یان بەکارهێنەر پیشاندانی وێنەی ناچالاک کردووە.<br />
<source lang="html4strict"><img src="http://chawg.org/img/opensuse.png" alt="OpenSUSE leser computeri Dell mini 9" /></source><br />
* تایبەتمەندی style کە بە شێوەی inline CSS دەتوانیت کاریگەرییەک بهێنیت بەسەر ناوەڕۆکی توخمەکەدا.<br />
<source lang="html4strict"><p style="color:#ff0000;">Eme deqeke ke be rengi sur nusrawe.</p></source><br />
* بە هۆی class و id ـیەوە دەتوانیت دەقێک دیاری بکەیت تا بە هۆی ستایڵ شیتەوە گۆڕانکارییەکیان بەسەردا بهێنیت.<br />
<source lang="html4strict"><div class="nawnishan">Min feri HTML debim.</div></source><br />
تێبینی: نرخی تایبەتمەندییەکان دەبێت لە نێوان تاک یان جووت کۆتەیشندا بنووسرێن لە XHTML، بەڵام لە HTML دەکرێت بە بێ کۆتەیشنیش بنووسرێن.<br />
<br />
== XHTML ==<br />
<tt>eXtensible HyperText Markup Language</tt> داڕشتنەوەی هەمان <tt>HTML</tt> ـە بە پابەندبوون بە بنەماکانی <tt>XML</tt> ـەوە کە دواتر بووە بە پەسەندکراوی W3C.<br />
<br />
== جیاوازی نێوان HTML و XHTML ==<br />
ئەو جیاوازیانەی لە نێوان <tt>HTML</tt> و <tt>XHTML</tt> ـدا هەیە ئەوەیە کە ئەبێت بەڵگەنامەکانی <tt>XHTML</tt> بە درووستی لەسەر ڕێساکانی <tt>XML</tt> نووسرابن، ئەوانیش لەمانەدا خۆی دەگرێتەوە:<br />
*'''هەموو تاگ و توخمەکان داخرابنەوە.''' ئەو تاگانەی تاگی کردنەوە و داخستنەوەیان هەیە پێویستە هەردووکیان بوونیان هەبێت، بۆ نموونە:<br />
نادروست: <pre><h1>Eme headere<h2>Emesh headereki tir</pre><br />
<br />
دروست: <pre><h1>Eme headere</h1><h2>Emesh headereki tir</h2></pre><br />
<br />
* '''تاگە تاکەکان دابخرێنەوە.''' وەک پێشتر وتمان هەندێک لە تاگەکان تاکن و تاگی داخستنەوەیان نییە، بۆیە پێویستە تاگەکە لە ناو خۆیدا خۆی دابخاتەوە.<br />
نادروست: <pre><br></pre><br />
<br />
دروست: <pre><br /></pre><br />
<br />
*'''پاش و پێش نەخستنی تاگەکان.''' گەر چەند تاگێک بە دوای یەکدا هاتن، ئەو تاگەی یەکەم جار دەکرێتەوە لە کۆتایی هەموو تاگەکانی تر دابخرێتەوە.<br />
ناردوست: <pre><strong><em>blod and italic</strong></em></pre><br />
<br />
دروست: <pre><strong><em>blod and italic</em></strong></pre><br />
<br />
*'''لەو کاتەوەی کە XML هەستیارە بەرانبەر پیتی گەورە و بچوک (case-sensitive) پێویستە هەموو تاگ و توخمەکان بە پیتی بچوک بنووسرێن.'''<br />
نادروست: <pre><STRONG>em deqe toxe</STRONG></pre><br />
<br />
دروست: <pre><strong>em deqe toxe</strong></pre><br />
<br />
*'''نرخی هەموو تایبەتمەندییەکان پێویستە لە نێوان quotation ـێکدا بنووسرێن ("جووت" یان 'تاک').'''<br />
نادروست: <pre><p id=peregiraf>Eme peregirafe</p></pre><br />
<br />
دروست: <pre><p id="peregiraf">Eme peregirafe</p></pre><br />
<br />
*'''نووسینی هەردوو نرخ و تایبەتمەندییەکان.'''<br />
نادروست: <pre><input type="checkbox" checked></input></pre><br />
<br />
دروست: <pre><input type="checkbox" checked="checked"></input></pre><br />
<br />
== چیم پێویستە بۆ فێربوون؟ ==<br />
بۆ فێربوونی <tt>HTML</tt> تەنها پێویستت بە دەستکاریکەرێک (بۆ نووسینی کۆدەکان) و وێبگەڕێک (بۆ بینینی ئەنجام) دەبێت. هیچ ئامڕازێکی تر یان نەرمەکاڵایەکت پێویست نابێت. دەستکاریکەر لە ویندۆز وەک [[Notepad]] کە سادەترین دەستکاریکەری دەقە، بەڵام ئەوانەی کە ئامۆژگاریکراون وەک: <br />
<br />
*[http://notepad-plus.sourceforge.net Notepad++]<br />
*[http://www.vim.org VIM]<br />
*[http://projects.gnome.org/gedit Gedit]<br />
*[http://mooedit.sourceforge.net Medit]<br />
*[http://bluefish.openoffice.nl Bluefish]<br />
وێبگەڕیش وەک: <br />
*[http://www.mozilla.com/firefox Firefox]<br />
*[http://www.opera.com Opera]<br />
*[http://www.google.com/chrome Google Chrome]<br />
*[http://www.microsoft.com/windows/products/winfamily/ie/default.mspx Internet Explorer]<br />
<br />
هەرچەندە چەند پڕۆگرامێک هەن بۆ دەستکاریکردن و داڕشتنی پەڕگەیەکی <tt>HTML</tt> لەوانە [http://www.adobe.com/products/dreamweaver DreamWeaver], [http://office.microsoft.com/en-us/frontpage/default.aspx Microsoft FrontPage], [http://www.microsoft.com/expression/products/overview.aspx?key=web Microsoft Web Expression] ئەم پڕۆگرامانە [[WYSIWYG]] ـن، خۆیان کۆدەکانت بۆ دەنووسن و تۆ ڕووە ئەنجامەکەی دەبینیت. شارەزابوون لەم پڕۆگرامانە مانای شارەزابوون نییە لە <tt>HTML</tt>، بەڵکو یاریدەدەرێکن بۆ ئەو کەسانەی کە دەیانەوێت ماڵپەڕێکیان هەبێت و لە هیچ زمانێکی وێبداڕشتن نازانن یان بۆ چەند کارێکی کەمیان پێویستە و لەبەرئەوە نایانەوێت کاتێک تەرخان بکەن بۆ فێربوونی زمانێک.<br />
<br />
[[Image:Notepad_save-as.gif|left|thumb|250px|پاشەکەوتکردن بە utf-8 لە Notepad]]<br />
<br />
== نووسین و پاشەکەوتکردن ==<br />
لە سەرەتادا ئەوەی دەتەوێت لە دەستکاریکەرەکەدا دەینووسیت پاشان بچۆ بۆ <tt>File > Save as</tt> لە جێیەک پاشەکەوتی بکە بە هەر ناوێکەوە بەڵام ئەوەی گرنگە بە پاشگری <tt>html</tt> پاشەکەوتی بکەیت، بۆ نموونە: <tt>yekemin-perre.html</tt><br />
خاڵێکی گرنگ پێش پاشەکەوتکردنی پەڕگەکە گۆڕینی <tt>Encoding</tt> ـی پەڕگەیەکە بۆ یونیکۆد. چۆنییەتی گۆڕینیش لە دەستکاریکەرێکەوە بۆ دەستکاریکەرێکی تر جیاوازە. لە <tt>Notepad++</tt> دەبێت بچیت بۆ <tt>Format > Encode in UTF-8 without BOM</tt> بەڵام لە <tt>Notepad</tt> لە کاتی پاشەکەوتکردن و کردنەوەی پەنجەرەی پاشەکەوتکردندا دەتوانیت پەڕگەکە بکەیت بە <tt>utf-8</tt> بەوەی کە لە ژێر نووسینی ناوە پەڕەکەدا<br />
<br />
== پاشگری htm یان html؟ ==<br />
بەکارهێنانی هەر کامێک لە پاشگری <code>.htm</code> یان <code>.html</code> بە گشتی وەک یەک وان و دروستن. لە سەرەتاوە کە سیستەمە کۆنەکان تەنها ڕێگەیان بە سێ نووسە ئەدا بۆ پاشگری پەڕگە، بەو شێوەیە بوو، بەڵام دوای ئەوەی ڕێگەدرا نووسەی زیاتر بەکارببرێت پاشگری <code>.html</code> ـیش پەیدا بوو. لە ئێستادا نووسینی هەر کامێکیان وەک پاشگر ئەکەوێتە سەر ئارەزووی نووسەر و هیچ کەشەیەک دروست ناکەن. کەواتە yekemin-perre.html = yekemin-pere.htm<br />
<br />
== پێکهاتەی پەڕەی HTML ==<br />
<tt>HTML</tt> بە شێوەیەکی سادە پێکهاتووە لە سێ بەشی سەرەکی (بەشی <tt>DOCTYPE</tt>، بەشی <tt>head</tt>، بەشی <tt>body</tt>) سادەترین پەڕگەیەک کە بە <tt>HTML</tt> نووسرابێت بەم شێوەیەیە:<br />
<source lang="html4strict"><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<title>Ferbuni HTML</title><br />
</head><br />
<body><br />
<p>Yekem babet le ferbuni HTML.</p><br />
</body><br />
</html><br />
<br />
</source><br />
* دێڕی یەکەم کە پێی دەوترێت [http://www.chawg.org/wiki/index.php?title=HTML#DTD Document Type Definition] بریتییە لە ناساندنی پەڕەکە کە ئاماژە بە جۆری ئەو بەڵگەنامەیە ئەکات کە سەر بە چ جۆرێکی <tt>HTML</tt> ـە. پێویستە لە دێڕی یەکەم لە سەرەتای هەموو کۆدەکاندا بێت.<br />
* هەردوو تاگی کردنەوە و داخستنی <tt>html</tt> لە سەرەتا و کۆتایی هەموو کۆدەکان دەنووسرێن. ئەم تاگە بە وێبگەڕ دەڵێت کە ئەم پەڕەیە <tt>HTML</tt> ـە.<br />
* هەردوو تاگی <tt>head</tt> ـیش لە دوای تاگی <tt>html</tt> ـەوە دێت. هەرچی لە نێوان ئەم دوو تاگەدا دەنووسرێن لە نێو پەڕەکەدا دەرناکەون بەڵکو لە نێوان ئەم دوو تاگەدا تەنها زانیاری دەربارەی ئەو پەڕەیە تیادا دەنووسرێت.<br />
* تاگەکانی <tt>title</tt> ناونیشانی پەڕەکە دیاری دەکەن، هەرچی لە نێوان ئەو دوو تاگەدا بنووسرێن دواتر لە <tt>Title bar</tt> ـی وێبگەڕ دەردەکەوێت. بۆ نموونە گەر ئەو پارچە کۆدەی سەرەوە لە پەڕگەیەکدا بنووسین، دواتر کە بە وێبگەڕێک ئەو پەرگەیەمان کردەوە دەبینیت لە <tt>Title bar</tt> نووسراوە Ferbuni HTML.<br />
* لە نێوان تاگەکانی <tt>body</tt> ـدا ئەوە دەنووسین کە دەمانەوێت لە نێو پەڕەکەدا دەربکەوێت، وەک دیارە لە سەرەوە لە نێوان تاگی پەرەگرافدا نووسیومانە "Yekem babet le ferbuni HTML".<br />
<br />
== DTD ==<br />
<tt>Document Type Definition</tt> کە لە سەرەتای هەموو کۆدەکاندا دێت سێ جۆری هەیە:<br />
* <tt>XHTML 4 Strict</tt> وەشانێکی داماڵڕاوی <tt>HTML</tt> ـە لەو تایبەتمەندییانەی کە لە وەشانی چواری <tt>HTML</tt> ـدا نەماون و لە بایەخیان کەمکراونەتەوە<br />
ئەم جۆرە بەکارببە گەر ئەتەوێت بۆ دەرکەوتن و ڕووخساری ماڵپەڕەکەت بە تەواوی پەیوەست بیت بە [[CSS]] ـەوە و ناتەوێت سوود لە تاگە بێ بایەخەکان وەربگریت. <tt>DTD</tt> بۆ <tt>XHTML 1.0 Strict</tt> بەم شێوەیەیە:<br />
<source lang="html4strict"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"></source><br />
* <tt>XHTML 4 Transitional</tt> بەربڵاوترین جۆریانە کە نووسەر دەتوانێت سەرەڕای [[CSS]] ـیش تاگە بێ بایەخەکان بەکار ببات.<br />
ئەم جۆرە بەکارببە گەر ئەتەوێت بۆ دەرکەوتن و ڕووخساری ماڵپەڕەکەت سوود لە هەردوو [[CSS]] و تاگەبێ بایەخەکان وەربگریت. <tt>DTD</tt> بۆ <tt>XHTML 1.0 Transitional</tt> بەم شێوەیەیە:<br />
<source lang="html4strict"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></source><br />
* <tt>XHTML 4 FRAMESET</tt> وەک هەمان جۆری <tt>Transitional</tt> ـە لەم جۆرەدا تاگی <tt>frameset</tt> جێگەی تاگی <tt>body</tt> دەگرێتەوە.<br />
ئەم جۆرە بەکارببە گەر دەتەوێت پەڕەکە دابەش بکەیت بۆ سەر چەند چوارچێوەیەک. <tt>DTD</tt> بۆ <tt>XHTML 1.0 FRAMESET</tt> بەم شێوەیەیە:<br />
<source lang="html4strict"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></source><br />
<br />
== تاگ/تایبەتمەندی/توخم ـە بێ بایەخەکان ==<br />
ئەو تاگ/تایبەتمەندی/توخم ـانەن کە لە HTML 4.01 ـەوە نەماون لەبەر بێ بایەخییان یان لەبەر توانینی ئەنجامدانی هەمان کاریگەری بە هۆی [[CSS]] ـەوە. لە جێگەیان تاگی نوێتر دانراون. کە تا ئێستا وێبگەڕەکان پشتگیری ئەو تاگانە ئەکەن، بەڵام لە داهاتوودا لەوانەیە بە تەواوەتی نەمێنن و هیچ کاریگەرییەکی پیشاندانیان نەمێنێت لەسەر پەڕەکان. بۆیە وا باشترە بەرانبەرەکانیان بەکارببرێن. هەندێک لەوانە:<br />
* لابردنی توخمی <tt>font</tt> لابرا بە هۆی بوونی <tt>font-size, font-family, color</tt> لە [[CSS]].<br />
* تایبەتمەندی <tt>align</tt> کە بۆ ناوەندکردن یان کردنە لای ڕاست و چەپی دەقێک بەکاردێت. نرخەکانی <tt>right, center, left, justify</tt> ـە لە بری ئەوە دەبێت <tt>text-align</tt> لە ستایڵ شیت بەکار ببرێت.<br />
* توخمی <tt>u</tt> بۆ هێڵبەژێرداهێنان لە ستایڵ شیت <code>text-decoration:underline;</code> ئەو کارە دەکات.<br />
* تاگی <tt>applet</tt> کە بۆ کارپێکردنی پڕۆگرامۆکەکانی جاڤا بوو گۆڕدرا بە <tt>object</tt>.<br />
<br />
== پەرەگراف – Paragraph ==<br />
توخمی p بەکاردێت بۆ دیاریکردنی دەقێک وەک پەرەگراف و ناوەڕۆکی توخم وەک پەرەگراف دەناسێنێت. لەبەر ئەوەی ئەم توخمە کاریگەرییەکی دیاری نییە لەسەر دەق، هەندێک لە نووسەران بیریان ئەچێت ئەم توخمە بەکاربەرن بۆ پەرەگراف یان تاگی کۆتایی دابخەن.<br />
نموونە:<br />
<source lang="html4strict"><p>Em deqe peregirafe boye le new tuxmi p nusrawe.</p><br />
<p>Min etwanim bichme ser<br />
helli nwe u chend derreki tir<br />
l peregirafekem binusim u le<br />
kotayida tagi kotayi dabixemewe</p><br />
<p class="sereki" dir="rtl">لەم پەرەگرافەدا ئەتوانم بە پیتی عەرەبی بنووسم</p><br />
</source><br />
لە نموونە سێیەمدا دوو تایبەتمەندیمان داوەتە توخمەکە، تایبەتمەندی class ـمان داوەتێ و ناساندوومانە بە sereki تا بە ستایڵ شیت گۆڕانکاری بەسەردا بهێنین، وەک گۆڕینی ڕەنگ، قەبارە، فۆنت، … ـی پەرەگرافەکە. تایبەتمەندی دووەمیش بۆ ئاڕاستەی نووسینمان گۆڕیوە بە لە ڕاستەوە بۆ چەپ.<br />
<br />
== سەردێڕ – Heading ==<br />
سەردێڕ لە ٦ توخم پێک هاتووە (h1, h2, h3, h4, h5, h6) بەکاردێت بۆ نووسینی سەردێڕ/ناونیشانی بابەت یان پەڕەیەک چونکە کاتێک وێبگەڕ ئەم توخمە دەبینێت هەڵدەستێت بە تۆخکردن و گەورەکردنی قەبارەی ناوەڕۆکی توخم واتە بێ CSS و هیچ تایبەتمەندییەک. h1 گەورەترین و h6 بچوکترینیانە.<br />
<source lang="html4strict"><h1>Mallperri Chawg</h1><br />
<h2 class="nawnishan">Ferbuni HTML</h2></source><br />
نموونە ١: هەردوو توخمی سەردێڕ و پەرەگراف لە پەڕەیەکدا:<br />
<source lang="html4strict"><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<title>Ferbuni HTML le mallperri chawg</title><br />
</head><br />
<body><br />
<h1>Mallperri Chawg</h1><br />
<h2 class="nawnishan">Ferbuni HTML</h2><br />
<h3>Waney yekem</h3><br />
<p>Serderr le 6 tuxim pekhatun h1 gewretiriniyane u h6 bichuktiriniyane, bekardet<br />
bo nusini nawnishani babet u perre. Tuxmekani header gorrankari toxi u gewreyi<br />
qebare edat be nawerroki tuxim.</p><br />
</body><br />
</html><br />
</source><br />
ئەم کۆدەی سەرەوە لە دەستکاریکەرێکدا بنووسە و بە وێبگەڕ پەڕەکە بکەرەوە تا ئەنجامەکەی ببینیت. بینووسە! ڕوونووسی مەکە تا فێربیت!<br />
<br />
<br />
== بەستەر - Link ==<br />
=== توخمی بەستەر ===<br />
گرنگترین و زۆرترین توخمی بەکاربراوە کە بریتییە لە بە ناونیشانکردنی دەقێک کە بە کرتەکردن لێی بەکارهێنەر ڕەوانە دەکرێت بۆ ئەو ناونیشانەی تیایدا نووسراوە. بە شێوەیەکی سادە توخمەکە بریتییە لە:<br />
<source lang="html4strict"><a href="http://www.chawg.org/wiki/chawg">Chawg</a></source><br />
دەرەنجام: [[Chawg]]<br />
* توخمی <tt>a</tt> (لەنگەر/anchor) بەکاردێت بۆ دروستکردنی بەستەر.<br />
* ناوی تایبەتمەندی <tt>href</tt> واتە (Hypertext reference) دەبێت نرخەکەی ناونیشانی ئەو بەستەر (URL) ـە بێت کە دەتەوێت بەکارهێنەری بۆ ڕەوانە بکەیت. بەستەر دروست نابێت بە بێ تایبەتمەندی <tt>href</tt><br />
* ناوەڕۆکی توخم ئەو دەقە دەبێت کە وەک بەستەر دەردەکەوێت کە لێرەدا "Mallperri Chawg" ـە.<br />
=== کردنەوە لە شوێنێکی دیاریکراو ===<br />
گرنگترین تایبەتمەندی لە پاش <tt>href</tt> تایبەتمەندی <tt>target</tt> ـە کە بەکاردێت بۆ پێدانی شوێنێکی دیاریکراو بۆ کرانەوەی بەستەر تیایدا وەک کرانەوە لە پەنجەرەیەکی نوێدا یان لە چوارچێوەیەک لە هەمان پەڕە و پەنجەرەدا (کاتێک پەڕەکە دابەشکرابێت بۆ چەند چوارچێوەیەک)<br />
<br />
* کردنەوە لە پەڕەیەکی نوێدا:<br />
<source lang="html4strict"><a target="_blank" href="http://www.chawg.org">Chawg</a></source><br />
* کردنەوە لە چوارچێوەیەکدا:<br />
<source lang="html4strict"><a target="rightframe" href="http://www.chawg.org">Chawg</a></source><br />
rightframe ناوی ئەو چوارچێوەیە دەبێت کە لە پەڕەکەدا هەیە.<br />
<br />
=== بەستەر بۆ دەقێک لە هەمان پەڕەدا ===<br />
چوارچێوەیەک لە سەرەوە دەبینیت نووسراوە "ناوەڕۆک" بە کرتەکردن لە هەر بەستەرێکی ناو چوارچێوەکە دەگەیتە شوێنێک لە هەمان ئەم پەڕەیەدا. ئەمە بریتییە لە بەستەرکردن بۆ دەقێک کە لە هەمان پەڕەی بەستەرەکەدا هەیە. بۆ نموونە من دەنووسم "بۆ خوێندنەوە لەسەر DTD کرتە لێرە بکە" دەمەوێت بیکەمە بەستەر و ڕەوانەی ئەو دەقەی سەرەوەی بکەم کە بەم شێوەیە دەبێت:<br />
* ئەبێت ناونیشانێک بدەم بەو دەقەی ئەمەوێت بەستەری بۆ بکرێت:<br />
<source lang="html4strict"><a name="DTD">DTD</a></source><br />
ئەمە کۆدی ئەو نووسراوەیە کە لە سەرەوە نووسراوە ئەویش بە پێدانی تایبەتمەندی <tt>name</tt>. وشەی DTD ـی نرخی تایبەتمەندییەکەش، ناونیشانەکەیە (DTD ناوەڕۆکی توخم نا).<br />
* بەستەر بەم شێوەیە دەنووسرێت:<br />
<source lang="html4strict"><a href="#DTD">بۆ خوێندنەوە لەسەر DTD کرتە لێرە بکە</a></source><br />
دەرەنجام: [http://www.chawg.org/wiki/index.php?title=HTML#DTD بۆ خوێندنەوە لەسەر DTD کرتە لێرە بکە]<br />
<br />
== وێنە – Image ==<br />
توخمی وێنە یەکێکە لەو توخمانەی کە لە تاگێک پێکهاتووە و خۆی خۆی دائەخاتەوە. توخمەکە پێکهاتووە لە:<br />
<source lang='html4strict'><img src="http://domain.com/image.png" /></source><br />
=== تایبەتمەندی src ===<br />
تایبەتمەندی <tt>src</tt> تایبەتمەندی بنەڕەتی توخمی وێنەیە. نرخی تایبەتمەندی پێویستە ڕێڕەو (path) ـی وێنەکە بێت.<br />
ئەگەر بوخچەیەکمان هەبێت بە ناوی myweb لە ناویدا دوو بوخچەی تر بە ناوەکانی files و ئەوی تر images. لەناو بوخچەی files ـیشدا بوخچەیەکی ترمان هەبێت بە ناوی thumbs. بەم شێوەیە:<br />
<pre><br />
/wene1.jpg<br />
/myweb/wene2.jpg<br />
/myweb/files/perre.html<br />
/myweb/files/thumbs/wene3.jpg<br />
/myweb/images/wene4.jpg<br />
<br />
</pre><br />
گەر پێکهاتە پەڕگەکانمان وەک ئەوەی سەرەوە بێت و بمانەوێت لە perre.html ـەوە بەستەر بکەین بۆ wene3.jpg. دەبێت بەم شێوەیە ڕێڕەوەکە بنووسین:<br />
<source lang='html4strict'><img src="thumbs/wene3.jpg" /></source><br />
بەڵام ئەگەر بمانەوێت بەستەر بکەین بۆ wene2.jpg، بەم شێوەیە دەبێت:<br />
<source lang='html4strict'><img src="../wene2.jpg" /></source><br />
<br />
لەبەر ئەوەی پەڕگەکە لە بوخچەی files ـدایە وێنەکە و لە بوخچەی myweb ـدایە کە بوخچەیەک سەرووترە بۆیە دەبێت دوو خاڵ دابنێین لەپێشی. ئەگەر وێنەکە دوو بوخچە سەرووتر بوو وەک وێنەی wene1.jpg، ئەوە دوو جار خاڵەکان دا دەنێین، وەک:<br />
<source lang='html4strict'><img src="../../wene1.jpg" /></source><br />
<br />
وە بەستەر بۆ wene4.jpg بەم شێوەیە دەبێت:<br />
<source lang='html4strict'><img src="../images/wene4.jpg" /></source><br />
دەشتوانین لە ڕێڕەوی بەستەرەکە ناونیشانێکی تەواوەتی بنووسین، وەک:<br />
<source lang='html4strict'><img src="http://domain.com/uploads/images/wene5.jpg" /></source><br />
<br />
[[Image:Html_alt_title.gif|left|thumb|180px|تایبەتمەندییەکانی title و alt ـی توخمی وێنە ]]<br />
=== تایبەتمەندییەکانی alt و title ===<br />
تایبەتمەندییەکانی <tt>alt</tt> و <tt>title</tt> دوو تایبەتمەندی نزیکن لەیەکەوە. هەمیشە بەکارهێنەر لێی تێک دەچێت کە کامیان بەکار ببات لە توخمەکەدا.<br />
تایبەتمەندی <tt>alt</tt> کە چیتر بووەتە تایبەتمەندییەکی گرنگ و پێویست. پیشان دەدرێت، کاتێک وێبگەڕ پاڵپشتی پیشاندانی وێنە ناکات یان بەکارهێنەر وای کردووە کە وێنە پیشان نەدرێت. ئەویش بریتییە لە چەند وشەیەکی کەم وەک دەقێکی جێگرەوە بۆ وێنەکە تا بەکارهێنەر لە ناوەڕۆکی وێنەکە تێ بگات.<br />
<source lang='html4strict'><img src="http://domain.org/ferbunihtml.png" alt="فێربوونی هتمل" /></source><br />
بەڵام تایبەتمەندی <tt>title</tt> تایبەتمەندییەکی جیایە لە <tt>alt</tt>. نرخی تایبەتمەندی <tt>title</tt> کاتێک پیشان دەدرێت کە بەکارهێنەر نیشاندەری مشکەکە دەباتە سەر وێنەکە. دەتوانیت هەردوو تایبەتمەندییەکە لە هەمان توخمی وێنەدا دابنێیت، بەڵام شارەزایان وا ئامۆژگاری دەکەن کە تایبەتمەندی alt بەکارببرێت بۆ هەموو وێنەیەک و تایبەتمەندی <tt>title</tt> ـیش کاتێک بەکارببرێت کە وێنە بەستەر بێت بۆ لاپەڕەیەک و لە نرخی تایبەتمەندی title ناونیشانی پەرە بەستەربۆکراوەکە بنووسین.<br />
<source lang='html4strict'><a href="http://www.chawg.org/wiki/index.php?title=HTML"><br />
<img src="http://chawg.org/images/html_wiki_chawg.png" alt="فێربوونی هتمل" title="فێربوونی زمانی هتمل بە کوردی" /></a></source><br />
تێبینی: لەم نموونەیەی سەرەوە توخمی وێنە بووەتە ناوەڕۆکی توخمی بەستەر کە لێرەدا وێنەکە دەبێتە بەستەر.<br />
<br />
=== تایبەتمەندییەکانی Height و Width ===<br />
هەردوو تایبەتمەندی <tt>height</tt> و <tt>width</tt> ـیش بەرزی و پانی وێنەکە دیاری دەکەن کە دەتوانیت قەبارەی وێنەکەی پێ زیاد یان کەم بکەیت. دیاریکردنی پانی و بەرزی وێنەکان دەبنە هۆی تێک نەچوونی layout ـی پەرەکە کاتێک پەڕەکە خەریکە دەکرێتەوە و وێنەکان بەتەواوی load نەبوون.<br />
نموونەیەک کە هەموو تایبەتمەندییەکانی لەخۆ گرتووە:<br />
<source lang='html4strict'><img src="http://domain.org/ferbunihtml.png" alt="فێربوونی هتمل" title="فێبوونی زمانی هتمل بەکوردی" height="100" width="140"/></source><br />
<br />
== لیست – List ==<br />
[[Image:Html_list.gif|left|thumb|200px|جۆرەکانی لیستی HTML]]<br />
لە HTML ـدا سێ جۆر لیستمان هەیە. یەکەم، لیستی ڕیزکراو. دووەم، لیستی ڕیزنەکراو. سێیەم، لیستی پێناسە.<br />
=== لیستی ڕیزکراو - Ordered List ===<br />
لەم لیستەدا دانەکانی لیست بە ژمارە یاخود پیت ڕێکدەخرێن توخمی <tt>ol</tt> بەکاردەبرێت بۆ دیاریکردنی ئەم جۆرە لیستە. دانەکانی هەردوو لیستی ڕیزکراو و ڕیزنەکراو دەخرێنە نێو توخمی <tt>li</tt> ـیەوە.<br />
نموونە:<br />
<source lang="html4strict"><br />
<ol type="a"><br />
<li>ڕیزکراوی ١</li><br />
<li>ڕیزکراوی ٢</li><br />
<li>ڕیزکراوی ٣</li><br />
</ol><br />
</source><br />
<br />
دەتوانین چەند نرخێک بۆ type دابنێین. لەوانە <tt>a</tt> بۆ ڕیزکردن بە پیتی بچوک، <tt>A</tt> بۆ پیت گەورە، <tt>I</tt> بۆ ڕیزکردنی ڕۆمانی گەورە و <tt>i</tt> ـیش بۆ بچوک.<br />
تایبەتمەندی start بەکاردێت بۆ دیاریکردنی دەستپێکردنی لیستەکە لە ژمارەیەکەوە. نرخی تایبەتمەندی هەمیشە دەبێت ژمارەی ئینگلیزی بێت ئەگەر چیش جۆری ڕیزکردنەکە پیت یان ژمارەی ڕۆمانی بێت، وەک:<br />
<br />
<source lang="html4strict"><br />
<ol type="a" start="4"><br />
<li>ڕیزکراوی ١</li><br />
<li>ڕیزکراوی ٢</li><br />
<li>ڕیزکراوی ٣</li><br />
</ol><br />
</source><br />
<br />
لێرەدا ڕیزکردنەکە لە پیتی D ـیەوە دەستپێدەکات هەتاوەکو E. هەڵەیە ئەگەر بنووسین <code>start="d"</code><br />
=== لیستی ڕیزنەکراو - Unordered List ===<br />
لەم لیستەدا دانەکان ڕیزنەکراون و لە پێش هەر دانەیەک خاڵێک، بازنەیەک یان دیسکێک دادەنرێت. توخمی <tt>ul</tt> بەکاردەبرێت بۆ دیاریکردنی لیستەکە.<br />
نموونە:<br />
<source lang="html4strict"><br />
<ul><br />
<li>ڕیزنەکراوی ١</li><br />
<li>ڕیزنەکراوی ٢</li><br />
<li>ڕیزنەکراوی ٣</li><br />
<li>ڕیزنەکراوی ٤</li><br />
</ul><br />
</source><br />
<br />
تایبەتمەندی <tt>type</tt> لە لیستی ڕیزنەکراودا بەکاردێت بۆ دیاریکردنی ئەوەی کە چ هێمایەک لە پێش دانەکانی لیستەکەدا بێت.<br />
نموونە:<br />
<source lang="html4strict"><br />
<ul type="circle"><br />
<li>ڕیزنەکراوی ١</li><br />
<li>ڕیزنەکراوی ٢</li><br />
</ul><br />
</source><br />
<br />
تێبینی: هەردوو تایبەتمەندی <tt>type</tt> و <tt>start</tt> لە تایبەتمەندییە لابراوەکانن.<br />
=== لیستی پێناسە – Definition List ===<br />
ئەم لیستە پێکدێت لە دەستەواژەیەک و پێناسەکەی. دەستەواژە دەکرێتە نێو توخمی <tt>dt</tt> ـیەوە و پێناسەی دەستەواژەکەش لە دوای ئەو دێت لە نێو توخمی <tt>dd</tt> ـدا. هەردووکیشیان پێکەوە دەکرێنە نێو توخمی <tt>dl</tt> ـەوە.<br />
dt = definition Term, dd = Definition Description, dl = Definition List<br />
<br />
نموونە:<br />
<source lang="html4strict"><br />
<dl><br />
<dt>نەورۆز</dt><br />
<dd>یەکەمین مانگی ساڵی کوردییە.</dd><br />
<dt>سەگ</dt><br />
<dd>گیاندارێکی بەوەفایە.</dd><br />
</dl><br />
</source><br />
<br />
== خشته - Table ==<br />
تاگ و توخمەکان لە پێکهێنانی توخمی سەرەکی خشتە کەمێک چڕترن وەک لە توخمەکانی تر، بەڵام پاش تێگەیشتنی دەبینین هیچ ئاڵۆزییەکی تیادا نییە.<br />
<br />
<source lang='html4strict'><br />
<table border="1" ><br />
<tr> <br />
<td>خانەی ١، ڕیزی ١</td> <br />
<td>خانەی ٢، ڕیزی ١</td> <br />
<td>خانەی ٣، ڕیزی ١</td> <br />
</tr> <br />
<br />
<tr> <br />
<td>خانەی ١، ڕیزی ٢</td> <br />
<td>خانەی ٢، ڕیزی ٢</td> <br />
<td>خانەی ٣، ڕیزی ٢</td> <br />
</tr><br />
<br />
<tr> <br />
<td>خانەی ١، ڕیزی ٣</td> <br />
<td>خانەی ٢، ڕیزی ٣</td> <br />
<td>خانەی ٣، ڕیزی ٣</td> <br />
</tr><br />
<table><br />
</source><br />
<br />
نموونەکەی سەرەوە خشتەیەکی ٩ خانەیی دروست دەکات، پێک هاتووە لە ٣ ستوون و ٣ ئاسۆ. کە ئەم توخمانەی تیا دەبینین:<br />
<br />
* توخمی <tt>table</tt>: توخمی سەرەکییە لە پێکهێنانی خشتەکە.<br />
* توخمی <tt>tr</tt>: واتە هەر ئاسۆیەکی خشتەکە ('''T'''able '''R'''ow) کە بەکاردێت بۆ پێکهێنانی هەر دێڕێک یان ئاسۆیەک لە خشتەکە. ئەم توخمانە بریتین لە ناوەڕۆکی توخمی table (دەکەونە نێو توخمی <tt>table</tt> ـەوە.)<br />
* توخمی <tt>td</tt>: واتە هەر تاکە خانەیەک ('''T'''able '''D'''ata) کە بەشداری دەکەن لە پێکهێنانی سەراپای خشتەکە. ئەم توخمانە بریتین لە ناوەڕۆکی توخمی <tt>tr</tt> (دەکەونە نێو توخمی <tt>tr</tt> ـەوە.)<br />
<br />
تێبینی:<br />
* تایبەتمەندی <tt>border</tt> پێویستە بنووسرێت تا چوارچێوەی خشتەکە دیاری بکات.<br />
* هەندێک جار وا پێویست دەکات ئاسۆی یەکەمی خشتە وەک سەردێڕ لێ بکەیت. ئەمەش ئەنجام دەدرێت بە دانانی توخمی <tt>th</tt> لە بری <tt>td</tt> ـیەکان. کە کاریگەری تۆخکردن و ناوەندکردن دەداتە دەقی نێو خانەکە. وەک لە نموونەی داهاتوودا بەکاربراوە.<br />
<br />
===تایبەتمەندییەکانی خشتە===<br />
<br />
زۆرینەی ئەو تایبەتمەندییانەی پاڵپشتی لە توخمەکانی خشتە ئەکەن، لە بێ بایەخەکانن یان چیتر لە وەشانە نوێیەکانی HTML ـدا Valid نین. لەوانەش وەک: height, bgcolor, nowrap, Align.<br />
تایبەتمەندییە گرنگەکانی خشتە ئەمانەن (کە لەو پارچە کۆدەی خوارەوە هەموویان بەکاربراون):<br />
* تایبەتمەندی <tt>border</tt>: بۆ دیاریکردنی قەبارەی سنوورەکانی خشتەکە.<br />
* تایبەتمەندی <tt>width</tt>: بۆ دیاریکردنی قەبارەی خشتە و خانەکان.<br />
* تایبەتمەندی <tt>cell-padding</tt>: بۆ دوورخستنەوە نووسراوی نێو خانەکان لە لێواری خانەکانی خشتەکە. ئەگەر ئەم تایبەتمەندییە نەنوسرێت بە شەوەیەکی بنەڕەت نرخەکەی بە ١ خاڵ (پیکسڵ) دادەنرێت<br />
* تایبەتمەندی <tt>cell-spacing</tt>: بۆ کەمکردن و زیادکردنی بۆشایی نێوان لێواری خانەکان. بۆ دوورخستنەوە نووسراوی نێو خانەکان لە لێواری خانەکانی خشتەکە. ئەگەر ئەم تایبەتمەندییە نەنوسرێت بە شەوەیەکی بنەڕەت نرخەکەی بە ٢ خاڵ (پیکسڵ) دادەنرێت.<br />
* تایبەتمەندی <tt>colspan</tt>: بەکار دێت بۆ درێژکردنەوەی خانەیەکی ئاسۆیی بەدرێژایی چەند خانەیەکی دیاریکراوی ستوونی.<br />
* تایبەتمەندی <tt>rowspan</tt>: بەکار دێت بۆ درێژکردنەوەی خانەیەکی ستوونی بەدرێژایی چەند خانەیەکی دیاریکراوی ئاسۆیی.<br />
<br />
<source lang='html4strict'><br />
<table border="1" width="800" cellpadding="3" cellspacing="0"><br />
<tr> <br />
<th colspan="2">خانەی ١ و ٢، ڕیزی ١</th> <br />
<br />
<th>خانەی ٣، ڕیزی ١</th> <br />
</tr> <br />
<br />
<tr> <br />
<td rowspan="2">خانەی ١، ڕیزی ١ و ٣</td> <br />
<td width="15%">خانەی ٢، ڕیزی ٢</td> <br />
<td>خانەی ٣، ڕیزی ٢</td> <br />
</tr><br />
<br />
<tr> <br />
<br />
<td>خانەی ٢، ڕیزی ٣</td> <br />
<td>خانەی ٣، ڕیزی ٣</td> <br />
</tr><br />
<table><br />
</source><br />
<br />
دوو تایبەتمەندی تریش هەن، ئەوانیش <tt>rules</tt> و <tt>frame</tt>. تایبەتمەندی <tt>rules</tt> بەکاردێت بۆ شاردنەوە و بەدیارخستنی هێڵەکانی نێوان خانەکان کە ئەم نرخانە وەردەگرێت: <tt>rows</tt>, <tt>cols</tt>, <tt>all</tt>, <tt>none</tt>. تایبەتمەندی <tt>frame</tt> ـیش بۆ هێڵەکانی چوارچێوەی خشتەکە، ئەم تایبەتمەنییانە وەردەگرێت: <tt>above</tt>, <tt>below</tt>, <tt>lhs</tt>, <tt>rhs</tt>, <tt>hsides</tt>, <tt>vsides</tt>, <tt>border</tt>. <tt>box</tt>, <tt>viod</tt>.<br />
نموونە:<br />
<br />
<source lang="html4strict"><br />
<table rules="all" frame="hsides"><br />
<tr> <br />
<td>خانەی ١، ڕیزی ١</td> <br />
<td>خانەی ٢، ڕیزی ١</td> <br />
<td>خانەی ٣، ڕیزی ١</td> <br />
</tr> <br />
<br />
<tr> <br />
<td>خانەی ١، ڕیزی ٢</td> <br />
<td>خانەی ٢، ڕیزی ٢</td> <br />
<td>خانەی ٣، ڕیزی ٢</td> <br />
</tr><br />
<table><br />
</source><br />
<br />
تێبینی: کاریگەرییەکانی وەک گۆڕینی قەبارە، جۆر و ڕەنگی فۆنت، خشتە و خانەکان دەبێت بە [[CSS]] ئەنجام بدرێن.<br />
<br />
==فۆرم - Form ==<br />
فۆڕم بەکاردێت بۆ داغڵکردن و ناردنی زانیاری لەلایەن بەکارهێنەرەوە، وەک فۆڕمی پەیوەندی، فۆڕمی چوونەژوورەوە...<br />
<br />
لەناو فۆڕمدا، توخمەکانی فۆڕم دەنووسین، کە ئەوانیش <tt>textarea</tt>, <tt>input</tt>, <tt>select</tt>... ـن.<br />
<source lang="html4strict"><br />
<form action="contact.php" method="get"><br />
<br />
</form><br />
</source><br />
فۆرڕم لە HTML ـدا ناکارایە و تەنها پیشاندانە، بۆیە پێویستمان بە [[زمانی بزۆک|زمانێکی بزۆک]] دەبێت بۆ کارپێکردنی فۆڕمەکە. وەک لەسەرەوە دەبینیت تایبەتمەندی <tt>action</tt> فۆڕمەکەی پەیوەست کردووە بە زمانە بزۆکەکەوە. تایبەتمەندی <tt>method</tt> ـیش کە هەردوو نرخی <tt>get</tt> و <tt>post</tt> ـی هەیە، <tt>post</tt> بۆ شاردنەوە و <tt>get</tt> بۆ پیشاندانی زانیارییەکان بەکاردێت لە URL ـدا.<br />
<br />
<br />
===تێکردن - input ===<br />
input زۆرترین تاگی بەکاربراوی توخمی فۆڕمە. کە دەتوانین بەپێی نرخی تایبەتمەندیی <tt>type</tt> جۆری ئەو فۆڕمەکەی دیاری بکەین. نرخەکانی تایبەتمەندیی <tt>type</tt> کە جۆری فۆڕمەکە دیاری دەکەن، ئەمانەن: <tt>text</tt>, <tt>password</tt>, <tt>file</tt>, <tt>checkbox</tt>, <tt>radio</tt>, <tt>submit</tt>, <tt>reset</tt>, <tt>button</tt>, <tt>hidden</tt>, <tt>image</tt><br />
<br />
چۆنێتی بەکارهێنانیان (کۆدەکە لە پەڕگەیەکدا ڕوونووس بکە تا دەرەنجامەکانیان ببینیت):<br />
<br />
<source lang="html4strict"><br />
<input type="text" name="username" /><br /><br />
<input type="password" name="pass" /><br /><br />
<input type="file" name="uploader" /><br /><br />
<input type="submit" name="submitbtn" value="Send" /><br />
<input type="reset" name="resetfields" value="Clean Fields" /><br /><br />
<input type="checkbox" checked="checked" name="remembermechbx" /><br /><br />
<input type="radio" name="radiobtn" value="Male" /><br />
<input type="radio" name="radiobtn" value="Female" /><br /><br />
<input type="button" name="custombtn" value="A Custom Button" /><br /><br />
<input type="image" name="img" value="sent" src="images/send.png" alt="Send (image button)" /><br /><br />
<input type="hidden" name="hiddenfld" value="usr955" /><br />
</source><br />
<br />
* <tt>text</tt> - خانەیەکی تاک هێڵییە بەکاردێت لەکاتی داغڵکردنی ناو، تێپەڕەوشە، ئیمەیل...<br />
* <tt>password</tt> - بەهەمان شێوەی <tt>text</tt> بەڵام لەکاتی نووسینی تێپەڕەوشەدا بەکاردێت تا وشەکان بشاردرێنەوە.<br />
* <tt>file</tt> - بۆ بارکردنی پەڕگەیەک لە کۆمپیوتەری بەکارهێنەرەوە، وەک لە uploader ـەکاندا.<br />
* <tt>submit</tt> - دوگمەیەکە لە فۆڕمەکەدا بەکاردێت لە ناردنی زانیارییەکانی نێو فۆڕمەکە.<br />
* <tt>reset</tt> - بەکاردێت بۆ بەتاڵکردنەوەی ئەو زانیارییانەی بەکارهێنەر لەنێو فۆڕمەکەدا نووسیویەتی.<br />
* <tt>checkbox</tt> - بەکاردێت لە هەڵبژاردندا. کاتێک چەند هەڵبژاردنێک دیاری کراوە و بەکارهێنەر دەتوانێ زیاد لە دانەیەک هەڵبژێرێت.<br />
* <tt>radio</tt> - بەکاردێت لە هەڵبژاردندا. کاتێک چەند هەڵبژاردنێک دیاری کراوە و بەکارهێنەر دەتوانێ تەنها یەکێک هەڵبژێرێت.<br />
* <tt>button</tt> - دوگمەیەکە، بەڵام ئەم زانیاری نێو فۆڕمەکە نانێرێت بۆ ڕاژە، بەڵکو پێوسیتە بە سکریپتێکی وەک جاڤاسکریپتەوە ببەسرێتەوە بۆ کارپێکردنی ڕاستەوخۆی سکریپتەکە.<br />
* <tt>image</tt> - دوگمەیەکی ناردنە وەک <tt>submit</tt> بەڵام بە وێنە.<br />
* <tt>hidden</tt> - خانەیەکی شاراوەیە کە بەکارهێنەر نایبینێت. بەزۆری بەکاردێت کاتێک فۆڕم لە چەند پەڕەیەک پێکهاتووە و پێویستە زانیارییەکانی پەڕەی یەکەم پاشەکەوتبکرێن و هەڵبگیرێن بۆ پەڕەکانی تر.<br />
<br />
<br />
بۆ نموونە لە دروستکردنی فۆڕمێکی چوونەژوورەوە، بەم شێوەیە فۆڕم بەکاردەهێنین:<br />
<br />
<source lang="html4strict"><br />
<form action="login.php" method="post"><br />
Username: <input type="text" name="username" /><br /><br />
Password: <input type="password" name="password" /><br /><br />
<input type="checkbox" name="rememberchkbox" value="autologin" />Automatically log me in every time I visit.<br />
<br /><br />
<input type="submit" name="submitit" value="Submit Data" /><br />
</form><br />
</source><br />
<br />
===ڕووبەرى دەق - textarea===<br />
textarea خانەیەکی گەورەیە بۆ نووسینی دەقێکی زۆر بەکاردێت. بە پێچەوانەی توخمی input ـەوە، textarea تاگی سەرەتا و کۆتایی هەیە . وە پێوستە تایبەتمەندییەکانی <tt>rows</tt> و <tt>cols</tt> بنووسیت بۆ دیاریکردنی بەرزی و پانی خانەکە.<br />
<source lang="html4strict"><br />
<textarea name="postfield" rows="10" cols="50">Deqeket lere binuse</textarea><br />
</source><br />
* هەردوو تایبەتمەندیی readonly و disabled بەکاردێت بۆ ناچالاککردنی خانەکە و نەهێشتنی دەستکاریکردنی لەلایەن بەکارهێنەرەوە. وەک ئەم نموونەیە:<br />
<source lang="html4strict"><br />
<textarea name="postfield" rows="10" cols="50" readonly="readonly">Natiwanit destkari em deqe bikeyt</textarea><br />
</source><br />
<br />
=== Drop Down ===<br />
Drop Down لیستێکە لە کۆمەڵێک هەڵبژاردن بۆ دیاریکردنی دانەیەک یان زیاتر، وەک radio و checkbox بەڵام بە شێوەیەکی کۆکراوە.<br />
<br />
توخمی <tt>select</tt> بەکاردەهێنین بۆ دروستکردنی لیستەکە، لە نێو لیستەکەشدا بۆ هەر هەڵبژاردنێک توخمی <tt>option</tt>. بەم شێوەیە:<br />
<br />
<source lang="html4strict"><br />
<select name="dropdownlist"><br />
<option value="ku">Kurd</option><br />
<option value="en">English</option><br />
<option value="fr">French</option><br />
</select><br />
</source><br />
* تایبەتمەندی <code>multiple="multiple"</code> بەکاردێت بۆ دیاریکردنی زیاد لە هەڵبژاردنێک لە لیستەکە. هەروەها تایبەتمەندی <tt>disable</tt>یش بۆ ناچالاککردنی لیستەکە.<br />
* دەتوانین هەڵبژاردنەکان بکەینە دەستە دەستە بە بەکارهێنانی تاگی <tt>optgroup</tt>. بەم شێوەیە:<br />
<source lang="html4strict"><br />
<select name="countrieslist"><br />
<optgroup label="Middle East"><br />
<option value="ir">Iran</option><br />
<option value="iq">Iraq</option><br />
<option value="jo">Jordan</option><br />
<option value="sa">KSA</option><br />
</optgroup><br />
<br />
<optgroup label="Europe"><br />
<option value="es">Spain</option><br />
<option value="fr">France</option><br />
<option value="de">Germany</option><br />
<option value="it">Italy</option><br />
</optgroup><br />
<br />
<optgroup label="Asia"><br />
<option value="jp">Japan</option><br />
<option value="cn">China</option><br />
<option value="in">India</option><br />
<option value="id">Indonesia</option><br />
</optgroup><br />
</select><br />
</source><br />
<br />
== div و span ==<br />
<tt>div</tt> و <tt>span</tt> بەکاردێن وەک لە پۆلپۆلکردنی کۆمەڵێک دەق و کاریگەری پێدانیان بەهۆی [[CSS]]. تاگی <tt>div</tt> وەک پەرەگراف کاتێک دەدرێت بە دەقێک، هێڵێک پێش خۆی و هێڵێک پاش خۆی جێ دەهێڵێت بەڵام <tt>span</tt> لەنێو هێڵدا. تایبەمەندییەکانیان بریتین لە <tt>class</tt>, <tt>id</tt>, <tt>style</tt><br />
<br />
نموونە:<br />
<source lang="html4strict"><br />
<div class="honrawenus"><br />
Qani' nawi Mihemmed Kabuliye. le salli 1905 le gundi shiler ledayk buwe u salli 1965 be nexoshimirduwe. pallpishti chini cutiyar u hejaran buwe her boye nasrawe be sha'iri chewsawekani Kurdistan<br />
</div><br />
</source><br />
<br />
بەڵام <tt>span</tt>:<br />
<source lang="html4strict"><br />
<p>Kotiri <span style="color:#ffffff">sipi</span> hemay ashtiye.</p><br />
<p>Zanisteki <span style="font-weight:bold;">dirisht</span> u <span style="text-decoration:underline;">kirawe</span>.</p><br />
</source><br />
واتە کاتێک span بەکاردێنین، ئەگەر بمانەوێت کاریگەری بدەینە وشەیەک یان چەند وشەیەکی نێو دێڕێک.<br />
<br />
== توخمەکانی نێو head ==<br />
توخمەکانی نێو head کۆمەڵێک توخمن لەنێو تاگی <tt><head></head></tt>دان. ئەم توخمانە بەکارهێنەر نایان بینێت بەڵام کاریگەری گرنگیان هەیە لەسەر پەڕەکە و وێبگەڕ و بزوێنەرەکانی گەڕان سوود لەم توخمانە وەردەگرن.<br />
<br />
=== توخمی meta ===<br />
توخمی <tt>meta</tt> بەکاردێت بۆ پێدانی زانیاری لەسەر جۆر، نووسەر، پەسن و وشەکلیل...<br />
<br />
[[Category:WebDesign]]<br />
{{DISPLAYTITLE:فێربوونی زمانی HTML بە کوردی}}</div>
ئارا
https://chawg.org/w/index.php?title=%DA%AF%D9%88%D8%A7%D8%B3%D8%AA%D9%86%DB%95%D9%88%DB%95%DB%8C_%D8%AF%D9%88%DA%AF%D9%85%DB%95%DA%A9%D8%A7%D9%86%DB%8C_%D9%BE%DB%95%D9%86%D8%AC%DB%95%D8%B1%DB%95&diff=2038
گواستنەوەی دوگمەکانی پەنجەرە
2010-06-03T17:40:25Z
<p>ئارا: </p>
<hr />
<div><br />
لە ئوبونتووی وەشانی ١٠.٠٤ ەوە دوگمەکانی پەنجەرە؛ داخستن، گەورەکردن و بچوککردنەوە گواستراوەتەوە لای چەپ. گەر ئەو شێوەیەت بەدڵ نییە بەم هەنگاوانە بیهێنەوە لای ڕاست:<br />
* دەست بنێ بە Alt + F2 و بنووسە gconf-editor پاشان ئینتەر لێ بدە.<br />
* بڕۆ بۆ: apps/metacity/general<br />
* لەلای ڕاست لە خانەی button_layout کرتە بکە و ئەمە بنووسە لە جێگەی:<br />
<pre>:minimize,maximize,close</pre><br />
<br />
== وێنە ==<br />
[[پەڕگە:Gconf-editor_windows_buttons.png|thumb|center|500px|دیمەنی gconf-editor بۆ گواستنەوەی دوگمەکانی ویندۆز]]<br />
<br />
[[Category:Tips and Tricks]]<br />
[[Category:Linux]]</div>
ئارا
https://chawg.org/w/index.php?title=%DA%AF%D9%88%D8%A7%D8%B3%D8%AA%D9%86%DB%95%D9%88%DB%95%DB%8C_%D8%AF%D9%88%DA%AF%D9%85%DB%95%DA%A9%D8%A7%D9%86%DB%8C_%D9%BE%DB%95%D9%86%D8%AC%DB%95%D8%B1%DB%95&diff=2037
گواستنەوەی دوگمەکانی پەنجەرە
2010-06-03T17:27:14Z
<p>ئارا: </p>
<hr />
<div>لە ئوبونتووی وەشانی ١٠.٠٤ ەوە دوگمەکانی پەنجەرە؛ داخستن، گەورەکردن و بچوککردنەوە گواستراوەتەوە لای چەپ. گەر ئەو شێوەیەت بەدڵ نییە بەم هەنگاوانە بیهێنەوە لای ڕاست:<br />
* دەست بنێ بە Alt + F2 و بنووسە gconf-editor پاشان ئینتەر لێ بدە.<br />
* بڕۆ بۆ: apps/metacity/general<br />
* لەلای ڕاست لە خانەی button_layout کرتە بکە و ئەمە بنووسە لە جێگەی:<br />
<pre>:minimize,maximize,close</pre><br />
<br />
== وێنە ==<br />
[[پەڕگە:Gconf-editor_windows_buttons.png|thumb|center|500px|دیمەنی gconf-editor بۆ گواستنەوەی دوگمەکانی ویندۆز]]<br />
[[Category:Tips and Tricks]]<br />
[[Category:Linux]]</div>
ئارا
https://chawg.org/w/index.php?title=%DA%AF%D9%88%D8%A7%D8%B3%D8%AA%D9%86%DB%95%D9%88%DB%95%DB%8C_%D8%AF%D9%88%DA%AF%D9%85%DB%95%DA%A9%D8%A7%D9%86%DB%8C_%D9%BE%DB%95%D9%86%D8%AC%DB%95%D8%B1%DB%95&diff=2036
گواستنەوەی دوگمەکانی پەنجەرە
2010-06-03T14:31:03Z
<p>ئارا: </p>
<hr />
<div><br />
لە ئوبونتووی وەشانی ١٠.٠٤ ەوە دوگمەکانی پەنجەرە؛ داخستن، گەورەکردن و بچوککردنەوە گواستراوەتەوە لای چەپ. گەر ئەو شێوەیەت بەدڵ نییە بەم هەنگاوانە بیهێنەوە لای ڕاست:<br />
* دەست بنێ بە Alt + F2<br />
* بڕۆ بۆ: apps/metacity/general<br />
* لەلای ڕاست لە خانەی button_layout کرتە بکە و ئەمە بنووسە لە جێگەی<br />
<pre>:minimize,maximize,close</pre><br />
ئێستا ئەبینیت دوگمەکان گەڕاونتەوە لای ڕاست.<br />
<br />
== وێنە ==<br />
[[پەڕگە:Gconf-editor_windows_buttons.png|thumb|center|500px|دیمەنی gconf-editor بۆ گواستنەوەی دوگمەکانی ویندۆز]]<br />
[[Category:Tips and Tricks]]<br />
[[Category:Linux]]</div>
ئارا
https://chawg.org/w/index.php?title=%DA%AF%D9%88%D8%A7%D8%B3%D8%AA%D9%86%DB%95%D9%88%DB%95%DB%8C_%D8%AF%D9%88%DA%AF%D9%85%DB%95%DA%A9%D8%A7%D9%86%DB%8C_%D9%BE%DB%95%D9%86%D8%AC%DB%95%D8%B1%DB%95&diff=2035
گواستنەوەی دوگمەکانی پەنجەرە
2010-06-03T14:25:18Z
<p>ئارا: </p>
<hr />
<div>لە ئوبونتووی وەشانی ١٠.٠٤ ەوە دوگمەکانی پەنجەرە؛ داخستن، گەورەکردن و بچوککردنەوە گواستراوەتەوە لای چەپ. گەر ئەو شێوەیەت بەدڵ نییە بەم هەنگاوانە بیهێنەوە لای ڕاست:<br />
* دەست بنێ بە Alt + F2<br />
* بڕۆ بۆ: apps/metacity/general<br />
* لەلای ڕاست لە خانەی button_layout کرتە بکە و ئەمە بنووسە لە جێگەی<br />
<pre>:minimize,maximize,close</pre><br />
ئێستا ئەبینیت دوگمەکان گەڕاونتەوە لای ڕاست.<br />
<br />
== وێنە ==<br />
[[پەڕگە:Gconf-editor_windows_buttons.png|thumb|center|500px|دیمەنی gconf-editor بۆ گواستنەوەی دوگمەکانی ویندۆز]]<br />
[[Category:Tips and Tricks]]<br />
[[Category:Linux]]</div>
ئارا
https://chawg.org/w/index.php?title=%D9%BE%DB%95%DA%95%DA%AF%DB%95:Gconf-editor_windows_buttons.png&diff=2034
پەڕگە:Gconf-editor windows buttons.png
2010-06-03T14:21:50Z
<p>ئارا: دیمەنی gconf-editor بۆ گواستنەوەی دوگمەکانی ویندۆز</p>
<hr />
<div>دیمەنی gconf-editor بۆ گواستنەوەی دوگمەکانی ویندۆز</div>
ئارا
https://chawg.org/w/index.php?title=%DA%AF%D9%88%D8%A7%D8%B3%D8%AA%D9%86%DB%95%D9%88%DB%95%DB%8C_%D8%AF%D9%88%DA%AF%D9%85%DB%95%DA%A9%D8%A7%D9%86%DB%8C_%D9%BE%DB%95%D9%86%D8%AC%DB%95%D8%B1%DB%95&diff=2033
گواستنەوەی دوگمەکانی پەنجەرە
2010-06-03T14:15:05Z
<p>ئارا: پەڕەیەک دروست کرا بە 'لە ئوبونتووی وەشانی ١٠.٠٤ ەوە دوگمەکانی پەنجەرە؛ داخستن، گەورەکردن و بچوککردنەوە گواس...'</p>
<hr />
<div>لە ئوبونتووی وەشانی ١٠.٠٤ ەوە دوگمەکانی پەنجەرە؛ داخستن، گەورەکردن و بچوککردنەوە گواستراوەتەوە لای چەپ. گەر ئەو شێوەیەت بەدڵ نییە بەم هەنگاوانە بیهێنەوە لای ڕاست:<br />
* دەست بنێ بە Alt + F2<br />
* بڕۆ بۆ: apps/metacity/general<br />
* لەلای ڕاست لە خانەی button_layout کرتە بکە و ئەمە بنووسە لە جێگەی<br />
<pre>:close,maximize,minimize</pre><br />
ئێستا ئەبینیت دوگمەکان گەڕاونتەوە لای ڕاست.<br />
<br />
[[Category:Tips and Tricks]]<br />
[[Category:Linux]]</div>
ئارا
https://chawg.org/w/index.php?title=%D9%86%DB%95%D9%85%D8%A7%D9%86%DB%8C_%D8%AF%D9%88%DA%AF%D9%85%DB%95%DA%A9%D8%A7%D9%86%DB%8C_%D9%BE%DB%95%D9%86%D8%AC%DB%95%D8%B1%DB%95&diff=2032
نەمانی دوگمەکانی پەنجەرە
2010-06-03T14:01:00Z
<p>ئارا: </p>
<hr />
<div><br />
هەندێک جار ڕێدەکەوێت دوگمەکانی ویندۆ؛ داخستن، گەورەکردنەوە و بچوککردنەوە نامێنن. ئەگەر [[ئوبونتوو]] و ڕوومێزی [[گنۆم]] بەکار دەبەیت لە [[تێرمیناڵ]] (Applications > Accessories > Terminal) ئەمە بنووسە تا دوگمەکان بگێڕدرێنەوە:<br />
<pre>metacity --replace</pre><br />
<br />
<br />
[[Category:Tips and Tricks]]<br />
[[Category:Linux]]</div>
ئارا
https://chawg.org/w/index.php?title=%D9%86%DB%95%D9%85%D8%A7%D9%86%DB%8C_%D8%AF%D9%88%DA%AF%D9%85%DB%95%DA%A9%D8%A7%D9%86%DB%8C_%D9%BE%DB%95%D9%86%D8%AC%DB%95%D8%B1%DB%95&diff=2031
نەمانی دوگمەکانی پەنجەرە
2010-06-03T13:59:07Z
<p>ئارا: پەڕەیەک دروست کرا بە 'هەندێک جار ڕێدەکەوێت دوگمەکانی ویندۆ؛ داخستن، گەورەکردنەوە و بچوککردنەوە نامێنن. ئەگ...'</p>
<hr />
<div>هەندێک جار ڕێدەکەوێت دوگمەکانی ویندۆ؛ داخستن، گەورەکردنەوە و بچوککردنەوە نامێنن. ئەگەر [[ئوبونتوو]] و ڕوومێزی [[گنۆم]] بەکار دەبەیت لە [[تێرمیناڵ]] (Applications > Accessories > Terminal) ئەمە بنووسە تا دوگمەکان بگێڕدرێنەوە:<br />
<pre>metacity --replace</pre><br />
<br />
<br />
[[Category:Tips and Tricks]]<br />
[[Category:Linux]]</div>
ئارا