پێکهاتەکانی پەڕەیەکی HTML زۆر جارێک بریتی دەبن لە وێنە، دەقی ئاسایی، دەقی سەردێڕ، فۆرم و هتد… لە خوارەوە  نموونەی هەر یەک لەو پێکهاتانە نووسراون و شێوازی نووسینیان فێربە.

تێبینی ئەوە بکە کە مەرجە لەگەڵ نووسینی  و کردنەوەی هەر تاگێک دەبێت تاگێکی دیکە هەبێت بۆ داخستنی. هەندێک تاگی تایبەتی وەک <img> تاگی داخستنیان نییە وەک <h1> و </h1>. لە خوارەوە زۆرتر ڕوونکراوەتەوە

Heading / دەقی سەردێڕ

دەقێک کە بە تاگی Heading پێناسە بکرێت بە دەقێکی گرینگتر دەژمێردرێت و وەک سەردێڕی بەشێک لە نێو پەڕە مامەڵەی لەگەڵ دەگرێت. Heading لە نێو HTML ـدا لە ٦ پلە پێکدێت، h1 تا h6. بۆ نموونە

<h1>سەردێڕی بەشێک</h1>

نووسراوەی سەردێڕی بەشێک گەورەتر لە نووسراوەکانی دیکە دەردەکەوێت و بە دەقێکی گرینگتر دەژمێردرێت.

Image / وێنە

پێکهاتەیەکی دیکەی پەڕەیەکی HTML بریتییە لە وێنە، بۆ دانانی وێنە لە نێو پەڕەیەکی HTML کۆد و تاگی خوارەوە بەکار دەبەین.

<img alt="وێنەکەم" height="85" src="wene.jpg" width="425" />

لە نموونەی سەرەوە تاگی <img> کۆمەڵێک زانیاریی دیکەی لە خۆ گرتووە، بۆ نموونە پانی و بەرزیی وێنە، هەروەها ئەو دەقەی کە دەربکەوێت وەک پێناسەی وێنە. دەقی ناوبراو لە کاتێکدا دەردەکەوێت کە وێنە لە بەر هەر هۆکارێک دەرنەکەوێت یان کاتێک بەکارهێنەر دەستنیشانکەری مشکی کۆمپیوتەرەکەی بەسەر وێنەکەدا بجووڵێنێت. دەقی ناوبراو دەبێت وێنە پێناس بکات.
src کە کورتکراوەی Source ـە، بەستەری درووستی وێنە لە خۆ دەگرێت. لە کۆتاییدا تاگی وێنە بە  لارەهێڵ داخراوە.

Paragraph / بڕگە

Paragraph کە لە کاتی نووسیندا لە نێو HTML تەنیا بە <p> دەنووسرێت، بەکاردەبریت بۆ پێکەوە بەستنەوەی کۆمەڵێک دەق وەک بڕگەیەکی هاوبەش، پەرەگراف. نموونە،

<p>من کوردم و وانەی فێربوونی هتمل لە وێبچن دەخوێنم بۆ ئەوەی بتوانم لە داهاتوودا 
ماڵپەڕی خۆم بە درووستی دابڕێژم</p>

لە نموونەی سەرەوەدا دەقی نووسراو وەک پەرەگرافێکی هاوبەش لە وێبگەڕدا پیشان دەدرێت.

Link / بەستەری وێب

وێب بەبێ Link بەستەر بوونی نەدەبوو، بەستەر کردنی پەڕەیەکی وێب تایبەتمەندییەکی گرینگ و یەکێک لە بناغەکانی وێبی ئەمڕۆیە. کاتێک کۆمەڵێک پەڕەی HTML داڕێژین لەوانەیە پیویست بکات لە پەڕەیەکەوە بەستەر بکەین بۆ پەڕەیەکی دیکە بۆ ئەوەی بەکارهێنەر بتوانێت پەڕەکانی ماڵپەڕ بدۆزێتەوە. بەستەرکردن کاری پێکەوە بەستنەوەی پەڕەکانی وێب جێبەجێ دەکات. نموونەی بەستەر درووستکردن،

