كيفية تصميم وتنسيق صفحة الويب الأساسية باستخدام تعليمات HTML

يمثّل تصميم وتنسيق صفحة الويب أحد الأسس الجوهرية التي يقوم عليها تطوير المحتوى الرقمي في العصر الحديث، وتُعدّ لغة HTML (HyperText Markup Language) الركيزة الأولى في بناء هيكل صفحات الويب على شبكة الإنترنت. إنها لغة توصيفية تُستخدم لتحديد العناصر والمكونات الأساسية للصفحة، مثل العناوين، الفقرات، الصور، الروابط، الجداول، القوائم، والنماذج. تتكامل HTML مع لغات أخرى مثل CSS وJavaScript، لكن المقال التالي سيركز بشكل خاص على كيفية تصميم وتنسيق صفحة ويب باستخدام تعليمات HTML فقط، بهدف تقديم نظرة مفصلة وشاملة لكل عنصر من عناصر بناء الصفحة.

مفهوم لغة HTML وأهميتها

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

تكمن أهمية HTML في كونها اللغة الأساسية التي يفهمها متصفح الويب، فهي تمثل اللبنة الأولى التي يتم من خلالها عرض المحتوى قبل تطبيق التنسيقات أو الوظائف التفاعلية.

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

يتكوّن أي ملف HTML من بنية أساسية لا بدّ من اتباعها لضمان عمل الصفحة بشكل صحيح. ويمكن تلخيص هذا الهيكل في العناصر التالية:

html
html>
<html lang="ar">
<head>
  <meta charset="UTF-8">
  <title>عنوان الصفحةtitle>
head>
<body>
  
body>
html>

شرح العناصر الأساسية:

