البرمجة

أساسيات إنشاء موقع ويب

اخر تحديث 16/05/2025
23 تمت قراءة 5 دقيقة
جدول المحتوى

أساسيات إنشاء موقع ويب باستخدام تعليمات HTML

في عصر الرقمنة الذي نعيشه اليوم، أصبح وجود موقع ويب هو ضرورة لكل فرد أو مؤسسة تطمح إلى التواجد على الإنترنت والتواصل مع جمهورها بشكل فعّال. ومع أن تقنيات تطوير الويب عديدة ومتنوعة، يبقى HTML (لغة ترميز النصوص التشعبية) الركيزة الأساسية التي تُبنى عليها صفحات الويب. فهم أساسيات HTML هو الخطوة الأولى لأي شخص يرغب في إنشاء موقع إلكتروني، مهما كان مستوى خبرته التقنية. هذا المقال يستعرض بالتفصيل مبادئ HTML، كيفية استخدام تعليماتها لإنشاء صفحات ويب، وأهم المفاهيم المرتبطة بها، ليكون مرجعًا غنيًا يمكن الاعتماد عليه.

ما هي HTML ولماذا تعتبر أساسية؟

HTML هي اختصار لـ HyperText Markup Language، أي “لغة ترميز النص التشعبي”، وهي اللغة الأساسية التي تُستخدم لبناء هيكل صفحات الويب. ليست لغة برمجة بالمعنى التقليدي، وإنما هي لغة ترميزية تقوم بوصف مكونات الصفحة، مثل العناوين، الفقرات، الصور، والروابط. بدون HTML، لن يتمكن المتصفح من عرض المحتوى بشكل منظم وسهل القراءة.

مواضيع ذات صلة

تتكون صفحات الويب من ملفات نصية بسيطة تحتوي على تعليمات HTML التي تُفسرها متصفحات الويب لتعرض المحتوى بشكل جمالي ومنسق للمستخدم. لذا، معرفة كيفية كتابة هذه التعليمات وفهم هيكلها هو أمر لا غنى عنه لأي مطور ويب.

الهيكل الأساسي لصفحة HTML

لكل صفحة HTML بنية أساسية يجب الالتزام بها حتى يتم عرضها بشكل صحيح عبر جميع المتصفحات. هذه البنية تبدأ بعلامة التي تمثل الجذر الذي يحتوي جميع عناصر الصفحة، وتتفرع إلى جزئين رئيسيين: و .

1. عنصر

هو العنصر الجذري الذي يضم كامل محتوى الصفحة، ويبدأ دائمًا بعلامة البداية وينتهي بعلامة النهاية .

2. عنصر