<a href="http://www.webchin.org" target="_blank">وێبچن</a>

لە نموونەی سەرەوە تایبەتمەندی بەستەرکردن بە a و دواتر href دەست پێدەکات، نرخی href بریتییە لە بەستەری ئەو پەڕەیەی کە بەستەری بۆ دەکرێت، Target بۆ وێبگەڕ پێناس دەکات کە بەستەری ناوبراو لە پەنجەرەیەکی نوێ بکرێتەوە یان لە هەمان پەنجەرە. پێش  داخستنی تاگی a بۆ بەستەرکردن، ئەو دەقە نووسراوە کە دەردەکەوێت و کرتەی لێدەکرێت. ئەنجامی نموونەی سەرەوە دەبێتە: وێبچن.

Target لێرەدا Attribute ـێکی تایبەت بە Element ی A ـە.  هەروەها href بریتییە لە Attribute ـێکی دیکەی A بۆ بەستەرکردن.

کۆکردنەوەی نموونەکانی سەرەوە  لە پەڕەیەکی HTML دا

هەموو نموونەکانی سەرەوە پاش کۆکردنەوە لە نێو یەک پەڕەدا بە شێوازی خوارەوە  دەنووسرێن.

<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>ناوی پەڕە</title>
</head>
<body>

<h1>سەردێڕی بەشێک</h1>

<img alt="وێنەکەم" height="85" src="wene.jpg" width="425">
<p>من کوردم و وانەی فێربوونی هتمل لە وێبچن دەخوێنم بۆ ئەوەی بتوانم لە داهاتوودا 
ماڵپەڕی خۆم بە درووستی دابڕێژم</p>

<p><a href="http://www.webchin.org" target="_blank">وێبچن</a></p>

</body>
</html>

کۆدی سەرەوە نموونەی پەڕەیەکی درووست و تەواوی  وێبە کە بە HTML داڕێژراوە. نموونەیەکی سادەیە و دەکرێت زۆرتر پەرەی پێبدرێت.

Meta Tags

تاگی <meta> تاگێکی تایبەتە بە لە خۆگرتنی زانیاریی سەبارەت بە پەڕەیەکی HTML، زانیاریی وەک ناوی نووسەر، ڕێکەوتی درووستکردنی پەڕە یان کلیلەوشە و زانیاریی دیکەش. بە چەند نموونەیەک درێژە بە بەشی Meta Tags دەدەین.
نموونەی ژمارە ١، نووسینی وشە گرینگەکانی پەڕە لە نێو تاگی <meta>

<meta name="keywords" content="HTML, XHTML, HTML5, HTML4.1" />

تاگی ناوبراو بە وشەی meta دەست پێدەکات، دواتر Attribute ـێکی هەیە بە ناوی name کە پێناس دەکات Meta Tag ی ناوبراو چییە، لەم نموونەدا تایبەتە بە لە خۆ گرتنی کلیلەوشەکانی پەڕە. content کە Attribute ـێکی دیکەیە کلیلەوشەکانی لە خۆ گرتووە/

Keywords / کلیلەوشە پێکهاتەیەکی گرینگی پەڕەیەکی HTML ـە، هەموو کات لە نێو هەموو پەڕەکانی ماڵپەڕت بەکاری ببە بە شێوەیەک کە Meta Keywords گرینگ ترین و سەرەکی ترین وشەکانی پەیوەندیدار بە پەڕە لە خۆ بگرێت. تایبەتمەندی ناوبراو سوودی دیکەی هەیە بۆ نموونە بۆ گەڕۆکی وێب وەک Google بۆ ئەوەی باشتر ناوەڕۆکی ماڵپەڕەکەت Index بکات. بەکاربردنی Meta Keywords گرینگە!

<meta name="description" content="خوولی فێربوونی هتمل بە کوردی سۆرانی لە وێبچن" />