: تعريف بنوع المستند ويشير إلى أن هذه الصفحة مكتوبة وفقًا لمعيار HTML5.
: الجذر الذي يحتوي كل محتويات الصفحة.
lang="ar": لتحديد لغة الصفحة، وهو مفيد لمحركات البحث وأدوات قراءة الشاشة.
: يحتوي على معلومات وصفية مثل الترميز، العنوان، والروابط الخارجية.
: يحدد نوع ترميز الأحرف، وUTF-8 هو الأنسب لدعم اللغات المختلفة.
</code>: يحدد عنوان الصفحة الذي يظهر في شريط المتصفح.</p> </li> <li data-start="1920" data-end="1976" class="" style=""> <p data-start="1922" data-end="1976" class=""><code data-start="1922" data-end="1930"><body></code>: يحتوي على المحتوى الفعلي الذي يظهر للمستخدم.</p> </li> </ul> <hr data-start="1978" data-end="1981" class="" style=""> <h2 data-start="1983" data-end="2003" class=""><span class="ez-toc-section" id="%D8%A7%D9%84%D8%B9%D9%86%D8%A7%D9%88%D9%8A%D9%86_%D9%88%D8%A7%D9%84%D9%81%D9%82%D8%B1%D8%A7%D8%AA"></span>العناوين والفقرات<span class="ez-toc-section-end"></span></h2> <h3 data-start="2005" data-end="2017" class=""><span class="ez-toc-section" id="%D8%A7%D9%84%D8%B9%D9%86%D8%A7%D9%88%D9%8A%D9%86"></span>العناوين<span class="ez-toc-section-end"></span></h3> <p data-start="2019" data-end="2191" class="">HTML توفّر ستة مستويات من العناوين تبدأ من <code data-start="2062" data-end="2068"></p> <h1></code> (الأكثر أهمية) وتنتهي بـ <code data-start="2094" data-end="2100"></p> <h6></code> (الأقل أهمية). يُستخدم العنوان لتنظيم المحتوى، وهو عنصر أساسي في تحسين محركات البحث (SEO).</p> <pre class="overflow-visible!" data-start="2193" data-end="2282"><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">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">h2</span></span></span><span>>عنوان فرعي</span><span><span class="hljs-tag"></<span class="hljs-name">h2</span></span></span><span>> </span><span><span class="hljs-tag"><<span class="hljs-name">h3</span></span></span><span>>عنوان فرعي ثانوي</span><span><span class="hljs-tag"></<span class="hljs-name">h3</span></span></span><span>> </span></span></code></div></div></pre> <h3 data-start="2284" data-end="2295" class=""><span class="ez-toc-section" id="%D8%A7%D9%84%D9%81%D9%82%D8%B1%D8%A7%D8%AA"></span>الفقرات<span class="ez-toc-section-end"></span></h3> <p data-start="2297" data-end="2339" class="">يُستخدم الوسم <code data-start="2311" data-end="2316"></p> <p></code> لكتابة الفقرات النصية:</p> <pre class="overflow-visible!" data-start="2341" data-end="2403"><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-tag"></<span class="hljs-name">p</span></span></span><span>> </span></span></code></div></div></pre> <p data-start="2405" data-end="2484" class="">يمكن أيضًا استخدام وسم <code data-start="2428" data-end="2434"><br /></code> لإدراج سطر جديد داخل الفقرة دون بداية فقرة جديدة.</p> <hr data-start="2486" data-end="2489" class="" style=""> <h2 data-start="2491" data-end="2506" class=""><span class="ez-toc-section" id="%D8%AA%D9%86%D8%B3%D9%8A%D9%82_%D8%A7%D9%84%D9%86%D8%B5%D9%88%D8%B5"></span>تنسيق النصوص<span class="ez-toc-section-end"></span></h2> <p data-start="2508" data-end="2562" class="">HTML توفر مجموعة من الوسوم لتنسيق النصوص داخل الفقرات:</p> <div class="_tableContainer_16hzy_1"> <div tabindex="-1" class="_tableWrapper_16hzy_14 group flex w-fit flex-col-reverse"> <table data-start="2564" data-end="2870" class="w-fit min-w-(--thread-content-width)"> <thead data-start="2564" data-end="2583"> <tr data-start="2564" data-end="2583"> <th data-start="2564" data-end="2572" data-col-size="sm">الوسم</th> <th data-start="2572" data-end="2583" data-col-size="sm">الوظيفة</th> </tr> </thead> <tbody data-start="2604" data-end="2870"> <tr data-start="2604" data-end="2654"> <td data-start="2604" data-end="2617" data-col-size="sm"><code data-start="2606" data-end="2616"><strong></code></td> <td data-start="2617" data-end="2654" data-col-size="sm">إبراز النص (غالبًا يظهر بخط عريض)</td> </tr> <tr data-start="2655" data-end="2707"> <td data-start="2655" data-end="2664" data-col-size="sm"><code data-start="2657" data-end="2663"><em></code></td> <td data-start="2664" data-end="2707" data-col-size="sm">التأكيد على النص (غالبًا يظهر بخط مائل)</td> </tr> <tr data-start="2708" data-end="2730"> <td data-start="2708" data-end="2716" data-col-size="sm"><code data-start="2710" data-end="2715"><u></code></td> <td data-start="2716" data-end="2730" data-col-size="sm">تسطير النص</td> </tr> <tr data-start="2731" data-end="2769"> <td data-start="2731" data-end="2742" data-col-size="sm"><code data-start="2733" data-end="2741"><mark></code></td> <td data-start="2742" data-end="2769" data-col-size="sm">تمييز النص بخلفية ملونة</td> </tr> <tr data-start="2770" data-end="2800"> <td data-start="2770" data-end="2782" data-col-size="sm"><code data-start="2772" data-end="2781"><small></code></td> <td data-start="2782" data-end="2800" data-col-size="sm">تقليل حجم الخط</td> </tr> <tr data-start="2801" data-end="2838"> <td data-start="2801" data-end="2811" data-col-size="sm"><code data-start="2803" data-end="2810"><del></code></td> <td data-start="2811" data-end="2838" data-col-size="sm">وضع خط على النص المشطوب</td> </tr> <tr data-start="2839" data-end="2870"> <td data-start="2839" data-end="2849" data-col-size="sm"><code data-start="2841" data-end="2848"><ins></code></td> <td data-start="2849" data-end="2870" data-col-size="sm">إضافة نص (تحت خط)</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> <p data-start="2872" data-end="2877" class="">مثال:</p> <pre class="overflow-visible!" data-start="2879" data-end="2967"><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-tag"><<span class="hljs-name">strong</span></span></span><span>>هام</span><span><span class="hljs-tag"></<span class="hljs-name">strong</span></span></span><span>> و </span><span><span class="hljs-tag"><<span class="hljs-name">em</span></span></span><span>>مُميز</span><span><span class="hljs-tag"></<span class="hljs-name">em</span></span></span><span>> ويحتوي على </span><span><span class="hljs-tag"><<span class="hljs-name">u</span></span></span><span>>تأكيد</span><span><span class="hljs-tag"></<span class="hljs-name">u</span></span></span><span>>.</span><span><span class="hljs-tag"></<span class="hljs-name">p</span></span></span><span>> </span></span></code></div></div></pre> <hr data-start="2969" data-end="2972" class="" style=""> <h2 data-start="2974" data-end="2990" class=""><span class="ez-toc-section" id="%D8%A5%D8%B6%D8%A7%D9%81%D8%A9_%D8%A7%D9%84%D8%B1%D9%88%D8%A7%D8%A8%D8%B7"></span>إضافة الروابط<span class="ez-toc-section-end"></span></h2> <p data-start="2992" data-end="3042" class="">لإنشاء روابط داخلية أو خارجية يُستخدم الوسم <code data-start="3036" data-end="3041"><a></code>:</p> <pre class="overflow-visible!" data-start="3044" data-end="3122"><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-attr">target</span></span><span>=</span><span><span class="hljs-string">"_blank"</span></span><span>>زيارة الموقع</span><span><span class="hljs-tag"></<span class="hljs-name">a</span></span></span><span>> </span></span></code></div></div></pre> <ul data-start="3124" data-end="3197"> <li data-start="3124" data-end="3148" class="" style=""> <p data-start="3126" data-end="3148" class=""><code data-start="3126" data-end="3132">href</code>: لتحديد الرابط.</p> </li> <li data-start="3149" data-end="3197" class="" style=""> <p data-start="3151" data-end="3197" class=""><code data-start="3151" data-end="3168">target="_blank"</code>: لفتح الرابط في نافذة جديدة.</p> </li> </ul> <hr data-start="3199" data-end="3202" class="" style=""> <h2 data-start="3204" data-end="3218" class=""><span class="ez-toc-section" id="%D8%A5%D8%AF%D8%B1%D8%A7%D8%AC_%D8%A7%D9%84%D8%B5%D9%88%D8%B1"></span>إدراج الصور<span class="ez-toc-section-end"></span></h2> <p data-start="3220" data-end="3269" class="">يتم استخدام الوسم <code data-start="3238" data-end="3245"><img></code> لإدراج الصور في الصفحة:</p> <pre class="overflow-visible!" data-start="3271" data-end="3346"><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">"image.jpg"</span></span><span> </span><span><span class="hljs-attr">alt</span></span><span>=</span><span><span class="hljs-string">"وصف الصورة"</span></span><span> </span><span><span class="hljs-attr">width</span></span><span>=</span><span><span class="hljs-string">"400"</span></span><span> </span><span><span class="hljs-attr">height</span></span><span>=</span><span><span class="hljs-string">"300"</span></span><span>> </span></span></code></div></div></pre> <ul data-start="3348" data-end="3460"> <li data-start="3348" data-end="3369" class="" style=""> <p data-start="3350" data-end="3369" class=""><code data-start="3350" data-end="3355">src</code>: مسار الصورة.</p> </li> <li data-start="3370" data-end="3417" class="" style=""> <p data-start="3372" data-end="3417" class=""><code data-start="3372" data-end="3377">alt</code>: نص بديل يُعرض في حال فشل تحميل الصورة.</p> </li> <li data-start="3418" data-end="3460" class="" style=""> <p data-start="3420" data-end="3460" class=""><code data-start="3420" data-end="3427">width</code> و <code data-start="3430" data-end="3438">height</code>: لتحديد أبعاد الصورة.</p> </li> </ul> <hr data-start="3462" data-end="3465" class="" style=""> <h2 data-start="3467" data-end="3477" class=""><span class="ez-toc-section" id="%D8%A7%D9%84%D9%82%D9%88%D8%A7%D8%A6%D9%85"></span>القوائم<span class="ez-toc-section-end"></span></h2> <h3 data-start="3479" data-end="3506" class=""><span class="ez-toc-section" id="%D9%82%D9%88%D8%A7%D8%A6%D9%85_%D8%BA%D9%8A%D8%B1_%D9%85%D8%B1%D8%AA%D8%A8%D8%A9_%D9%86%D9%82%D8%B7%D9%8A%D8%A9"></span>قوائم غير مرتبة (نقطية)<span class="ez-toc-section-end"></span></h3> <pre class="overflow-visible!" data-start="3508" data-end="3571"><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">ul</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">ul</span></span></span><span>> </span></span></code></div></div></pre> <h3 data-start="3573" data-end="3596" class=""><span class="ez-toc-section" id="%D9%82%D9%88%D8%A7%D8%A6%D9%85_%D9%85%D8%B1%D8%AA%D8%A8%D8%A9_%D9%85%D8%B1%D9%82%D9%85%D8%A9"></span>قوائم مرتبة (مرقمة)<span class="ez-toc-section-end"></span></h3> <pre class="overflow-visible!" data-start="3598" data-end="3669"><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> <hr data-start="3671" data-end="3674" class="" style=""> <h2 data-start="3676" data-end="3686" class=""><span class="ez-toc-section" id="%D8%A7%D9%84%D8%AC%D8%AF%D8%A7%D9%88%D9%84"></span>الجداول<span class="ez-toc-section-end"></span></h2> <p data-start="3688" data-end="3761" class="">الجداول تُستخدم لتنظيم البيانات بطريقة مرتبة. تتكوّن من عناصر أساسية مثل:</p> <ul data-start="3763" data-end="3840"> <li data-start="3763" data-end="3788" class="" style=""> <p data-start="3765" data-end="3788" class=""><code data-start="3765" data-end="3774"></p> <table></code>: لبدء الجدول.</p> </li> <li data-start="3789" data-end="3802" class="" style=""> <p data-start="3791" data-end="3802" class=""><code data-start="3791" data-end="3797"></p> <tr></code>: صف.</p> </li> <li data-start="3803" data-end="3824" class="" style=""> <p data-start="3805" data-end="3824" class=""><code data-start="3805" data-end="3811"></p> <th></code>: رأس العمود.</p> </li> <li data-start="3825" data-end="3840" class="" style=""> <p data-start="3827" data-end="3840" class=""><code data-start="3827" data-end="3833"></p> <td></code>: خلية.</p> </li> </ul> <p data-start="3842" data-end="3847" class="">مثال:</p> <pre class="overflow-visible!" data-start="3849" data-end="4047"><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>>مبرمج</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">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>>مصممة</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> <hr data-start="4049" data-end="4052" class="" style=""> <h2 data-start="4054" data-end="4072" class=""><span class="ez-toc-section" id="%D8%A7%D9%84%D9%86%D9%85%D8%A7%D8%B0%D8%AC_Forms"></span>النماذج (Forms)<span class="ez-toc-section-end"></span></h2> <p data-start="4074" data-end="4138" class="">النماذج تُستخدم لجمع البيانات من المستخدمين عبر الحقول المختلفة:</p> <pre class="overflow-visible!" data-start="4140" data-end="4431"><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">br</span></span></span><span>></span><span><span class="hljs-tag"><<span class="hljs-name">br</span></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">"email"</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">"email"</span></span><span> </span><span><span class="hljs-attr">id</span></span><span>=</span><span><span class="hljs-string">"email"</span></span><span> </span><span><span class="hljs-attr">name</span></span><span>=</span><span><span class="hljs-string">"email"</span></span><span>></span><span><span class="hljs-tag"><<span class="hljs-name">br</span></span></span><span>></span><span><span class="hljs-tag"><<span class="hljs-name">br</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">"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> <hr data-start="4433" data-end="4436" class="" style=""> <h2 data-start="4438" data-end="4469" class=""><span class="ez-toc-section" id="%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85_%D8%A7%D9%84%D8%AA%D8%B9%D9%84%D9%8A%D9%82%D8%A7%D8%AA_%D8%AF%D8%A7%D8%AE%D9%84_%D8%A7%D9%84%D9%83%D9%88%D8%AF"></span>استخدام التعليقات داخل الكود<span class="ez-toc-section-end"></span></h2> <p data-start="4471" data-end="4559" class="">تُستخدم التعليقات لتوثيق الكود أو تجاهل أجزاء منه أثناء التطوير، وتكتب على النحو التالي:</p> <pre class="overflow-visible!" data-start="4561" data-end="4610"><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-comment"></span></span><span> </span></span></code></div></div></pre> <hr data-start="4612" data-end="4615" class="" style=""> <h2 data-start="4617" data-end="4662" class=""><span class="ez-toc-section" id="%D8%A7%D9%84%D9%81%D8%B5%D9%84_%D8%A8%D9%8A%D9%86_%D8%A7%D9%84%D8%A3%D9%82%D8%B3%D8%A7%D9%85_%D8%A8%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85_%D8%A7%D9%84%D9%88%D8%B3%D9%88%D9%85_%D8%A7%D9%84%D8%AF%D9%84%D8%A7%D9%84%D9%8A%D8%A9"></span>الفصل بين الأقسام باستخدام الوسوم الدلالية<span class="ez-toc-section-end"></span></h2> <p data-start="4664" data-end="4743" class="">HTML5 قدّمت مجموعة من الوسوم الدلالية التي تحسّن من تنظيم الصفحة وهيكلتها، مثل:</p> <div class="_tableContainer_16hzy_1"> <div tabindex="-1" class="_tableWrapper_16hzy_14 group flex w-fit flex-col-reverse"> <table data-start="4745" data-end="4970" class="w-fit min-w-(--thread-content-width)"> <thead data-start="4745" data-end="4764"> <tr data-start="4745" data-end="4764"> <th data-start="4745" data-end="4753" data-col-size="sm">الوسم</th> <th data-start="4753" data-end="4764" data-col-size="sm">الوظيفة</th> </tr> </thead> <tbody data-start="4785" data-end="4970"> <tr data-start="4785" data-end="4824"> <td data-start="4785" data-end="4798" data-col-size="sm"><code data-start="4787" data-end="4797"></p> <header></code></td> <td data-start="4798" data-end="4824" data-col-size="sm">ترويسة الصفحة أو القسم</td> </tr> <tr data-start="4825" data-end="4851"> <td data-start="4825" data-end="4835" data-col-size="sm"><code data-start="4827" data-end="4834"></p> <nav></code></td> <td data-start="4835" data-end="4851" data-col-size="sm">قائمة التنقل</td> </tr> <tr data-start="4852" data-end="4883"> <td data-start="4852" data-end="4866" data-col-size="sm"><code data-start="4854" data-end="4865"></p> <section></code></td> <td data-start="4866" data-end="4883" data-col-size="sm">قسم من الصفحة</td> </tr> <tr data-start="4884" data-end="4912"> <td data-start="4884" data-end="4898" data-col-size="sm"><code data-start="4886" data-end="4897"></p> <article></code></td> <td data-col-size="sm" data-start="4898" data-end="4912">مقال مستقل</td> </tr> <tr data-start="4913" data-end="4940"> <td data-start="4913" data-end="4925" data-col-size="sm"><code data-start="4915" data-end="4924"></p> <aside></code></td> <td data-start="4925" data-end="4940" data-col-size="sm">محتوى جانبي</td> </tr> <tr data-start="4941" data-end="4970"> <td data-start="4941" data-end="4954" data-col-size="sm"><code data-start="4943" data-end="4953"></p> <footer></code></td> <td data-start="4954" data-end="4970" data-col-size="sm">تذييل الصفحة</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> <p data-start="4972" data-end="4977" class="">مثال:</p> <pre class="overflow-visible!" data-start="4979" data-end="5309"><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">header</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">header</span></span></span><span>> </span><span><span class="hljs-tag"><<span class="hljs-name">nav</span></span></span><span>> </span><span><span class="hljs-tag"><<span class="hljs-name">ul</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">a</span></span></span><span> </span><span><span class="hljs-attr">href</span></span><span>=</span><span><span class="hljs-string">"#"</span></span><span>>الرئيسية</span><span><span class="hljs-tag"></<span class="hljs-name">a</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">a</span></span></span><span> </span><span><span class="hljs-attr">href</span></span><span>=</span><span><span class="hljs-string">"#"</span></span><span>>من نحن</span><span><span class="hljs-tag"></<span class="hljs-name">a</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">ul</span></span></span><span>> </span><span><span class="hljs-tag"></<span class="hljs-name">nav</span></span></span><span>> </span><span><span class="hljs-tag"><<span class="hljs-name">section</span></span></span><span>> </span><span><span class="hljs-tag"><<span class="hljs-name">h2</span></span></span><span>>أحدث المقالات</span><span><span class="hljs-tag"></<span class="hljs-name">h2</span></span></span><span>> </span><span><span class="hljs-tag"><<span class="hljs-name">article</span></span></span><span>> </span><span><span class="hljs-tag"><<span class="hljs-name">h3</span></span></span><span>>عنوان مقال</span><span><span class="hljs-tag"></<span class="hljs-name">h3</span></span></span><span>> </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">p</span></span></span><span>> </span><span><span class="hljs-tag"></<span class="hljs-name">article</span></span></span><span>> </span><span><span class="hljs-tag"></<span class="hljs-name">section</span></span></span><span>> </span><span><span class="hljs-tag"><<span class="hljs-name">footer</span></span></span><span>> </span><span><span class="hljs-tag"><<span class="hljs-name">p</span></span></span><span>>جميع الحقوق محفوظة © 2025</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">footer</span></span></span><span>> </span></span></code></div></div></pre> <hr data-start="5311" data-end="5314" class="" style=""> <h2 data-start="5316" data-end="5382" class=""><span class="ez-toc-section" id="%D8%A7%D9%84%D8%AC%D8%AF%D9%88%D9%84_%D8%A7%D9%84%D8%AA%D8%A7%D9%84%D9%8A_%D9%8A%D9%84%D8%AE%D8%B5_%D8%A3%D9%87%D9%85_%D9%88%D8%B3%D9%88%D9%85_HTML_%D8%A7%D9%84%D9%85%D8%B3%D8%AA%D8%AE%D8%AF%D9%85%D8%A9_%D9%81%D9%8A_%D8%AA%D8%B5%D9%85%D9%8A%D9%85_%D8%B5%D9%81%D8%AD%D8%A9_%D8%A7%D9%84%D9%88%D9%8A%D8%A8"></span>الجدول التالي يلخص أهم وسوم HTML المستخدمة في تصميم صفحة الويب:<span class="ez-toc-section-end"></span></h2> <div class="_tableContainer_16hzy_1"> <div tabindex="-1" class="_tableWrapper_16hzy_14 group flex w-fit flex-col-reverse"> <table data-start="5384" data-end="5814" class="w-fit min-w-(--thread-content-width)"> <thead data-start="5384" data-end="5403"> <tr data-start="5384" data-end="5403"> <th data-start="5384" data-end="5392" data-col-size="sm">الوسم</th> <th data-start="5392" data-end="5403" data-col-size="sm">الوظيفة</th> </tr> </thead> <tbody data-start="5424" data-end="5814"> <tr data-start="5424" data-end="5450"> <td data-start="5424" data-end="5435" data-col-size="sm"><code data-start="5426" data-end="5434"><html></code></td> <td data-start="5435" data-end="5450" data-col-size="sm">جذر المستند</td> </tr> <tr data-start="5451" data-end="5479"> <td data-start="5451" data-end="5462" data-col-size="sm"><code data-start="5453" data-end="5461"><head></code></td> <td data-start="5462" data-end="5479" data-col-size="sm">معلومات وصفية</td> </tr> <tr data-start="5480" data-end="5508"> <td data-start="5480" data-end="5492" data-col-size="sm"><code data-start="5482" data-end="5491"><title></code></td> <td data-col-size="sm" data-start="5492" data-end="5508">عنوان الصفحة</td> </tr> <tr data-start="5509" data-end="5536"> <td data-start="5509" data-end="5520" data-col-size="sm"><code data-start="5511" data-end="5519"><body></code></td> <td data-start="5520" data-end="5536" data-col-size="sm">محتوى الصفحة</td> </tr> <tr data-start="5537" data-end="5563"> <td data-start="5537" data-end="5553" data-col-size="sm"><code data-start="5539" data-end="5552"></p> <h1> - </p> <h6></code></td> <td data-col-size="sm" data-start="5553" data-end="5563">عناوين</td> </tr> <tr data-start="5564" data-end="5580"> <td data-start="5564" data-end="5572" data-col-size="sm"><code data-start="5566" data-end="5571"></p> <p></code></td> <td data-start="5572" data-end="5580" data-col-size="sm">فقرة</td> </tr> <tr data-start="5581" data-end="5597"> <td data-start="5581" data-end="5589" data-col-size="sm"><code data-start="5583" data-end="5588"><a></code></td> <td data-start="5589" data-end="5597" data-col-size="sm">رابط</td> </tr> <tr data-start="5598" data-end="5616"> <td data-start="5598" data-end="5608" data-col-size="sm"><code data-start="5600" data-end="5607"><img></code></td> <td data-start="5608" data-end="5616" data-col-size="sm">صورة</td> </tr> <tr data-start="5617" data-end="5647"> <td data-start="5617" data-end="5638" data-col-size="sm"><code data-start="5619" data-end="5637"></p> <ul>, </p> <ol>, </p> <li></code></td> <td data-col-size="sm" data-start="5638" data-end="5647">قوائم</td> </tr> <tr data-start="5648" data-end="5687"> <td data-start="5648" data-end="5678" data-col-size="sm"><code data-start="5650" data-end="5677"></p> <table>, </p> <tr>, </p> <th>, </p> <td></code></td> <td data-col-size="sm" data-start="5678" data-end="5687">جداول</td> </tr> <tr data-start="5688" data-end="5726"> <td data-start="5688" data-end="5717" data-col-size="sm"><code data-start="5690" data-end="5716"></p> <form>, <input>, <label></code></td> <td data-col-size="sm" data-start="5717" data-end="5726">نماذج</td> </tr> <tr data-start="5727" data-end="5761"> <td data-start="5727" data-end="5745" data-col-size="sm"><code data-start="5729" data-end="5744"></p> <div>, <span></code></td> <td data-col-size="sm" data-start="5745" data-end="5761">تقسيمات عامة</td> </tr> <tr data-start="5762" data-end="5814"> <td data-start="5762" data-end="5796" data-col-size="sm"><code data-start="5764" data-end="5795"></p> <header>, </p> <footer>, </p> <section></code></td> <td data-start="5796" data-end="5814" data-col-size="sm">تقسيمات دلالية</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="5816" data-end="5819" class="" style=""> <h2 data-start="5821" data-end="5831" class=""><span class="ez-toc-section" id="%D8%A7%D9%84%D8%AE%D8%A7%D8%AA%D9%85%D8%A9"></span>الخاتمة<span class="ez-toc-section-end"></span></h2> <p data-start="5833" data-end="6248" class="">يُمثّل إتقان لغة HTML الخطوة الأولى لكل من يسعى لتعلّم تطوير الويب أو تصميم المواقع. فهي تتيح للمطورين والمصممين إنشاء بنية واضحة ومنظمة لأي صفحة ويب، كما تُعتبر الأساس الذي تُبنى عليه باقي تقنيات الويب مثل CSS وJavaScript. من خلال معرفة طريقة استخدام العناصر المختلفة مثل العناوين، الفقرات، الجداول، النماذج، والروابط، يمكن بناء صفحات ويب واضحة، سهلة التصفح، وقابلة للفهم من قبل المستخدم ومحركات البحث على حد سواء.</p> <p data-start="6250" data-end="6462" class="">لتصميم صفحات ويب فعّالة باستخدام HTML فقط، يجب الانتباه لتفاصيل الهيكل، الدلالات، وسهولة الاستخدام. ومع مرور الوقت واكتساب الخبرة، سيصبح بالإمكان بناء هياكل متقدمة ومعقدة تدعم الوظائف التفاعلية والتصميم المتجاوب.</p> <p data-start="6464" data-end="6476" class=""><strong data-start="6464" data-end="6476">المراجع:</strong></p> <ol data-start="6478" data-end="6607" data-is-last-node="" data-is-only-node=""> <li data-start="6478" data-end="6546" class="" style=""> <p data-start="6481" data-end="6546" class="">MDN Web Docs: <a data-start="6495" data-end="6544" 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> <li data-start="6547" data-end="6607" class="" style=""> <p data-start="6550" data-end="6607" class="">W3Schools HTML Reference: <a data-start="6576" data-end="6607" data-is-last-node="" rel="noopener" target="_new" class="cursor-pointer">https://www.w3schools.com/html/</a></p> </li> </ol> </div> </div> </div> </p> </div> <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> 21 </span><span class="meta-reading-time meta-item"><span class="tie-icon-bookmark" aria-hidden="true"></span> تمت قراءة 3 دقيقة</span> </div></div> <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%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%b5%d9%81%d8%ad%d8%a9-%d9%88%d9%8a%d8%a8-%d8%a8%d9%80-html/" 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%AA%D8%B5%D9%85%D9%8A%D9%85%20%D8%B5%D9%81%D8%AD%D8%A9%20%D9%88%D9%8A%D8%A8%20%D8%A8%D9%80%20HTML&url=https://mwade3.com/%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%b5%d9%81%d8%ad%d8%a9-%d9%88%d9%8a%d8%a8-%d8%a8%d9%80-html/" 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%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%b5%d9%81%d8%ad%d8%a9-%d9%88%d9%8a%d8%a8-%d8%a8%d9%80-html/&title=%D8%AA%D8%B5%D9%85%D9%8A%D9%85%20%D8%B5%D9%81%D8%AD%D8%A9%20%D9%88%D9%8A%D8%A8%20%D8%A8%D9%80%20HTML" 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%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%b5%d9%81%d8%ad%d8%a9-%d9%88%d9%8a%d8%a8-%d8%a8%d9%80-html/&name=%D8%AA%D8%B5%D9%85%D9%8A%D9%85%20%D8%B5%D9%81%D8%AD%D8%A9%20%D9%88%D9%8A%D8%A8%20%D8%A8%D9%80%20HTML" 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%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%b5%d9%81%d8%ad%d8%a9-%d9%88%d9%8a%d8%a8-%d8%a8%d9%80-html/&description=%D8%AA%D8%B5%D9%85%D9%8A%D9%85%20%D8%B5%D9%81%D8%AD%D8%A9%20%D9%88%D9%8A%D8%A8%20%D8%A8%D9%80%20HTML&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%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%b5%d9%81%d8%ad%d8%a9-%d9%88%d9%8a%d8%a8-%d8%a8%d9%80-html/&title=%D8%AA%D8%B5%D9%85%D9%8A%D9%85%20%D8%B5%D9%81%D8%AD%D8%A9%20%D9%88%D9%8A%D8%A8%20%D8%A8%D9%80%20HTML" 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%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%b5%d9%81%d8%ad%d8%a9-%d9%88%d9%8a%d8%a8-%d8%a8%d9%80-html/&text=%D8%AA%D8%B5%D9%85%D9%8A%D9%85%20%D8%B5%D9%81%D8%AD%D8%A9%20%D9%88%D9%8A%D8%A8%20%D8%A8%D9%80%20HTML" 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%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%b5%d9%81%d8%ad%d8%a9-%d9%88%d9%8a%d8%a8-%d8%a8%d9%80-html/&redirect_uri=https://mwade3.com/%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%b5%d9%81%d8%ad%d8%a9-%d9%88%d9%8a%d8%a8-%d8%a8%d9%80-html/" 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%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%b5%d9%81%d8%ad%d8%a9-%d9%88%d9%8a%d8%a8-%d8%a8%d9%80-html/&redirect_uri=https://mwade3.com/%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%b5%d9%81%d8%ad%d8%a9-%d9%88%d9%8a%d8%a8-%d8%a8%d9%80-html/" 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%AA%D8%B5%D9%85%D9%8A%D9%85%20%D8%B5%D9%81%D8%AD%D8%A9%20%D9%88%D9%8A%D8%A8%20%D8%A8%D9%80%20HTML%20https://mwade3.com/%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%b5%d9%81%d8%ad%d8%a9-%d9%88%d9%8a%d8%a8-%d8%a8%d9%80-html/" 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%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%b5%d9%81%d8%ad%d8%a9-%d9%88%d9%8a%d8%a8-%d8%a8%d9%80-html/&text=%D8%AA%D8%B5%D9%85%D9%8A%D9%85%20%D8%B5%D9%81%D8%AD%D8%A9%20%D9%88%D9%8A%D8%A8%20%D8%A8%D9%80%20HTML" 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%AA%D8%B5%D9%85%D9%8A%D9%85%20%D8%B5%D9%81%D8%AD%D8%A9%20%D9%88%D9%8A%D8%A8%20%D8%A8%D9%80%20HTML%20https://mwade3.com/%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%b5%d9%81%d8%ad%d8%a9-%d9%88%d9%8a%d8%a8-%d8%a8%d9%80-html/" 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%AA%D8%B5%D9%85%D9%8A%D9%85%20%D8%B5%D9%81%D8%AD%D8%A9%20%D9%88%D9%8A%D8%A8%20%D8%A8%D9%80%20HTML%20https://mwade3.com/%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%b5%d9%81%d8%ad%d8%a9-%d9%88%d9%8a%d8%a8-%d8%a8%d9%80-html/" 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%AA%D8%B5%D9%85%D9%8A%D9%85%20%D8%B5%D9%81%D8%AD%D8%A9%20%D9%88%D9%8A%D8%A8%20%D8%A8%D9%80%20HTML&body=https://mwade3.com/%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%b5%d9%81%d8%ad%d8%a9-%d9%88%d9%8a%d8%a8-%d8%a8%d9%80-html/" 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> </div> </div> </div> <div class="clearfix"></div> <script id="tie-schema-json" type="application/ld+json">{"@context":"http:\/\/schema.org","@type":"BlogPosting","dateCreated":"2025-05-16T08:04:33+03:00","datePublished":"2025-05-16T08:04:33+03:00","dateModified":"2025-05-16T08:04:33+03:00","headline":"\u062a\u0635\u0645\u064a\u0645 \u0635\u0641\u062d\u0629 \u0648\u064a\u0628 \u0628\u0640 HTML","name":"\u062a\u0635\u0645\u064a\u0645 \u0635\u0641\u062d\u0629 \u0648\u064a\u0628 \u0628\u0640 HTML","keywords":[],"url":"https:\/\/mwade3.com\/%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%b5%d9%81%d8%ad%d8%a9-%d9%88%d9%8a%d8%a8-%d8%a8%d9%80-html\/","description":"\u0643\u064a\u0641\u064a\u0629 \u062a\u0635\u0645\u064a\u0645 \u0648\u062a\u0646\u0633\u064a\u0642 \u0635\u0641\u062d\u0629 \u0627\u0644\u0648\u064a\u0628 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062a\u0639\u0644\u064a\u0645\u0627\u062a HTML \u064a\u0645\u062b\u0651\u0644 \u062a\u0635\u0645\u064a\u0645 \u0648\u062a\u0646\u0633\u064a\u0642 \u0635\u0641\u062d\u0629 \u0627\u0644\u0648\u064a\u0628 \u0623\u062d\u062f \u0627\u0644\u0623\u0633\u0633 \u0627\u0644\u062c\u0648\u0647\u0631\u064a\u0629 \u0627\u0644\u062a\u064a \u064a\u0642\u0648\u0645 \u0639\u0644\u064a\u0647\u0627 \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0631\u0642\u0645\u064a \u0641\u064a \u0627\u0644\u0639\u0635\u0631 \u0627\u0644\u062d\u062f\u064a\u062b\u060c \u0648\u062a\u064f\u0639\u062f\u0651 \u0644\u063a\u0629 HTML (HyperText Markup La","copyrightYear":"2025","articleSection":"\u0627\u0644\u0628\u0631\u0645\u062c\u0629","articleBody":"\u0643\u064a\u0641\u064a\u0629 \u062a\u0635\u0645\u064a\u0645 \u0648\u062a\u0646\u0633\u064a\u0642 \u0635\u0641\u062d\u0629 \u0627\u0644\u0648\u064a\u0628 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062a\u0639\u0644\u064a\u0645\u0627\u062a HTML\n\u064a\u0645\u062b\u0651\u0644 \u062a\u0635\u0645\u064a\u0645 \u0648\u062a\u0646\u0633\u064a\u0642 \u0635\u0641\u062d\u0629 \u0627\u0644\u0648\u064a\u0628 \u0623\u062d\u062f \u0627\u0644\u0623\u0633\u0633 \u0627\u0644\u062c\u0648\u0647\u0631\u064a\u0629 \u0627\u0644\u062a\u064a \u064a\u0642\u0648\u0645 \u0639\u0644\u064a\u0647\u0627 \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0631\u0642\u0645\u064a \u0641\u064a \u0627\u0644\u0639\u0635\u0631 \u0627\u0644\u062d\u062f\u064a\u062b\u060c \u0648\u062a\u064f\u0639\u062f\u0651 \u0644\u063a\u0629 HTML (HyperText Markup Language) \u0627\u0644\u0631\u0643\u064a\u0632\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0641\u064a \u0628\u0646\u0627\u0621 \u0647\u064a\u0643\u0644 \u0635\u0641\u062d\u0627\u062a \u0627\u0644\u0648\u064a\u0628 \u0639\u0644\u0649 \u0634\u0628\u0643\u0629 \u0627\u0644\u0625\u0646\u062a\u0631\u0646\u062a. \u0625\u0646\u0647\u0627 \u0644\u063a\u0629 \u062a\u0648\u0635\u064a\u0641\u064a\u0629 \u062a\u064f\u0633\u062a\u062e\u062f\u0645 \u0644\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0648\u0627\u0644\u0645\u0643\u0648\u0646\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0644\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 \u0627\u0644\u0631\u0648\u0627\u0628\u0637\u060c \u0627\u0644\u062c\u062f\u0627\u0648\u0644\u060c \u0627\u0644\u0642\u0648\u0627\u0626\u0645\u060c \u0648\u0627\u0644\u0646\u0645\u0627\u0630\u062c. \u062a\u062a\u0643\u0627\u0645\u0644 HTML \u0645\u0639 \u0644\u063a\u0627\u062a \u0623\u062e\u0631\u0649 \u0645\u062b\u0644 CSS \u0648JavaScript\u060c \u0644\u0643\u0646 \u0627\u0644\u0645\u0642\u0627\u0644 \u0627\u0644\u062a\u0627\u0644\u064a \u0633\u064a\u0631\u0643\u0632 \u0628\u0634\u0643\u0644 \u062e\u0627\u0635 \u0639\u0644\u0649 \u0643\u064a\u0641\u064a\u0629 \u062a\u0635\u0645\u064a\u0645 \u0648\u062a\u0646\u0633\u064a\u0642 \u0635\u0641\u062d\u0629 \u0648\u064a\u0628 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062a\u0639\u0644\u064a\u0645\u0627\u062a HTML \u0641\u0642\u0637\u060c \u0628\u0647\u062f\u0641 \u062a\u0642\u062f\u064a\u0645 \u0646\u0638\u0631\u0629 \u0645\u0641\u0635\u0644\u0629 \u0648\u0634\u0627\u0645\u0644\u0629 \u0644\u0643\u0644 \u0639\u0646\u0635\u0631 \u0645\u0646 \u0639\u0646\u0627\u0635\u0631 \u0628\u0646\u0627\u0621 \u0627\u0644\u0635\u0641\u062d\u0629.\n\u0645\u0641\u0647\u0648\u0645 \u0644\u063a\u0629 HTML \u0648\u0623\u0647\u0645\u064a\u062a\u0647\u0627\nHTML \u0644\u064a\u0633\u062a \u0644\u063a\u0629 \u0628\u0631\u0645\u062c\u0629 \u062a\u0642\u0644\u064a\u062f\u064a\u0629\u060c \u0648\u0625\u0646\u0645\u0627 \u0647\u064a \u0644\u063a\u0629 \u062a\u0648\u0635\u064a\u0641 \u062a\u064f\u0633\u062a\u062e\u062f\u0645 \u0644\u0648\u0635\u0641 \u0647\u064a\u0643\u0644 \u0635\u0641\u062d\u0629 \u0627\u0644\u0648\u064a\u0628 \u0648\u0645\u062d\u062a\u0648\u0627\u0647\u0627. \u062a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u0646 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 (Tags) \u0627\u0644\u0645\u062d\u0627\u0637\u0629 \u0628\u0623\u0642\u0648\u0627\u0633 \u0632\u0627\u0648\u064a\u0651\u0629 (\u0645\u062b\u0644 ) \u0648\u0627\u0644\u062a\u064a \u062a\u064f\u0633\u062a\u062e\u062f\u0645 \u0644\u062a\u062d\u062f\u064a\u062f \u0646\u0648\u0639\u064a\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0645\u0639\u0631\u0648\u0636 \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645. \u062a\u062a\u064a\u062d HTML \u0644\u0644\u0645\u0637\u0648\u0651\u0631 \u062a\u0646\u0638\u064a\u0645 \u0648\u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0646\u0635\u0648\u0635\u060c \u0625\u062f\u0631\u0627\u062c \u0627\u0644\u0648\u0633\u0627\u0626\u0637\u060c \u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0644\u0631\u0648\u0627\u0628\u0637\u060c \u0648\u0628\u0646\u0627\u0621 \u0627\u0644\u0647\u064a\u0627\u0643\u0644 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0644\u0623\u064a \u0645\u0634\u0631\u0648\u0639 \u0648\u064a\u0628.\n\u062a\u0643\u0645\u0646 \u0623\u0647\u0645\u064a\u0629 HTML \u0641\u064a \u0643\u0648\u0646\u0647\u0627 \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0627\u0644\u062a\u064a \u064a\u0641\u0647\u0645\u0647\u0627 \u0645\u062a\u0635\u0641\u062d \u0627\u0644\u0648\u064a\u0628\u060c \u0641\u0647\u064a \u062a\u0645\u062b\u0644 \u0627\u0644\u0644\u0628\u0646\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0627\u0644\u062a\u064a \u064a\u062a\u0645 \u0645\u0646 \u062e\u0644\u0627\u0644\u0647\u0627 \u0639\u0631\u0636 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0642\u0628\u0644 \u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0623\u0648 \u0627\u0644\u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a\u0629.\n\n\u0627\u0644\u0647\u064a\u0643\u0644 \u0627\u0644\u0623\u0633\u0627\u0633\u064a \u0644\u0623\u064a \u0635\u0641\u062d\u0629 HTML\n\u064a\u062a\u0643\u0648\u0651\u0646 \u0623\u064a \u0645\u0644\u0641 HTML \u0645\u0646 \u0628\u0646\u064a\u0629 \u0623\u0633\u0627\u0633\u064a\u0629 \u0644\u0627 \u0628\u062f\u0651 \u0645\u0646 \u0627\u062a\u0628\u0627\u0639\u0647\u0627 \u0644\u0636\u0645\u0627\u0646 \u0639\u0645\u0644 \u0627\u0644\u0635\u0641\u062d\u0629 \u0628\u0634\u0643\u0644 \u0635\u062d\u064a\u062d. \u0648\u064a\u0645\u0643\u0646 \u062a\u0644\u062e\u064a\u0635 \u0647\u0630\u0627 \u0627\u0644\u0647\u064a\u0643\u0644 \u0641\u064a \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u062a\u0627\u0644\u064a\u0629:\nhtmlCopyEdit\n\n\n \n \u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0635\u0641\u062d\u0629\n\n\n \n\n\n\n\u0634\u0631\u062d \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629:\n\n\n: \u062a\u0639\u0631\u064a\u0641 \u0628\u0646\u0648\u0639 \u0627\u0644\u0645\u0633\u062a\u0646\u062f \u0648\u064a\u0634\u064a\u0631 \u0625\u0644\u0649 \u0623\u0646 \u0647\u0630\u0647 \u0627\u0644\u0635\u0641\u062d\u0629 \u0645\u0643\u062a\u0648\u0628\u0629 \u0648\u0641\u0642\u064b\u0627 \u0644\u0645\u0639\u064a\u0627\u0631 HTML5.\n\n\n: \u0627\u0644\u062c\u0630\u0631 \u0627\u0644\u0630\u064a \u064a\u062d\u062a\u0648\u064a \u0643\u0644 \u0645\u062d\u062a\u0648\u064a\u0627\u062a \u0627\u0644\u0635\u0641\u062d\u0629.\n\n\nlang=\"ar\": \u0644\u062a\u062d\u062f\u064a\u062f \u0644\u063a\u0629 \u0627\u0644\u0635\u0641\u062d\u0629\u060c \u0648\u0647\u0648 \u0645\u0641\u064a\u062f \u0644\u0645\u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0628\u062d\u062b \u0648\u0623\u062f\u0648\u0627\u062a \u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0634\u0627\u0634\u0629.\n\n\n: \u064a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0648\u0635\u0641\u064a\u0629 \u0645\u062b\u0644 \u0627\u0644\u062a\u0631\u0645\u064a\u0632\u060c \u0627\u0644\u0639\u0646\u0648\u0627\u0646\u060c \u0648\u0627\u0644\u0631\u0648\u0627\u0628\u0637 \u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629.\n\n\n: \u064a\u062d\u062f\u062f \u0646\u0648\u0639 \u062a\u0631\u0645\u064a\u0632 \u0627\u0644\u0623\u062d\u0631\u0641\u060c \u0648UTF-8 \u0647\u0648 \u0627\u0644\u0623\u0646\u0633\u0628 \u0644\u062f\u0639\u0645 \u0627\u0644\u0644\u063a\u0627\u062a \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629.\n\n\n: \u064a\u062d\u062f\u062f \u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0630\u064a \u064a\u0638\u0647\u0631 \u0641\u064a \u0634\u0631\u064a\u0637 \u0627\u0644\u0645\u062a\u0635\u0641\u062d.\n\n\n: \u064a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0641\u0639\u0644\u064a \u0627\u0644\u0630\u064a \u064a\u0638\u0647\u0631 \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645.\n\n\n\n\u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646 \u0648\u0627\u0644\u0641\u0642\u0631\u0627\u062a\n\u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646\nHTML \u062a\u0648\u0641\u0651\u0631 \u0633\u062a\u0629 \u0645\u0633\u062a\u0648\u064a\u0627\u062a \u0645\u0646 \u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646 \u062a\u0628\u062f\u0623 \u0645\u0646 (\u0627\u0644\u0623\u0643\u062b\u0631 \u0623\u0647\u0645\u064a\u0629) \u0648\u062a\u0646\u062a\u0647\u064a \u0628\u0640 (\u0627\u0644\u0623\u0642\u0644 \u0623\u0647\u0645\u064a\u0629). \u064a\u064f\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0644\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0645\u062d\u062a\u0648\u0649\u060c \u0648\u0647\u0648 \u0639\u0646\u0635\u0631 \u0623\u0633\u0627\u0633\u064a \u0641\u064a \u062a\u062d\u0633\u064a\u0646 \u0645\u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0628\u062d\u062b (SEO).\nhtmlCopyEdit\u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a \u0644\u0644\u0635\u0641\u062d\u0629\n\u0639\u0646\u0648\u0627\u0646 \u0641\u0631\u0639\u064a\n\u0639\u0646\u0648\u0627\u0646 \u0641\u0631\u0639\u064a \u062b\u0627\u0646\u0648\u064a\n\n\u0627\u0644\u0641\u0642\u0631\u0627\u062a\n\u064a\u064f\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u0648\u0633\u0645 \u0644\u0643\u062a\u0627\u0628\u0629 \u0627\u0644\u0641\u0642\u0631\u0627\u062a \u0627\u0644\u0646\u0635\u064a\u0629:\nhtmlCopyEdit\u0647\u0630\u0647 \u0641\u0642\u0631\u0629 \u0646\u0635\u064a\u0629 \u062a\u0634\u0631\u062d \u0645\u0643\u0648\u0646\u064b\u0627 \u0645\u0639\u064a\u0646\u064b\u0627 \u0641\u064a \u0627\u0644\u0635\u0641\u062d\u0629.\n\n\u064a\u0645\u0643\u0646 \u0623\u064a\u0636\u064b\u0627 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0648\u0633\u0645 \u0644\u0625\u062f\u0631\u0627\u062c \u0633\u0637\u0631 \u062c\u062f\u064a\u062f \u062f\u0627\u062e\u0644 \u0627\u0644\u0641\u0642\u0631\u0629 \u062f\u0648\u0646 \u0628\u062f\u0627\u064a\u0629 \u0641\u0642\u0631\u0629 \u062c\u062f\u064a\u062f\u0629.\n\n\u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0646\u0635\u0648\u0635\nHTML \u062a\u0648\u0641\u0631 \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u0646 \u0627\u0644\u0648\u0633\u0648\u0645 \u0644\u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0646\u0635\u0648\u0635 \u062f\u0627\u062e\u0644 \u0627\u0644\u0641\u0642\u0631\u0627\u062a:\n\u0627\u0644\u0648\u0633\u0645\u0627\u0644\u0648\u0638\u064a\u0641\u0629\u0625\u0628\u0631\u0627\u0632 \u0627\u0644\u0646\u0635 (\u063a\u0627\u0644\u0628\u064b\u0627 \u064a\u0638\u0647\u0631 \u0628\u062e\u0637 \u0639\u0631\u064a\u0636)\u0627\u0644\u062a\u0623\u0643\u064a\u062f \u0639\u0644\u0649 \u0627\u0644\u0646\u0635 (\u063a\u0627\u0644\u0628\u064b\u0627 \u064a\u0638\u0647\u0631 \u0628\u062e\u0637 \u0645\u0627\u0626\u0644)\u062a\u0633\u0637\u064a\u0631 \u0627\u0644\u0646\u0635\u062a\u0645\u064a\u064a\u0632 \u0627\u0644\u0646\u0635 \u0628\u062e\u0644\u0641\u064a\u0629 \u0645\u0644\u0648\u0646\u0629\u062a\u0642\u0644\u064a\u0644 \u062d\u062c\u0645 \u0627\u0644\u062e\u0637\u0648\u0636\u0639 \u062e\u0637 \u0639\u0644\u0649 \u0627\u0644\u0646\u0635 \u0627\u0644\u0645\u0634\u0637\u0648\u0628\u0625\u0636\u0627\u0641\u0629 \u0646\u0635 (\u062a\u062d\u062a \u062e\u0637)\n\u0645\u062b\u0627\u0644:\nhtmlCopyEdit\u0647\u0630\u0627 \u0646\u0635 \u0647\u0627\u0645 \u0648 \u0645\u064f\u0645\u064a\u0632 \u0648\u064a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 \u062a\u0623\u0643\u064a\u062f.\n\n\n\u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0631\u0648\u0627\u0628\u0637\n\u0644\u0625\u0646\u0634\u0627\u0621 \u0631\u0648\u0627\u0628\u0637 \u062f\u0627\u062e\u0644\u064a\u0629 \u0623\u0648 \u062e\u0627\u0631\u062c\u064a\u0629 \u064a\u064f\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u0648\u0633\u0645 :\nhtmlCopyEdit\u0632\u064a\u0627\u0631\u0629 \u0627\u0644\u0645\u0648\u0642\u0639\n\n\n\nhref: \u0644\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0631\u0627\u0628\u0637.\n\n\ntarget=\"_blank\": \u0644\u0641\u062a\u062d \u0627\u0644\u0631\u0627\u0628\u0637 \u0641\u064a \u0646\u0627\u0641\u0630\u0629 \u062c\u062f\u064a\u062f\u0629.\n\n\n\n\u0625\u062f\u0631\u0627\u062c \u0627\u0644\u0635\u0648\u0631\n\u064a\u062a\u0645 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0648\u0633\u0645 \u0644\u0625\u062f\u0631\u0627\u062c \u0627\u0644\u0635\u0648\u0631 \u0641\u064a \u0627\u0644\u0635\u0641\u062d\u0629:\nhtmlCopyEdit\n\n\n\nsrc: \u0645\u0633\u0627\u0631 \u0627\u0644\u0635\u0648\u0631\u0629.\n\n\nalt: \u0646\u0635 \u0628\u062f\u064a\u0644 \u064a\u064f\u0639\u0631\u0636 \u0641\u064a \u062d\u0627\u0644 \u0641\u0634\u0644 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0635\u0648\u0631\u0629.\n\n\nwidth \u0648 height: \u0644\u062a\u062d\u062f\u064a\u062f \u0623\u0628\u0639\u0627\u062f \u0627\u0644\u0635\u0648\u0631\u0629.\n\n\n\n\u0627\u0644\u0642\u0648\u0627\u0626\u0645\n\u0642\u0648\u0627\u0626\u0645 \u063a\u064a\u0631 \u0645\u0631\u062a\u0628\u0629 (\u0646\u0642\u0637\u064a\u0629)\nhtmlCopyEdit\n \u0639\u0646\u0635\u0631 \u0623\u0648\u0644\n \u0639\u0646\u0635\u0631 \u062b\u0627\u0646\u064d\n\n\n\u0642\u0648\u0627\u0626\u0645 \u0645\u0631\u062a\u0628\u0629 (\u0645\u0631\u0642\u0645\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\n\n\u0627\u0644\u062c\u062f\u0627\u0648\u0644\n\u0627\u0644\u062c\u062f\u0627\u0648\u0644 \u062a\u064f\u0633\u062a\u062e\u062f\u0645 \u0644\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0628\u0637\u0631\u064a\u0642\u0629 \u0645\u0631\u062a\u0628\u0629. \u062a\u062a\u0643\u0648\u0651\u0646 \u0645\u0646 \u0639\u0646\u0627\u0635\u0631 \u0623\u0633\u0627\u0633\u064a\u0629 \u0645\u062b\u0644:\n\n\n: \u0644\u0628\u062f\u0621 \u0627\u0644\u062c\u062f\u0648\u0644.\n\n\n: \u0635\u0641.\n\n\n: \u0631\u0623\u0633 \u0627\u0644\u0639\u0645\u0648\u062f.\n\n\n: \u062e\u0644\u064a\u0629.\n\n\n\u0645\u062b\u0627\u0644:\nhtmlCopyEdit\n \n \u0627\u0644\u0627\u0633\u0645\n \u0627\u0644\u0648\u0638\u064a\u0641\u0629\n \n \n \u0623\u062d\u0645\u062f\n \u0645\u0628\u0631\u0645\u062c\n \n \n \u0633\u0627\u0631\u0629\n \u0645\u0635\u0645\u0645\u0629\n \n\n\n\n\u0627\u0644\u0646\u0645\u0627\u0630\u062c (Forms)\n\u0627\u0644\u0646\u0645\u0627\u0630\u062c \u062a\u064f\u0633\u062a\u062e\u062f\u0645 \u0644\u062c\u0645\u0639 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0645\u0646 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0639\u0628\u0631 \u0627\u0644\u062d\u0642\u0648\u0644 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629:\nhtmlCopyEdit\n \u0627\u0644\u0627\u0633\u0645:\n \n \n \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a:\n \n \n \n\n\n\n\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u062a\u0639\u0644\u064a\u0642\u0627\u062a \u062f\u0627\u062e\u0644 \u0627\u0644\u0643\u0648\u062f\n\u062a\u064f\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u062a\u0639\u0644\u064a\u0642\u0627\u062a \u0644\u062a\u0648\u062b\u064a\u0642 \u0627\u0644\u0643\u0648\u062f \u0623\u0648 \u062a\u062c\u0627\u0647\u0644 \u0623\u062c\u0632\u0627\u0621 \u0645\u0646\u0647 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062a\u0637\u0648\u064a\u0631\u060c \u0648\u062a\u0643\u062a\u0628 \u0639\u0644\u0649 \u0627\u0644\u0646\u062d\u0648 \u0627\u0644\u062a\u0627\u0644\u064a:\nhtmlCopyEdit\n\n\n\u0627\u0644\u0641\u0635\u0644 \u0628\u064a\u0646 \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0648\u0633\u0648\u0645 \u0627\u0644\u062f\u0644\u0627\u0644\u064a\u0629\nHTML5 \u0642\u062f\u0651\u0645\u062a \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u0646 \u0627\u0644\u0648\u0633\u0648\u0645 \u0627\u0644\u062f\u0644\u0627\u0644\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u062d\u0633\u0651\u0646 \u0645\u0646 \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0635\u0641\u062d\u0629 \u0648\u0647\u064a\u0643\u0644\u062a\u0647\u0627\u060c \u0645\u062b\u0644:\n\u0627\u0644\u0648\u0633\u0645\u0627\u0644\u0648\u0638\u064a\u0641\u0629\u062a\u0631\u0648\u064a\u0633\u0629 \u0627\u0644\u0635\u0641\u062d\u0629 \u0623\u0648 \u0627\u0644\u0642\u0633\u0645\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u062a\u0646\u0642\u0644\u0642\u0633\u0645 \u0645\u0646 \u0627\u0644\u0635\u0641\u062d\u0629\u0645\u0642\u0627\u0644 \u0645\u0633\u062a\u0642\u0644\u0645\u062d\u062a\u0648\u0649 \u062c\u0627\u0646\u0628\u064a\u062a\u0630\u064a\u064a\u0644 \u0627\u0644\u0635\u0641\u062d\u0629\n\u0645\u062b\u0627\u0644:\nhtmlCopyEdit\n \u0645\u062f\u0648\u0646\u062a\u064a\n\n\n\n \n \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629\n \u0645\u0646 \u0646\u062d\u0646\n \n\n\n\n \u0623\u062d\u062f\u062b \u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a\n \n \u0639\u0646\u0648\u0627\u0646 \u0645\u0642\u0627\u0644\n \u0646\u0635 \u0627\u0644\u0645\u0642\u0627\u0644 \u0647\u0646\u0627...\n \n\n\n\n \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629 \u00a9 2025\n\n\n\n\u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u062a\u0627\u0644\u064a \u064a\u0644\u062e\u0635 \u0623\u0647\u0645 \u0648\u0633\u0648\u0645 HTML \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u0629 \u0641\u064a \u062a\u0635\u0645\u064a\u0645 \u0635\u0641\u062d\u0629 \u0627\u0644\u0648\u064a\u0628:\n\u0627\u0644\u0648\u0633\u0645\u0627\u0644\u0648\u0638\u064a\u0641\u0629\u062c\u0630\u0631 \u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0648\u0635\u0641\u064a\u0629\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0635\u0641\u062d\u0629\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0635\u0641\u062d\u0629 - \u0639\u0646\u0627\u0648\u064a\u0646\u0641\u0642\u0631\u0629\u0631\u0627\u0628\u0637\u0635\u0648\u0631\u0629, , \u0642\u0648\u0627\u0626\u0645, , , \u062c\u062f\u0627\u0648\u0644, , \u0646\u0645\u0627\u0630\u062c, \u062a\u0642\u0633\u064a\u0645\u0627\u062a \u0639\u0627\u0645\u0629, , \u062a\u0642\u0633\u064a\u0645\u0627\u062a \u062f\u0644\u0627\u0644\u064a\u0629\n\n\u0627\u0644\u062e\u0627\u062a\u0645\u0629\n\u064a\u064f\u0645\u062b\u0651\u0644 \u0625\u062a\u0642\u0627\u0646 \u0644\u063a\u0629 HTML \u0627\u0644\u062e\u0637\u0648\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0644\u0643\u0644 \u0645\u0646 \u064a\u0633\u0639\u0649 \u0644\u062a\u0639\u0644\u0651\u0645 \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0648\u064a\u0628 \u0623\u0648 \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0648\u0627\u0642\u0639. \u0641\u0647\u064a \u062a\u062a\u064a\u062d \u0644\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0648\u0627\u0644\u0645\u0635\u0645\u0645\u064a\u0646 \u0625\u0646\u0634\u0627\u0621 \u0628\u0646\u064a\u0629 \u0648\u0627\u0636\u062d\u0629 \u0648\u0645\u0646\u0638\u0645\u0629 \u0644\u0623\u064a \u0635\u0641\u062d\u0629 \u0648\u064a\u0628\u060c \u0643\u0645\u0627 \u062a\u064f\u0639\u062a\u0628\u0631 \u0627\u0644\u0623\u0633\u0627\u0633 \u0627\u0644\u0630\u064a \u062a\u064f\u0628\u0646\u0649 \u0639\u0644\u064a\u0647 \u0628\u0627\u0642\u064a \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0648\u064a\u0628 \u0645\u062b\u0644 CSS \u0648JavaScript. \u0645\u0646 \u062e\u0644\u0627\u0644 \u0645\u0639\u0631\u0641\u0629 \u0637\u0631\u064a\u0642\u0629 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629 \u0645\u062b\u0644 \u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646\u060c \u0627\u0644\u0641\u0642\u0631\u0627\u062a\u060c \u0627\u0644\u062c\u062f\u0627\u0648\u0644\u060c \u0627\u0644\u0646\u0645\u0627\u0630\u062c\u060c \u0648\u0627\u0644\u0631\u0648\u0627\u0628\u0637\u060c \u064a\u0645\u0643\u0646 \u0628\u0646\u0627\u0621 \u0635\u0641\u062d\u0627\u062a \u0648\u064a\u0628 \u0648\u0627\u0636\u062d\u0629\u060c \u0633\u0647\u0644\u0629 \u0627\u0644\u062a\u0635\u0641\u062d\u060c \u0648\u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u0641\u0647\u0645 \u0645\u0646 \u0642\u0628\u0644 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0648\u0645\u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0628\u062d\u062b \u0639\u0644\u0649 \u062d\u062f \u0633\u0648\u0627\u0621.\n\u0644\u062a\u0635\u0645\u064a\u0645 \u0635\u0641\u062d\u0627\u062a \u0648\u064a\u0628 \u0641\u0639\u0651\u0627\u0644\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 HTML \u0641\u0642\u0637\u060c \u064a\u062c\u0628 \u0627\u0644\u0627\u0646\u062a\u0628\u0627\u0647 \u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0647\u064a\u0643\u0644\u060c \u0627\u0644\u062f\u0644\u0627\u0644\u0627\u062a\u060c \u0648\u0633\u0647\u0648\u0644\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645. \u0648\u0645\u0639 \u0645\u0631\u0648\u0631 \u0627\u0644\u0648\u0642\u062a \u0648\u0627\u0643\u062a\u0633\u0627\u0628 \u0627\u0644\u062e\u0628\u0631\u0629\u060c \u0633\u064a\u0635\u0628\u062d \u0628\u0627\u0644\u0625\u0645\u0643\u0627\u0646 \u0628\u0646\u0627\u0621 \u0647\u064a\u0627\u0643\u0644 \u0645\u062a\u0642\u062f\u0645\u0629 \u0648\u0645\u0639\u0642\u062f\u0629 \u062a\u062f\u0639\u0645 \u0627\u0644\u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u0648\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u062a\u062c\u0627\u0648\u0628.\n\u0627\u0644\u0645\u0631\u0627\u062c\u0639:\n\n\nMDN Web Docs: https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\n\n\nW3Schools HTML Reference: https:\/\/www.w3schools.com\/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%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%b5%d9%81%d8%ad%d8%a9-%d9%88%d9%8a%d8%a8-%d8%a8%d9%80-html\/","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%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%b5%d9%81%d8%ad%d8%a9-%d9%88%d9%8a%d8%a8-%d8%a8%d9%80-html/" 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%AA%D8%B5%D9%85%D9%8A%D9%85%20%D8%B5%D9%81%D8%AD%D8%A9%20%D9%88%D9%8A%D8%A8%20%D8%A8%D9%80%20HTML&url=https://mwade3.com/%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%b5%d9%81%d8%ad%d8%a9-%d9%88%d9%8a%d8%a8-%d8%a8%d9%80-html/" 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%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%b5%d9%81%d8%ad%d8%a9-%d9%88%d9%8a%d8%a8-%d8%a8%d9%80-html/&title=%D8%AA%D8%B5%D9%85%D9%8A%D9%85%20%D8%B5%D9%81%D8%AD%D8%A9%20%D9%88%D9%8A%D8%A8%20%D8%A8%D9%80%20HTML" 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%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%b5%d9%81%d8%ad%d8%a9-%d9%88%d9%8a%d8%a8-%d8%a8%d9%80-html/&name=%D8%AA%D8%B5%D9%85%D9%8A%D9%85%20%D8%B5%D9%81%D8%AD%D8%A9%20%D9%88%D9%8A%D8%A8%20%D8%A8%D9%80%20HTML" 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%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%b5%d9%81%d8%ad%d8%a9-%d9%88%d9%8a%d8%a8-%d8%a8%d9%80-html/&description=%D8%AA%D8%B5%D9%85%D9%8A%D9%85%20%D8%B5%D9%81%D8%AD%D8%A9%20%D9%88%D9%8A%D8%A8%20%D8%A8%D9%80%20HTML&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%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%b5%d9%81%d8%ad%d8%a9-%d9%88%d9%8a%d8%a8-%d8%a8%d9%80-html/&title=%D8%AA%D8%B5%D9%85%D9%8A%D9%85%20%D8%B5%D9%81%D8%AD%D8%A9%20%D9%88%D9%8A%D8%A8%20%D8%A8%D9%80%20HTML" 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%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%b5%d9%81%d8%ad%d8%a9-%d9%88%d9%8a%d8%a8-%d8%a8%d9%80-html/" 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%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%b5%d9%81%d8%ad%d8%a9-%d9%88%d9%8a%d8%a8-%d8%a8%d9%80-html/&redirect_uri=https://mwade3.com/%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%b5%d9%81%d8%ad%d8%a9-%d9%88%d9%8a%d8%a8-%d8%a8%d9%80-html/" 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%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%b5%d9%81%d8%ad%d8%a9-%d9%88%d9%8a%d8%a8-%d8%a8%d9%80-html/&redirect_uri=https://mwade3.com/%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%b5%d9%81%d8%ad%d8%a9-%d9%88%d9%8a%d8%a8-%d8%a8%d9%80-html/" 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%AA%D8%B5%D9%85%D9%8A%D9%85%20%D8%B5%D9%81%D8%AD%D8%A9%20%D9%88%D9%8A%D8%A8%20%D8%A8%D9%80%20HTML%20https://mwade3.com/%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%b5%d9%81%d8%ad%d8%a9-%d9%88%d9%8a%d8%a8-%d8%a8%d9%80-html/" 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%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%b5%d9%81%d8%ad%d8%a9-%d9%88%d9%8a%d8%a8-%d8%a8%d9%80-html/&text=%D8%AA%D8%B5%D9%85%D9%8A%D9%85%20%D8%B5%D9%81%D8%AD%D8%A9%20%D9%88%D9%8A%D8%A8%20%D8%A8%D9%80%20HTML" 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%AA%D8%B5%D9%85%D9%8A%D9%85%20%D8%B5%D9%81%D8%AD%D8%A9%20%D9%88%D9%8A%D8%A8%20%D8%A8%D9%80%20HTML%20https://mwade3.com/%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%b5%d9%81%d8%ad%d8%a9-%d9%88%d9%8a%d8%a8-%d8%a8%d9%80-html/" 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%AA%D8%B5%D9%85%D9%8A%D9%85%20%D8%B5%D9%81%D8%AD%D8%A9%20%D9%88%D9%8A%D8%A8%20%D8%A8%D9%80%20HTML%20https://mwade3.com/%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%b5%d9%81%d8%ad%d8%a9-%d9%88%d9%8a%d8%a8-%d8%a8%d9%80-html/" 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%AA%D8%B5%D9%85%D9%8A%D9%85%20%D8%B5%D9%81%D8%AD%D8%A9%20%D9%88%D9%8A%D8%A8%20%D8%A8%D9%80%20HTML&body=https://mwade3.com/%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%b5%d9%81%d8%ad%d8%a9-%d9%88%d9%8a%d8%a8-%d8%a8%d9%80-html/" 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> </div> </article> <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> </div> </div> </div> <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> </div> </div> </div> <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> </div> </div> </div> <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> </div> </div> </div> <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> </div> </div> </div> <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> </div> </div> </div> <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> </div> </div> </div> <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> </div> </div> </div> <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> </div> </div> </div> <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> </div> </div> </div> </div> </div> </div> </div> <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> <div class="slide tie-slide-6"> <div class="slide-overlay"> <h3 class="thumb-title">البرمجة الكائنية: المفاهيم والتطبيقات</h3> </div> </div> <div class="slide tie-slide-1"> <div class="slide-overlay"> <h3 class="thumb-title">أساسيات علوم الحاسوب الحديثة</h3> </div> </div> <div class="slide tie-slide-2"> <div class="slide-overlay"> <h3 class="thumb-title">تعلم الآلة: المفاهيم والتطبيقات</h3> </div> </div> <div class="slide tie-slide-3"> <div class="slide-overlay"> <h3 class="thumb-title">أخطاء شائعة في بايثون</h3> </div> </div> <div class="slide tie-slide-4"> <div class="slide-overlay"> <h3 class="thumb-title">PHP وNode.js: مقارنة شاملة</h3> </div> </div> <div class="slide tie-slide-5"> <div class="slide-overlay"> <h3 class="thumb-title">الاستثناءات في دوت نت</h3> </div> </div> <div class="slide tie-slide-6"> <div class="slide-overlay"> <h3 class="thumb-title">Git وأهميته في مشاريع بايثون</h3> </div> </div> <div class="slide tie-slide-1"> <div class="slide-overlay"> <h3 class="thumb-title">معالجة الأخطاء في لغة Go</h3> </div> </div> <div class="slide tie-slide-2"> <div class="slide-overlay"> <h3 class="thumb-title">Laravel: أقوى إطار PHP حديث</h3> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> <div class="prev-next-post-nav container-wrapper media-overlay"> <div class="tie-col-xs-6 prev-post"> <a href="https://mwade3.com/%d8%a7%d9%84%d8%b3%d8%b9%d8%a7%d8%af%d8%a9-%d8%a7%d9%84%d8%af%d8%a7%d8%a6%d9%85%d8%a9-%d9%81%d9%8a-10-%d8%ae%d8%b7%d9%88%d8%a7%d8%aa/" 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">السعادة الدائمة في 10 خطوات</span> </div> </div> </a> <a href="https://mwade3.com/%d8%a7%d9%84%d8%b3%d8%b9%d8%a7%d8%af%d8%a9-%d8%a7%d9%84%d8%af%d8%a7%d8%a6%d9%85%d8%a9-%d9%81%d9%8a-10-%d8%ae%d8%b7%d9%88%d8%a7%d8%aa/" rel="prev"> <h3 class="post-title">السعادة الدائمة في 10 خطوات</h3> </a> </div> <div class="tie-col-xs-6 next-post"> <a href="https://mwade3.com/%d8%a7%d9%84%d8%aa%d8%b9%d9%84%d9%85-%d8%a8%d8%a7%d9%84%d9%85%d9%84%d8%a7%d8%b2%d9%85%d8%a9-%d9%85%d9%87%d8%a7%d8%b1%d8%a7%d8%aa-%d8%b9%d9%85%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%a7%d9%84%d8%aa%d8%b9%d9%84%d9%85-%d8%a8%d8%a7%d9%84%d9%85%d9%84%d8%a7%d8%b2%d9%85%d8%a9-%d9%85%d9%87%d8%a7%d8%b1%d8%a7%d8%aa-%d8%b9%d9%85%d9%84%d9%8a%d8%a9/" rel="next"> <h3 class="post-title">التعلم بالملازمة: مهارات عملية</h3> </a> </div> </div> <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> </div> <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> </div> <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> </div> <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> </div> </div> </div> </div> </div> <div id="check-also-box" class="container-wrapper check-also-right"> <div class="widget-title the-global-title"> <div class="the-subtitle">نظر أيضا</div> <a href="#" id="check-also-close" class="remove"> <span class="screen-reader-text">إغلاق</span> </a> </div> <div class="widget"> <ul class="posts-list-items"> <li class="widget-single-post-item widget-post-list tie-standard"> <div class="post-widget-thumbnail"> <a aria-label="مكونات أداة Performance لتحليل الويب" href="https://mwade3.com/%d9%85%d9%83%d9%88%d9%86%d8%a7%d8%aa-%d8%a3%d8%af%d8%a7%d8%a9-performance-%d9%84%d8%aa%d8%ad%d9%84%d9%8a%d9%84-%d8%a7%d9%84%d9%88%d9%8a%d8%a8/" 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="220" height="150" src="https://mwade3.com/wp-content/uploads/logo-220x150.png" class="attachment-jannah-image-small size-jannah-image-small tie-small-image" alt="" decoding="async" /></a> </div> <div class="post-widget-body "> <a class="post-title the-subtitle" href="https://mwade3.com/%d9%85%d9%83%d9%88%d9%86%d8%a7%d8%aa-%d8%a3%d8%af%d8%a7%d8%a9-performance-%d9%84%d8%aa%d8%ad%d9%84%d9%8a%d9%84-%d8%a7%d9%84%d9%88%d9%8a%d8%a8/">مكونات أداة Performance لتحليل الويب</a> <div class="post-meta"> </div> </div> </li> <li class="widget-single-post-item widget-post-list tie-standard"> <div class="post-widget-thumbnail"> <a aria-label="تواصل جافا عبر الشبكة" href="https://mwade3.com/%d8%aa%d9%88%d8%a7%d8%b5%d9%84-%d8%ac%d8%a7%d9%81%d8%a7-%d8%b9%d8%a8%d8%b1-%d8%a7%d9%84%d8%b4%d8%a8%d9%83%d8%a9/" 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="220" height="150" src="https://mwade3.com/wp-content/uploads/logo-220x150.png" class="attachment-jannah-image-small size-jannah-image-small tie-small-image" alt="" decoding="async" /></a> </div> <div class="post-widget-body "> <a class="post-title the-subtitle" href="https://mwade3.com/%d8%aa%d9%88%d8%a7%d8%b5%d9%84-%d8%ac%d8%a7%d9%81%d8%a7-%d8%b9%d8%a8%d8%b1-%d8%a7%d9%84%d8%b4%d8%a8%d9%83%d8%a9/">تواصل جافا عبر الشبكة</a> <div class="post-meta"> </div> </div> </li> <li class="widget-single-post-item widget-post-list tie-standard"> <div class="post-widget-thumbnail"> <a aria-label="ضبط الإعدادات في ‎.NET" href="https://mwade3.com/%d8%b6%d8%a8%d8%b7-%d8%a7%d9%84%d8%a5%d8%b9%d8%af%d8%a7%d8%af%d8%a7%d8%aa-%d9%81%d9%8a-net/" 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="220" height="150" src="https://mwade3.com/wp-content/uploads/logo-220x150.png" class="attachment-jannah-image-small size-jannah-image-small tie-small-image" alt="" decoding="async" /></a> </div> <div class="post-widget-body "> <a class="post-title the-subtitle" href="https://mwade3.com/%d8%b6%d8%a8%d8%b7-%d8%a7%d9%84%d8%a5%d8%b9%d8%af%d8%a7%d8%af%d8%a7%d8%aa-%d9%81%d9%8a-net/">ضبط الإعدادات في ‎.NET</a> <div class="post-meta"> </div> </div> </li> <li class="widget-single-post-item widget-post-list tie-standard"> <div class="post-widget-thumbnail"> <a aria-label="استخدام مكتبة UJS في لارافل" href="https://mwade3.com/%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-%d9%85%d9%83%d8%aa%d8%a8%d8%a9-ujs-%d9%81%d9%8a-%d9%84%d8%a7%d8%b1%d8%a7%d9%81%d9%84/" 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="220" height="150" src="https://mwade3.com/wp-content/uploads/logo-220x150.png" class="attachment-jannah-image-small size-jannah-image-small tie-small-image" alt="" decoding="async" /></a> </div> <div class="post-widget-body "> <a class="post-title the-subtitle" href="https://mwade3.com/%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-%d9%85%d9%83%d8%aa%d8%a8%d8%a9-ujs-%d9%81%d9%8a-%d9%84%d8%a7%d8%b1%d8%a7%d9%81%d9%84/">استخدام مكتبة UJS في لارافل</a> <div class="post-meta"> </div> </div> </li> <li class="widget-single-post-item widget-post-list tie-standard"> <div class="post-widget-thumbnail"> <a aria-label="إنشاء قائمة شجرية باستخدام بوتستراب" href="https://mwade3.com/%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%82%d8%a7%d8%a6%d9%85%d8%a9-%d8%b4%d8%ac%d8%b1%d9%8a%d8%a9-%d8%a8%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-%d8%a8%d9%88%d8%aa%d8%b3%d8%aa%d8%b1%d8%a7%d8%a8/" 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="220" height="150" src="https://mwade3.com/wp-content/uploads/logo-220x150.png" class="attachment-jannah-image-small size-jannah-image-small tie-small-image" alt="" decoding="async" /></a> </div> <div class="post-widget-body "> <a class="post-title the-subtitle" href="https://mwade3.com/%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d9%82%d8%a7%d8%a6%d9%85%d8%a9-%d8%b4%d8%ac%d8%b1%d9%8a%d8%a9-%d8%a8%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-%d8%a8%d9%88%d8%aa%d8%b3%d8%aa%d8%b1%d8%a7%d8%a8/">إنشاء قائمة شجرية باستخدام بوتستراب</a> <div class="post-meta"> </div> </div> </li> </ul> </div> </div> </div></div> <footer id="footer" class="site-footer dark-skin dark-widgetized-area"> <div id="footer-widgets-container"> <div class="container"> </div> </div> <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> </div> </div> </div> </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%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%b5%d9%81%d8%ad%d8%a9-%d9%88%d9%8a%d8%a8-%d8%a8%d9%80-html/" 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%AA%D8%B5%D9%85%D9%8A%D9%85%20%D8%B5%D9%81%D8%AD%D8%A9%20%D9%88%D9%8A%D8%A8%20%D8%A8%D9%80%20HTML&url=https://mwade3.com/%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%b5%d9%81%d8%ad%d8%a9-%d9%88%d9%8a%d8%a8-%d8%a8%d9%80-html/" 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%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%b5%d9%81%d8%ad%d8%a9-%d9%88%d9%8a%d8%a8-%d8%a8%d9%80-html/&title=%D8%AA%D8%B5%D9%85%D9%8A%D9%85%20%D8%B5%D9%81%D8%AD%D8%A9%20%D9%88%D9%8A%D8%A8%20%D8%A8%D9%80%20HTML" 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%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%b5%d9%81%d8%ad%d8%a9-%d9%88%d9%8a%d8%a8-%d8%a8%d9%80-html/&name=%D8%AA%D8%B5%D9%85%D9%8A%D9%85%20%D8%B5%D9%81%D8%AD%D8%A9%20%D9%88%D9%8A%D8%A8%20%D8%A8%D9%80%20HTML" 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%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%b5%d9%81%d8%ad%d8%a9-%d9%88%d9%8a%d8%a8-%d8%a8%d9%80-html/&description=%D8%AA%D8%B5%D9%85%D9%8A%D9%85%20%D8%B5%D9%81%D8%AD%D8%A9%20%D9%88%D9%8A%D8%A8%20%D8%A8%D9%80%20HTML&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%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%b5%d9%81%d8%ad%d8%a9-%d9%88%d9%8a%d8%a8-%d8%a8%d9%80-html/&title=%D8%AA%D8%B5%D9%85%D9%8A%D9%85%20%D8%B5%D9%81%D8%AD%D8%A9%20%D9%88%D9%8A%D8%A8%20%D8%A8%D9%80%20HTML" 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%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%b5%d9%81%d8%ad%d8%a9-%d9%88%d9%8a%d8%a8-%d8%a8%d9%80-html/&redirect_uri=https://mwade3.com/%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%b5%d9%81%d8%ad%d8%a9-%d9%88%d9%8a%d8%a8-%d8%a8%d9%80-html/" 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%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%b5%d9%81%d8%ad%d8%a9-%d9%88%d9%8a%d8%a8-%d8%a8%d9%80-html/&redirect_uri=https://mwade3.com/%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%b5%d9%81%d8%ad%d8%a9-%d9%88%d9%8a%d8%a8-%d8%a8%d9%80-html/" 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%AA%D8%B5%D9%85%D9%8A%D9%85%20%D8%B5%D9%81%D8%AD%D8%A9%20%D9%88%D9%8A%D8%A8%20%D8%A8%D9%80%20HTML%20https://mwade3.com/%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%b5%d9%81%d8%ad%d8%a9-%d9%88%d9%8a%d8%a8-%d8%a8%d9%80-html/" 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%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%b5%d9%81%d8%ad%d8%a9-%d9%88%d9%8a%d8%a8-%d8%a8%d9%80-html/&text=%D8%AA%D8%B5%D9%85%D9%8A%D9%85%20%D8%B5%D9%81%D8%AD%D8%A9%20%D9%88%D9%8A%D8%A8%20%D8%A8%D9%80%20HTML" 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%AA%D8%B5%D9%85%D9%8A%D9%85%20%D8%B5%D9%81%D8%AD%D8%A9%20%D9%88%D9%8A%D8%A8%20%D8%A8%D9%80%20HTML%20https://mwade3.com/%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%b5%d9%81%d8%ad%d8%a9-%d9%88%d9%8a%d8%a8-%d8%a8%d9%80-html/" 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%AA%D8%B5%D9%85%D9%8A%D9%85%20%D8%B5%D9%81%D8%AD%D8%A9%20%D9%88%D9%8A%D8%A8%20%D8%A8%D9%80%20HTML%20https://mwade3.com/%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%b5%d9%81%d8%ad%d8%a9-%d9%88%d9%8a%d8%a8-%d8%a8%d9%80-html/" 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> </div> <div class="mobile-share-buttons-spacer"></div> </div> <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> <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> <div id="mobile-menu" class=""> </div> <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> </div> <div id="slide-sidebar-widgets"> </div> </div> </aside> </div> </div> <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> </div> </div> <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":"30","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":"30","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/desktop.min.js?ver=7.2.0" id="tie-js-desktop-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":"d8206e411d"}; //# 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=3019707&action=tie_postviews", cache: !1, success: function( data ){ jQuery(".single-post-meta").find(".meta-views").html( data ); } }); </script> </body> </html>

كيفية حذف حساب إنستقرام نهائيًا

كيفية تشغيل الكاميرا على الكمبيوتر

الاحتراق التام وغير التام

أخطاء يجب تجنبها عند تعلم بايثون

تشاد: كل ما تحتاج معرفته

مفهوم الدولة المدينة وأثرها

الفساد وأثره على الفقر

الإنترنت وتطور العالم الرقمي

التبادل التجاري: الأنواع والأثر الاقتصادي

الإرشاد التربوي وأهميته التعليمية

تصميم صفحة ويب بـ HTML

كيفية تصميم وتنسيق صفحة الويب الأساسية باستخدام تعليمات HTML

مفهوم لغة HTML وأهميتها

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

شرح العناصر الأساسية: