وانەی 1 لە 5
وانەی یەکەم: دروستکردنی یەکەم دۆکیومێنتی HTML
ماوە: نزیکەی ٧ خولەک، لە ٥ بەشی کورت. تاگ و توخمەکان (ئیلمێنت) <html> <head> <title> <body>
ناوەڕۆکی ئەم وانەیە
بەشی ١: دروستکردنی فایلی HTML (نزیکەی ١.٥ خولەک) بەشی ٢: واتای < چییە؟ (نزیکەی ١.٥ خولەک) بەشی ٣: توخم (Element) چییە؟ (نزیکەی ١ خولەک) بەشی ٤: توخمی <html> و <head> (نزیکەی ٢ خولەک) بەشی ٥: توخمی <body> (نزیکەی ١.٥ خولەک)بەشی ١: دروستکردنی فایلی HTML (نزیکەی ١.٥ خولەک)
با ڕاستەوخۆ دەست پێبکەین. فایلی HTML تەنها فایلێکی تێکستی ئاساییە، و جیاوازییەکەی ئەوەیە کە کۆتاییەکەی .html ە. ئەم کۆتاییە بە وێبگەڕ دەڵێت: «ئەم فایلە وەک لاپەڕەی وێب نیشان بدە.»
١. کۆدنوسێکەت بکەرەوە.
٢. فۆڵدەرێکی نوێ دروست بکە بە ناوی yakam-malpary-mn.
٣. لەناو فۆڵدەرەکەدا فایلێکی نوێ دروست بکە بە ناوی index.html.
index.html ناوی باوی لاپەڕەی سەرەکی ماڵپەڕە، بۆیە ئێمەش هەمان ناو بەکاردەهێنین.
تێبینی: لە ناوی فایلەکاندا پیتی بچووک بەکاربهێنە و بۆشایی مەهێڵەرەوە.
بەشی ٢: واتای < چییە؟ (نزیکەی ١.٥ خولەک)
HTML بە وشەی تایبەت دەنووسرێت کە لەنێوان دوو کەوانەی تیژدان. ئەمانە هێمای «کەمتر لە» و «زیاتر لە»ن لەسەر کیبۆردەکەت: < و >.
وشەیەک کە لەنێو ئەم کەوانانەدا بێت پێی دەگوترێت تاگ (Tag). تاگ ڕێنمایییە بۆ وێبگەڕ.<p> ئەمە تاگێکە. وێبگەڕ دەیخوێنێتەوە و تێدەگات کە پەرەگرافێک دەست پێدەکات.
زۆربەی تاگەکان بە جووت دێن. یەکەمیان تاگی دەستپێکە. دووەمیان تاگی کۆتاییە و پێش ناوەکەی هێمای / هەیە.
<p>تاگی دەستپێکە.</p>تاگی کۆتاییە.- ئەو تێکستەی لەنێوانیانە ناوەڕۆکە.
نموونە
html<p>سڵاو!</p>خۆت تاقی بکەرەوە ↗
ئەنجام
بەشی ٣: توخم (Element) چییە؟ (نزیکەی ١ خولەک)
تاگی دەستپێک، ناوەڕۆک و تاگی کۆتایی پێکەوە دەبنە توخمێکی HTML. توخم هەموو ئەو بەشەیە، لە تاگی دەستپێکەوە تا تاگی کۆتایی.
ئەم توخمانە ناوەڕۆکەکەمان بۆ وێبگەڕ دیاری دەکەن: «ئەمە سەردێڕە»، «ئەمە پەرەگرافە».
<h1>یەکەم سەردێڕ</h1><p>یەکەم پەرەگراف.</p>هەڵەیەکی باو: تاگ تەنها ئەو بەشەیە کە لەنێو کەوانەکاندایە. توخم هەموو شتەکەیە، بە ناوەڕۆکەوە.
بەشی ٤: توخمی <html> و <head> (نزیکەی ٢ خولەک)
هەموو لاپەڕەیەکی HTML بە توخمی
<html> دەست پێدەکات. ئەو هەموو شتێکی تری لاپەڕەکە لەخۆ دەگرێت.بچۆ ناو
index.html و ئەمە بنووسە: <html>
</html>وەک ئەوە بیر بکەرەوە: توخمی <html> وەک تەواوی خانووەکەیە.
لەناو
<html> دوو بەشی سەرەکی هەیە. یەکەمیان <head>ـە. ئەم بەشە زانیاری دەربارەی لاپەڕەکە لەخۆ دەگرێت و لەسەر خودی لاپەڕەکە پیشان نادرێت. ئێستا تەنها یەک شتی تێدا دەنووسین: <title>، ئەو تێکستەی لەسەر تابی وێبگەڕ دەردەکەوێت.<html>
<head>
<title>یەکەم لاپەڕەی وێبی من</title>
</head>
</html>سەرنج بدە،
<head> لەناو <html>ـەیە و <title> لەناو <head>ـە. کۆدەکە بە بۆشایی لە لای چەپەوە ڕێک دەخەین بۆ ئەوەی ئاسان ببینین چی لەناو چیدایە.نموونە
html<html>
<head>
<title>یەکەم لاپەڕەی وێبی من</title>
</head>
</html>خۆت تاقی بکەرەوە ↗
ئەنجام
بەشی ٥: توخمی <body> (نزیکەی ١.٥ خولەک)
بەشی دووەمی
<html> بریتییە لە <body>. هەموو ئەو شتانەی سەردانکەر لە لاپەڕەکەدا دەیبینێت لێرە دادەنرێن: تێکست، وێنە، لینک و دوگمە.با سەردێڕێک و پەرەگرافێک زیاد بکەین.
<html>
<head>
<title>یەکەم لاپەڕەی وێبی من</title>
</head>
<body>
<h1>یەکەم سەردێڕ</h1>
<p>یەکەم پەرەگراف.</p>
</body>
</html>١. فایلەکە پاشەکەوت بکە بە Ctrl+S.
٢. index.html لە وێبگەڕدا بکەرەوە.
٣. ناونیشانی تابەکە، سەردێڕەکە و پەرەگرافەکە ببینە.
وەک ئەوە بیر بکەرەوە:
<body> وەک ژوورەکانی خانووەکەیە کە خەڵک دەچنە ناویانەوە.نموونە
<html>
<head>
<title>یەکەم لاپەڕەی وێبی من</title>
</head>
<body>
<h1>یەکەم سەردێڕ</h1>
<p>یەکەم پەرەگراف.</p>
</body>
</html>چوونەژوورەوە بۆ پاشەکەوتکردنی پێشکەوتنت لە فێربووندا.