Meta Tag ی سەرەوە بریتییە لە پێناسەکردنی پەڕەیەکی HTML، وەک لە نموونەی سەرەوە هاتووە چەند وشەیەک لە خۆ دەگرێت کە درووست نییە لە ٥٠ وشە زۆرتر بێت. وشە بەکاربراوەکان بۆ description دەبێت پەیوەندیدار بن بە ناوەڕۆکی پەڕەی پەیوەندیداری HTML بۆ ئەوەی کاریگەریی درووستی هەبێت. وەک Meta Keywords گرینگە بۆ گەڕۆکی وێب وەک Google. بەکارهێنانی گرینگە!

کرتە لە ئەم بەستەرە بکە بۆ زانیاری قووڵتر سەبارەت بە Meta Tags و هەروەها تایبەتمەندییەکانی دیکە کە دەکرێت بەکار ببرێت.

 Eelements / پێکهاتەکان

وەک لە سەرەوە ئاماژەی پێ دراوە، هەر پەڕەیەکی HTML لە کۆمەڵێک پێکهاتە Element درووست دەبێت.
نموونەیەکی پێکهاتە / Element، نموونەی خوارەوە بە شێوەیەکی وردتر پێکهاتەیەک و تایبەتمەندییە پەیوەندیدارەکانی ڕوون دەکاتەوە.

<p>ئەمە دەقی پەرەگرافێکە بۆ تاقیکردنەوە نووسیومانە</p>

ئەگەر پێکهاتەی سەرەوە خشتەبەندی بکەین و بەشەکانی شی بکەینەوە بە شێوەی خوارەوە دەبێت،

تاگی دەستپێکردندەقی پێکهاتەتاگی داخستن
<p>ئەمە دەقی پەرەگرافێکە بۆ تاقیکردنەوە نووسیومانە</p>

Element Attributes / تایبەتمەندییەکانی پێکهاتە

هەر پێکهاتەیەک دەکرێت یەک یان زۆرتر تایبەتمەندی هەبێت، هەر تایبەتمەندییەک کارێکی تایبەت جێبەجێ دەکات و لە ئەنجامدا کاریگەرییان دەبێت لە ئەوەی کە پێکهاتەی پەیوەندیدار چۆن دەربکەوێت / چۆن کار بکات، لە خوارەوە هەمان نموونەی پێکهاتەی سەرەوە دەنووسینەوە لەگەڵ تایبەتمەندی Attribute.

<p class="info">ئەمە دەقی پەرەگرافێکە بۆ تاقیکردنەوە نووسیومانە</p>
تاگی دەستپێکردندەقی پێکهاتەناوی تایبەتمەندینرخی تایبەتمەندیپێناسەیەکی کورتی تایبەتمەندیتاگی داخستن
<p>ئەمە دەقی پەرەگرافێکە بۆ تاقیکردنەوە نووسیومانەclassinfoتایبەتمەندی Class تایبەتە بە گۆڕینی ڕوومەتی <p> بە بەکاربردنی CSS</p>

تایبەتمەندییەکانی پێکهاتە لە بەشی یەکەمی پێکهاتە دەنووسرێت، پاش تاگی دەستپێکردن.

ئامادەكردنی : وێبچن

هەموو ماڵپەر و دەزگایەكی ڕاگەیاندن ئازادە لە بڵاو كردنەوەی بابەتەكانی ماڵپەری تێك ئای، بەمەرجێك ئاماژەی بە سەرچاوەكە بكات

شەیر بكە بۆ هاوڕێیانت

دەربارەی نوسەر

ماڵپەری تێك ئای ، یەكەمین و گەورەترین ماڵپەری تەكنەلۆژیە لە كوردستان و عێراق ، تیایدا چەند شارەزایەكی بواری تەكنەلۆژی خزمەتگوزاریە تەكنەلۆژیەكان وەكو هەواڵ و وانە و فێركاری بە زمانی كوردی و بە شێوەی خۆڕایی پێشكەش بە ئارەزوومەندانی تەكنەلۆژی دەكەن .

Comments are closed.