يتضمن هذا القسم معلومات غير مرئية للمستخدم مباشرة، لكنه ضروري للمتصفح ولأغراض تحسين محركات البحث (SEO). يحتوي عادةً على:

  • عنوان الصفحة داخل عنصر </code>.</p><div class="stream-item stream-item-in-post stream-item-inline-post aligncenter"><div class="stream-item-size" style=""> <div class="stream-item stream-item-in-post stream-item-in-post-1"> </div> </div></div> </li> <li data-start="1698" data-end="1727" class="" style=""> <p data-start="1700" data-end="1727" class="">تعاريف الترميز (مثل UTF-8).</p> </li> <li data-start="1728" data-end="1770" class="" style=""> <p data-start="1730" data-end="1770" class="">روابط لملفات CSS أو جافاسكريبت الخارجية.</p> </li> <li data-start="1771" data-end="1826" class="" style=""> <p data-start="1773" data-end="1826" class="">بيانات وصفية (Meta Tags) تساعد في تحسين محركات البحث.</p> </li> </ul> <h3 data-start="1828" data-end="1848" class=""><span class="ez-toc-section" id="3_%D8%B9%D9%86%D8%B5%D8%B1"></span>3. عنصر <code data-start="1840" data-end="1848"><body></code><span class="ez-toc-section-end"></span></h3> <p data-start="1850" data-end="1973" class="">يحتوي على جميع العناصر المرئية التي تظهر على صفحة الويب مثل النصوص، الصور، الفيديوهات، الروابط، الأزرار، الجداول، والقوائم.</p> <p data-start="1975" data-end="2010" class="">مثال على الهيكل الأساسي لصفحة HTML:</p> <pre class="overflow-visible!" data-start="2012" data-end="2234"><div class="contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary"><div class="flex items-center text-token-text-secondary px-4 py-2 text-xs font-sans justify-between h-9 bg-token-sidebar-surface-primary dark:bg-token-main-surface-secondary select-none rounded-t-[5px]">html</div><div class="sticky top-9"><div class="absolute end-0 bottom-0 flex h-9 items-center pe-2"><div class="bg-token-sidebar-surface-primary text-token-text-secondary dark:bg-token-main-surface-secondary flex items-center rounded-sm px-2 font-sans text-xs"><button class="flex gap-1 items-center select-none px-4 py-1" aria-label="Copy"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-xs"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 5C7 3.34315 8.34315 2 10 2H19C20.6569 2 22 3.34315 22 5V14C22 15.6569 20.6569 17 19 17H17V19C17 20.6569 15.6569 22 14 22H5C3.34315 22 2 20.6569 2 19V10C2 8.34315 3.34315 7 5 7H7V5ZM9 7H14C15.6569 7 17 8.34315 17 10V15H19C19.5523 15 20 14.5523 20 14V5C20 4.44772 19.5523 4 19 4H10C9.44772 4 9 4.44772 9 5V7ZM5 9C4.44772 9 4 9.44772 4 10V19C4 19.5523 4.44772 20 5 20H14C14.5523 20 15 19.5523 15 19V10C15 9.44772 14.5523 9 14 9H5Z" fill="currentColor"></path></svg>Copy</button><span class="" data-state="closed"><button class="flex items-center gap-1 px-4 py-1 select-none"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-xs"><path d="M2.5 5.5C4.3 5.2 5.2 4 5.5 2.5C5.8 4 6.7 5.2 8.5 5.5C6.7 5.8 5.8 7 5.5 8.5C5.2 7 4.3 5.8 2.5 5.5Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M5.66282 16.5231L5.18413 19.3952C5.12203 19.7678 5.09098 19.9541 5.14876 20.0888C5.19933 20.2067 5.29328 20.3007 5.41118 20.3512C5.54589 20.409 5.73218 20.378 6.10476 20.3159L8.97693 19.8372C9.72813 19.712 10.1037 19.6494 10.4542 19.521C10.7652 19.407 11.0608 19.2549 11.3343 19.068C11.6425 18.8575 11.9118 18.5882 12.4503 18.0497L20 10.5C21.3807 9.11929 21.3807 6.88071 20 5.5C18.6193 4.11929 16.3807 4.11929 15 5.5L7.45026 13.0497C6.91175 13.5882 6.6425 13.8575 6.43197 14.1657C6.24513 14.4392 6.09299 14.7348 5.97903 15.0458C5.85062 15.3963 5.78802 15.7719 5.66282 16.5231Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M14.5 7L18.5 11" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>Edit</button></span></div></div></div><div class="overflow-y-auto p-4" dir="ltr"><code class="whitespace-pre! language-html"><span><span><span class="hljs-meta"><!DOCTYPE <span class="hljs-keyword">html</span></span></span><span>> </span><span><span class="hljs-tag"><<span class="hljs-name">html</span></span></span><span> </span><span><span class="hljs-attr">lang</span></span><span>=</span><span><span class="hljs-string">"ar"</span></span><span>> </span><span><span class="hljs-tag"><<span class="hljs-name">head</span></span></span><span>> </span><span><span class="hljs-tag"><<span class="hljs-name">meta</span></span></span><span> </span><span><span class="hljs-attr">charset</span></span><span>=</span><span><span class="hljs-string">"UTF-8"</span></span><span>> </span><span><span class="hljs-tag"><<span class="hljs-name">title</span></span></span><span>>مثال على صفحة HTML</span><span><span class="hljs-tag"></<span class="hljs-name">title</span></span></span><span>> </span><span><span class="hljs-tag"></<span class="hljs-name">head</span></span></span><span>> </span><span><span class="hljs-tag"><<span class="hljs-name">body</span></span></span><span>> </span><span><span class="hljs-tag"><<span class="hljs-name">h1</span></span></span><span>>مرحبا بك في موقعي</span><span><span class="hljs-tag"></<span class="hljs-name">h1</span></span></span><span>> </span><span><span class="hljs-tag"><<span class="hljs-name">p</span></span></span><span>>هذه فقرة نصية توضح أساسيات HTML.</span><span><span class="hljs-tag"></<span class="hljs-name">p</span></span></span><span>> </span><span><span class="hljs-tag"></<span class="hljs-name">body</span></span></span><span>> </span><span><span class="hljs-tag"></<span class="hljs-name">html</span></span></span><span>> </span></span></code></div></div></pre> <h2 data-start="2236" data-end="2267" class=""><span class="ez-toc-section" id="%D8%AA%D8%B9%D9%84%D9%8A%D9%85%D8%A7%D8%AA_HTML_%D8%A7%D9%84%D8%A3%D8%B3%D8%A7%D8%B3%D9%8A%D8%A9_%D9%88%D8%A3%D9%87%D9%85%D9%87%D8%A7"></span>تعليمات HTML الأساسية وأهمها<span class="ez-toc-section-end"></span></h2> <h3 data-start="2269" data-end="2302" class=""><span class="ez-toc-section" id="1_%D8%A7%D9%84%D8%B9%D9%86%D8%A7%D9%88%D9%8A%D9%86_%D8%A5%D9%84%D9%89"></span>1. العناوين <code data-start="2285" data-end="2291"></p> <h1></code> إلى <code data-start="2296" data-end="2302"></p> <h6></code><span class="ez-toc-section-end"></span></h3> <p data-start="2304" data-end="2488" class="">تمثل عناوين النصوص وتختلف في الأهمية والحجم، حيث <code data-start="2353" data-end="2359"></p> <h1></code> هو العنوان الرئيسي والأكبر، و<code data-start="2389" data-end="2395"></p> <h6></code> هو العنوان الأدنى. استخدام العناوين بشكل صحيح يساعد في تنظيم المحتوى ويوفر تجربة قراءة أفضل.</p> <h3 data-start="2490" data-end="2510" class="">2. الفقرات <code data-start="2505" data-end="2510"></p> <p></code></h3> <p data-start="2512" data-end="2637" class="">عنصر الفقرة يستخدم لتقسيم النصوص إلى أجزاء سهلة القراءة. يمكن أن يحتوي على نصوص عادية أو حتى عناصر أخرى مثل الروابط أو الصور.</p> <h3 data-start="2639" data-end="2668" class="">3. الروابط التشعبية <code data-start="2663" data-end="2668"><a></code></h3> <p data-start="2670" data-end="2766" class="">تسمح للزوار بالانتقال إلى صفحات أخرى أو مواقع خارجية من خلال النقر على النص أو الصورة المرتبطة.</p> <p data-start="2768" data-end="2780" class="">صيغة الرابط:</p> <pre class="overflow-visible!" data-start="2782" data-end="2843"><div class="contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary"><div class="flex items-center text-token-text-secondary px-4 py-2 text-xs font-sans justify-between h-9 bg-token-sidebar-surface-primary dark:bg-token-main-surface-secondary select-none rounded-t-[5px]">html</div><div class="sticky top-9"><div class="absolute end-0 bottom-0 flex h-9 items-center pe-2"><div class="bg-token-sidebar-surface-primary text-token-text-secondary dark:bg-token-main-surface-secondary flex items-center rounded-sm px-2 font-sans text-xs"><button class="flex gap-1 items-center select-none px-4 py-1" aria-label="Copy"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-xs"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 5C7 3.34315 8.34315 2 10 2H19C20.6569 2 22 3.34315 22 5V14C22 15.6569 20.6569 17 19 17H17V19C17 20.6569 15.6569 22 14 22H5C3.34315 22 2 20.6569 2 19V10C2 8.34315 3.34315 7 5 7H7V5ZM9 7H14C15.6569 7 17 8.34315 17 10V15H19C19.5523 15 20 14.5523 20 14V5C20 4.44772 19.5523 4 19 4H10C9.44772 4 9 4.44772 9 5V7ZM5 9C4.44772 9 4 9.44772 4 10V19C4 19.5523 4.44772 20 5 20H14C14.5523 20 15 19.5523 15 19V10C15 9.44772 14.5523 9 14 9H5Z" fill="currentColor"></path></svg>Copy</button><span class="" data-state="closed"><button class="flex items-center gap-1 px-4 py-1 select-none"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-xs"><path d="M2.5 5.5C4.3 5.2 5.2 4 5.5 2.5C5.8 4 6.7 5.2 8.5 5.5C6.7 5.8 5.8 7 5.5 8.5C5.2 7 4.3 5.8 2.5 5.5Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M5.66282 16.5231L5.18413 19.3952C5.12203 19.7678 5.09098 19.9541 5.14876 20.0888C5.19933 20.2067 5.29328 20.3007 5.41118 20.3512C5.54589 20.409 5.73218 20.378 6.10476 20.3159L8.97693 19.8372C9.72813 19.712 10.1037 19.6494 10.4542 19.521C10.7652 19.407 11.0608 19.2549 11.3343 19.068C11.6425 18.8575 11.9118 18.5882 12.4503 18.0497L20 10.5C21.3807 9.11929 21.3807 6.88071 20 5.5C18.6193 4.11929 16.3807 4.11929 15 5.5L7.45026 13.0497C6.91175 13.5882 6.6425 13.8575 6.43197 14.1657C6.24513 14.4392 6.09299 14.7348 5.97903 15.0458C5.85062 15.3963 5.78802 15.7719 5.66282 16.5231Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M14.5 7L18.5 11" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>Edit</button></span></div></div></div><div class="overflow-y-auto p-4" dir="ltr"><code class="whitespace-pre! language-html"><span><span><span class="hljs-tag"><<span class="hljs-name">a</span></span></span><span> </span><span><span class="hljs-attr">href</span></span><span>=</span><span><span class="hljs-string">"https://www.example.com"</span></span><span>>زر الانتقال</span><span><span class="hljs-tag"></<span class="hljs-name">a</span></span></span><span>> </span></span></code></div></div></pre> <h3 data-start="2845" data-end="2865" class="">4. الصور <code data-start="2858" data-end="2865"><img></code></h3> <p data-start="2867" data-end="3009" class="">تستخدم لإضافة الصور إلى صفحة الويب، مع تحديد مصدر الصورة باستخدام السمة <code data-start="2939" data-end="2944">src</code>، والنص البديل الذي يظهر في حالة عدم تحميل الصورة باستخدام <code data-start="3003" data-end="3008">alt</code>.</p> <p data-start="3011" data-end="3016" class="">مثال:</p> <pre class="overflow-visible!" data-start="3018" data-end="3068"><div class="contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary"><div class="flex items-center text-token-text-secondary px-4 py-2 text-xs font-sans justify-between h-9 bg-token-sidebar-surface-primary dark:bg-token-main-surface-secondary select-none rounded-t-[5px]">html</div><div class="sticky top-9"><div class="absolute end-0 bottom-0 flex h-9 items-center pe-2"><div class="bg-token-sidebar-surface-primary text-token-text-secondary dark:bg-token-main-surface-secondary flex items-center rounded-sm px-2 font-sans text-xs"><button class="flex gap-1 items-center select-none px-4 py-1" aria-label="Copy"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-xs"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 5C7 3.34315 8.34315 2 10 2H19C20.6569 2 22 3.34315 22 5V14C22 15.6569 20.6569 17 19 17H17V19C17 20.6569 15.6569 22 14 22H5C3.34315 22 2 20.6569 2 19V10C2 8.34315 3.34315 7 5 7H7V5ZM9 7H14C15.6569 7 17 8.34315 17 10V15H19C19.5523 15 20 14.5523 20 14V5C20 4.44772 19.5523 4 19 4H10C9.44772 4 9 4.44772 9 5V7ZM5 9C4.44772 9 4 9.44772 4 10V19C4 19.5523 4.44772 20 5 20H14C14.5523 20 15 19.5523 15 19V10C15 9.44772 14.5523 9 14 9H5Z" fill="currentColor"></path></svg>Copy</button><span class="" data-state="closed"><button class="flex items-center gap-1 px-4 py-1 select-none"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-xs"><path d="M2.5 5.5C4.3 5.2 5.2 4 5.5 2.5C5.8 4 6.7 5.2 8.5 5.5C6.7 5.8 5.8 7 5.5 8.5C5.2 7 4.3 5.8 2.5 5.5Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M5.66282 16.5231L5.18413 19.3952C5.12203 19.7678 5.09098 19.9541 5.14876 20.0888C5.19933 20.2067 5.29328 20.3007 5.41118 20.3512C5.54589 20.409 5.73218 20.378 6.10476 20.3159L8.97693 19.8372C9.72813 19.712 10.1037 19.6494 10.4542 19.521C10.7652 19.407 11.0608 19.2549 11.3343 19.068C11.6425 18.8575 11.9118 18.5882 12.4503 18.0497L20 10.5C21.3807 9.11929 21.3807 6.88071 20 5.5C18.6193 4.11929 16.3807 4.11929 15 5.5L7.45026 13.0497C6.91175 13.5882 6.6425 13.8575 6.43197 14.1657C6.24513 14.4392 6.09299 14.7348 5.97903 15.0458C5.85062 15.3963 5.78802 15.7719 5.66282 16.5231Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M14.5 7L18.5 11" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>Edit</button></span></div></div></div><div class="overflow-y-auto p-4" dir="ltr"><code class="whitespace-pre! language-html"><span><span><span class="hljs-tag"><<span class="hljs-name">img</span></span></span><span> </span><span><span class="hljs-attr">src</span></span><span>=</span><span><span class="hljs-string">"logo.png"</span></span><span> </span><span><span class="hljs-attr">alt</span></span><span>=</span><span><span class="hljs-string">"شعار الموقع"</span></span><span>> </span></span></code></div></div></pre> <h3 data-start="3070" data-end="3084" class="">5. القوائم</h3> <p data-start="3086" data-end="3110" class="">تنقسم إلى نوعين رئيسيين:</p> <ul data-start="3112" data-end="3244"> <li data-start="3112" data-end="3172" class="" style=""> <p data-start="3114" data-end="3172" class=""><strong data-start="3114" data-end="3140">القوائم المرتبة <code data-start="3132" data-end="3138"></p> <ol></code></strong>: تعطي ترقيمًا تلقائيًا للعناصر.</p> </li> <li data-start="3173" data-end="3244" class="" style=""> <p data-start="3175" data-end="3244" class=""><strong data-start="3175" data-end="3205">القوائم غير المرتبة <code data-start="3197" data-end="3203"></p> <ul></code></strong>: تظهر عناصر القائمة مع نقاط (Bullets).</p> </li> </ul> <p data-start="3246" data-end="3287" class="">كل عنصر داخل القائمة يتم وضعه ضمن <code data-start="3280" data-end="3286"></p> <li></code>.</p> <p data-start="3289" data-end="3306" class="">مثال قائمة مرتبة:</p> <pre class="overflow-visible!" data-start="3308" data-end="3379"><div class="contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary"><div class="flex items-center text-token-text-secondary px-4 py-2 text-xs font-sans justify-between h-9 bg-token-sidebar-surface-primary dark:bg-token-main-surface-secondary select-none rounded-t-[5px]">html</div><div class="sticky top-9"><div class="absolute end-0 bottom-0 flex h-9 items-center pe-2"><div class="bg-token-sidebar-surface-primary text-token-text-secondary dark:bg-token-main-surface-secondary flex items-center rounded-sm px-2 font-sans text-xs"><button class="flex gap-1 items-center select-none px-4 py-1" aria-label="Copy"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-xs"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 5C7 3.34315 8.34315 2 10 2H19C20.6569 2 22 3.34315 22 5V14C22 15.6569 20.6569 17 19 17H17V19C17 20.6569 15.6569 22 14 22H5C3.34315 22 2 20.6569 2 19V10C2 8.34315 3.34315 7 5 7H7V5ZM9 7H14C15.6569 7 17 8.34315 17 10V15H19C19.5523 15 20 14.5523 20 14V5C20 4.44772 19.5523 4 19 4H10C9.44772 4 9 4.44772 9 5V7ZM5 9C4.44772 9 4 9.44772 4 10V19C4 19.5523 4.44772 20 5 20H14C14.5523 20 15 19.5523 15 19V10C15 9.44772 14.5523 9 14 9H5Z" fill="currentColor"></path></svg>Copy</button><span class="" data-state="closed"><button class="flex items-center gap-1 px-4 py-1 select-none"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-xs"><path d="M2.5 5.5C4.3 5.2 5.2 4 5.5 2.5C5.8 4 6.7 5.2 8.5 5.5C6.7 5.8 5.8 7 5.5 8.5C5.2 7 4.3 5.8 2.5 5.5Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M5.66282 16.5231L5.18413 19.3952C5.12203 19.7678 5.09098 19.9541 5.14876 20.0888C5.19933 20.2067 5.29328 20.3007 5.41118 20.3512C5.54589 20.409 5.73218 20.378 6.10476 20.3159L8.97693 19.8372C9.72813 19.712 10.1037 19.6494 10.4542 19.521C10.7652 19.407 11.0608 19.2549 11.3343 19.068C11.6425 18.8575 11.9118 18.5882 12.4503 18.0497L20 10.5C21.3807 9.11929 21.3807 6.88071 20 5.5C18.6193 4.11929 16.3807 4.11929 15 5.5L7.45026 13.0497C6.91175 13.5882 6.6425 13.8575 6.43197 14.1657C6.24513 14.4392 6.09299 14.7348 5.97903 15.0458C5.85062 15.3963 5.78802 15.7719 5.66282 16.5231Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M14.5 7L18.5 11" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>Edit</button></span></div></div></div><div class="overflow-y-auto p-4" dir="ltr"><code class="whitespace-pre! language-html"><span><span><span class="hljs-tag"><<span class="hljs-name">ol</span></span></span><span>> </span><span><span class="hljs-tag"><<span class="hljs-name">li</span></span></span><span>>العنصر الأول</span><span><span class="hljs-tag"></<span class="hljs-name">li</span></span></span><span>> </span><span><span class="hljs-tag"><<span class="hljs-name">li</span></span></span><span>>العنصر الثاني</span><span><span class="hljs-tag"></<span class="hljs-name">li</span></span></span><span>> </span><span><span class="hljs-tag"></<span class="hljs-name">ol</span></span></span><span>> </span></span></code></div></div></pre> <h3 data-start="3381" data-end="3405" class="">6. الجداول <code data-start="3396" data-end="3405"></p> <table></code></h3> <p data-start="3407" data-end="3482" class="">تستخدم الجداول لعرض البيانات المنظمة في صفوف وأعمدة، وتتكون من عناصر فرعية:</p> <ul data-start="3484" data-end="3552"> <li data-start="3484" data-end="3507" class="" style=""> <p data-start="3486" data-end="3507" class=""><code data-start="3486" data-end="3492"></p> <tr></code>: صف من الجدول.</p> </li> <li data-start="3508" data-end="3529" class="" style=""> <p data-start="3510" data-end="3529" class=""><code data-start="3510" data-end="3516"></p> <th></code>: رأس العمود.</p> </li> <li data-start="3530" data-end="3552" class="" style=""> <p data-start="3532" data-end="3552" class=""><code data-start="3532" data-end="3538"></p> <td></code>: خلية بيانات.</p> </li> </ul> <p data-start="3554" data-end="3564" class="">مثال مبسط:</p> <pre class="overflow-visible!" data-start="3566" data-end="3707"><div class="contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary"><div class="flex items-center text-token-text-secondary px-4 py-2 text-xs font-sans justify-between h-9 bg-token-sidebar-surface-primary dark:bg-token-main-surface-secondary select-none rounded-t-[5px]">html</div><div class="sticky top-9"><div class="absolute end-0 bottom-0 flex h-9 items-center pe-2"><div class="bg-token-sidebar-surface-primary text-token-text-secondary dark:bg-token-main-surface-secondary flex items-center rounded-sm px-2 font-sans text-xs"><button class="flex gap-1 items-center select-none px-4 py-1" aria-label="Copy"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-xs"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 5C7 3.34315 8.34315 2 10 2H19C20.6569 2 22 3.34315 22 5V14C22 15.6569 20.6569 17 19 17H17V19C17 20.6569 15.6569 22 14 22H5C3.34315 22 2 20.6569 2 19V10C2 8.34315 3.34315 7 5 7H7V5ZM9 7H14C15.6569 7 17 8.34315 17 10V15H19C19.5523 15 20 14.5523 20 14V5C20 4.44772 19.5523 4 19 4H10C9.44772 4 9 4.44772 9 5V7ZM5 9C4.44772 9 4 9.44772 4 10V19C4 19.5523 4.44772 20 5 20H14C14.5523 20 15 19.5523 15 19V10C15 9.44772 14.5523 9 14 9H5Z" fill="currentColor"></path></svg>Copy</button><span class="" data-state="closed"><button class="flex items-center gap-1 px-4 py-1 select-none"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-xs"><path d="M2.5 5.5C4.3 5.2 5.2 4 5.5 2.5C5.8 4 6.7 5.2 8.5 5.5C6.7 5.8 5.8 7 5.5 8.5C5.2 7 4.3 5.8 2.5 5.5Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M5.66282 16.5231L5.18413 19.3952C5.12203 19.7678 5.09098 19.9541 5.14876 20.0888C5.19933 20.2067 5.29328 20.3007 5.41118 20.3512C5.54589 20.409 5.73218 20.378 6.10476 20.3159L8.97693 19.8372C9.72813 19.712 10.1037 19.6494 10.4542 19.521C10.7652 19.407 11.0608 19.2549 11.3343 19.068C11.6425 18.8575 11.9118 18.5882 12.4503 18.0497L20 10.5C21.3807 9.11929 21.3807 6.88071 20 5.5C18.6193 4.11929 16.3807 4.11929 15 5.5L7.45026 13.0497C6.91175 13.5882 6.6425 13.8575 6.43197 14.1657C6.24513 14.4392 6.09299 14.7348 5.97903 15.0458C5.85062 15.3963 5.78802 15.7719 5.66282 16.5231Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M14.5 7L18.5 11" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>Edit</button></span></div></div></div><div class="overflow-y-auto p-4" dir="ltr"><code class="whitespace-pre! language-html"><span><span><span class="hljs-tag"><<span class="hljs-name">table</span></span></span><span> </span><span><span class="hljs-attr">border</span></span><span>=</span><span><span class="hljs-string">"1"</span></span><span>> </span><span><span class="hljs-tag"><<span class="hljs-name">tr</span></span></span><span>> </span><span><span class="hljs-tag"><<span class="hljs-name">th</span></span></span><span>>الاسم</span><span><span class="hljs-tag"></<span class="hljs-name">th</span></span></span><span>> </span><span><span class="hljs-tag"><<span class="hljs-name">th</span></span></span><span>>العمر</span><span><span class="hljs-tag"></<span class="hljs-name">th</span></span></span><span>> </span><span><span class="hljs-tag"></<span class="hljs-name">tr</span></span></span><span>> </span><span><span class="hljs-tag"><<span class="hljs-name">tr</span></span></span><span>> </span><span><span class="hljs-tag"><<span class="hljs-name">td</span></span></span><span>>أحمد</span><span><span class="hljs-tag"></<span class="hljs-name">td</span></span></span><span>> </span><span><span class="hljs-tag"><<span class="hljs-name">td</span></span></span><span>>25</span><span><span class="hljs-tag"></<span class="hljs-name">td</span></span></span><span>> </span><span><span class="hljs-tag"></<span class="hljs-name">tr</span></span></span><span>> </span><span><span class="hljs-tag"></<span class="hljs-name">table</span></span></span><span>> </span></span></code></div></div></pre> <h2 data-start="3709" data-end="3745" class="">خصائص السمات (Attributes) في HTML</h2> <p data-start="3747" data-end="3830" class="">تمكن السمات من تعديل سلوك أو مظهر عناصر HTML، وتكتب داخل وسم العنصر. من أهم السمات:</p> <ul data-start="3832" data-end="4028"> <li data-start="3832" data-end="3864" class="" style=""> <p data-start="3834" data-end="3864" class=""><code data-start="3834" data-end="3838">id</code>: لتعريف معرف فريد للعنصر.</p> </li> <li data-start="3865" data-end="3904" class="" style=""> <p data-start="3867" data-end="3904" class=""><code data-start="3867" data-end="3874">class</code>: لتصنيف العنصر ضمن فئة معينة.</p> </li> <li data-start="3905" data-end="3951" class="" style=""> <p data-start="3907" data-end="3951" class=""><code data-start="3907" data-end="3914">style</code>: لتطبيق أنماط CSS مباشرة على العنصر.</p> </li> <li data-start="3952" data-end="3989" class="" style=""> <p data-start="3954" data-end="3989" class=""><code data-start="3954" data-end="3960">href</code>: لتحديد رابط في عناصر <code data-start="3983" data-end="3988"><a></code>.</p> </li> <li data-start="3990" data-end="4028" class="" style=""> <p data-start="3992" data-end="4028" class=""><code data-start="3992" data-end="3997">src</code>: لتحديد مصدر الصور أو الوسائط.</p> </li> </ul> <p data-start="4030" data-end="4035" class="">مثال:</p> <pre class="overflow-visible!" data-start="4037" data-end="4138"><div class="contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary"><div class="flex items-center text-token-text-secondary px-4 py-2 text-xs font-sans justify-between h-9 bg-token-sidebar-surface-primary dark:bg-token-main-surface-secondary select-none rounded-t-[5px]">html</div><div class="sticky top-9"><div class="absolute end-0 bottom-0 flex h-9 items-center pe-2"><div class="bg-token-sidebar-surface-primary text-token-text-secondary dark:bg-token-main-surface-secondary flex items-center rounded-sm px-2 font-sans text-xs"><button class="flex gap-1 items-center select-none px-4 py-1" aria-label="Copy"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-xs"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 5C7 3.34315 8.34315 2 10 2H19C20.6569 2 22 3.34315 22 5V14C22 15.6569 20.6569 17 19 17H17V19C17 20.6569 15.6569 22 14 22H5C3.34315 22 2 20.6569 2 19V10C2 8.34315 3.34315 7 5 7H7V5ZM9 7H14C15.6569 7 17 8.34315 17 10V15H19C19.5523 15 20 14.5523 20 14V5C20 4.44772 19.5523 4 19 4H10C9.44772 4 9 4.44772 9 5V7ZM5 9C4.44772 9 4 9.44772 4 10V19C4 19.5523 4.44772 20 5 20H14C14.5523 20 15 19.5523 15 19V10C15 9.44772 14.5523 9 14 9H5Z" fill="currentColor"></path></svg>Copy</button><span class="" data-state="closed"><button class="flex items-center gap-1 px-4 py-1 select-none"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-xs"><path d="M2.5 5.5C4.3 5.2 5.2 4 5.5 2.5C5.8 4 6.7 5.2 8.5 5.5C6.7 5.8 5.8 7 5.5 8.5C5.2 7 4.3 5.8 2.5 5.5Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M5.66282 16.5231L5.18413 19.3952C5.12203 19.7678 5.09098 19.9541 5.14876 20.0888C5.19933 20.2067 5.29328 20.3007 5.41118 20.3512C5.54589 20.409 5.73218 20.378 6.10476 20.3159L8.97693 19.8372C9.72813 19.712 10.1037 19.6494 10.4542 19.521C10.7652 19.407 11.0608 19.2549 11.3343 19.068C11.6425 18.8575 11.9118 18.5882 12.4503 18.0497L20 10.5C21.3807 9.11929 21.3807 6.88071 20 5.5C18.6193 4.11929 16.3807 4.11929 15 5.5L7.45026 13.0497C6.91175 13.5882 6.6425 13.8575 6.43197 14.1657C6.24513 14.4392 6.09299 14.7348 5.97903 15.0458C5.85062 15.3963 5.78802 15.7719 5.66282 16.5231Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M14.5 7L18.5 11" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>Edit</button></span></div></div></div><div class="overflow-y-auto p-4" dir="ltr"><code class="whitespace-pre! language-html"><span><span><span class="hljs-tag"><<span class="hljs-name">p</span></span></span><span> </span><span><span class="hljs-attr">id</span></span><span>=</span><span><span class="hljs-string">"intro"</span></span><span> </span><span><span class="hljs-attr">class</span></span><span>=</span><span><span class="hljs-string">"text-large"</span></span><span> </span><span><span class="hljs-attr">style</span></span><span>=</span><span><span class="hljs-string">"color: blue;"</span></span><span>> نص تعريفي ملون وكبير الحجم. </span><span><span class="hljs-tag"></<span class="hljs-name">p</span></span></span><span>> </span></span></code></div></div></pre> <h2 data-start="4140" data-end="4169" class="">التعامل مع النصوص وتنسيقها</h2> <p data-start="4171" data-end="4225" class="">HTML توفر مجموعة كبيرة من العناصر لتنسيق النصوص، منها:</p> <ul data-start="4227" data-end="4527"> <li data-start="4227" data-end="4332" class="" style=""> <p data-start="4229" data-end="4332" class=""><strong data-start="4229" data-end="4266">العناصر الغامقة <code data-start="4247" data-end="4257"><strong></code> و<code data-start="4259" data-end="4264"><b></code></strong>: لتحديد نص غامق، مع اختلاف بسيط في الدلالة (الأول يعبر عن أهمية).</p> </li> <li data-start="4333" data-end="4408" class="" style=""> <p data-start="4335" data-end="4408" class=""><strong data-start="4335" data-end="4359">المائل <code data-start="4344" data-end="4350"><em></code> و<code data-start="4352" data-end="4357"><i></code></strong>: لتنسيق نص مائل، مع دلالة على التأكيد في <code data-start="4401" data-end="4407"><em></code>.</p> </li> <li data-start="4409" data-end="4468" class="" style=""> <p data-start="4411" data-end="4468" class=""><strong data-start="4411" data-end="4437">السطور المقطوعة <code data-start="4429" data-end="4435"><br /></code></strong>: تستخدم لفصل النص بأسطر جديدة.</p> </li> <li data-start="4469" data-end="4527" class="" style=""> <p data-start="4471" data-end="4527" class=""><strong data-start="4471" data-end="4497">النصوص المقطوعة <code data-start="4489" data-end="4495"></p> <hr> <p></code></strong>: لرسم خط فاصل بين أجزاء النص.</p> </li> </ul> <p data-start="4529" data-end="4603" class="">استخدام هذه العناصر بشكل مدروس يحسن من تجربة القراءة والتنقل داخل المحتوى.</p> <h2 data-start="4605" data-end="4630" class="">إدراج الوسائط المتعددة</h2> <p data-start="4632" data-end="4704" class="">بالإضافة إلى الصور، يمكن إدراج مقاطع فيديو أو صوت عبر تعليمات HTML خاصة:</p> <ul data-start="4706" data-end="4805"> <li data-start="4706" data-end="4765" class="" style=""> <p data-start="4708" data-end="4765" class="">الفيديو: <code data-start="4717" data-end="4726"><video></code> مع تحديد مصدر الفيديو داخل <code data-start="4754" data-end="4764"><source></code>.</p> </li> <li data-start="4766" data-end="4805" class="" style=""> <p data-start="4768" data-end="4805" class="">الصوت: <code data-start="4775" data-end="4784"><audio></code> مع تحديد مصدر الصوت.</p> </li> </ul> <p data-start="4807" data-end="4825" class="">مثال لإدراج فيديو:</p> <pre class="overflow-visible!" data-start="4827" data-end="4941"><div class="contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary"><div class="flex items-center text-token-text-secondary px-4 py-2 text-xs font-sans justify-between h-9 bg-token-sidebar-surface-primary dark:bg-token-main-surface-secondary select-none rounded-t-[5px]">html</div><div class="sticky top-9"><div class="absolute end-0 bottom-0 flex h-9 items-center pe-2"><div class="bg-token-sidebar-surface-primary text-token-text-secondary dark:bg-token-main-surface-secondary flex items-center rounded-sm px-2 font-sans text-xs"><button class="flex gap-1 items-center select-none px-4 py-1" aria-label="Copy"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-xs"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 5C7 3.34315 8.34315 2 10 2H19C20.6569 2 22 3.34315 22 5V14C22 15.6569 20.6569 17 19 17H17V19C17 20.6569 15.6569 22 14 22H5C3.34315 22 2 20.6569 2 19V10C2 8.34315 3.34315 7 5 7H7V5ZM9 7H14C15.6569 7 17 8.34315 17 10V15H19C19.5523 15 20 14.5523 20 14V5C20 4.44772 19.5523 4 19 4H10C9.44772 4 9 4.44772 9 5V7ZM5 9C4.44772 9 4 9.44772 4 10V19C4 19.5523 4.44772 20 5 20H14C14.5523 20 15 19.5523 15 19V10C15 9.44772 14.5523 9 14 9H5Z" fill="currentColor"></path></svg>Copy</button><span class="" data-state="closed"><button class="flex items-center gap-1 px-4 py-1 select-none"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-xs"><path d="M2.5 5.5C4.3 5.2 5.2 4 5.5 2.5C5.8 4 6.7 5.2 8.5 5.5C6.7 5.8 5.8 7 5.5 8.5C5.2 7 4.3 5.8 2.5 5.5Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M5.66282 16.5231L5.18413 19.3952C5.12203 19.7678 5.09098 19.9541 5.14876 20.0888C5.19933 20.2067 5.29328 20.3007 5.41118 20.3512C5.54589 20.409 5.73218 20.378 6.10476 20.3159L8.97693 19.8372C9.72813 19.712 10.1037 19.6494 10.4542 19.521C10.7652 19.407 11.0608 19.2549 11.3343 19.068C11.6425 18.8575 11.9118 18.5882 12.4503 18.0497L20 10.5C21.3807 9.11929 21.3807 6.88071 20 5.5C18.6193 4.11929 16.3807 4.11929 15 5.5L7.45026 13.0497C6.91175 13.5882 6.6425 13.8575 6.43197 14.1657C6.24513 14.4392 6.09299 14.7348 5.97903 15.0458C5.85062 15.3963 5.78802 15.7719 5.66282 16.5231Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M14.5 7L18.5 11" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>Edit</button></span></div></div></div><div class="overflow-y-auto p-4" dir="ltr"><code class="whitespace-pre! language-html"><span><span><span class="hljs-tag"><<span class="hljs-name">video</span></span></span><span> </span><span><span class="hljs-attr">controls</span></span><span>> </span><span><span class="hljs-tag"><<span class="hljs-name">source</span></span></span><span> </span><span><span class="hljs-attr">src</span></span><span>=</span><span><span class="hljs-string">"movie.mp4"</span></span><span> </span><span><span class="hljs-attr">type</span></span><span>=</span><span><span class="hljs-string">"video/mp4"</span></span><span>> المتصفح لا يدعم تشغيل الفيديو. </span><span><span class="hljs-tag"></<span class="hljs-name">video</span></span></span><span>> </span></span></code></div></div></pre> <h2 data-start="4943" data-end="4967" class="">إنشاء النماذج (Forms)</h2> <p data-start="4969" data-end="5110" class="">النماذج هي الطريقة الأساسية للتفاعل بين المستخدم وموقع الويب، حيث يمكن جمع البيانات مثل التسجيل أو التعليقات. تتكون النماذج من عدة عناصر مثل:</p> <ul data-start="5112" data-end="5301"> <li data-start="5112" data-end="5146" class="" style=""> <p data-start="5114" data-end="5146" class=""><code data-start="5114" data-end="5122"></p> <form></code>: العنصر الحاوي للنموذج.</p> </li> <li data-start="5147" data-end="5214" class="" style=""> <p data-start="5149" data-end="5214" class=""><code data-start="5149" data-end="5158"><input></code>: حقول إدخال متنوعة (نص، كلمة مرور، أزرار، اختيار، …).</p> </li> <li data-start="5215" data-end="5251" class="" style=""> <p data-start="5217" data-end="5251" class=""><code data-start="5217" data-end="5229"><textarea></code>: حقل نص متعدد الأسطر.</p> </li> <li data-start="5252" data-end="5301" class="" style=""> <p data-start="5254" data-end="5301" class=""><code data-start="5254" data-end="5264"><select></code> و <code data-start="5267" data-end="5277"><option></code>: قائمة منسدلة للاختيار.</p> </li> </ul> <p data-start="5303" data-end="5320" class="">مثال لنموذج بسيط:</p> <pre class="overflow-visible!" data-start="5322" data-end="5496"><div class="contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary"><div class="flex items-center text-token-text-secondary px-4 py-2 text-xs font-sans justify-between h-9 bg-token-sidebar-surface-primary dark:bg-token-main-surface-secondary select-none rounded-t-[5px]">html</div><div class="sticky top-9"><div class="absolute end-0 bottom-0 flex h-9 items-center pe-2"><div class="bg-token-sidebar-surface-primary text-token-text-secondary dark:bg-token-main-surface-secondary flex items-center rounded-sm px-2 font-sans text-xs"><button class="flex gap-1 items-center select-none px-4 py-1" aria-label="Copy"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-xs"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 5C7 3.34315 8.34315 2 10 2H19C20.6569 2 22 3.34315 22 5V14C22 15.6569 20.6569 17 19 17H17V19C17 20.6569 15.6569 22 14 22H5C3.34315 22 2 20.6569 2 19V10C2 8.34315 3.34315 7 5 7H7V5ZM9 7H14C15.6569 7 17 8.34315 17 10V15H19C19.5523 15 20 14.5523 20 14V5C20 4.44772 19.5523 4 19 4H10C9.44772 4 9 4.44772 9 5V7ZM5 9C4.44772 9 4 9.44772 4 10V19C4 19.5523 4.44772 20 5 20H14C14.5523 20 15 19.5523 15 19V10C15 9.44772 14.5523 9 14 9H5Z" fill="currentColor"></path></svg>Copy</button><span class="" data-state="closed"><button class="flex items-center gap-1 px-4 py-1 select-none"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-xs"><path d="M2.5 5.5C4.3 5.2 5.2 4 5.5 2.5C5.8 4 6.7 5.2 8.5 5.5C6.7 5.8 5.8 7 5.5 8.5C5.2 7 4.3 5.8 2.5 5.5Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M5.66282 16.5231L5.18413 19.3952C5.12203 19.7678 5.09098 19.9541 5.14876 20.0888C5.19933 20.2067 5.29328 20.3007 5.41118 20.3512C5.54589 20.409 5.73218 20.378 6.10476 20.3159L8.97693 19.8372C9.72813 19.712 10.1037 19.6494 10.4542 19.521C10.7652 19.407 11.0608 19.2549 11.3343 19.068C11.6425 18.8575 11.9118 18.5882 12.4503 18.0497L20 10.5C21.3807 9.11929 21.3807 6.88071 20 5.5C18.6193 4.11929 16.3807 4.11929 15 5.5L7.45026 13.0497C6.91175 13.5882 6.6425 13.8575 6.43197 14.1657C6.24513 14.4392 6.09299 14.7348 5.97903 15.0458C5.85062 15.3963 5.78802 15.7719 5.66282 16.5231Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M14.5 7L18.5 11" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>Edit</button></span></div></div></div><div class="overflow-y-auto p-4" dir="ltr"><code class="whitespace-pre! language-html"><span><span><span class="hljs-tag"><<span class="hljs-name">form</span></span></span><span> </span><span><span class="hljs-attr">action</span></span><span>=</span><span><span class="hljs-string">"/submit"</span></span><span> </span><span><span class="hljs-attr">method</span></span><span>=</span><span><span class="hljs-string">"post"</span></span><span>> </span><span><span class="hljs-tag"><<span class="hljs-name">label</span></span></span><span> </span><span><span class="hljs-attr">for</span></span><span>=</span><span><span class="hljs-string">"name"</span></span><span>>الاسم:</span><span><span class="hljs-tag"></<span class="hljs-name">label</span></span></span><span>> </span><span><span class="hljs-tag"><<span class="hljs-name">input</span></span></span><span> </span><span><span class="hljs-attr">type</span></span><span>=</span><span><span class="hljs-string">"text"</span></span><span> </span><span><span class="hljs-attr">id</span></span><span>=</span><span><span class="hljs-string">"name"</span></span><span> </span><span><span class="hljs-attr">name</span></span><span>=</span><span><span class="hljs-string">"name"</span></span><span>> </span><span><span class="hljs-tag"><<span class="hljs-name">input</span></span></span><span> </span><span><span class="hljs-attr">type</span></span><span>=</span><span><span class="hljs-string">"submit"</span></span><span> </span><span><span class="hljs-attr">value</span></span><span>=</span><span><span class="hljs-string">"إرسال"</span></span><span>> </span><span><span class="hljs-tag"></<span class="hljs-name">form</span></span></span><span>> </span></span></code></div></div></pre> <h2 data-start="5498" data-end="5526" class="">مفهوم DOM وعلاقته بـ HTML</h2> <p data-start="5528" data-end="5800" class="">DOM (Document Object Model) هو نموذج تمثيل صفحة الويب كهيكل شجري للعناصر، حيث كل عنصر HTML يمثل عقدة (Node) يمكن التعامل معها برمجيًا عبر لغات مثل جافاسكريبت. هذا يسمح بالتفاعل الديناميكي مع محتوى الصفحة، مثل تغيير النص، الصور، أو إضافة عناصر جديدة دون إعادة تحميل الصفحة.</p> <p data-start="5802" data-end="5876" class="">فهم DOM يفتح آفاقًا متقدمة في تطوير المواقع ويعزز إمكانيات HTML التقليدية.</p> <h2 data-start="5878" data-end="5905" class="">قواعد هامة في كتابة HTML</h2> <ul data-start="5907" data-end="6381"> <li data-start="5907" data-end="6005" class=""> <p data-start="5909" data-end="6005" class=""><strong data-start="5909" data-end="5941">الالتزام بكتابة وسوم الإغلاق</strong>: العديد من عناصر HTML تحتاج إلى وسم إغلاق لتجنب أخطاء في العرض.</p> </li> <li data-start="6006" data-end="6101" class=""> <p data-start="6008" data-end="6101" class=""><strong data-start="6008" data-end="6045">استخدام التنسيق والهوامش المناسبة</strong>: كتابة الكود بطريقة منظمة وواضحة تسهل الصيانة والتعديل.</p> </li> <li data-start="6102" data-end="6176" class=""> <p data-start="6104" data-end="6176" class=""><strong data-start="6104" data-end="6141">اختيار أسماء معبرة للـ id و class</strong>: لتسهيل الربط مع CSS و JavaScript.</p> </li> <li data-start="6177" data-end="6263" class=""> <p data-start="6179" data-end="6263" class=""><strong data-start="6179" data-end="6217">الاهتمام بمعايير التوافق والواصفات</strong>: لضمان عمل الموقع في جميع المتصفحات والأجهزة.</p> </li> <li data-start="6264" data-end="6381" class=""> <p data-start="6266" data-end="6381" class=""><strong data-start="6266" data-end="6297">استخدام عناصر HTML5 الحديثة</strong>: مثل <code data-start="6303" data-end="6313"></p> <header></code>, <code data-start="6315" data-end="6325"></p> <footer></code>, <code data-start="6327" data-end="6338"></p> <section></code>, <code data-start="6340" data-end="6351"></p> <article></code> لتوضيح بنية الصفحة بشكل أفضل.</p> </li> </ul> <h2 data-start="6383" data-end="6422" class="">تحسين محركات البحث SEO باستخدام HTML</h2> <p data-start="6424" data-end="6541" class="">يعد استخدام تعليمات HTML بشكل صحيح أمرًا جوهريًا لتحسين ظهور الموقع في نتائج محركات البحث. بعض الممارسات المهمة تشمل:</p> <ul data-start="6543" data-end="6847"> <li data-start="6543" data-end="6627" class=""> <p data-start="6545" data-end="6627" class="">استخدام عناصر العنوان بشكل صحيح (<code data-start="6578" data-end="6584"></p> <h1></code> للعنوان الرئيسي، <code data-start="6602" data-end="6608"></p> <h2></code> للعناوين الفرعية).</p> </li> <li data-start="6628" data-end="6675" class=""> <p data-start="6630" data-end="6675" class="">كتابة نص بديل للصور (<code data-start="6651" data-end="6656">alt</code>) يصف محتوى الصورة.</p> </li> <li data-start="6676" data-end="6731" class=""> <p data-start="6678" data-end="6731" class="">استخدام وسم <code data-start="6690" data-end="6698"><meta></code> لوصف المحتوى والكلمات المفتاحية.</p> </li> <li data-start="6732" data-end="6777" class=""> <p data-start="6734" data-end="6777" class="">تنظيم المحتوى في فقرات واضحة وعناصر معنونة.</p> </li> <li data-start="6778" data-end="6847" class=""> <p data-start="6780" data-end="6847" class="">ضمان سرعة تحميل الصفحة عبر تقليل حجم الملفات والاهتمام بهيكل الكود.</p> </li> </ul> <h2 data-start="6849" data-end="6884" class="">مقارنة بين HTML وCSS وJavaScript</h2> <ul data-start="6886" data-end="7052"> <li data-start="6886" data-end="6919" class=""> <p data-start="6888" data-end="6919" class=""><strong data-start="6888" data-end="6896">HTML</strong>: هيكل الصفحة ومحتواها.</p> </li> <li data-start="6920" data-end="6992" class=""> <p data-start="6922" data-end="6992" class=""><strong data-start="6922" data-end="6929">CSS</strong>: تنسيق وتصميم الشكل الخارجي للصفحة (الألوان، الخطوط، التخطيط).</p> </li> <li data-start="6993" data-end="7052" class=""> <p data-start="6995" data-end="7052" class=""><strong data-start="6995" data-end="7009">JavaScript</strong>: برمجة التفاعلات والديناميكية داخل الصفحة.</p> </li> </ul> <p data-start="7054" data-end="7142" class="">إن إتقان HTML هو الخطوة الأولى، تليها تعلم CSS وJavaScript لتحقيق موقع ويب متكامل وجذاب.</p> <h2 data-start="7144" data-end="7163" class="">أدوات تحرير HTML</h2> <p data-start="7165" data-end="7231" class="">هناك العديد من برامج تحرير الأكواد التي تسهل كتابة صفحات HTML مثل:</p> <ul data-start="7233" data-end="7450"> <li data-start="7233" data-end="7298" class=""> <p data-start="7235" data-end="7298" class="">محررات نصية بسيطة: Notepad++، Sublime Text، Visual Studio Code.</p> </li> <li data-start="7299" data-end="7349" class=""> <p data-start="7301" data-end="7349" class="">أدوات تطوير متقدمة: Adobe Dreamweaver، WebStorm.</p> </li> <li data-start="7350" data-end="7450" class=""> <p data-start="7352" data-end="7450" class="">أدوات بناء مواقع بدون كتابة كود (CMS): ووردبريس، جوملا، لكنها تعتمد بشكل كبير على HTML في الخلفية.</p> </li> </ul> <h2 data-start="7452" data-end="7484" class="">ملخص للعناصر الأساسية في HTML</h2> <div class="_tableContainer_16hzy_1"> <div tabindex="-1" class="_tableWrapper_16hzy_14 group flex w-fit flex-col-reverse"> <table data-start="7486" data-end="8667" class="w-fit min-w-(--thread-content-width)"> <thead data-start="7486" data-end="7585"> <tr data-start="7486" data-end="7585"> <th data-start="7486" data-end="7502" data-col-size="sm">العنصر</th> <th data-start="7502" data-end="7540" data-col-size="sm">الوصف</th> <th data-start="7540" data-end="7585" data-col-size="md">مثال الاستخدام</th> </tr> </thead> <tbody data-start="7684" data-end="8667"> <tr data-start="7684" data-end="7782"> <td data-start="7684" data-end="7700" data-col-size="sm"><code data-start="7686" data-end="7694"><html></code></td> <td data-start="7700" data-end="7737" data-col-size="sm">الجذر الرئيسي للصفحة</td> <td data-start="7737" data-end="7782" data-col-size="md"><code data-start="7739" data-end="7769"><html lang="ar"> ... </html></code></td> </tr> <tr data-start="7783" data-end="7880"> <td data-start="7783" data-end="7799" data-col-size="sm"><code data-start="7785" data-end="7793"><head></code></td> <td data-col-size="sm" data-start="7799" data-end="7835">معلومات عن الصفحة (غير مرئية)</td> <td data-col-size="md" data-start="7835" data-end="7880">يحتوي على <code data-start="7847" data-end="7856"><title></code>, <code data-start="7858" data-end="7866"><meta></code>, إلخ</td> </tr> <tr data-start="7881" data-end="7980"> <td data-start="7881" data-end="7897" data-col-size="sm"><code data-start="7883" data-end="7891"><body></code></td> <td data-start="7897" data-end="7933" data-col-size="sm">محتوى الصفحة المرئي</td> <td data-col-size="md" data-start="7933" data-end="7980">النص، الصور، الفيديو، إلخ</td> </tr> <tr data-start="7981" data-end="8078"> <td data-start="7981" data-end="7998" data-col-size="sm"><code data-start="7983" data-end="7989"></p> <h1></code> – <code data-start="7992" data-end="7998"></p> <h6></code></td> <td data-start="7998" data-end="8033" data-col-size="sm">عناوين نصوص مختلفة المستويات</td> <td data-start="8033" data-end="8078" data-col-size="md"><code data-start="8035" data-end="8061"></p> <h1>العنوان الرئيسي</h1> <p></code></td> </tr> <tr data-start="8079" data-end="8176"> <td data-start="8079" data-end="8095" data-col-size="sm"><code data-start="8081" data-end="8086"></p> <p></code></td> <td data-start="8095" data-end="8130" data-col-size="sm">فقرة نصية</td> <td data-start="8130" data-end="8176" data-col-size="md"><code data-start="8132" data-end="8152"></p> <p>هذا نص فقرة</p> <p></code></td> </tr> <tr data-start="8177" data-end="8273"> <td data-start="8177" data-end="8193" data-col-size="sm"><code data-start="8179" data-end="8184"><a></code></td> <td data-start="8193" data-end="8227" data-col-size="sm">رابط تشعبي</td> <td data-start="8227" data-end="8273" data-col-size="md"><code data-start="8229" data-end="8258"><a href="url">نص الرابط</a></code></td> </tr> <tr data-start="8274" data-end="8370"> <td data-start="8274" data-end="8290" data-col-size="sm"><code data-start="8276" data-end="8283"><img></code></td> <td data-start="8290" data-end="8325" data-col-size="sm">صورة</td> <td data-start="8325" data-end="8370" data-col-size="md"><code data-start="8327" data-end="8367"><img decoding="async" src="image.jpg" alt="وصف الصورة"></code></td> </tr> <tr data-start="8371" data-end="8469"> <td data-start="8371" data-end="8387" data-col-size="sm"><code data-start="8373" data-end="8379"></p> <ul></code>, <code data-start="8381" data-end="8387"></p> <ol></code></td> <td data-col-size="sm" data-start="8387" data-end="8422">قوائم غير مرتبة ومرتبة</td> <td data-col-size="md" data-start="8422" data-end="8469"><code data-start="8424" data-end="8448"></p> <ul> <li>عنصر</li> </ul> <p></code></td> </tr> <tr data-start="8470" data-end="8566"> <td data-start="8470" data-end="8486" data-col-size="sm"><code data-start="8472" data-end="8481"></p> <table></code></td> <td data-start="8486" data-end="8520" data-col-size="sm">جدول</td> <td data-start="8520" data-end="8566" data-col-size="md"><code data-start="8522" data-end="8563"></p> <table> <tr> <td>بيانات</td> </tr> </table> <p></code></td> </tr> <tr data-start="8567" data-end="8667"> <td data-start="8567" data-end="8583" data-col-size="sm"><code data-start="8569" data-end="8577"></p> <form></code></td> <td data-start="8583" data-end="8618" data-col-size="sm">نموذج تفاعل</td> <td data-start="8618" data-end="8667" data-col-size="md"><code data-start="8620" data-end="8665"></p> <form action="#"><input type="text"></form> <p></code></td> </tr> </tbody> </table> <div class="sticky end-(--thread-content-margin) h-0 self-end select-none"> <div class="absolute end-0 flex items-end" style="height: 33px;"><span class="" data-state="closed"><button class="bg-token-bg-primary hover:bg-token-bg-tertiary text-token-text-secondary my-1 rounded-sm p-1 transition-opacity group-[:not(:hover):not(:focus-within)]:pointer-events-none group-[:not(:hover):not(:focus-within)]:opacity-0"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-md-heavy"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 5C7 3.34315 8.34315 2 10 2H19C20.6569 2 22 3.34315 22 5V14C22 15.6569 20.6569 17 19 17H17V19C17 20.6569 15.6569 22 14 22H5C3.34315 22 2 20.6569 2 19V10C2 8.34315 3.34315 7 5 7H7V5ZM9 7H14C15.6569 7 17 8.34315 17 10V15H19C19.5523 15 20 14.5523 20 14V5C20 4.44772 19.5523 4 19 4H10C9.44772 4 9 4.44772 9 5V7ZM5 9C4.44772 9 4 9.44772 4 10V19C4 19.5523 4.44772 20 5 20H14C14.5523 20 15 19.5523 15 19V10C15 9.44772 14.5523 9 14 9H5Z" fill="currentColor"></path></svg></button></span></div> </div> </div> </div> <hr data-start="8669" data-end="8672" class=""> <p data-start="8674" data-end="9162" class="">في الختام، يعد HTML اللغة الأساسية لإنشاء صفحات الويب، وهي تمثل البنية الأساسية التي ترتكز عليها تقنيات الويب الأخرى. إتقان أساسيات HTML وفهم كيفية كتابة تعليماتها بشكل صحيح هو حجر الأساس لبناء مواقع ناجحة وفعالة. من خلال التعرف على عناصر HTML، السمات، الهيكل، وكيفية إدراج المحتوى المتنوع، يستطيع المطور أن يبدأ في إنشاء صفحات تفاعلية ومتناغمة مع معايير الويب الحديثة ومتطلبات تحسين محركات البحث. هذا يعزز من تجربة المستخدم ويضمن وصول الموقع إلى أكبر شريحة ممكنة من الجمهور عبر الإنترنت.</p> <hr data-start="9164" data-end="9167" class=""> <h3 data-start="9169" data-end="9189" class=""><span class="ez-toc-section" id="%D8%A7%D9%84%D9%85%D8%B5%D8%A7%D8%AF%D8%B1_%D9%88%D8%A7%D9%84%D9%85%D8%B1%D8%A7%D8%AC%D8%B9"></span>المصادر والمراجع<span class="ez-toc-section-end"></span></h3> <ul data-start="9191" data-end="9301" data-is-last-node="" data-is-only-node=""> <li data-start="9191" data-end="9235" class=""> <p data-start="9193" data-end="9235" class="">W3Schools: <a data-start="9204" data-end="9235" rel="noopener" target="_new" class="cursor-pointer">https://www.w3schools.com/html/</a></p> </li> <li data-start="9236" data-end="9301" class=""> <p data-start="9238" data-end="9301" class="">MDN Web Docs: <a data-start="9252" data-end="9301" data-is-last-node="" rel="noopener" target="_new" class="" href="https://developer.mozilla.org/en-US/docs/Web/HTML">https://developer.mozilla.org/en-US/docs/Web/HTML</a></p> </li> </ul> </div> </div> </div> </p> </div><!-- .entry-content /--> <div id="post-extra-info"> <div class="theiaStickySidebar"> <div class="single-post-meta post-meta clearfix"><span class="meta-item last-updated">اخر تحديث 16/05/2025</span><div class="tie-alignright"><span class="meta-views meta-item warm"><span class="tie-icon-fire" aria-hidden="true"></span> 23 </span><span class="meta-reading-time meta-item"><span class="tie-icon-bookmark" aria-hidden="true"></span> تمت قراءة 5 دقيقة</span> </div></div><!-- .post-meta --> <div id="share-buttons-top" class="share-buttons share-buttons-top"> <div class="share-links share-centered icons-only share-rounded"> <a href="https://www.facebook.com/sharer.php?u=https://mwade3.com/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d9%88%d9%82%d8%b9-%d9%88%d9%8a%d8%a8/" rel="external noopener nofollow" title="فيسبوك" target="_blank" class="facebook-share-btn " data-raw="https://www.facebook.com/sharer.php?u={post_link}"> <span class="share-btn-icon tie-icon-facebook"></span> <span class="screen-reader-text">فيسبوك</span> </a> <a href="https://twitter.com/intent/tweet?text=%D8%A3%D8%B3%D8%A7%D8%B3%D9%8A%D8%A7%D8%AA%20%D8%A5%D9%86%D8%B4%D8%A7%D8%A1%20%D9%85%D9%88%D9%82%D8%B9%20%D9%88%D9%8A%D8%A8&url=https://mwade3.com/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d9%88%d9%82%d8%b9-%d9%88%d9%8a%d8%a8/" rel="external noopener nofollow" title="‫X" target="_blank" class="twitter-share-btn " data-raw="https://twitter.com/intent/tweet?text={post_title}&url={post_link}"> <span class="share-btn-icon tie-icon-twitter"></span> <span class="screen-reader-text">‫X</span> </a> <a href="https://www.linkedin.com/shareArticle?mini=true&url=https://mwade3.com/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d9%88%d9%82%d8%b9-%d9%88%d9%8a%d8%a8/&title=%D8%A3%D8%B3%D8%A7%D8%B3%D9%8A%D8%A7%D8%AA%20%D8%A5%D9%86%D8%B4%D8%A7%D8%A1%20%D9%85%D9%88%D9%82%D8%B9%20%D9%88%D9%8A%D8%A8" rel="external noopener nofollow" title="لينكدإن" target="_blank" class="linkedin-share-btn " data-raw="https://www.linkedin.com/shareArticle?mini=true&url={post_full_link}&title={post_title}"> <span class="share-btn-icon tie-icon-linkedin"></span> <span class="screen-reader-text">لينكدإن</span> </a> <a href="https://www.tumblr.com/share/link?url=https://mwade3.com/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d9%88%d9%82%d8%b9-%d9%88%d9%8a%d8%a8/&name=%D8%A3%D8%B3%D8%A7%D8%B3%D9%8A%D8%A7%D8%AA%20%D8%A5%D9%86%D8%B4%D8%A7%D8%A1%20%D9%85%D9%88%D9%82%D8%B9%20%D9%88%D9%8A%D8%A8" rel="external noopener nofollow" title="‏Tumblr" target="_blank" class="tumblr-share-btn " data-raw="https://www.tumblr.com/share/link?url={post_link}&name={post_title}"> <span class="share-btn-icon tie-icon-tumblr"></span> <span class="screen-reader-text">‏Tumblr</span> </a> <a href="https://pinterest.com/pin/create/button/?url=https://mwade3.com/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d9%88%d9%82%d8%b9-%d9%88%d9%8a%d8%a8/&description=%D8%A3%D8%B3%D8%A7%D8%B3%D9%8A%D8%A7%D8%AA%20%D8%A5%D9%86%D8%B4%D8%A7%D8%A1%20%D9%85%D9%88%D9%82%D8%B9%20%D9%88%D9%8A%D8%A8&media=" rel="external noopener nofollow" title="بينتيريست" target="_blank" class="pinterest-share-btn " data-raw="https://pinterest.com/pin/create/button/?url={post_link}&description={post_title}&media={post_img}"> <span class="share-btn-icon tie-icon-pinterest"></span> <span class="screen-reader-text">بينتيريست</span> </a> <a href="https://reddit.com/submit?url=https://mwade3.com/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d9%88%d9%82%d8%b9-%d9%88%d9%8a%d8%a8/&title=%D8%A3%D8%B3%D8%A7%D8%B3%D9%8A%D8%A7%D8%AA%20%D8%A5%D9%86%D8%B4%D8%A7%D8%A1%20%D9%85%D9%88%D9%82%D8%B9%20%D9%88%D9%8A%D8%A8" rel="external noopener nofollow" title="‏Reddit" target="_blank" class="reddit-share-btn " data-raw="https://reddit.com/submit?url={post_link}&title={post_title}"> <span class="share-btn-icon tie-icon-reddit"></span> <span class="screen-reader-text">‏Reddit</span> </a> <a href="https://web.skype.com/share?url=https://mwade3.com/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d9%88%d9%82%d8%b9-%d9%88%d9%8a%d8%a8/&text=%D8%A3%D8%B3%D8%A7%D8%B3%D9%8A%D8%A7%D8%AA%20%D8%A5%D9%86%D8%B4%D8%A7%D8%A1%20%D9%85%D9%88%D9%82%D8%B9%20%D9%88%D9%8A%D8%A8" rel="external noopener nofollow" title="سكايب" target="_blank" class="skype-share-btn " data-raw="https://web.skype.com/share?url={post_link}&text={post_title}"> <span class="share-btn-icon tie-icon-skype"></span> <span class="screen-reader-text">سكايب</span> </a> <a href="fb-messenger://share?app_id=5303202981&display=popup&link=https://mwade3.com/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d9%88%d9%82%d8%b9-%d9%88%d9%8a%d8%a8/&redirect_uri=https://mwade3.com/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d9%88%d9%82%d8%b9-%d9%88%d9%8a%d8%a8/" rel="external noopener nofollow" title="ماسنجر" target="_blank" class="messenger-mob-share-btn messenger-share-btn " data-raw="fb-messenger://share?app_id=5303202981&display=popup&link={post_link}&redirect_uri={post_link}"> <span class="share-btn-icon tie-icon-messenger"></span> <span class="screen-reader-text">ماسنجر</span> </a> <a href="https://www.facebook.com/dialog/send?app_id=5303202981&display=popup&link=https://mwade3.com/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d9%88%d9%82%d8%b9-%d9%88%d9%8a%d8%a8/&redirect_uri=https://mwade3.com/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d9%88%d9%82%d8%b9-%d9%88%d9%8a%d8%a8/" rel="external noopener nofollow" title="ماسنجر" target="_blank" class="messenger-desktop-share-btn messenger-share-btn " data-raw="https://www.facebook.com/dialog/send?app_id=5303202981&display=popup&link={post_link}&redirect_uri={post_link}"> <span class="share-btn-icon tie-icon-messenger"></span> <span class="screen-reader-text">ماسنجر</span> </a> <a href="https://api.whatsapp.com/send?text=%D8%A3%D8%B3%D8%A7%D8%B3%D9%8A%D8%A7%D8%AA%20%D8%A5%D9%86%D8%B4%D8%A7%D8%A1%20%D9%85%D9%88%D9%82%D8%B9%20%D9%88%D9%8A%D8%A8%20https://mwade3.com/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d9%88%d9%82%d8%b9-%d9%88%d9%8a%d8%a8/" rel="external noopener nofollow" title="واتساب" target="_blank" class="whatsapp-share-btn " data-raw="https://api.whatsapp.com/send?text={post_title}%20{post_link}"> <span class="share-btn-icon tie-icon-whatsapp"></span> <span class="screen-reader-text">واتساب</span> </a> <a href="https://telegram.me/share/url?url=https://mwade3.com/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d9%88%d9%82%d8%b9-%d9%88%d9%8a%d8%a8/&text=%D8%A3%D8%B3%D8%A7%D8%B3%D9%8A%D8%A7%D8%AA%20%D8%A5%D9%86%D8%B4%D8%A7%D8%A1%20%D9%85%D9%88%D9%82%D8%B9%20%D9%88%D9%8A%D8%A8" rel="external noopener nofollow" title="تيلقرام" target="_blank" class="telegram-share-btn " data-raw="https://telegram.me/share/url?url={post_link}&text={post_title}"> <span class="share-btn-icon tie-icon-paper-plane"></span> <span class="screen-reader-text">تيلقرام</span> </a> <a href="viber://forward?text=%D8%A3%D8%B3%D8%A7%D8%B3%D9%8A%D8%A7%D8%AA%20%D8%A5%D9%86%D8%B4%D8%A7%D8%A1%20%D9%85%D9%88%D9%82%D8%B9%20%D9%88%D9%8A%D8%A8%20https://mwade3.com/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d9%88%d9%82%d8%b9-%d9%88%d9%8a%d8%a8/" rel="external noopener nofollow" title="ڤايبر" target="_blank" class="viber-share-btn " data-raw="viber://forward?text={post_title}%20{post_link}"> <span class="share-btn-icon tie-icon-phone"></span> <span class="screen-reader-text">ڤايبر</span> </a> <a href="https://line.me/R/msg/text/?%D8%A3%D8%B3%D8%A7%D8%B3%D9%8A%D8%A7%D8%AA%20%D8%A5%D9%86%D8%B4%D8%A7%D8%A1%20%D9%85%D9%88%D9%82%D8%B9%20%D9%88%D9%8A%D8%A8%20https://mwade3.com/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d9%88%d9%82%d8%b9-%d9%88%d9%8a%d8%a8/" rel="external noopener nofollow" title="لاين" target="_blank" class="line-share-btn " data-raw="https://line.me/R/msg/text/?{post_title}%20{post_link}"> <span class="share-btn-icon tie-icon-line"></span> <span class="screen-reader-text">لاين</span> </a> <a href="mailto:?subject=%D8%A3%D8%B3%D8%A7%D8%B3%D9%8A%D8%A7%D8%AA%20%D8%A5%D9%86%D8%B4%D8%A7%D8%A1%20%D9%85%D9%88%D9%82%D8%B9%20%D9%88%D9%8A%D8%A8&body=https://mwade3.com/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d9%88%d9%82%d8%b9-%d9%88%d9%8a%d8%a8/" rel="external noopener nofollow" title="المشاركة عبر البريد الألكتروني" target="_blank" class="email-share-btn " data-raw="mailto:?subject={post_title}&body={post_link}"> <span class="share-btn-icon tie-icon-envelope"></span> <span class="screen-reader-text">المشاركة عبر البريد الألكتروني</span> </a> <a href="#" rel="external noopener nofollow" title="طباعة" target="_blank" class="print-share-btn " data-raw="#"> <span class="share-btn-icon tie-icon-print"></span> <span class="screen-reader-text">طباعة</span> </a> </div><!-- .share-links /--> </div><!-- .share-buttons /--> </div> </div> <div class="clearfix"></div> <script id="tie-schema-json" type="application/ld+json">{"@context":"http:\/\/schema.org","@type":"BlogPosting","dateCreated":"2025-05-16T09:38:49+03:00","datePublished":"2025-05-16T09:38:49+03:00","dateModified":"2025-05-16T09:38:49+03:00","headline":"\u0623\u0633\u0627\u0633\u064a\u0627\u062a \u0625\u0646\u0634\u0627\u0621 \u0645\u0648\u0642\u0639 \u0648\u064a\u0628","name":"\u0623\u0633\u0627\u0633\u064a\u0627\u062a \u0625\u0646\u0634\u0627\u0621 \u0645\u0648\u0642\u0639 \u0648\u064a\u0628","keywords":[],"url":"https:\/\/mwade3.com\/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d9%88%d9%82%d8%b9-%d9%88%d9%8a%d8%a8\/","description":"\u0623\u0633\u0627\u0633\u064a\u0627\u062a \u0625\u0646\u0634\u0627\u0621 \u0645\u0648\u0642\u0639 \u0648\u064a\u0628 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062a\u0639\u0644\u064a\u0645\u0627\u062a HTML \u0641\u064a \u0639\u0635\u0631 \u0627\u0644\u0631\u0642\u0645\u0646\u0629 \u0627\u0644\u0630\u064a \u0646\u0639\u064a\u0634\u0647 \u0627\u0644\u064a\u0648\u0645\u060c \u0623\u0635\u0628\u062d \u0648\u062c\u0648\u062f \u0645\u0648\u0642\u0639 \u0648\u064a\u0628 \u0647\u0648 \u0636\u0631\u0648\u0631\u0629 \u0644\u0643\u0644 \u0641\u0631\u062f \u0623\u0648 \u0645\u0624\u0633\u0633\u0629 \u062a\u0637\u0645\u062d \u0625\u0644\u0649 \u0627\u0644\u062a\u0648\u0627\u062c\u062f \u0639\u0644\u0649 \u0627\u0644\u0625\u0646\u062a\u0631\u0646\u062a \u0648\u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639 \u062c\u0645\u0647\u0648\u0631\u0647\u0627 \u0628\u0634\u0643\u0644 \u0641\u0639\u0651\u0627\u0644. \u0648\u0645\u0639 \u0623\u0646 \u062a\u0642\u0646\u064a\u0627\u062a \u062a","copyrightYear":"2025","articleSection":"\u0627\u0644\u0628\u0631\u0645\u062c\u0629","articleBody":"\u0623\u0633\u0627\u0633\u064a\u0627\u062a \u0625\u0646\u0634\u0627\u0621 \u0645\u0648\u0642\u0639 \u0648\u064a\u0628 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062a\u0639\u0644\u064a\u0645\u0627\u062a HTML\n\u0641\u064a \u0639\u0635\u0631 \u0627\u0644\u0631\u0642\u0645\u0646\u0629 \u0627\u0644\u0630\u064a \u0646\u0639\u064a\u0634\u0647 \u0627\u0644\u064a\u0648\u0645\u060c \u0623\u0635\u0628\u062d \u0648\u062c\u0648\u062f \u0645\u0648\u0642\u0639 \u0648\u064a\u0628 \u0647\u0648 \u0636\u0631\u0648\u0631\u0629 \u0644\u0643\u0644 \u0641\u0631\u062f \u0623\u0648 \u0645\u0624\u0633\u0633\u0629 \u062a\u0637\u0645\u062d \u0625\u0644\u0649 \u0627\u0644\u062a\u0648\u0627\u062c\u062f \u0639\u0644\u0649 \u0627\u0644\u0625\u0646\u062a\u0631\u0646\u062a \u0648\u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639 \u062c\u0645\u0647\u0648\u0631\u0647\u0627 \u0628\u0634\u0643\u0644 \u0641\u0639\u0651\u0627\u0644. \u0648\u0645\u0639 \u0623\u0646 \u062a\u0642\u0646\u064a\u0627\u062a \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0648\u064a\u0628 \u0639\u062f\u064a\u062f\u0629 \u0648\u0645\u062a\u0646\u0648\u0639\u0629\u060c \u064a\u0628\u0642\u0649 HTML (\u0644\u063a\u0629 \u062a\u0631\u0645\u064a\u0632 \u0627\u0644\u0646\u0635\u0648\u0635 \u0627\u0644\u062a\u0634\u0639\u0628\u064a\u0629) \u0627\u0644\u0631\u0643\u064a\u0632\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u064f\u0628\u0646\u0649 \u0639\u0644\u064a\u0647\u0627 \u0635\u0641\u062d\u0627\u062a \u0627\u0644\u0648\u064a\u0628. \u0641\u0647\u0645 \u0623\u0633\u0627\u0633\u064a\u0627\u062a HTML \u0647\u0648 \u0627\u0644\u062e\u0637\u0648\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0644\u0623\u064a \u0634\u062e\u0635 \u064a\u0631\u063a\u0628 \u0641\u064a \u0625\u0646\u0634\u0627\u0621 \u0645\u0648\u0642\u0639 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u060c \u0645\u0647\u0645\u0627 \u0643\u0627\u0646 \u0645\u0633\u062a\u0648\u0649 \u062e\u0628\u0631\u062a\u0647 \u0627\u0644\u062a\u0642\u0646\u064a\u0629. \u0647\u0630\u0627 \u0627\u0644\u0645\u0642\u0627\u0644 \u064a\u0633\u062a\u0639\u0631\u0636 \u0628\u0627\u0644\u062a\u0641\u0635\u064a\u0644 \u0645\u0628\u0627\u062f\u0626 HTML\u060c \u0643\u064a\u0641\u064a\u0629 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062a\u0639\u0644\u064a\u0645\u0627\u062a\u0647\u0627 \u0644\u0625\u0646\u0634\u0627\u0621 \u0635\u0641\u062d\u0627\u062a \u0648\u064a\u0628\u060c \u0648\u0623\u0647\u0645 \u0627\u0644\u0645\u0641\u0627\u0647\u064a\u0645 \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0647\u0627\u060c \u0644\u064a\u0643\u0648\u0646 \u0645\u0631\u062c\u0639\u064b\u0627 \u063a\u0646\u064a\u064b\u0627 \u064a\u0645\u0643\u0646 \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0639\u0644\u064a\u0647.\n\u0645\u0627 \u0647\u064a HTML \u0648\u0644\u0645\u0627\u0630\u0627 \u062a\u0639\u062a\u0628\u0631 \u0623\u0633\u0627\u0633\u064a\u0629\u061f\nHTML \u0647\u064a \u0627\u062e\u062a\u0635\u0627\u0631 \u0644\u0640 HyperText Markup Language\u060c \u0623\u064a \"\u0644\u063a\u0629 \u062a\u0631\u0645\u064a\u0632 \u0627\u0644\u0646\u0635 \u0627\u0644\u062a\u0634\u0639\u0628\u064a\"\u060c \u0648\u0647\u064a \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u064f\u0633\u062a\u062e\u062f\u0645 \u0644\u0628\u0646\u0627\u0621 \u0647\u064a\u0643\u0644 \u0635\u0641\u062d\u0627\u062a \u0627\u0644\u0648\u064a\u0628. \u0644\u064a\u0633\u062a \u0644\u063a\u0629 \u0628\u0631\u0645\u062c\u0629 \u0628\u0627\u0644\u0645\u0639\u0646\u0649 \u0627\u0644\u062a\u0642\u0644\u064a\u062f\u064a\u060c \u0648\u0625\u0646\u0645\u0627 \u0647\u064a \u0644\u063a\u0629 \u062a\u0631\u0645\u064a\u0632\u064a\u0629 \u062a\u0642\u0648\u0645 \u0628\u0648\u0635\u0641 \u0645\u0643\u0648\u0646\u0627\u062a \u0627\u0644\u0635\u0641\u062d\u0629\u060c \u0645\u062b\u0644 \u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646\u060c \u0627\u0644\u0641\u0642\u0631\u0627\u062a\u060c \u0627\u0644\u0635\u0648\u0631\u060c \u0648\u0627\u0644\u0631\u0648\u0627\u0628\u0637. \u0628\u062f\u0648\u0646 HTML\u060c \u0644\u0646 \u064a\u062a\u0645\u0643\u0646 \u0627\u0644\u0645\u062a\u0635\u0641\u062d \u0645\u0646 \u0639\u0631\u0636 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0628\u0634\u0643\u0644 \u0645\u0646\u0638\u0645 \u0648\u0633\u0647\u0644 \u0627\u0644\u0642\u0631\u0627\u0621\u0629.\n\u062a\u062a\u0643\u0648\u0646 \u0635\u0641\u062d\u0627\u062a \u0627\u0644\u0648\u064a\u0628 \u0645\u0646 \u0645\u0644\u0641\u0627\u062a \u0646\u0635\u064a\u0629 \u0628\u0633\u064a\u0637\u0629 \u062a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 \u062a\u0639\u0644\u064a\u0645\u0627\u062a HTML \u0627\u0644\u062a\u064a \u062a\u064f\u0641\u0633\u0631\u0647\u0627 \u0645\u062a\u0635\u0641\u062d\u0627\u062a \u0627\u0644\u0648\u064a\u0628 \u0644\u062a\u0639\u0631\u0636 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0628\u0634\u0643\u0644 \u062c\u0645\u0627\u0644\u064a \u0648\u0645\u0646\u0633\u0642 \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645. \u0644\u0630\u0627\u060c \u0645\u0639\u0631\u0641\u0629 \u0643\u064a\u0641\u064a\u0629 \u0643\u062a\u0627\u0628\u0629 \u0647\u0630\u0647 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u0627\u062a \u0648\u0641\u0647\u0645 \u0647\u064a\u0643\u0644\u0647\u0627 \u0647\u0648 \u0623\u0645\u0631 \u0644\u0627 \u063a\u0646\u0649 \u0639\u0646\u0647 \u0644\u0623\u064a \u0645\u0637\u0648\u0631 \u0648\u064a\u0628.\n\u0627\u0644\u0647\u064a\u0643\u0644 \u0627\u0644\u0623\u0633\u0627\u0633\u064a \u0644\u0635\u0641\u062d\u0629 HTML\n\u0644\u0643\u0644 \u0635\u0641\u062d\u0629 HTML \u0628\u0646\u064a\u0629 \u0623\u0633\u0627\u0633\u064a\u0629 \u064a\u062c\u0628 \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0647\u0627 \u062d\u062a\u0649 \u064a\u062a\u0645 \u0639\u0631\u0636\u0647\u0627 \u0628\u0634\u0643\u0644 \u0635\u062d\u064a\u062d \u0639\u0628\u0631 \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u062a\u0635\u0641\u062d\u0627\u062a. \u0647\u0630\u0647 \u0627\u0644\u0628\u0646\u064a\u0629 \u062a\u0628\u062f\u0623 \u0628\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062a\u064a \u062a\u0645\u062b\u0644 \u0627\u0644\u062c\u0630\u0631 \u0627\u0644\u0630\u064a \u064a\u062d\u062a\u0648\u064a \u062c\u0645\u064a\u0639 \u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u0635\u0641\u062d\u0629\u060c \u0648\u062a\u062a\u0641\u0631\u0639 \u0625\u0644\u0649 \u062c\u0632\u0626\u064a\u0646 \u0631\u0626\u064a\u0633\u064a\u064a\u0646: \u0648 .\n1. \u0639\u0646\u0635\u0631 \n\u0647\u0648 \u0627\u0644\u0639\u0646\u0635\u0631 \u0627\u0644\u062c\u0630\u0631\u064a \u0627\u0644\u0630\u064a \u064a\u0636\u0645 \u0643\u0627\u0645\u0644 \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0635\u0641\u062d\u0629\u060c \u0648\u064a\u0628\u062f\u0623 \u062f\u0627\u0626\u0645\u064b\u0627 \u0628\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u0628\u062f\u0627\u064a\u0629 \u0648\u064a\u0646\u062a\u0647\u064a \u0628\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u0646\u0647\u0627\u064a\u0629 .\n2. \u0639\u0646\u0635\u0631 \n\u064a\u062a\u0636\u0645\u0646 \u0647\u0630\u0627 \u0627\u0644\u0642\u0633\u0645 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u063a\u064a\u0631 \u0645\u0631\u0626\u064a\u0629 \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0645\u0628\u0627\u0634\u0631\u0629\u060c \u0644\u0643\u0646\u0647 \u0636\u0631\u0648\u0631\u064a \u0644\u0644\u0645\u062a\u0635\u0641\u062d \u0648\u0644\u0623\u063a\u0631\u0627\u0636 \u062a\u062d\u0633\u064a\u0646 \u0645\u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0628\u062d\u062b (SEO). \u064a\u062d\u062a\u0648\u064a \u0639\u0627\u062f\u0629\u064b \u0639\u0644\u0649:\n\n\n\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0635\u0641\u062d\u0629 \u062f\u0627\u062e\u0644 \u0639\u0646\u0635\u0631 .\n\n\n\u062a\u0639\u0627\u0631\u064a\u0641 \u0627\u0644\u062a\u0631\u0645\u064a\u0632 (\u0645\u062b\u0644 UTF-8).\n\n\n\u0631\u0648\u0627\u0628\u0637 \u0644\u0645\u0644\u0641\u0627\u062a CSS \u0623\u0648 \u062c\u0627\u0641\u0627\u0633\u0643\u0631\u064a\u0628\u062a \u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629.\n\n\n\u0628\u064a\u0627\u0646\u0627\u062a \u0648\u0635\u0641\u064a\u0629 (Meta Tags) \u062a\u0633\u0627\u0639\u062f \u0641\u064a \u062a\u062d\u0633\u064a\u0646 \u0645\u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0628\u062d\u062b.\n\n\n3. \u0639\u0646\u0635\u0631 \n\u064a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 \u062c\u0645\u064a\u0639 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u0645\u0631\u0626\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u0638\u0647\u0631 \u0639\u0644\u0649 \u0635\u0641\u062d\u0629 \u0627\u0644\u0648\u064a\u0628 \u0645\u062b\u0644 \u0627\u0644\u0646\u0635\u0648\u0635\u060c \u0627\u0644\u0635\u0648\u0631\u060c \u0627\u0644\u0641\u064a\u062f\u064a\u0648\u0647\u0627\u062a\u060c \u0627\u0644\u0631\u0648\u0627\u0628\u0637\u060c \u0627\u0644\u0623\u0632\u0631\u0627\u0631\u060c \u0627\u0644\u062c\u062f\u0627\u0648\u0644\u060c \u0648\u0627\u0644\u0642\u0648\u0627\u0626\u0645.\n\u0645\u062b\u0627\u0644 \u0639\u0644\u0649 \u0627\u0644\u0647\u064a\u0643\u0644 \u0627\u0644\u0623\u0633\u0627\u0633\u064a \u0644\u0635\u0641\u062d\u0629 HTML:\nhtmlCopyEdit\n\n\n \n \u0645\u062b\u0627\u0644 \u0639\u0644\u0649 \u0635\u0641\u062d\u0629 HTML\n\n\n \u0645\u0631\u062d\u0628\u0627 \u0628\u0643 \u0641\u064a \u0645\u0648\u0642\u0639\u064a\n \u0647\u0630\u0647 \u0641\u0642\u0631\u0629 \u0646\u0635\u064a\u0629 \u062a\u0648\u0636\u062d \u0623\u0633\u0627\u0633\u064a\u0627\u062a HTML.\n\n\n\n\u062a\u0639\u0644\u064a\u0645\u0627\u062a HTML \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0648\u0623\u0647\u0645\u0647\u0627\n1. \u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646 \u0625\u0644\u0649 \n\u062a\u0645\u062b\u0644 \u0639\u0646\u0627\u0648\u064a\u0646 \u0627\u0644\u0646\u0635\u0648\u0635 \u0648\u062a\u062e\u062a\u0644\u0641 \u0641\u064a \u0627\u0644\u0623\u0647\u0645\u064a\u0629 \u0648\u0627\u0644\u062d\u062c\u0645\u060c \u062d\u064a\u062b \u0647\u0648 \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a \u0648\u0627\u0644\u0623\u0643\u0628\u0631\u060c \u0648 \u0647\u0648 \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0623\u062f\u0646\u0649. \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646 \u0628\u0634\u0643\u0644 \u0635\u062d\u064a\u062d \u064a\u0633\u0627\u0639\u062f \u0641\u064a \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0648\u064a\u0648\u0641\u0631 \u062a\u062c\u0631\u0628\u0629 \u0642\u0631\u0627\u0621\u0629 \u0623\u0641\u0636\u0644.\n2. \u0627\u0644\u0641\u0642\u0631\u0627\u062a \n\u0639\u0646\u0635\u0631 \u0627\u0644\u0641\u0642\u0631\u0629 \u064a\u0633\u062a\u062e\u062f\u0645 \u0644\u062a\u0642\u0633\u064a\u0645 \u0627\u0644\u0646\u0635\u0648\u0635 \u0625\u0644\u0649 \u0623\u062c\u0632\u0627\u0621 \u0633\u0647\u0644\u0629 \u0627\u0644\u0642\u0631\u0627\u0621\u0629. \u064a\u0645\u0643\u0646 \u0623\u0646 \u064a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 \u0646\u0635\u0648\u0635 \u0639\u0627\u062f\u064a\u0629 \u0623\u0648 \u062d\u062a\u0649 \u0639\u0646\u0627\u0635\u0631 \u0623\u062e\u0631\u0649 \u0645\u062b\u0644 \u0627\u0644\u0631\u0648\u0627\u0628\u0637 \u0623\u0648 \u0627\u0644\u0635\u0648\u0631.\n3. \u0627\u0644\u0631\u0648\u0627\u0628\u0637 \u0627\u0644\u062a\u0634\u0639\u0628\u064a\u0629 \n\u062a\u0633\u0645\u062d \u0644\u0644\u0632\u0648\u0627\u0631 \u0628\u0627\u0644\u0627\u0646\u062a\u0642\u0627\u0644 \u0625\u0644\u0649 \u0635\u0641\u062d\u0627\u062a \u0623\u062e\u0631\u0649 \u0623\u0648 \u0645\u0648\u0627\u0642\u0639 \u062e\u0627\u0631\u062c\u064a\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0646\u0642\u0631 \u0639\u0644\u0649 \u0627\u0644\u0646\u0635 \u0623\u0648 \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629.\n\u0635\u064a\u063a\u0629 \u0627\u0644\u0631\u0627\u0628\u0637:\nhtmlCopyEdit\u0632\u0631 \u0627\u0644\u0627\u0646\u062a\u0642\u0627\u0644\n\n4. \u0627\u0644\u0635\u0648\u0631 \n\u062a\u0633\u062a\u062e\u062f\u0645 \u0644\u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0635\u0648\u0631 \u0625\u0644\u0649 \u0635\u0641\u062d\u0629 \u0627\u0644\u0648\u064a\u0628\u060c \u0645\u0639 \u062a\u062d\u062f\u064a\u062f \u0645\u0635\u062f\u0631 \u0627\u0644\u0635\u0648\u0631\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0633\u0645\u0629 src\u060c \u0648\u0627\u0644\u0646\u0635 \u0627\u0644\u0628\u062f\u064a\u0644 \u0627\u0644\u0630\u064a \u064a\u0638\u0647\u0631 \u0641\u064a \u062d\u0627\u0644\u0629 \u0639\u062f\u0645 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0635\u0648\u0631\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 alt.\n\u0645\u062b\u0627\u0644:\nhtmlCopyEdit\n\n5. \u0627\u0644\u0642\u0648\u0627\u0626\u0645\n\u062a\u0646\u0642\u0633\u0645 \u0625\u0644\u0649 \u0646\u0648\u0639\u064a\u0646 \u0631\u0626\u064a\u0633\u064a\u064a\u0646:\n\n\n\u0627\u0644\u0642\u0648\u0627\u0626\u0645 \u0627\u0644\u0645\u0631\u062a\u0628\u0629 : \u062a\u0639\u0637\u064a \u062a\u0631\u0642\u064a\u0645\u064b\u0627 \u062a\u0644\u0642\u0627\u0626\u064a\u064b\u0627 \u0644\u0644\u0639\u0646\u0627\u0635\u0631.\n\n\n\u0627\u0644\u0642\u0648\u0627\u0626\u0645 \u063a\u064a\u0631 \u0627\u0644\u0645\u0631\u062a\u0628\u0629 : \u062a\u0638\u0647\u0631 \u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0645\u0639 \u0646\u0642\u0627\u0637 (Bullets).\n\n\n\u0643\u0644 \u0639\u0646\u0635\u0631 \u062f\u0627\u062e\u0644 \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u064a\u062a\u0645 \u0648\u0636\u0639\u0647 \u0636\u0645\u0646 .\n\u0645\u062b\u0627\u0644 \u0642\u0627\u0626\u0645\u0629 \u0645\u0631\u062a\u0628\u0629:\nhtmlCopyEdit\n \u0627\u0644\u0639\u0646\u0635\u0631 \u0627\u0644\u0623\u0648\u0644\n \u0627\u0644\u0639\u0646\u0635\u0631 \u0627\u0644\u062b\u0627\u0646\u064a\n\n\n6. \u0627\u0644\u062c\u062f\u0627\u0648\u0644 \n\u062a\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u062c\u062f\u0627\u0648\u0644 \u0644\u0639\u0631\u0636 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0646\u0638\u0645\u0629 \u0641\u064a \u0635\u0641\u0648\u0641 \u0648\u0623\u0639\u0645\u062f\u0629\u060c \u0648\u062a\u062a\u0643\u0648\u0646 \u0645\u0646 \u0639\u0646\u0627\u0635\u0631 \u0641\u0631\u0639\u064a\u0629:\n\n\n: \u0635\u0641 \u0645\u0646 \u0627\u0644\u062c\u062f\u0648\u0644.\n\n\n: \u0631\u0623\u0633 \u0627\u0644\u0639\u0645\u0648\u062f.\n\n\n: \u062e\u0644\u064a\u0629 \u0628\u064a\u0627\u0646\u0627\u062a.\n\n\n\u0645\u062b\u0627\u0644 \u0645\u0628\u0633\u0637:\nhtmlCopyEdit\n \n \u0627\u0644\u0627\u0633\u0645\n \u0627\u0644\u0639\u0645\u0631\n \n \n \u0623\u062d\u0645\u062f\n 25\n \n\n\n\u062e\u0635\u0627\u0626\u0635 \u0627\u0644\u0633\u0645\u0627\u062a (Attributes) \u0641\u064a HTML\n\u062a\u0645\u0643\u0646 \u0627\u0644\u0633\u0645\u0627\u062a \u0645\u0646 \u062a\u0639\u062f\u064a\u0644 \u0633\u0644\u0648\u0643 \u0623\u0648 \u0645\u0638\u0647\u0631 \u0639\u0646\u0627\u0635\u0631 HTML\u060c \u0648\u062a\u0643\u062a\u0628 \u062f\u0627\u062e\u0644 \u0648\u0633\u0645 \u0627\u0644\u0639\u0646\u0635\u0631. \u0645\u0646 \u0623\u0647\u0645 \u0627\u0644\u0633\u0645\u0627\u062a:\n\n\nid: \u0644\u062a\u0639\u0631\u064a\u0641 \u0645\u0639\u0631\u0641 \u0641\u0631\u064a\u062f \u0644\u0644\u0639\u0646\u0635\u0631.\n\n\nclass: \u0644\u062a\u0635\u0646\u064a\u0641 \u0627\u0644\u0639\u0646\u0635\u0631 \u0636\u0645\u0646 \u0641\u0626\u0629 \u0645\u0639\u064a\u0646\u0629.\n\n\nstyle: \u0644\u062a\u0637\u0628\u064a\u0642 \u0623\u0646\u0645\u0627\u0637 CSS \u0645\u0628\u0627\u0634\u0631\u0629 \u0639\u0644\u0649 \u0627\u0644\u0639\u0646\u0635\u0631.\n\n\nhref: \u0644\u062a\u062d\u062f\u064a\u062f \u0631\u0627\u0628\u0637 \u0641\u064a \u0639\u0646\u0627\u0635\u0631 .\n\n\nsrc: \u0644\u062a\u062d\u062f\u064a\u062f \u0645\u0635\u062f\u0631 \u0627\u0644\u0635\u0648\u0631 \u0623\u0648 \u0627\u0644\u0648\u0633\u0627\u0626\u0637.\n\n\n\u0645\u062b\u0627\u0644:\nhtmlCopyEdit\n \u0646\u0635 \u062a\u0639\u0631\u064a\u0641\u064a \u0645\u0644\u0648\u0646 \u0648\u0643\u0628\u064a\u0631 \u0627\u0644\u062d\u062c\u0645.\n\n\n\u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0627\u0644\u0646\u0635\u0648\u0635 \u0648\u062a\u0646\u0633\u064a\u0642\u0647\u0627\nHTML \u062a\u0648\u0641\u0631 \u0645\u062c\u0645\u0648\u0639\u0629 \u0643\u0628\u064a\u0631\u0629 \u0645\u0646 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0644\u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0646\u0635\u0648\u0635\u060c \u0645\u0646\u0647\u0627:\n\n\n\u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u063a\u0627\u0645\u0642\u0629 \u0648: \u0644\u062a\u062d\u062f\u064a\u062f \u0646\u0635 \u063a\u0627\u0645\u0642\u060c \u0645\u0639 \u0627\u062e\u062a\u0644\u0627\u0641 \u0628\u0633\u064a\u0637 \u0641\u064a \u0627\u0644\u062f\u0644\u0627\u0644\u0629 (\u0627\u0644\u0623\u0648\u0644 \u064a\u0639\u0628\u0631 \u0639\u0646 \u0623\u0647\u0645\u064a\u0629).\n\n\n\u0627\u0644\u0645\u0627\u0626\u0644 \u0648: \u0644\u062a\u0646\u0633\u064a\u0642 \u0646\u0635 \u0645\u0627\u0626\u0644\u060c \u0645\u0639 \u062f\u0644\u0627\u0644\u0629 \u0639\u0644\u0649 \u0627\u0644\u062a\u0623\u0643\u064a\u062f \u0641\u064a .\n\n\n\u0627\u0644\u0633\u0637\u0648\u0631 \u0627\u0644\u0645\u0642\u0637\u0648\u0639\u0629 : \u062a\u0633\u062a\u062e\u062f\u0645 \u0644\u0641\u0635\u0644 \u0627\u0644\u0646\u0635 \u0628\u0623\u0633\u0637\u0631 \u062c\u062f\u064a\u062f\u0629.\n\n\n\u0627\u0644\u0646\u0635\u0648\u0635 \u0627\u0644\u0645\u0642\u0637\u0648\u0639\u0629 : \u0644\u0631\u0633\u0645 \u062e\u0637 \u0641\u0627\u0635\u0644 \u0628\u064a\u0646 \u0623\u062c\u0632\u0627\u0621 \u0627\u0644\u0646\u0635.\n\n\n\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0647\u0630\u0647 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0628\u0634\u0643\u0644 \u0645\u062f\u0631\u0648\u0633 \u064a\u062d\u0633\u0646 \u0645\u0646 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0648\u0627\u0644\u062a\u0646\u0642\u0644 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u062d\u062a\u0648\u0649.\n\u0625\u062f\u0631\u0627\u062c \u0627\u0644\u0648\u0633\u0627\u0626\u0637 \u0627\u0644\u0645\u062a\u0639\u062f\u062f\u0629\n\u0628\u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0625\u0644\u0649 \u0627\u0644\u0635\u0648\u0631\u060c \u064a\u0645\u0643\u0646 \u0625\u062f\u0631\u0627\u062c \u0645\u0642\u0627\u0637\u0639 \u0641\u064a\u062f\u064a\u0648 \u0623\u0648 \u0635\u0648\u062a \u0639\u0628\u0631 \u062a\u0639\u0644\u064a\u0645\u0627\u062a HTML \u062e\u0627\u0635\u0629:\n\n\n\u0627\u0644\u0641\u064a\u062f\u064a\u0648: \u0645\u0639 \u062a\u062d\u062f\u064a\u062f \u0645\u0635\u062f\u0631 \u0627\u0644\u0641\u064a\u062f\u064a\u0648 \u062f\u0627\u062e\u0644 .\n\n\n\u0627\u0644\u0635\u0648\u062a: \u0645\u0639 \u062a\u062d\u062f\u064a\u062f \u0645\u0635\u062f\u0631 \u0627\u0644\u0635\u0648\u062a.\n\n\n\u0645\u062b\u0627\u0644 \u0644\u0625\u062f\u0631\u0627\u062c \u0641\u064a\u062f\u064a\u0648:\nhtmlCopyEdit\n \n \u0627\u0644\u0645\u062a\u0635\u0641\u062d \u0644\u0627 \u064a\u062f\u0639\u0645 \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0641\u064a\u062f\u064a\u0648.\n\n\n\u0625\u0646\u0634\u0627\u0621 \u0627\u0644\u0646\u0645\u0627\u0630\u062c (Forms)\n\u0627\u0644\u0646\u0645\u0627\u0630\u062c \u0647\u064a \u0627\u0644\u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0644\u0644\u062a\u0641\u0627\u0639\u0644 \u0628\u064a\u0646 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0648\u0645\u0648\u0642\u0639 \u0627\u0644\u0648\u064a\u0628\u060c \u062d\u064a\u062b \u064a\u0645\u0643\u0646 \u062c\u0645\u0639 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0645\u062b\u0644 \u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u0623\u0648 \u0627\u0644\u062a\u0639\u0644\u064a\u0642\u0627\u062a. \u062a\u062a\u0643\u0648\u0646 \u0627\u0644\u0646\u0645\u0627\u0630\u062c \u0645\u0646 \u0639\u062f\u0629 \u0639\u0646\u0627\u0635\u0631 \u0645\u062b\u0644:\n\n\n: \u0627\u0644\u0639\u0646\u0635\u0631 \u0627\u0644\u062d\u0627\u0648\u064a \u0644\u0644\u0646\u0645\u0648\u0630\u062c.\n\n\n: \u062d\u0642\u0648\u0644 \u0625\u062f\u062e\u0627\u0644 \u0645\u062a\u0646\u0648\u0639\u0629 (\u0646\u0635\u060c \u0643\u0644\u0645\u0629 \u0645\u0631\u0648\u0631\u060c \u0623\u0632\u0631\u0627\u0631\u060c \u0627\u062e\u062a\u064a\u0627\u0631\u060c ...).\n\n\n: \u062d\u0642\u0644 \u0646\u0635 \u0645\u062a\u0639\u062f\u062f \u0627\u0644\u0623\u0633\u0637\u0631.\n\n\n \u0648 : \u0642\u0627\u0626\u0645\u0629 \u0645\u0646\u0633\u062f\u0644\u0629 \u0644\u0644\u0627\u062e\u062a\u064a\u0627\u0631.\n\n\n\u0645\u062b\u0627\u0644 \u0644\u0646\u0645\u0648\u0630\u062c \u0628\u0633\u064a\u0637:\nhtmlCopyEdit\n \u0627\u0644\u0627\u0633\u0645:\n \n \n\n\n\u0645\u0641\u0647\u0648\u0645 DOM \u0648\u0639\u0644\u0627\u0642\u062a\u0647 \u0628\u0640 HTML\nDOM (Document Object Model) \u0647\u0648 \u0646\u0645\u0648\u0630\u062c \u062a\u0645\u062b\u064a\u0644 \u0635\u0641\u062d\u0629 \u0627\u0644\u0648\u064a\u0628 \u0643\u0647\u064a\u0643\u0644 \u0634\u062c\u0631\u064a \u0644\u0644\u0639\u0646\u0627\u0635\u0631\u060c \u062d\u064a\u062b \u0643\u0644 \u0639\u0646\u0635\u0631 HTML \u064a\u0645\u062b\u0644 \u0639\u0642\u062f\u0629 (Node) \u064a\u0645\u0643\u0646 \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639\u0647\u0627 \u0628\u0631\u0645\u062c\u064a\u064b\u0627 \u0639\u0628\u0631 \u0644\u063a\u0627\u062a \u0645\u062b\u0644 \u062c\u0627\u0641\u0627\u0633\u0643\u0631\u064a\u0628\u062a. \u0647\u0630\u0627 \u064a\u0633\u0645\u062d \u0628\u0627\u0644\u062a\u0641\u0627\u0639\u0644 \u0627\u0644\u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a \u0645\u0639 \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0635\u0641\u062d\u0629\u060c \u0645\u062b\u0644 \u062a\u063a\u064a\u064a\u0631 \u0627\u0644\u0646\u0635\u060c \u0627\u0644\u0635\u0648\u0631\u060c \u0623\u0648 \u0625\u0636\u0627\u0641\u0629 \u0639\u0646\u0627\u0635\u0631 \u062c\u062f\u064a\u062f\u0629 \u062f\u0648\u0646 \u0625\u0639\u0627\u062f\u0629 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0635\u0641\u062d\u0629.\n\u0641\u0647\u0645 DOM \u064a\u0641\u062a\u062d \u0622\u0641\u0627\u0642\u064b\u0627 \u0645\u062a\u0642\u062f\u0645\u0629 \u0641\u064a \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0648\u064a\u0639\u0632\u0632 \u0625\u0645\u0643\u0627\u0646\u064a\u0627\u062a HTML \u0627\u0644\u062a\u0642\u0644\u064a\u062f\u064a\u0629.\n\u0642\u0648\u0627\u0639\u062f \u0647\u0627\u0645\u0629 \u0641\u064a \u0643\u062a\u0627\u0628\u0629 HTML\n\n\n\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0643\u062a\u0627\u0628\u0629 \u0648\u0633\u0648\u0645 \u0627\u0644\u0625\u063a\u0644\u0627\u0642: \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0639\u0646\u0627\u0635\u0631 HTML \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0648\u0633\u0645 \u0625\u063a\u0644\u0627\u0642 \u0644\u062a\u062c\u0646\u0628 \u0623\u062e\u0637\u0627\u0621 \u0641\u064a \u0627\u0644\u0639\u0631\u0636.\n\n\n\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u062a\u0646\u0633\u064a\u0642 \u0648\u0627\u0644\u0647\u0648\u0627\u0645\u0634 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629: \u0643\u062a\u0627\u0628\u0629 \u0627\u0644\u0643\u0648\u062f \u0628\u0637\u0631\u064a\u0642\u0629 \u0645\u0646\u0638\u0645\u0629 \u0648\u0648\u0627\u0636\u062d\u0629 \u062a\u0633\u0647\u0644 \u0627\u0644\u0635\u064a\u0627\u0646\u0629 \u0648\u0627\u0644\u062a\u0639\u062f\u064a\u0644.\n\n\n\u0627\u062e\u062a\u064a\u0627\u0631 \u0623\u0633\u0645\u0627\u0621 \u0645\u0639\u0628\u0631\u0629 \u0644\u0644\u0640 id \u0648 class: \u0644\u062a\u0633\u0647\u064a\u0644 \u0627\u0644\u0631\u0628\u0637 \u0645\u0639 CSS \u0648 JavaScript.\n\n\n\u0627\u0644\u0627\u0647\u062a\u0645\u0627\u0645 \u0628\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062a\u0648\u0627\u0641\u0642 \u0648\u0627\u0644\u0648\u0627\u0635\u0641\u0627\u062a: \u0644\u0636\u0645\u0627\u0646 \u0639\u0645\u0644 \u0627\u0644\u0645\u0648\u0642\u0639 \u0641\u064a \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u062a\u0635\u0641\u062d\u0627\u062a \u0648\u0627\u0644\u0623\u062c\u0647\u0632\u0629.\n\n\n\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0639\u0646\u0627\u0635\u0631 HTML5 \u0627\u0644\u062d\u062f\u064a\u062b\u0629: \u0645\u062b\u0644 , , , \u0644\u062a\u0648\u0636\u064a\u062d \u0628\u0646\u064a\u0629 \u0627\u0644\u0635\u0641\u062d\u0629 \u0628\u0634\u0643\u0644 \u0623\u0641\u0636\u0644.\n\n\n\u062a\u062d\u0633\u064a\u0646 \u0645\u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0628\u062d\u062b SEO \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 HTML\n\u064a\u0639\u062f \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062a\u0639\u0644\u064a\u0645\u0627\u062a HTML \u0628\u0634\u0643\u0644 \u0635\u062d\u064a\u062d \u0623\u0645\u0631\u064b\u0627 \u062c\u0648\u0647\u0631\u064a\u064b\u0627 \u0644\u062a\u062d\u0633\u064a\u0646 \u0638\u0647\u0648\u0631 \u0627\u0644\u0645\u0648\u0642\u0639 \u0641\u064a \u0646\u062a\u0627\u0626\u062c \u0645\u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0628\u062d\u062b. \u0628\u0639\u0636 \u0627\u0644\u0645\u0645\u0627\u0631\u0633\u0627\u062a \u0627\u0644\u0645\u0647\u0645\u0629 \u062a\u0634\u0645\u0644:\n\n\n\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0628\u0634\u0643\u0644 \u0635\u062d\u064a\u062d ( \u0644\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u060c \u0644\u0644\u0639\u0646\u0627\u0648\u064a\u0646 \u0627\u0644\u0641\u0631\u0639\u064a\u0629).\n\n\n\u0643\u062a\u0627\u0628\u0629 \u0646\u0635 \u0628\u062f\u064a\u0644 \u0644\u0644\u0635\u0648\u0631 (alt) \u064a\u0635\u0641 \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0635\u0648\u0631\u0629.\n\n\n\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0648\u0633\u0645 \u0644\u0648\u0635\u0641 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0648\u0627\u0644\u0643\u0644\u0645\u0627\u062a \u0627\u0644\u0645\u0641\u062a\u0627\u062d\u064a\u0629.\n\n\n\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0641\u064a \u0641\u0642\u0631\u0627\u062a \u0648\u0627\u0636\u062d\u0629 \u0648\u0639\u0646\u0627\u0635\u0631 \u0645\u0639\u0646\u0648\u0646\u0629.\n\n\n\u0636\u0645\u0627\u0646 \u0633\u0631\u0639\u0629 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0635\u0641\u062d\u0629 \u0639\u0628\u0631 \u062a\u0642\u0644\u064a\u0644 \u062d\u062c\u0645 \u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0648\u0627\u0644\u0627\u0647\u062a\u0645\u0627\u0645 \u0628\u0647\u064a\u0643\u0644 \u0627\u0644\u0643\u0648\u062f.\n\n\n\u0645\u0642\u0627\u0631\u0646\u0629 \u0628\u064a\u0646 HTML \u0648CSS \u0648JavaScript\n\n\nHTML: \u0647\u064a\u0643\u0644 \u0627\u0644\u0635\u0641\u062d\u0629 \u0648\u0645\u062d\u062a\u0648\u0627\u0647\u0627.\n\n\nCSS: \u062a\u0646\u0633\u064a\u0642 \u0648\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0634\u0643\u0644 \u0627\u0644\u062e\u0627\u0631\u062c\u064a \u0644\u0644\u0635\u0641\u062d\u0629 (\u0627\u0644\u0623\u0644\u0648\u0627\u0646\u060c \u0627\u0644\u062e\u0637\u0648\u0637\u060c \u0627\u0644\u062a\u062e\u0637\u064a\u0637).\n\n\nJavaScript: \u0628\u0631\u0645\u062c\u0629 \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u0627\u062a \u0648\u0627\u0644\u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u0629 \u062f\u0627\u062e\u0644 \u0627\u0644\u0635\u0641\u062d\u0629.\n\n\n\u0625\u0646 \u0625\u062a\u0642\u0627\u0646 HTML \u0647\u0648 \u0627\u0644\u062e\u0637\u0648\u0629 \u0627\u0644\u0623\u0648\u0644\u0649\u060c \u062a\u0644\u064a\u0647\u0627 \u062a\u0639\u0644\u0645 CSS \u0648JavaScript \u0644\u062a\u062d\u0642\u064a\u0642 \u0645\u0648\u0642\u0639 \u0648\u064a\u0628 \u0645\u062a\u0643\u0627\u0645\u0644 \u0648\u062c\u0630\u0627\u0628.\n\u0623\u062f\u0648\u0627\u062a \u062a\u062d\u0631\u064a\u0631 HTML\n\u0647\u0646\u0627\u0643 \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0628\u0631\u0627\u0645\u062c \u062a\u062d\u0631\u064a\u0631 \u0627\u0644\u0623\u0643\u0648\u0627\u062f \u0627\u0644\u062a\u064a \u062a\u0633\u0647\u0644 \u0643\u062a\u0627\u0628\u0629 \u0635\u0641\u062d\u0627\u062a HTML \u0645\u062b\u0644:\n\n\n\u0645\u062d\u0631\u0631\u0627\u062a \u0646\u0635\u064a\u0629 \u0628\u0633\u064a\u0637\u0629: Notepad++\u060c Sublime Text\u060c Visual Studio Code.\n\n\n\u0623\u062f\u0648\u0627\u062a \u062a\u0637\u0648\u064a\u0631 \u0645\u062a\u0642\u062f\u0645\u0629: Adobe Dreamweaver\u060c WebStorm.\n\n\n\u0623\u062f\u0648\u0627\u062a \u0628\u0646\u0627\u0621 \u0645\u0648\u0627\u0642\u0639 \u0628\u062f\u0648\u0646 \u0643\u062a\u0627\u0628\u0629 \u0643\u0648\u062f (CMS): \u0648\u0648\u0631\u062f\u0628\u0631\u064a\u0633\u060c \u062c\u0648\u0645\u0644\u0627\u060c \u0644\u0643\u0646\u0647\u0627 \u062a\u0639\u062a\u0645\u062f \u0628\u0634\u0643\u0644 \u0643\u0628\u064a\u0631 \u0639\u0644\u0649 HTML \u0641\u064a \u0627\u0644\u062e\u0644\u0641\u064a\u0629.\n\n\n\u0645\u0644\u062e\u0635 \u0644\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0641\u064a HTML\n\u0627\u0644\u0639\u0646\u0635\u0631\u0627\u0644\u0648\u0635\u0641\u0645\u062b\u0627\u0644 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0627\u0644\u062c\u0630\u0631 \u0627\u0644\u0631\u0626\u064a\u0633\u064a \u0644\u0644\u0635\u0641\u062d\u0629 ... \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0639\u0646 \u0627\u0644\u0635\u0641\u062d\u0629 (\u063a\u064a\u0631 \u0645\u0631\u0626\u064a\u0629)\u064a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 , , \u0625\u0644\u062e\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0645\u0631\u0626\u064a\u0627\u0644\u0646\u0635\u060c \u0627\u0644\u0635\u0648\u0631\u060c \u0627\u0644\u0641\u064a\u062f\u064a\u0648\u060c \u0625\u0644\u062e - \u0639\u0646\u0627\u0648\u064a\u0646 \u0646\u0635\u0648\u0635 \u0645\u062e\u062a\u0644\u0641\u0629 \u0627\u0644\u0645\u0633\u062a\u0648\u064a\u0627\u062a\u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0641\u0642\u0631\u0629 \u0646\u0635\u064a\u0629\u0647\u0630\u0627 \u0646\u0635 \u0641\u0642\u0631\u0629\u0631\u0627\u0628\u0637 \u062a\u0634\u0639\u0628\u064a\u0646\u0635 \u0627\u0644\u0631\u0627\u0628\u0637\u0635\u0648\u0631\u0629, \u0642\u0648\u0627\u0626\u0645 \u063a\u064a\u0631 \u0645\u0631\u062a\u0628\u0629 \u0648\u0645\u0631\u062a\u0628\u0629\u0639\u0646\u0635\u0631\u062c\u062f\u0648\u0644\u0628\u064a\u0627\u0646\u0627\u062a\u0646\u0645\u0648\u0630\u062c \u062a\u0641\u0627\u0639\u0644\n\n\u0641\u064a \u0627\u0644\u062e\u062a\u0627\u0645\u060c \u064a\u0639\u062f HTML \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0644\u0625\u0646\u0634\u0627\u0621 \u0635\u0641\u062d\u0627\u062a \u0627\u0644\u0648\u064a\u0628\u060c \u0648\u0647\u064a \u062a\u0645\u062b\u0644 \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u0631\u062a\u0643\u0632 \u0639\u0644\u064a\u0647\u0627 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0648\u064a\u0628 \u0627\u0644\u0623\u062e\u0631\u0649. \u0625\u062a\u0642\u0627\u0646 \u0623\u0633\u0627\u0633\u064a\u0627\u062a HTML \u0648\u0641\u0647\u0645 \u0643\u064a\u0641\u064a\u0629 \u0643\u062a\u0627\u0628\u0629 \u062a\u0639\u0644\u064a\u0645\u0627\u062a\u0647\u0627 \u0628\u0634\u0643\u0644 \u0635\u062d\u064a\u062d \u0647\u0648 \u062d\u062c\u0631 \u0627\u0644\u0623\u0633\u0627\u0633 \u0644\u0628\u0646\u0627\u0621 \u0645\u0648\u0627\u0642\u0639 \u0646\u0627\u062c\u062d\u0629 \u0648\u0641\u0639\u0627\u0644\u0629. \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u062a\u0639\u0631\u0641 \u0639\u0644\u0649 \u0639\u0646\u0627\u0635\u0631 HTML\u060c \u0627\u0644\u0633\u0645\u0627\u062a\u060c \u0627\u0644\u0647\u064a\u0643\u0644\u060c \u0648\u0643\u064a\u0641\u064a\u0629 \u0625\u062f\u0631\u0627\u062c \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0645\u062a\u0646\u0648\u0639\u060c \u064a\u0633\u062a\u0637\u064a\u0639 \u0627\u0644\u0645\u0637\u0648\u0631 \u0623\u0646 \u064a\u0628\u062f\u0623 \u0641\u064a \u0625\u0646\u0634\u0627\u0621 \u0635\u0641\u062d\u0627\u062a \u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u0648\u0645\u062a\u0646\u0627\u063a\u0645\u0629 \u0645\u0639 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0648\u064a\u0628 \u0627\u0644\u062d\u062f\u064a\u062b\u0629 \u0648\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u062a\u062d\u0633\u064a\u0646 \u0645\u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0628\u062d\u062b. \u0647\u0630\u0627 \u064a\u0639\u0632\u0632 \u0645\u0646 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0648\u064a\u0636\u0645\u0646 \u0648\u0635\u0648\u0644 \u0627\u0644\u0645\u0648\u0642\u0639 \u0625\u0644\u0649 \u0623\u0643\u0628\u0631 \u0634\u0631\u064a\u062d\u0629 \u0645\u0645\u0643\u0646\u0629 \u0645\u0646 \u0627\u0644\u062c\u0645\u0647\u0648\u0631 \u0639\u0628\u0631 \u0627\u0644\u0625\u0646\u062a\u0631\u0646\u062a.\n\n\u0627\u0644\u0645\u0635\u0627\u062f\u0631 \u0648\u0627\u0644\u0645\u0631\u0627\u062c\u0639\n\n\nW3Schools: https:\/\/www.w3schools.com\/html\/\n\n\nMDN Web Docs: https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\n\n","publisher":{"@id":"#Publisher","@type":"Organization","name":"\u0645\u0648\u0627\u0636\u064a\u0639","logo":{"@type":"ImageObject","url":"https:\/\/mwade3.com\/wp-content\/uploads\/2023\/09\/logo-Black.png"},"sameAs":["https:\/\/www.facebook.com\/mwadee33","https:\/\/www.pinterest.com\/Mwade3com\/"]},"sourceOrganization":{"@id":"#Publisher"},"copyrightHolder":{"@id":"#Publisher"},"mainEntityOfPage":{"@type":"WebPage","@id":"https:\/\/mwade3.com\/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d9%88%d9%82%d8%b9-%d9%88%d9%8a%d8%a8\/","breadcrumb":{"@id":"#Breadcrumb"}},"author":{"@type":"Person","name":"Mwade3","url":"https:\/\/mwade3.com\/author\/admin\/"},"image":{"@type":"ImageObject","url":"https:\/\/mwade3.com\/wp-content\/uploads\/logo.png","width":1200,"height":718}}</script> <div id="share-buttons-bottom" class="share-buttons share-buttons-bottom"> <div class="share-links share-centered icons-only share-rounded"> <a href="https://www.facebook.com/sharer.php?u=https://mwade3.com/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d9%88%d9%82%d8%b9-%d9%88%d9%8a%d8%a8/" rel="external noopener nofollow" title="فيسبوك" target="_blank" class="facebook-share-btn " data-raw="https://www.facebook.com/sharer.php?u={post_link}"> <span class="share-btn-icon tie-icon-facebook"></span> <span class="screen-reader-text">فيسبوك</span> </a> <a href="https://twitter.com/intent/tweet?text=%D8%A3%D8%B3%D8%A7%D8%B3%D9%8A%D8%A7%D8%AA%20%D8%A5%D9%86%D8%B4%D8%A7%D8%A1%20%D9%85%D9%88%D9%82%D8%B9%20%D9%88%D9%8A%D8%A8&url=https://mwade3.com/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d9%88%d9%82%d8%b9-%d9%88%d9%8a%d8%a8/" rel="external noopener nofollow" title="‫X" target="_blank" class="twitter-share-btn " data-raw="https://twitter.com/intent/tweet?text={post_title}&url={post_link}"> <span class="share-btn-icon tie-icon-twitter"></span> <span class="screen-reader-text">‫X</span> </a> <a href="https://www.linkedin.com/shareArticle?mini=true&url=https://mwade3.com/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d9%88%d9%82%d8%b9-%d9%88%d9%8a%d8%a8/&title=%D8%A3%D8%B3%D8%A7%D8%B3%D9%8A%D8%A7%D8%AA%20%D8%A5%D9%86%D8%B4%D8%A7%D8%A1%20%D9%85%D9%88%D9%82%D8%B9%20%D9%88%D9%8A%D8%A8" rel="external noopener nofollow" title="لينكدإن" target="_blank" class="linkedin-share-btn " data-raw="https://www.linkedin.com/shareArticle?mini=true&url={post_full_link}&title={post_title}"> <span class="share-btn-icon tie-icon-linkedin"></span> <span class="screen-reader-text">لينكدإن</span> </a> <a href="https://www.tumblr.com/share/link?url=https://mwade3.com/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d9%88%d9%82%d8%b9-%d9%88%d9%8a%d8%a8/&name=%D8%A3%D8%B3%D8%A7%D8%B3%D9%8A%D8%A7%D8%AA%20%D8%A5%D9%86%D8%B4%D8%A7%D8%A1%20%D9%85%D9%88%D9%82%D8%B9%20%D9%88%D9%8A%D8%A8" rel="external noopener nofollow" title="‏Tumblr" target="_blank" class="tumblr-share-btn " data-raw="https://www.tumblr.com/share/link?url={post_link}&name={post_title}"> <span class="share-btn-icon tie-icon-tumblr"></span> <span class="screen-reader-text">‏Tumblr</span> </a> <a href="https://pinterest.com/pin/create/button/?url=https://mwade3.com/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d9%88%d9%82%d8%b9-%d9%88%d9%8a%d8%a8/&description=%D8%A3%D8%B3%D8%A7%D8%B3%D9%8A%D8%A7%D8%AA%20%D8%A5%D9%86%D8%B4%D8%A7%D8%A1%20%D9%85%D9%88%D9%82%D8%B9%20%D9%88%D9%8A%D8%A8&media=" rel="external noopener nofollow" title="بينتيريست" target="_blank" class="pinterest-share-btn " data-raw="https://pinterest.com/pin/create/button/?url={post_link}&description={post_title}&media={post_img}"> <span class="share-btn-icon tie-icon-pinterest"></span> <span class="screen-reader-text">بينتيريست</span> </a> <a href="https://reddit.com/submit?url=https://mwade3.com/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d9%88%d9%82%d8%b9-%d9%88%d9%8a%d8%a8/&title=%D8%A3%D8%B3%D8%A7%D8%B3%D9%8A%D8%A7%D8%AA%20%D8%A5%D9%86%D8%B4%D8%A7%D8%A1%20%D9%85%D9%88%D9%82%D8%B9%20%D9%88%D9%8A%D8%A8" rel="external noopener nofollow" title="‏Reddit" target="_blank" class="reddit-share-btn " data-raw="https://reddit.com/submit?url={post_link}&title={post_title}"> <span class="share-btn-icon tie-icon-reddit"></span> <span class="screen-reader-text">‏Reddit</span> </a> <a href="https://vk.com/share.php?url=https://mwade3.com/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d9%88%d9%82%d8%b9-%d9%88%d9%8a%d8%a8/" rel="external noopener nofollow" title="‏VKontakte" target="_blank" class="vk-share-btn " data-raw="https://vk.com/share.php?url={post_link}"> <span class="share-btn-icon tie-icon-vk"></span> <span class="screen-reader-text">‏VKontakte</span> </a> <a href="fb-messenger://share?app_id=5303202981&display=popup&link=https://mwade3.com/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d9%88%d9%82%d8%b9-%d9%88%d9%8a%d8%a8/&redirect_uri=https://mwade3.com/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d9%88%d9%82%d8%b9-%d9%88%d9%8a%d8%a8/" rel="external noopener nofollow" title="ماسنجر" target="_blank" class="messenger-mob-share-btn messenger-share-btn " data-raw="fb-messenger://share?app_id=5303202981&display=popup&link={post_link}&redirect_uri={post_link}"> <span class="share-btn-icon tie-icon-messenger"></span> <span class="screen-reader-text">ماسنجر</span> </a> <a href="https://www.facebook.com/dialog/send?app_id=5303202981&display=popup&link=https://mwade3.com/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d9%88%d9%82%d8%b9-%d9%88%d9%8a%d8%a8/&redirect_uri=https://mwade3.com/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d9%88%d9%82%d8%b9-%d9%88%d9%8a%d8%a8/" rel="external noopener nofollow" title="ماسنجر" target="_blank" class="messenger-desktop-share-btn messenger-share-btn " data-raw="https://www.facebook.com/dialog/send?app_id=5303202981&display=popup&link={post_link}&redirect_uri={post_link}"> <span class="share-btn-icon tie-icon-messenger"></span> <span class="screen-reader-text">ماسنجر</span> </a> <a href="https://api.whatsapp.com/send?text=%D8%A3%D8%B3%D8%A7%D8%B3%D9%8A%D8%A7%D8%AA%20%D8%A5%D9%86%D8%B4%D8%A7%D8%A1%20%D9%85%D9%88%D9%82%D8%B9%20%D9%88%D9%8A%D8%A8%20https://mwade3.com/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d9%88%d9%82%d8%b9-%d9%88%d9%8a%d8%a8/" rel="external noopener nofollow" title="واتساب" target="_blank" class="whatsapp-share-btn " data-raw="https://api.whatsapp.com/send?text={post_title}%20{post_link}"> <span class="share-btn-icon tie-icon-whatsapp"></span> <span class="screen-reader-text">واتساب</span> </a> <a href="https://telegram.me/share/url?url=https://mwade3.com/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d9%88%d9%82%d8%b9-%d9%88%d9%8a%d8%a8/&text=%D8%A3%D8%B3%D8%A7%D8%B3%D9%8A%D8%A7%D8%AA%20%D8%A5%D9%86%D8%B4%D8%A7%D8%A1%20%D9%85%D9%88%D9%82%D8%B9%20%D9%88%D9%8A%D8%A8" rel="external noopener nofollow" title="تيلقرام" target="_blank" class="telegram-share-btn " data-raw="https://telegram.me/share/url?url={post_link}&text={post_title}"> <span class="share-btn-icon tie-icon-paper-plane"></span> <span class="screen-reader-text">تيلقرام</span> </a> <a href="viber://forward?text=%D8%A3%D8%B3%D8%A7%D8%B3%D9%8A%D8%A7%D8%AA%20%D8%A5%D9%86%D8%B4%D8%A7%D8%A1%20%D9%85%D9%88%D9%82%D8%B9%20%D9%88%D9%8A%D8%A8%20https://mwade3.com/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d9%88%d9%82%d8%b9-%d9%88%d9%8a%d8%a8/" rel="external noopener nofollow" title="ڤايبر" target="_blank" class="viber-share-btn " data-raw="viber://forward?text={post_title}%20{post_link}"> <span class="share-btn-icon tie-icon-phone"></span> <span class="screen-reader-text">ڤايبر</span> </a> <a href="https://line.me/R/msg/text/?%D8%A3%D8%B3%D8%A7%D8%B3%D9%8A%D8%A7%D8%AA%20%D8%A5%D9%86%D8%B4%D8%A7%D8%A1%20%D9%85%D9%88%D9%82%D8%B9%20%D9%88%D9%8A%D8%A8%20https://mwade3.com/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d9%88%d9%82%d8%b9-%d9%88%d9%8a%d8%a8/" rel="external noopener nofollow" title="لاين" target="_blank" class="line-share-btn " data-raw="https://line.me/R/msg/text/?{post_title}%20{post_link}"> <span class="share-btn-icon tie-icon-line"></span> <span class="screen-reader-text">لاين</span> </a> <a href="mailto:?subject=%D8%A3%D8%B3%D8%A7%D8%B3%D9%8A%D8%A7%D8%AA%20%D8%A5%D9%86%D8%B4%D8%A7%D8%A1%20%D9%85%D9%88%D9%82%D8%B9%20%D9%88%D9%8A%D8%A8&body=https://mwade3.com/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d9%88%d9%82%d8%b9-%d9%88%d9%8a%d8%a8/" rel="external noopener nofollow" title="المشاركة عبر البريد الألكتروني" target="_blank" class="email-share-btn " data-raw="mailto:?subject={post_title}&body={post_link}"> <span class="share-btn-icon tie-icon-envelope"></span> <span class="screen-reader-text">المشاركة عبر البريد الألكتروني</span> </a> <a href="#" rel="external noopener nofollow" title="طباعة" target="_blank" class="print-share-btn " data-raw="#"> <span class="share-btn-icon tie-icon-print"></span> <span class="screen-reader-text">طباعة</span> </a> </div><!-- .share-links /--> </div><!-- .share-buttons /--> </article><!-- #the-post /--> <div class="post-components"> <div id="read-next-block" class="container-wrapper read-next-slider-50"> <h2 class="read-next-block-title">اقرأ التالي</h2> <section id="tie-read-next" class="slider-area mag-box"> <div class="slider-area-inner"> <div id="tie-main-slider-50-read-next" class="tie-main-slider main-slider wide-slider-with-navfor-wrapper wide-slider-wrapper slider-vertical-navigation tie-slick-slider-wrapper" data-slider-id="50" data-autoplay="true" data-speed="3000"> <div class="main-slider-inner"> <div class="container slider-main-container"> <div class="tie-slick-slider"> <ul class="tie-slider-nav"></ul> <div style="background-image: url(https://mwade3.com/wp-content/uploads/logo.png)" class="slide slide-id-3017387 tie-slide-1 tie-standard"> <a href="https://mwade3.com/%d8%aa%d8%b9%d9%84%d9%85-%d8%a7%d9%84%d8%a2%d9%84%d8%a9-%d8%a7%d9%84%d9%85%d9%81%d8%a7%d9%87%d9%8a%d9%85-%d9%88%d8%a7%d9%84%d8%aa%d8%b7%d8%a8%d9%8a%d9%82%d8%a7%d8%aa-2/" class="all-over-thumb-link" aria-label="تعلم الآلة: المفاهيم والتطبيقات"></a> <div class="thumb-overlay"><div class="container"><span class="post-cat-wrap"><a class="post-cat tie-cat-1717739" href="https://mwade3.com/category/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/">البرمجة</a></span><div class="thumb-content"> <h2 class="thumb-title"><a href="https://mwade3.com/%d8%aa%d8%b9%d9%84%d9%85-%d8%a7%d9%84%d8%a2%d9%84%d8%a9-%d8%a7%d9%84%d9%85%d9%81%d8%a7%d9%87%d9%8a%d9%85-%d9%88%d8%a7%d9%84%d8%aa%d8%b7%d8%a8%d9%8a%d9%82%d8%a7%d8%aa-2/">تعلم الآلة: المفاهيم والتطبيقات</a></h2> </div> <!-- .thumb-content /--></div><!-- .container --> </div><!-- .thumb-overlay /--> </div><!-- .slide || .grid-item /--> <div style="background-image: url(https://mwade3.com/wp-content/uploads/logo.png)" class="slide slide-id-3013217 tie-slide-2 tie-standard"> <a href="https://mwade3.com/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9-%d8%a7%d9%84%d9%83%d8%a7%d8%a6%d9%86%d9%8a%d8%a9-%d8%a7%d9%84%d9%85%d9%81%d8%a7%d9%87%d9%8a%d9%85-%d9%88%d8%a7%d9%84%d8%aa%d8%b7%d8%a8%d9%8a%d9%82%d8%a7/" class="all-over-thumb-link" aria-label="البرمجة الكائنية: المفاهيم والتطبيقات"></a> <div class="thumb-overlay"><div class="container"><span class="post-cat-wrap"><a class="post-cat tie-cat-1717739" href="https://mwade3.com/category/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/">البرمجة</a></span><div class="thumb-content"> <h2 class="thumb-title"><a href="https://mwade3.com/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9-%d8%a7%d9%84%d9%83%d8%a7%d8%a6%d9%86%d9%8a%d8%a9-%d8%a7%d9%84%d9%85%d9%81%d8%a7%d9%87%d9%8a%d9%85-%d9%88%d8%a7%d9%84%d8%aa%d8%b7%d8%a8%d9%8a%d9%82%d8%a7/">البرمجة الكائنية: المفاهيم والتطبيقات</a></h2> </div> <!-- .thumb-content /--></div><!-- .container --> </div><!-- .thumb-overlay /--> </div><!-- .slide || .grid-item /--> <div style="background-image: url(https://mwade3.com/wp-content/uploads/logo.png)" class="slide slide-id-3018237 tie-slide-3 tie-standard"> <a href="https://mwade3.com/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%b9%d9%84%d9%88%d9%85-%d8%a7%d9%84%d8%ad%d8%a7%d8%b3%d9%88%d8%a8-%d8%a7%d9%84%d8%ad%d8%af%d9%8a%d8%ab%d8%a9/" class="all-over-thumb-link" aria-label="أساسيات علوم الحاسوب الحديثة"></a> <div class="thumb-overlay"><div class="container"><span class="post-cat-wrap"><a class="post-cat tie-cat-1717739" href="https://mwade3.com/category/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/">البرمجة</a></span><div class="thumb-content"> <h2 class="thumb-title"><a href="https://mwade3.com/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%b9%d9%84%d9%88%d9%85-%d8%a7%d9%84%d8%ad%d8%a7%d8%b3%d9%88%d8%a8-%d8%a7%d9%84%d8%ad%d8%af%d9%8a%d8%ab%d8%a9/">أساسيات علوم الحاسوب الحديثة</a></h2> </div> <!-- .thumb-content /--></div><!-- .container --> </div><!-- .thumb-overlay /--> </div><!-- .slide || .grid-item /--> <div style="background-image: url(https://mwade3.com/wp-content/uploads/logo.png)" class="slide slide-id-3011931 tie-slide-4 tie-standard"> <a href="https://mwade3.com/%d8%aa%d8%b9%d9%84%d9%85-%d8%a7%d9%84%d8%a2%d9%84%d8%a9-%d8%a7%d9%84%d9%85%d9%81%d8%a7%d9%87%d9%8a%d9%85-%d9%88%d8%a7%d9%84%d8%aa%d8%b7%d8%a8%d9%8a%d9%82%d8%a7%d8%aa/" class="all-over-thumb-link" aria-label="تعلم الآلة: المفاهيم والتطبيقات"></a> <div class="thumb-overlay"><div class="container"><span class="post-cat-wrap"><a class="post-cat tie-cat-1717739" href="https://mwade3.com/category/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/">البرمجة</a></span><div class="thumb-content"> <h2 class="thumb-title"><a href="https://mwade3.com/%d8%aa%d8%b9%d9%84%d9%85-%d8%a7%d9%84%d8%a2%d9%84%d8%a9-%d8%a7%d9%84%d9%85%d9%81%d8%a7%d9%87%d9%8a%d9%85-%d9%88%d8%a7%d9%84%d8%aa%d8%b7%d8%a8%d9%8a%d9%82%d8%a7%d8%aa/">تعلم الآلة: المفاهيم والتطبيقات</a></h2> </div> <!-- .thumb-content /--></div><!-- .container --> </div><!-- .thumb-overlay /--> </div><!-- .slide || .grid-item /--> <div style="background-image: url(https://mwade3.com/wp-content/uploads/logo.png)" class="slide slide-id-3017731 tie-slide-5 tie-standard"> <a href="https://mwade3.com/%d8%a3%d8%ae%d8%b7%d8%a7%d8%a1-%d8%b4%d8%a7%d8%a6%d8%b9%d8%a9-%d9%81%d9%8a-%d8%a8%d8%a7%d9%8a%d8%ab%d9%88%d9%86/" class="all-over-thumb-link" aria-label="أخطاء شائعة في بايثون"></a> <div class="thumb-overlay"><div class="container"><span class="post-cat-wrap"><a class="post-cat tie-cat-1717739" href="https://mwade3.com/category/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/">البرمجة</a></span><div class="thumb-content"> <h2 class="thumb-title"><a href="https://mwade3.com/%d8%a3%d8%ae%d8%b7%d8%a7%d8%a1-%d8%b4%d8%a7%d8%a6%d8%b9%d8%a9-%d9%81%d9%8a-%d8%a8%d8%a7%d9%8a%d8%ab%d9%88%d9%86/">أخطاء شائعة في بايثون</a></h2> </div> <!-- .thumb-content /--></div><!-- .container --> </div><!-- .thumb-overlay /--> </div><!-- .slide || .grid-item /--> <div style="background-image: url(https://mwade3.com/wp-content/uploads/logo.png)" class="slide slide-id-3023317 tie-slide-6 tie-standard"> <a href="https://mwade3.com/php-%d9%88node-js-%d9%85%d9%82%d8%a7%d8%b1%d9%86%d8%a9-%d8%b4%d8%a7%d9%85%d9%84%d8%a9/" class="all-over-thumb-link" aria-label="PHP وNode.js: مقارنة شاملة"></a> <div class="thumb-overlay"><div class="container"><span class="post-cat-wrap"><a class="post-cat tie-cat-1717739" href="https://mwade3.com/category/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/">البرمجة</a></span><div class="thumb-content"> <h2 class="thumb-title"><a href="https://mwade3.com/php-%d9%88node-js-%d9%85%d9%82%d8%a7%d8%b1%d9%86%d8%a9-%d8%b4%d8%a7%d9%85%d9%84%d8%a9/">PHP وNode.js: مقارنة شاملة</a></h2> </div> <!-- .thumb-content /--></div><!-- .container --> </div><!-- .thumb-overlay /--> </div><!-- .slide || .grid-item /--> <div style="background-image: url(https://mwade3.com/wp-content/uploads/logo.png)" class="slide slide-id-3110613 tie-slide-1 tie-standard"> <a href="https://mwade3.com/%d8%a7%d9%84%d8%a7%d8%b3%d8%aa%d8%ab%d9%86%d8%a7%d8%a1%d8%a7%d8%aa-%d9%81%d9%8a-%d8%af%d9%88%d8%aa-%d9%86%d8%aa/" class="all-over-thumb-link" aria-label="الاستثناءات في دوت نت"></a> <div class="thumb-overlay"><div class="container"><span class="post-cat-wrap"><a class="post-cat tie-cat-1717739" href="https://mwade3.com/category/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/">البرمجة</a></span><div class="thumb-content"> <h2 class="thumb-title"><a href="https://mwade3.com/%d8%a7%d9%84%d8%a7%d8%b3%d8%aa%d8%ab%d9%86%d8%a7%d8%a1%d8%a7%d8%aa-%d9%81%d9%8a-%d8%af%d9%88%d8%aa-%d9%86%d8%aa/">الاستثناءات في دوت نت</a></h2> </div> <!-- .thumb-content /--></div><!-- .container --> </div><!-- .thumb-overlay /--> </div><!-- .slide || .grid-item /--> <div style="background-image: url(https://mwade3.com/wp-content/uploads/logo.png)" class="slide slide-id-3015889 tie-slide-2 tie-standard"> <a href="https://mwade3.com/git-%d9%88%d8%a3%d9%87%d9%85%d9%8a%d8%aa%d9%87-%d9%81%d9%8a-%d9%85%d8%b4%d8%a7%d8%b1%d9%8a%d8%b9-%d8%a8%d8%a7%d9%8a%d8%ab%d9%88%d9%86/" class="all-over-thumb-link" aria-label="Git وأهميته في مشاريع بايثون"></a> <div class="thumb-overlay"><div class="container"><span class="post-cat-wrap"><a class="post-cat tie-cat-1717739" href="https://mwade3.com/category/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/">البرمجة</a></span><div class="thumb-content"> <h2 class="thumb-title"><a href="https://mwade3.com/git-%d9%88%d8%a3%d9%87%d9%85%d9%8a%d8%aa%d9%87-%d9%81%d9%8a-%d9%85%d8%b4%d8%a7%d8%b1%d9%8a%d8%b9-%d8%a8%d8%a7%d9%8a%d8%ab%d9%88%d9%86/">Git وأهميته في مشاريع بايثون</a></h2> </div> <!-- .thumb-content /--></div><!-- .container --> </div><!-- .thumb-overlay /--> </div><!-- .slide || .grid-item /--> <div style="background-image: url(https://mwade3.com/wp-content/uploads/logo.png)" class="slide slide-id-3020329 tie-slide-3 tie-standard"> <a href="https://mwade3.com/%d9%85%d8%b9%d8%a7%d9%84%d8%ac%d8%a9-%d8%a7%d9%84%d8%a3%d8%ae%d8%b7%d8%a7%d8%a1-%d9%81%d9%8a-%d9%84%d8%ba%d8%a9-go/" class="all-over-thumb-link" aria-label="معالجة الأخطاء في لغة Go"></a> <div class="thumb-overlay"><div class="container"><span class="post-cat-wrap"><a class="post-cat tie-cat-1717739" href="https://mwade3.com/category/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/">البرمجة</a></span><div class="thumb-content"> <h2 class="thumb-title"><a href="https://mwade3.com/%d9%85%d8%b9%d8%a7%d9%84%d8%ac%d8%a9-%d8%a7%d9%84%d8%a3%d8%ae%d8%b7%d8%a7%d8%a1-%d9%81%d9%8a-%d9%84%d8%ba%d8%a9-go/">معالجة الأخطاء في لغة Go</a></h2> </div> <!-- .thumb-content /--></div><!-- .container --> </div><!-- .thumb-overlay /--> </div><!-- .slide || .grid-item /--> <div style="background-image: url(https://mwade3.com/wp-content/uploads/logo.png)" class="slide slide-id-3015129 tie-slide-4 tie-standard"> <a href="https://mwade3.com/laravel-%d8%a3%d9%82%d9%88%d9%89-%d8%a5%d8%b7%d8%a7%d8%b1-php-%d8%ad%d8%af%d9%8a%d8%ab/" class="all-over-thumb-link" aria-label="Laravel: أقوى إطار PHP حديث"></a> <div class="thumb-overlay"><div class="container"><span class="post-cat-wrap"><a class="post-cat tie-cat-1717739" href="https://mwade3.com/category/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/">البرمجة</a></span><div class="thumb-content"> <h2 class="thumb-title"><a href="https://mwade3.com/laravel-%d8%a3%d9%82%d9%88%d9%89-%d8%a5%d8%b7%d8%a7%d8%b1-php-%d8%ad%d8%af%d9%8a%d8%ab/">Laravel: أقوى إطار PHP حديث</a></h2> </div> <!-- .thumb-content /--></div><!-- .container --> </div><!-- .thumb-overlay /--> </div><!-- .slide || .grid-item /--> </div><!-- .tie-slick-slider /--> </div><!-- .slider-main-container /--> </div><!-- .main-slider-inner /--> </div><!-- .main-slider /--> <div class="wide-slider-nav-wrapper vertical-slider-nav "> <ul class="tie-slider-nav"></ul> <div class="container"> <div class="tie-row"> <div class="tie-col-md-12"> <div class="tie-slick-slider"> <div class="slide tie-slide-5"> <div class="slide-overlay"> <h3 class="thumb-title">تعلم الآلة: المفاهيم والتطبيقات</h3> </div> </div><!-- slide /--> <div class="slide tie-slide-6"> <div class="slide-overlay"> <h3 class="thumb-title">البرمجة الكائنية: المفاهيم والتطبيقات</h3> </div> </div><!-- slide /--> <div class="slide tie-slide-1"> <div class="slide-overlay"> <h3 class="thumb-title">أساسيات علوم الحاسوب الحديثة</h3> </div> </div><!-- slide /--> <div class="slide tie-slide-2"> <div class="slide-overlay"> <h3 class="thumb-title">تعلم الآلة: المفاهيم والتطبيقات</h3> </div> </div><!-- slide /--> <div class="slide tie-slide-3"> <div class="slide-overlay"> <h3 class="thumb-title">أخطاء شائعة في بايثون</h3> </div> </div><!-- slide /--> <div class="slide tie-slide-4"> <div class="slide-overlay"> <h3 class="thumb-title">PHP وNode.js: مقارنة شاملة</h3> </div> </div><!-- slide /--> <div class="slide tie-slide-5"> <div class="slide-overlay"> <h3 class="thumb-title">الاستثناءات في دوت نت</h3> </div> </div><!-- slide /--> <div class="slide tie-slide-6"> <div class="slide-overlay"> <h3 class="thumb-title">Git وأهميته في مشاريع بايثون</h3> </div> </div><!-- slide /--> <div class="slide tie-slide-1"> <div class="slide-overlay"> <h3 class="thumb-title">معالجة الأخطاء في لغة Go</h3> </div> </div><!-- slide /--> <div class="slide tie-slide-2"> <div class="slide-overlay"> <h3 class="thumb-title">Laravel: أقوى إطار PHP حديث</h3> </div> </div><!-- slide /--> </div><!-- .wide_slider_nav /--> </div><!-- .tie-col /--> </div><!-- .tie-row /--> </div><!-- .container /--> </div><!-- #wide-slider-nav-wrapper /--> </div><!-- .slider-area-inner --> </section><!-- .slider-area --> </div><!-- #read-next-block --> <div class="prev-next-post-nav container-wrapper media-overlay"> <div class="tie-col-xs-6 prev-post"> <a href="https://mwade3.com/31-%d9%86%d8%b5%d9%8a%d8%ad%d8%a9-%d9%84%d8%aa%d8%ad%d8%b3%d9%8a%d9%86-%d9%85%d9%84%d9%81%d9%83-%d8%b9%d9%84%d9%89-%d9%84%d9%8a%d9%86%d9%83%d8%af-%d8%a5%d9%86-4/" style="background-image: url(https://mwade3.com/wp-content/uploads/logo-390x220.png)" class="post-thumb" rel="prev"> <div class="post-thumb-overlay-wrap"> <div class="post-thumb-overlay"> <span class="tie-icon tie-media-icon"></span> <span class="screen-reader-text">31 نصيحة لتحسين ملفك على لينكد إن</span> </div> </div> </a> <a href="https://mwade3.com/31-%d9%86%d8%b5%d9%8a%d8%ad%d8%a9-%d9%84%d8%aa%d8%ad%d8%b3%d9%8a%d9%86-%d9%85%d9%84%d9%81%d9%83-%d8%b9%d9%84%d9%89-%d9%84%d9%8a%d9%86%d9%83%d8%af-%d8%a5%d9%86-4/" rel="prev"> <h3 class="post-title">31 نصيحة لتحسين ملفك على لينكد إن</h3> </a> </div> <div class="tie-col-xs-6 next-post"> <a href="https://mwade3.com/%d8%aa%d8%b4%d8%ae%d9%8a%d8%b5-%d8%a7%d9%84%d8%a8%d9%87%d8%a7%d9%82-%d8%a8%d8%af%d9%82%d8%a9-%d8%b9%d8%a7%d9%84%d9%8a%d8%a9/" style="background-image: url(https://mwade3.com/wp-content/uploads/logo-390x220.png)" class="post-thumb" rel="next"> <div class="post-thumb-overlay-wrap"> <div class="post-thumb-overlay"> <span class="tie-icon tie-media-icon"></span> <span class="screen-reader-text">تشخيص البهاق بدقة عالية</span> </div> </div> </a> <a href="https://mwade3.com/%d8%aa%d8%b4%d8%ae%d9%8a%d8%b5-%d8%a7%d9%84%d8%a8%d9%87%d8%a7%d9%82-%d8%a8%d8%af%d9%82%d8%a9-%d8%b9%d8%a7%d9%84%d9%8a%d8%a9/" rel="next"> <h3 class="post-title">تشخيص البهاق بدقة عالية</h3> </a> </div> </div><!-- .prev-next-post-nav /--> <div id="related-posts" class="container-wrapper"> <div class="mag-box-title the-global-title"> <h3>مواضيع ذات صلة</h3> </div> <div class="related-posts-list"> <div class="related-item tie-standard"> <a aria-label="تهجير قواعد البيانات في Laravel" href="https://mwade3.com/%d8%aa%d9%87%d8%ac%d9%8a%d8%b1-%d9%82%d9%88%d8%a7%d8%b9%d8%af-%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d9%81%d9%8a-laravel-2/" class="post-thumb"> <div class="post-thumb-overlay-wrap"> <div class="post-thumb-overlay"> <span class="tie-icon tie-media-icon"></span> </div> </div> <img width="390" height="220" src="https://mwade3.com/wp-content/uploads/logo-390x220.png" class="attachment-jannah-image-large size-jannah-image-large" alt="" decoding="async" fetchpriority="high" /></a> <h3 class="post-title"><a href="https://mwade3.com/%d8%aa%d9%87%d8%ac%d9%8a%d8%b1-%d9%82%d9%88%d8%a7%d8%b9%d8%af-%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d9%81%d9%8a-laravel-2/">تهجير قواعد البيانات في Laravel</a></h3> <div class="post-meta clearfix"></div><!-- .post-meta --> </div><!-- .related-item /--> <div class="related-item tie-standard"> <a aria-label="إنشاء مدونة باستخدام Node.js" href="https://mwade3.com/%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d8%af%d9%88%d9%86%d8%a9-%d8%a8%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-node-js/" class="post-thumb"> <div class="post-thumb-overlay-wrap"> <div class="post-thumb-overlay"> <span class="tie-icon tie-media-icon"></span> </div> </div> <img width="390" height="220" src="https://mwade3.com/wp-content/uploads/logo-390x220.png" class="attachment-jannah-image-large size-jannah-image-large" alt="" decoding="async" /></a> <h3 class="post-title"><a href="https://mwade3.com/%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d8%af%d9%88%d9%86%d8%a9-%d8%a8%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-node-js/">إنشاء مدونة باستخدام Node.js</a></h3> <div class="post-meta clearfix"></div><!-- .post-meta --> </div><!-- .related-item /--> <div class="related-item tie-standard"> <a aria-label="تحويل HTML إلى قالب ووردبريس" href="https://mwade3.com/%d8%aa%d8%ad%d9%88%d9%8a%d9%84-html-%d8%a5%d9%84%d9%89-%d9%82%d8%a7%d9%84%d8%a8-%d9%88%d9%88%d8%b1%d8%af%d8%a8%d8%b1%d9%8a%d8%b3/" class="post-thumb"> <div class="post-thumb-overlay-wrap"> <div class="post-thumb-overlay"> <span class="tie-icon tie-media-icon"></span> </div> </div> <img width="390" height="220" src="https://mwade3.com/wp-content/uploads/logo-390x220.png" class="attachment-jannah-image-large size-jannah-image-large" alt="" decoding="async" /></a> <h3 class="post-title"><a href="https://mwade3.com/%d8%aa%d8%ad%d9%88%d9%8a%d9%84-html-%d8%a5%d9%84%d9%89-%d9%82%d8%a7%d9%84%d8%a8-%d9%88%d9%88%d8%b1%d8%af%d8%a8%d8%b1%d9%8a%d8%b3/">تحويل HTML إلى قالب ووردبريس</a></h3> <div class="post-meta clearfix"></div><!-- .post-meta --> </div><!-- .related-item /--> <div class="related-item tie-standard"> <a aria-label="تنظيم الشيفرة في JavaScript" href="https://mwade3.com/%d8%aa%d9%86%d8%b8%d9%8a%d9%85-%d8%a7%d9%84%d8%b4%d9%8a%d9%81%d8%b1%d8%a9-%d9%81%d9%8a-javascript/" class="post-thumb"> <div class="post-thumb-overlay-wrap"> <div class="post-thumb-overlay"> <span class="tie-icon tie-media-icon"></span> </div> </div> <img width="390" height="220" src="https://mwade3.com/wp-content/uploads/logo-390x220.png" class="attachment-jannah-image-large size-jannah-image-large" alt="" decoding="async" /></a> <h3 class="post-title"><a href="https://mwade3.com/%d8%aa%d9%86%d8%b8%d9%8a%d9%85-%d8%a7%d9%84%d8%b4%d9%8a%d9%81%d8%b1%d8%a9-%d9%81%d9%8a-javascript/">تنظيم الشيفرة في JavaScript</a></h3> <div class="post-meta clearfix"></div><!-- .post-meta --> </div><!-- .related-item /--> </div><!-- .related-posts-list /--> </div><!-- #related-posts /--> </div><!-- .post-components /--> </div><!-- .main-content --> </div><!-- .main-content-row /--></div><!-- #content /--> <footer id="footer" class="site-footer dark-skin dark-widgetized-area"> <div id="footer-widgets-container"> <div class="container"> </div><!-- .container /--> </div><!-- #Footer-widgets-container /--> <div id="site-info" class="site-info"> <div class="container"> <div class="tie-row"> <div class="tie-col-md-12"> <div class="copyright-text copyright-text-first"><footer> © Copyright 2025, جميع الحقوق محفوظة لمنصة مواضيع  |  <span style="color:red;" class="tie-icon-heart"></span> <a href="https://mwade3.com/about-us/">من نحن</a>  |  <a href="https://mwade3.com/privacy-policy/">إتفاقية الخصوصية</a>  |  <a href="https://mwade3.com/terms/">الشروط والأحكام</a>  |  <a href="https://mwade3.com/report/">الإبلاغ عن مشكلة</a>  |  <a href="https://mwade3.com/contact-us/">اتصل بنا</a>  |  <a href="https://mwade3.com/faq/">الأسئلة الشائعة</a>  |  <a href="https://mwade3.com/disclaimer/">إخلاء المسؤولية</a> </footer> </div><ul class="social-icons"><li class="social-icons-item"><a class="social-link facebook-social-icon" rel="external noopener nofollow" target="_blank" href="https://www.facebook.com/mwadee33"><span class="tie-social-icon tie-icon-facebook"></span><span class="screen-reader-text">فيسبوك</span></a></li><li class="social-icons-item"><a class="social-link pinterest-social-icon" rel="external noopener nofollow" target="_blank" href="https://www.pinterest.com/Mwade3com/"><span class="tie-social-icon tie-icon-pinterest"></span><span class="screen-reader-text">بينتيريست</span></a></li></ul> </div><!-- .tie-col /--> </div><!-- .tie-row /--> </div><!-- .container /--> </div><!-- #site-info /--> </footer><!-- #footer /--> <div id="share-buttons-mobile" class="share-buttons share-buttons-mobile"> <div class="share-links icons-only"> <a href="https://www.facebook.com/sharer.php?u=https://mwade3.com/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d9%88%d9%82%d8%b9-%d9%88%d9%8a%d8%a8/" rel="external noopener nofollow" title="فيسبوك" target="_blank" class="facebook-share-btn " data-raw="https://www.facebook.com/sharer.php?u={post_link}"> <span class="share-btn-icon tie-icon-facebook"></span> <span class="screen-reader-text">فيسبوك</span> </a> <a href="https://twitter.com/intent/tweet?text=%D8%A3%D8%B3%D8%A7%D8%B3%D9%8A%D8%A7%D8%AA%20%D8%A5%D9%86%D8%B4%D8%A7%D8%A1%20%D9%85%D9%88%D9%82%D8%B9%20%D9%88%D9%8A%D8%A8&url=https://mwade3.com/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d9%88%d9%82%d8%b9-%d9%88%d9%8a%d8%a8/" rel="external noopener nofollow" title="‫X" target="_blank" class="twitter-share-btn " data-raw="https://twitter.com/intent/tweet?text={post_title}&url={post_link}"> <span class="share-btn-icon tie-icon-twitter"></span> <span class="screen-reader-text">‫X</span> </a> <a href="https://www.linkedin.com/shareArticle?mini=true&url=https://mwade3.com/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d9%88%d9%82%d8%b9-%d9%88%d9%8a%d8%a8/&title=%D8%A3%D8%B3%D8%A7%D8%B3%D9%8A%D8%A7%D8%AA%20%D8%A5%D9%86%D8%B4%D8%A7%D8%A1%20%D9%85%D9%88%D9%82%D8%B9%20%D9%88%D9%8A%D8%A8" rel="external noopener nofollow" title="لينكدإن" target="_blank" class="linkedin-share-btn " data-raw="https://www.linkedin.com/shareArticle?mini=true&url={post_full_link}&title={post_title}"> <span class="share-btn-icon tie-icon-linkedin"></span> <span class="screen-reader-text">لينكدإن</span> </a> <a href="https://www.tumblr.com/share/link?url=https://mwade3.com/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d9%88%d9%82%d8%b9-%d9%88%d9%8a%d8%a8/&name=%D8%A3%D8%B3%D8%A7%D8%B3%D9%8A%D8%A7%D8%AA%20%D8%A5%D9%86%D8%B4%D8%A7%D8%A1%20%D9%85%D9%88%D9%82%D8%B9%20%D9%88%D9%8A%D8%A8" rel="external noopener nofollow" title="‏Tumblr" target="_blank" class="tumblr-share-btn " data-raw="https://www.tumblr.com/share/link?url={post_link}&name={post_title}"> <span class="share-btn-icon tie-icon-tumblr"></span> <span class="screen-reader-text">‏Tumblr</span> </a> <a href="https://pinterest.com/pin/create/button/?url=https://mwade3.com/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d9%88%d9%82%d8%b9-%d9%88%d9%8a%d8%a8/&description=%D8%A3%D8%B3%D8%A7%D8%B3%D9%8A%D8%A7%D8%AA%20%D8%A5%D9%86%D8%B4%D8%A7%D8%A1%20%D9%85%D9%88%D9%82%D8%B9%20%D9%88%D9%8A%D8%A8&media=" rel="external noopener nofollow" title="بينتيريست" target="_blank" class="pinterest-share-btn " data-raw="https://pinterest.com/pin/create/button/?url={post_link}&description={post_title}&media={post_img}"> <span class="share-btn-icon tie-icon-pinterest"></span> <span class="screen-reader-text">بينتيريست</span> </a> <a href="https://reddit.com/submit?url=https://mwade3.com/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d9%88%d9%82%d8%b9-%d9%88%d9%8a%d8%a8/&title=%D8%A3%D8%B3%D8%A7%D8%B3%D9%8A%D8%A7%D8%AA%20%D8%A5%D9%86%D8%B4%D8%A7%D8%A1%20%D9%85%D9%88%D9%82%D8%B9%20%D9%88%D9%8A%D8%A8" rel="external noopener nofollow" title="‏Reddit" target="_blank" class="reddit-share-btn " data-raw="https://reddit.com/submit?url={post_link}&title={post_title}"> <span class="share-btn-icon tie-icon-reddit"></span> <span class="screen-reader-text">‏Reddit</span> </a> <a href="fb-messenger://share?app_id=5303202981&display=popup&link=https://mwade3.com/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d9%88%d9%82%d8%b9-%d9%88%d9%8a%d8%a8/&redirect_uri=https://mwade3.com/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d9%88%d9%82%d8%b9-%d9%88%d9%8a%d8%a8/" rel="external noopener nofollow" title="ماسنجر" target="_blank" class="messenger-mob-share-btn messenger-share-btn " data-raw="fb-messenger://share?app_id=5303202981&display=popup&link={post_link}&redirect_uri={post_link}"> <span class="share-btn-icon tie-icon-messenger"></span> <span class="screen-reader-text">ماسنجر</span> </a> <a href="https://www.facebook.com/dialog/send?app_id=5303202981&display=popup&link=https://mwade3.com/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d9%88%d9%82%d8%b9-%d9%88%d9%8a%d8%a8/&redirect_uri=https://mwade3.com/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d9%88%d9%82%d8%b9-%d9%88%d9%8a%d8%a8/" rel="external noopener nofollow" title="ماسنجر" target="_blank" class="messenger-desktop-share-btn messenger-share-btn " data-raw="https://www.facebook.com/dialog/send?app_id=5303202981&display=popup&link={post_link}&redirect_uri={post_link}"> <span class="share-btn-icon tie-icon-messenger"></span> <span class="screen-reader-text">ماسنجر</span> </a> <a href="https://api.whatsapp.com/send?text=%D8%A3%D8%B3%D8%A7%D8%B3%D9%8A%D8%A7%D8%AA%20%D8%A5%D9%86%D8%B4%D8%A7%D8%A1%20%D9%85%D9%88%D9%82%D8%B9%20%D9%88%D9%8A%D8%A8%20https://mwade3.com/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d9%88%d9%82%d8%b9-%d9%88%d9%8a%d8%a8/" rel="external noopener nofollow" title="واتساب" target="_blank" class="whatsapp-share-btn " data-raw="https://api.whatsapp.com/send?text={post_title}%20{post_link}"> <span class="share-btn-icon tie-icon-whatsapp"></span> <span class="screen-reader-text">واتساب</span> </a> <a href="https://telegram.me/share/url?url=https://mwade3.com/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d9%88%d9%82%d8%b9-%d9%88%d9%8a%d8%a8/&text=%D8%A3%D8%B3%D8%A7%D8%B3%D9%8A%D8%A7%D8%AA%20%D8%A5%D9%86%D8%B4%D8%A7%D8%A1%20%D9%85%D9%88%D9%82%D8%B9%20%D9%88%D9%8A%D8%A8" rel="external noopener nofollow" title="تيلقرام" target="_blank" class="telegram-share-btn " data-raw="https://telegram.me/share/url?url={post_link}&text={post_title}"> <span class="share-btn-icon tie-icon-paper-plane"></span> <span class="screen-reader-text">تيلقرام</span> </a> <a href="viber://forward?text=%D8%A3%D8%B3%D8%A7%D8%B3%D9%8A%D8%A7%D8%AA%20%D8%A5%D9%86%D8%B4%D8%A7%D8%A1%20%D9%85%D9%88%D9%82%D8%B9%20%D9%88%D9%8A%D8%A8%20https://mwade3.com/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d9%88%d9%82%d8%b9-%d9%88%d9%8a%d8%a8/" rel="external noopener nofollow" title="ڤايبر" target="_blank" class="viber-share-btn " data-raw="viber://forward?text={post_title}%20{post_link}"> <span class="share-btn-icon tie-icon-phone"></span> <span class="screen-reader-text">ڤايبر</span> </a> <a href="https://line.me/R/msg/text/?%D8%A3%D8%B3%D8%A7%D8%B3%D9%8A%D8%A7%D8%AA%20%D8%A5%D9%86%D8%B4%D8%A7%D8%A1%20%D9%85%D9%88%D9%82%D8%B9%20%D9%88%D9%8A%D8%A8%20https://mwade3.com/%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%85%d9%88%d9%82%d8%b9-%d9%88%d9%8a%d8%a8/" rel="external noopener nofollow" title="لاين" target="_blank" class="line-share-btn " data-raw="https://line.me/R/msg/text/?{post_title}%20{post_link}"> <span class="share-btn-icon tie-icon-line"></span> <span class="screen-reader-text">لاين</span> </a> </div><!-- .share-links /--> </div><!-- .share-buttons /--> <div class="mobile-share-buttons-spacer"></div> </div><!-- #tie-wrapper /--> <aside class=" side-aside normal-side dark-skin dark-widgetized-area slide-sidebar-desktop is-fullwidth appear-from-right" aria-label="القائمة الجانبية الثانوية" style="visibility: hidden;"> <div data-height="100%" class="side-aside-wrapper has-custom-scroll"> <a href="#" class="close-side-aside remove big-btn"> <span class="screen-reader-text">إغلاق</span> </a><!-- .close-side-aside /--> <div id="mobile-container"> <div id="mobile-search"> <form role="search" method="get" class="search-form" action="https://mwade3.com/"> <label> <span class="screen-reader-text">البحث عن:</span> <input type="search" class="search-field" placeholder="بحث …" value="" name="s" /> </label> <input type="submit" class="search-submit" value="بحث" /> </form> </div><!-- #mobile-search /--> <div id="mobile-menu" class=""> </div><!-- #mobile-menu /--> <div id="mobile-social-icons" class="social-icons-widget solid-social-icons"> <ul><li class="social-icons-item"><a class="social-link facebook-social-icon" rel="external noopener nofollow" target="_blank" href="https://www.facebook.com/mwadee33"><span class="tie-social-icon tie-icon-facebook"></span><span class="screen-reader-text">فيسبوك</span></a></li><li class="social-icons-item"><a class="social-link pinterest-social-icon" rel="external noopener nofollow" target="_blank" href="https://www.pinterest.com/Mwade3com/"><span class="tie-social-icon tie-icon-pinterest"></span><span class="screen-reader-text">بينتيريست</span></a></li></ul> </div><!-- #mobile-social-icons /--> </div><!-- #mobile-container /--> </div><!-- .side-aside-wrapper /--> </aside><!-- .side-aside /--> </div><!-- #tie-container /--> </div><!-- .background-overlay /--> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/jannah/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <script id="ckyBannerTemplate" type="text/template"><div class="cky-overlay cky-hide"></div><div class="cky-btn-revisit-wrapper cky-revisit-hide" data-cky-tag="revisit-consent" data-tooltip="تفضيلات الموافقة" style="background-color:#F1C40F"> <button class="cky-btn-revisit" aria-label="تفضيلات الموافقة"> <img src="https://mwade3.com/wp-content/plugins/cookie-law-info/lite/frontend/images/revisit.svg" alt="Revisit consent button"> </button></div><div class="cky-consent-container cky-hide" tabindex="0"> <div class="cky-consent-bar" data-cky-tag="notice" style="background-color:#121212;border-color:#2a2a2a"> <button class="cky-banner-btn-close" data-cky-tag="close-button" aria-label="Close"> <img src="https://mwade3.com/wp-content/plugins/cookie-law-info/lite/frontend/images/close.svg" alt="Close"> </button> <div class="cky-notice"> <p class="cky-title" role="heading" aria-level="1" data-cky-tag="title" style="color:#F1C40F">منصة مواضيع تقدر مستوى الخصوصية لديك</p><div class="cky-notice-group"> <div class="cky-notice-des" data-cky-tag="description" style="color:#F1C40F"> <p>نحن نستخدم ملفات تعريف الارتباط لتحسين تجربة التصفح الخاصة بك، وتقديم إعلانات أو محتوى مخصص، وتحليل حركة المرور لدينا. بالنقر على "قبول الكل"، فإنك توافق على استخدامنا لملفات تعريف الارتباط.</p> </div><div class="cky-notice-btn-wrapper" data-cky-tag="notice-buttons"> <button class="cky-btn cky-btn-customize" aria-label="تخصيص" data-cky-tag="settings-button" style="color:#000000;background-color:#F1C40F;border-color:#90750A">تخصيص</button> <button class="cky-btn cky-btn-reject" aria-label="رفض الكل" data-cky-tag="reject-button" style="color:#0C0000;background-color:#F1C40F;border-color:#5C4B06">رفض الكل</button> <button class="cky-btn cky-btn-accept" aria-label="الموافقة على الكل" data-cky-tag="accept-button" style="color:#000000;background-color:#F1C40F;border-color:#AF8D04">الموافقة على الكل</button> </div></div></div></div></div><div class="cky-modal" tabindex="0"> <div class="cky-preference-center" data-cky-tag="detail" style="color:#F1C40F;background-color:#121212;border-color:#2A2A2A"> <div class="cky-preference-header"> <span class="cky-preference-title" role="heading" aria-level="1" data-cky-tag="detail-title" style="color:#F1C40F">Customize Consent Preferences</span> <button class="cky-btn-close" aria-label="[cky_preference_close_label]" data-cky-tag="detail-close"> <img src="https://mwade3.com/wp-content/plugins/cookie-law-info/lite/frontend/images/close.svg" alt="Close"> </button> </div><div class="cky-preference-body-wrapper"> <div class="cky-preference-content-wrapper" data-cky-tag="detail-description" style="color:#F1C40F"> <p>نحن نستخدم ملفات تعريف الارتباط لمساعدتك على التنقل بكفاءة وأداء وظائف معينة. ستجد معلومات تفصيلية حول جميع ملفات تعريف الارتباط ضمن كل فئة موافقة أدناه.</p> <p>يتم تخزين ملفات تعريف الارتباط المصنفة على أنها "ضرورية" على متصفحك لأنها ضرورية لتمكين الوظائف الأساسية للموقع.</p> <p>نستخدم أيضًا ملفات تعريف الارتباط التابعة لجهات خارجية والتي تساعدنا في تحليل كيفية استخدامك لهذا الموقع وتخزين تفضيلاتك وتوفير المحتوى والإعلانات ذات الصلة بك. لن يتم تخزين ملفات تعريف الارتباط هذه في متصفحك إلا بموافقتك المسبقة.</p> <p>يمكنك اختيار تمكين أو تعطيل بعض أو كل ملفات تعريف الارتباط هذه ولكن تعطيل بعضها قد يؤثر على تجربة التصفح لديك.</p> </div><div class="cky-accordion-wrapper" data-cky-tag="detail-categories"> <div class="cky-accordion" id="ckyDetailCategorynecessary"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Necessary" data-cky-tag="detail-category-title" style="color:#F1C40F">Necessary</button><span class="cky-always-active">دائما مفعل</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchnecessary"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#F1C40F"> <p>Necessary cookies are required to enable the basic features of this site, such as providing secure log-in or adjusting your consent preferences. These cookies do not store any personally identifiable data.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#d0d0d0;background-color:#2a2a2a;border-color:#474444"><p class="cky-empty-cookies-text">لا يوجد ملفات تعريف الأرتباط لعرضها .</p></div> </div> </div><div class="cky-accordion" id="ckyDetailCategoryfunctional"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Functional" data-cky-tag="detail-category-title" style="color:#F1C40F">Functional</button><span class="cky-always-active">دائما مفعل</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchfunctional"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#F1C40F"> <p>Functional cookies help perform certain functionalities like sharing the content of the website on social media platforms, collecting feedback, and other third-party features.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#d0d0d0;background-color:#2a2a2a;border-color:#474444"><p class="cky-empty-cookies-text">لا يوجد ملفات تعريف الأرتباط لعرضها .</p></div> </div> </div><div class="cky-accordion" id="ckyDetailCategoryanalytics"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Analytics" data-cky-tag="detail-category-title" style="color:#F1C40F">Analytics</button><span class="cky-always-active">دائما مفعل</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchanalytics"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#F1C40F"> <p>Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics such as the number of visitors, bounce rate, traffic source, etc.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#d0d0d0;background-color:#2a2a2a;border-color:#474444"><p class="cky-empty-cookies-text">لا يوجد ملفات تعريف الأرتباط لعرضها .</p></div> </div> </div><div class="cky-accordion" id="ckyDetailCategoryperformance"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Performance" data-cky-tag="detail-category-title" style="color:#F1C40F">Performance</button><span class="cky-always-active">دائما مفعل</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchperformance"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#F1C40F"> <p>Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#d0d0d0;background-color:#2a2a2a;border-color:#474444"><p class="cky-empty-cookies-text">لا يوجد ملفات تعريف الأرتباط لعرضها .</p></div> </div> </div><div class="cky-accordion" id="ckyDetailCategoryadvertisement"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Advertisement" data-cky-tag="detail-category-title" style="color:#F1C40F">Advertisement</button><span class="cky-always-active">دائما مفعل</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchadvertisement"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#F1C40F"> <p>Advertisement cookies are used to provide visitors with customized advertisements based on the pages you visited previously and to analyze the effectiveness of the ad campaigns.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#d0d0d0;background-color:#2a2a2a;border-color:#474444"><p class="cky-empty-cookies-text">لا يوجد ملفات تعريف الأرتباط لعرضها .</p></div> </div> </div> </div></div><div class="cky-footer-wrapper"> <span class="cky-footer-shadow"></span> <div class="cky-prefrence-btn-wrapper" data-cky-tag="detail-buttons"> <button class="cky-btn cky-btn-reject" aria-label="رفض الكل" data-cky-tag="detail-reject-button" style="color:#0C0000;background-color:#F1C40F;border-color:#5C4B06"> رفض الكل </button> <button class="cky-btn cky-btn-preferences" aria-label="حفظ تفضيلاتي" data-cky-tag="detail-save-button" style="color:#000000;background-color:#F1C40F;border-color:#A58609"> حفظ تفضيلاتي </button> <button class="cky-btn cky-btn-accept" aria-label="الموافقة على الكل" data-cky-tag="detail-accept-button" style="color:#000000;background-color:#F1C40F;border-color:#AF8D04"> الموافقة على الكل </button> </div></div></div></div></script><div id="reading-position-indicator"></div><div id="is-scroller-outer"><div id="is-scroller"></div></div><div id="fb-root"></div> <div id="tie-popup-search-mobile" class="tie-popup tie-popup-search-wrap" style="display: none;"> <a href="#" class="tie-btn-close remove big-btn light-btn"> <span class="screen-reader-text">إغلاق</span> </a> <div class="popup-search-wrap-inner"> <div class="live-search-parent pop-up-live-search" data-skin="live-search-popup" aria-label="بحث"> <form method="get" class="tie-popup-search-form" action="https://mwade3.com/"> <input class="tie-popup-search-input " inputmode="search" type="text" name="s" title="البحث عن" autocomplete="off" placeholder="البحث عن" /> <button class="tie-popup-search-submit" type="submit"> <span class="tie-icon-search tie-search-icon" aria-hidden="true"></span> <span class="screen-reader-text">البحث عن</span> </button> </form> </div><!-- .pop-up-live-search /--> </div><!-- .popup-search-wrap-inner /--> </div><!-- .tie-popup-search-wrap /--> <script type="text/javascript" src="https://mwade3.com/wp-includes/js/dist/hooks.min.js?ver=dd5603f07f9220ed27f1" id="wp-hooks-js"></script> <script type="text/javascript" src="https://mwade3.com/wp-includes/js/dist/i18n.min.js?ver=c26c3dc7bed366793375" id="wp-i18n-js"></script> <script type="text/javascript" id="wp-i18n-js-after"> /* <![CDATA[ */ wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'rtl' ] } ); //# sourceURL=wp-i18n-js-after /* ]]> */ </script> <script type="text/javascript" src="https://mwade3.com/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.1.4" id="swv-js"></script> <script type="text/javascript" id="contact-form-7-js-before"> /* <![CDATA[ */ var wpcf7 = { "api": { "root": "https:\/\/mwade3.com\/wp-json\/", "namespace": "contact-form-7\/v1" }, "cached": 1 }; //# sourceURL=contact-form-7-js-before /* ]]> */ </script> <script type="text/javascript" src="https://mwade3.com/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.1.4" id="contact-form-7-js"></script> <script type="text/javascript" id="ez-toc-scroll-scriptjs-js-extra"> /* <![CDATA[ */ var eztoc_smooth_local = {"scroll_offset":"0","add_request_uri":"","add_self_reference_link":""}; //# sourceURL=ez-toc-scroll-scriptjs-js-extra /* ]]> */ </script> <script type="text/javascript" src="https://mwade3.com/wp-content/plugins/easy-table-of-contents/assets/js/smooth_scroll.min.js?ver=2.0.78" id="ez-toc-scroll-scriptjs-js"></script> <script type="text/javascript" src="https://mwade3.com/wp-content/plugins/easy-table-of-contents/vendor/js-cookie/js.cookie.min.js?ver=2.2.1" id="ez-toc-js-cookie-js"></script> <script type="text/javascript" src="https://mwade3.com/wp-content/plugins/easy-table-of-contents/vendor/sticky-kit/jquery.sticky-kit.min.js?ver=1.9.2" id="ez-toc-jquery-sticky-kit-js"></script> <script type="text/javascript" id="ez-toc-js-js-extra"> /* <![CDATA[ */ var ezTOC = {"smooth_scroll":"1","visibility_hide_by_default":"","scroll_offset":"0","fallbackIcon":"\u003Cspan class=\"\"\u003E\u003Cspan class=\"eztoc-hide\" style=\"display:none;\"\u003EToggle\u003C/span\u003E\u003Cspan class=\"ez-toc-icon-toggle-span\"\u003E\u003Csvg style=\"fill: #999;color:#999\" xmlns=\"http://www.w3.org/2000/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"\u003E\u003Cpath d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"\u003E\u003C/path\u003E\u003C/svg\u003E\u003Csvg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http://www.w3.org/2000/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"\u003E\u003Cpath d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"/\u003E\u003C/svg\u003E\u003C/span\u003E\u003C/span\u003E","chamomile_theme_is_on":""}; //# sourceURL=ez-toc-js-js-extra /* ]]> */ </script> <script type="text/javascript" src="https://mwade3.com/wp-content/plugins/easy-table-of-contents/assets/js/front.min.js?ver=2.0.78-1764573461" id="ez-toc-js-js"></script> <script type="text/javascript" src="https://mwade3.com/wp-content/plugins/google-site-kit/dist/assets/js/googlesitekit-consent-mode-bc2e26cfa69fcd4a8261.js" id="googlesitekit-consent-mode-js"></script> <script type="text/javascript" id="tie-scripts-js-extra"> /* <![CDATA[ */ var tie = {"is_rtl":"1","ajaxurl":"https://mwade3.com/wp-admin/admin-ajax.php","is_side_aside_light":"","is_taqyeem_active":"","is_sticky_video":"","mobile_menu_top":"","mobile_menu_active":"area_2","mobile_menu_parent":"true","lightbox_all":"true","lightbox_gallery":"true","lightbox_skin":"dark","lightbox_thumb":"horizontal","lightbox_arrows":"true","is_singular":"1","autoload_posts":"","reading_indicator":"true","lazyload":"","select_share":"true","select_share_twitter":"true","select_share_facebook":"true","select_share_linkedin":"true","select_share_email":"true","facebook_app_id":"5303202981","twitter_username":"","responsive_tables":"true","ad_blocker_detector":"","sticky_behavior":"default","sticky_desktop":"true","sticky_mobile":"true","sticky_mobile_behavior":"default","ajax_loader":"\u003Cdiv class=\"loader-overlay\"\u003E\n\t\t\t\t\u003Cdiv class=\"spinner\"\u003E\n\t\t\t\t\t\u003Cdiv class=\"bounce1\"\u003E\u003C/div\u003E\n\t\t\t\t\t\u003Cdiv class=\"bounce2\"\u003E\u003C/div\u003E\n\t\t\t\t\t\u003Cdiv class=\"bounce3\"\u003E \u003C/div\u003E\n\t\t\t\t\u003C/div\u003E\n\t\t\t\u003C/div\u003E","type_to_search":"","lang_no_results":"\u0644\u0627 \u064a\u0648\u062c\u062f \u0634\u064a\u0621","sticky_share_mobile":"true","sticky_share_post":"","sticky_share_post_menu":""}; //# sourceURL=tie-scripts-js-extra /* ]]> */ </script> <script type="text/javascript" src="https://mwade3.com/wp-content/themes/jannah/assets/js/scripts.min.js?ver=7.2.0" id="tie-scripts-js"></script> <script type="text/javascript" src="https://mwade3.com/wp-content/themes/jannah/assets/ilightbox/lightbox.js?ver=7.2.0" id="tie-js-ilightbox-js"></script> <script type="text/javascript" src="https://mwade3.com/wp-content/themes/jannah/assets/js/sliders.min.js?ver=7.2.0" id="tie-js-sliders-js"></script> <script type="text/javascript" src="https://mwade3.com/wp-content/themes/jannah/assets/js/shortcodes.js?ver=7.2.0" id="tie-js-shortcodes-js"></script> <script type="text/javascript" src="https://mwade3.com/wp-content/themes/jannah/assets/js/single.min.js?ver=7.2.0" id="tie-js-single-js"></script> <script type="text/javascript" src="https://mwade3.com/wp-content/plugins/mystickyelements/js/mailcheck.min.js?ver=2.3.3" id="mailcheck-js-js" defer="defer" data-wp-strategy="defer"></script> <script type="text/javascript" src="https://mwade3.com/wp-content/plugins/mystickyelements/js/jquery.email-autocomplete.min.js?ver=2.3.3" id="autocomplete-email-js-js" defer="defer" data-wp-strategy="defer"></script> <script type="text/javascript" id="mystickyelements-fronted-js-js-extra"> /* <![CDATA[ */ var mystickyelements = {"ajaxurl":"https://mwade3.com/wp-admin/admin-ajax.php","ajax_nonce":"1fbbc0596b"}; //# sourceURL=mystickyelements-fronted-js-js-extra /* ]]> */ </script> <script type="text/javascript" src="https://mwade3.com/wp-content/plugins/mystickyelements/js/mystickyelements-fronted.min.js?ver=2.3.3" id="mystickyelements-fronted-js-js" defer="defer" data-wp-strategy="defer"></script> <script type="text/javascript" id="intl-tel-input-js-js-extra"> /* <![CDATA[ */ var mystickyelement_obj = {"plugin_url":"https://mwade3.com/wp-content/plugins/mystickyelements/"}; //# sourceURL=intl-tel-input-js-js-extra /* ]]> */ </script> <script type="text/javascript" src="https://mwade3.com/wp-content/plugins/mystickyelements/intl-tel-input-src/build/js/intlTelInput.js?ver=2.3.3" id="intl-tel-input-js-js" defer="defer" data-wp-strategy="defer"></script> <script type="text/javascript" id="wp-consent-api-js-extra"> /* <![CDATA[ */ var consent_api = {"consent_type":"","waitfor_consent_hook":"","cookie_expiration":"30","cookie_prefix":"wp_consent","services":[]}; //# sourceURL=wp-consent-api-js-extra /* ]]> */ </script> <script type="text/javascript" src="https://mwade3.com/wp-content/plugins/wp-consent-api/assets/js/wp-consent-api.min.js?ver=2.0.0" id="wp-consent-api-js"></script> <div class="mystickyelements-fixed mystickyelements-position-left mystickyelements-position-screen-center mystickyelements-position-mobile-left mystickyelements-on-hover mystickyelements-size-medium mystickyelements-mobile-size-medium mystickyelements-entry-effect-slide-in mystickyelements-templates-default"> <div class="mystickyelement-lists-wrap"> <ul class="mystickyelements-lists mysticky"> <li class="mystickyelements-minimize "> <span class="mystickyelements-minimize minimize-position-left minimize-position-mobile-left" style="background: #000000" > ← </span> </li> <li id="mystickyelements-social-facebook" class="mystickyelements-social-icon-li mystickyelements- mystickyelements-social-facebook element-desktop-on element-mobile-on"> <style> </style> <span class="mystickyelements-social-icon social-facebook social-custom" data-tab-setting = 'hover' data-click = "0"data-mobile-behavior="disable" data-flyout="disable" style="background: #4267B2" > <a class="social-link-facebook" href="https://www.facebook.com/mwadee33/" target="_blank" rel="noopener nofollow" data-url="https://www.facebook.com/mwadee33/" data-tab-setting = 'hover' data-mobile-behavior="disable" data-flyout="disable" title="Facebook"> <i class="fab fa-facebook-f" ></i> </a> </span> <span class="mystickyelements-social-text " style= "background: #4267B2;" > <a class="social-link-facebook" href="https://www.facebook.com/mwadee33/" target="_blank" rel="noopener nofollow" data-tab-setting = 'hover' data-flyout="disable" title="Facebook" data-url="https://www.facebook.com/mwadee33/" > Facebook </a> </span> </li> </ul> </div> </div> <script type="text/javascript"> jQuery.ajax({ type : "GET", url : "https://mwade3.com/wp-admin/admin-ajax.php", data : "postviews_id=3020219&action=tie_postviews", cache: !1, success: function( data ){ jQuery(".single-post-meta").find(".meta-views").html( data ); } }); </script> </body> </html> <!-- Cached by WP-Optimize - https://teamupdraft.com/wp-optimize/ - Last modified: 03/12/2025 14:13 (UTC:3) -->