تم اختراع العديد من اللغات، لكن لغة HTML هي إحدى اللغات المميزة والأكثر شهرة. ترتبط به العديد من التطورات الرئيسية الأخرى في البرمجة. يصبح الكثير ممكنًا عندما يكون لدى عقل المطور معرفة باللغة الترميزية - لغة ترميز النص التشعبي (HTML).
في جوهرها، لا يوجد شيء معقد في HTML، وفي بضع دقائق، سيقوم أي شخص، حتى الشخص البعيد عن البرمجة والإنترنت، بإنشاء صفحة HTML في "المفكرة". مثال جدير بالاهتمام، والبساطة التي يمكن للجميع الوصول إليها حقًا.
وصف عام
يعد ملف HTML عبارة عن صفحة واحدة من الموقع، على الرغم من إمكانية الجدال حول ذلك، إلا أن حقيقة أن ملفًا واحدًا يشكل صفحة واحدة أمر واضح في البداية.
يبدأ ملف HTML برأس DOCTYPE، مما يشير إلى أن نوع الملف هو HTML. تتم الإشارة إلى كافة عناصر الصفحة (العلامات) بين قوسين زاوية. كل زوج ("<» и «>") يتضمن علامة HTML واحدة. عادةً ما تأتي علامات HTML في أزواج، أي أن لكل "علامة" يوجد "/tag". كلاهما محاط بين قوسين زاوية. توجد علامات مفردة، وأكثرها شيوعًا هي "br/" - الانتقال إلى السطر التالي.
أكبر علامة في الملف هي HTML نفسها، والتي تحتوي على علامتين فقط: HEAD وBODY. في البداية، يتم عمل أوصاف مختلفة، ويتم الإشارة إلى الروابط إلى الملفات الأخرى التي تحتاجها الصفحة، وقد تكون نصوص PHP وJavaScript موجودة. والثاني يسجل محتوى الصفحة. أيضا في شكل العلامات والبرامج النصية.
صفحة HTML بسيطة
ويرد أدناه مثال على إنشاء مثل هذه الصفحة في المقالة. دعونا ننظر إليها بعناية.
القسم الرئيسي
والغرض الرئيسي هو وصف عام للصفحة والنصوص العامة، على الرغم من أن الأخير هو مفهوم نسبي إلى حد ما. عادةً ما يتم إعطاء أهمية كبيرة لشيئين فقط:
- الكلمات الرئيسية ووصف الصفحة؛
- روابط لملفات أخرى (*.css و*.js).
لعرض محتوى الصفحة، تعتبر محتويات هذا القسم مهمة بشكل غير مباشر فقط، لأنها تشير إلى: في مكان ما في الملفات الأخرى توجد قواعد CSS للعلامات والبرامج النصية بلغات أخرى.
تحتوي صفحة HTML على صفحة يتم عرضها عندما يقوم الزائر بتحريك الماوس إلى علامة التبويب حيث تكون الصفحة مفتوحة. هذه نقطة مهمة، لأنها تجعل الصفحة أكثر قابلية للعرض، أو ببساطة أكثر، موقعة بنص قابل للقراءة.
تعتبر العلامات التعريفية مهمة في برمجة الإنترنت بشكل عام، ولكن عندما تحتاج إلى إنشاء صفحة HTML في برنامج "المفكرة"، فمن غير المستحسن أن تشوش المثال ببنيات غير ضرورية.
إذا كان يجب التعامل مع البرمجة النصية بمجرد التعرف على لغة HTML، فيجب معالجة أوراق الأنماط المتتالية على الفور. تحتوي ملفات CSS، من بين أمور أخرى، على قواعد لتنسيق علامات HTML.
قسم الجسم
في الواقع، صفحة HTML النموذجية هي قسم BODY. هذا هو المكان الذي يتم فيه احتواء جميع المعلومات وجميع محتويات صفحة الموقع. يتم تقديم جميع المعلومات في شكل علامات ونصوص برمجية، على سبيل المثال إدراج كود JavaScript أو أجزاء من برامج PHP.
من المهم أن نفهم أن مثال صفحة ويب HTML في المتصفح ونفس المثال في محرر النصوص، وخاصة المفكرة، ليسا نفس الشيء. في الحالة الأولى، لدينا نص HTML جاهز يتم فيه تنفيذ كافة البرامج النصية. على سبيل المثال، قامت PHP بدورها وشكلت العلامات الضرورية في الأماكن الصحيحة بدلاً من الكود الخاص بها. لقد أنجزت JavaScript أيضًا مهمتها، على الرغم من أنه لا يزال يتعين مناقشتها بشكل منفصل.
HTML عبارة عن علامات وليست نصوص برمجية. في النهاية، يتم عرض محتوى الصفحة فقط في المتصفح، وعلاماتها فقط. لا يوجد كود PHP هناك.
تتمتع JavaScript بمكانة خاصة، همها خدمة الصفحة ليس فقط في لحظة التحميل (التحميل الزائد)، ولكن أيضًا في اللحظات التي تكون فيها الصفحة في متصفح الزائر، ويقوم بدراستها.
يظهر أدناه مثال بسيط (قسم الجسم فقط).
وفي متصفح الزائر يبدو هكذا:
لم يحدد الكود الشكل الذي يجب أن تبدو عليه العناصر التي سيعرضها المتصفح. كل التصميمات المرئية موجودة في قواعد CSS. في هذه الحالة، في ملف Mcss/scPhpWordRW.css الذي تم ربطه (راجع المثال الأول لصفحة HTML).
على عكس HTML، فإن موضوع CSS أبسط، وهناك قواعد يمكن الوصول إليها بسهولة وعددها صغير، عندما لا يتطلب مثال إنشاء صفحة HTML أي شيء آخر غير المفكرة. كل شيء يمكن الوصول إليه بسهولة لإتقانه الفوري:
يوضح هذا مدى بساطة وصف علامة scLogo_vDoc، وهذا الوصف هو أنه في حالتها الطبيعية تعرض العلامة الصورة vDoc-logo.png، وعندما يكون الماوس فوقها، يتم عرض vDoc-logo-h.png.
هيكل أوصاف HTML
اللغة لا تتضمن أي بنية ومفهوم بناء الجملة هنا نسبي للغاية. ليس هناك متغيرات، ولكن هناك الكثير من الاحتمالات. الأساس الأساسي للنص التشعبي هو وجود عنصر (علامة) له اسم بالضرورة.
يتكون الاسم، في حالة العلامة المقترنة، من الاسم نفسه (tagName) والأقواس الزاوية ("<» + tagName +«>") إذا كنا نتحدث عن بداية العلامة، و""إذا سجلت نهايتها.
يوجد أدناه مثال لصفحة HTML تصف السمات في النص.
يمكن أن تحتوي العلامة على سمات، وفي هذه الحالة يتم وضعها بمسافة بعد اسم العلامة قبل قوس زاوية الإغلاق ">". السمات، إذا كانت العلامة تحتوي عليها، تتم كتابتها فقط في بداية العلامة. يعتبر محتوى العلامة هو ما يقع بين بداية العلامة ونهايتها.
يتيح لك HTML وصف العناصر المضمنة والكتلة. يشغل الأول منطقة معينة في نافذة المتصفح، ويمكن وضعه تمامًا، أي في المكان المطلوب في منطقة عرض صفحة HTML، وله حجم محدد.
يتم عرض العناصر المضمنة بشكل عام في مؤشر ترابط واحد، أي أنه كما تم تحديدها في ملف الصفحة، يتم عرضها على الشاشة. يمكن أن يتأثر عرض التدفق الإجمالي عند تحميل الصفحة. يمكن التأثير على موضع عناصر الكتلة ورؤيتها وخصائصها الأخرى في أي وقت من خلال كود JavaScript.
بالإضافة إلى العناصر البسيطة، يقدم HTML وصفًا للجداول والنماذج. هناك طلب كبير على هذه العناصر في "إنشاء مواقع الويب اليومية".
وصف الجدول: العلامات TABLE، TR، TD
باستخدام علامة TABLE، يمكنك إنشاء جدول وتحديد عدد معين من صفوف TR وعدد معين من خلايا TD في كل صف. على عكس التنظيم الجدولي المعتاد، نظرًا لخصائص ترميز HTML، يقتصر التنظيم الجدولي على هذا الإعلان، لذلك، إذا أراد المطور أن يكون لديه جدول مستطيل يكون فيه عدد الأعمدة في جميع الصفوف هو نفسه، فيجب عليه مراقبة هذا بنفسه.
الموقف الأساسي لـ HTML هو القيام بكل ما هو محدد، ولكن لا شيء غير مفهوم. في بعض الحالات، لا يكون عدد الأعمدة في كل صف من الجدول مهمًا جدًا، ولكن إذا كنت بحاجة إلى دمج الخلايا رأسيًا أو أفقيًا، فسيتعين عليك حساب كل شيء بعناية فائقة.
يظهر بوضوح مثال لصفحة HTML تصف جدولًا بسيطًا في المقالة.
يظهر هنا جدول مكون من ثلاثة صفوف في ثلاثة أعمدة، وفي الصف الأول، بدلاً من علامة TD، تم استخدام علامة TH - عنوان العمود. لا تختلف هاتان العلامتان بشكل خاص، ولكن من الممكن تمامًا استخدام العلامة الأولى لتمييز الصف الأول من الجدول، وفي CSS يمكنك إرفاق النمط الخاص بك بـ TH، مما يميزه عن TDs الأخرى.
وصف النموذج: العلامات FORM، INPUT
النماذج هي الجزء الأكثر شيوعًا من علامات HTML. باستخدام النماذج يمكنك نقل المعلومات. في الواقع، الصفحة نفسها هي مخرجات المعلومات، لكن النموذج هو مدخلاتها.
مثال لصفحة HTML تصف نموذجًا بسيطًا:
هناك العديد من الخيارات لاستخدام النماذج، ولكن هذه هي الاحتمالات الرئيسية. يمكنك تحديد حقول الإدخال وتعيين تصميم ومعالجات لها لتحليل البيانات التي يدخلها المستخدم. يمكنك تحديد الحقول المخفية ونقل معلومات الخلفية من الصفحة. يمكنك تعيين أزرار لنقل المعلومات، والنقر عليها يبدأ عملية نقل المعلومات.
باستخدام HTML
إن معرفة لغة النص التشعبي هي وظيفة في أي تخصص في مجال برمجة الإنترنت، لكن إذا كنت بحاجة إلى كتابة برامج بلغة PHP أو JavaScript، فأنت بحاجة إلى معرفة HTML + CSS بشكل مثالي.
تمت الإشارة إلى لغة PHP في المثال السابق. تعمل لغة PHP على الخادم، وبالتالي تنتقل الصفحة التي تحتوي على هذا النموذج من الخادم إلى المتصفح مع ملء الحقول. على وجه الخصوص، تلقت وظيفة TestOnBlur المذكورة في علامة INPUT (معالج حدث onblur) جميع المعلمات كحقول نصية.
يتم تشغيل JavaScript في المتصفح، ولكي يعمل الزر بشكل صحيح لإرسال البيانات إلى الخادم، أي البناء: onclick=jQuery("#to").val("cart")، يجب أن يكون لديك فكرة ليس فقط عن ماهية jQuery، ولكن أيضًا عن ماهية #to، val، cart. وبشكل أكثر تحديدًا، تحتاج إلى معرفة علامات HTML الأساسية والقواعد العامة لتطبيق أنماط CSS عليها.
وهذا يكفي لتحسين مؤهلاتك بسرعة في أي تخصص في مجال برمجة الإنترنت.
الآن بضع كلمات حول العلامات التي استخدمناها لإنشاء هذه الصفحة.
وصف علامات HTML من المثال
1. - يجب أن تكون هذه العلامات موجودة في كل صفحة ويب. يخبرون المتصفحات ومحركات البحث أن هذه صفحة HTML.
تحتوي أي صفحة html على البنية التالية:
...
علامات العناوين
...
...نص الصفحة...
2.
- بين هذه العلامات يوجد كل المحتوى المرئي للصفحة.
4.
- يتم كتابة عنوان الصفحة بين هذه العلامات، والتي يتم عرضها في أعلى المتصفح. بالمناسبة، عندما تبحث عن شيء ما في محركات البحث، فإن أول ما يتم عرضه هو اسم الصفحة. بطاقة شعار
غالبًا ما يتم اختصاره إلى "العنوان". أنصحك بقراءة المقال: كيفية إنشاء علامة
</p>
<p>الآن دعنا ننتقل إلى العلامات الموجودة في نص صفحة html (داخل <body>و<script type="text/javascript">
<!--
var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})()
//-->
</script><br>
<br>
</body>
).</p>
<p>5. <center></center>- هذه العلامات تركز على كل شيء بداخلها. في هذه الحالة، سيكون المركز هو منتصف الشاشة. يوصى بالتوقف عن استخدام هذه العلامات في المستقبل.</p>
<p>6. <h1></h1>هي إحدى فئات علامات الرؤوس <h1>..<h6>، وعادةً ما يحتوي على عنوان الصفحة. على سبيل المثال، تحتوي هذه الصفحة على علامة العنوان "مثال لإنشاء صفحة html".</p>ملحوظة <p>تتمتع هذه العلامات بأهمية كبيرة في تصنيف مواقع الويب، لذا يجب استخدامها بعناية وحكمة.</p>
<p>عند إنشاء كود HTML، يجب عليك اتباع قاعدة بسيطة: يجب أن تأتي علامة العنوان أولاً <h1>، وبعد ذلك يمكنهم المضي قدمًا <h2>
, <h3>إلخ. الشيء الرئيسي هو أن هذا لا يحدث في البداية <h2>، ثم <h1>، ثم <h3>وما إلى ذلك وهلم جرا. يجب أن يكون هناك تسلسل هرمي صارم. العناوين <h2>
, <h3>وما إلى ذلك وهلم جرا. ربما كثيرا.</p>
<p>7. <br/>هي علامة واحدة لا تتطلب علامة إغلاق. وينتقل إلى السطر التالي. في المثال الخاص بي، كتبت علامتين فرديتين على التوالي للانتقال إلى السطر التالي مرتين.</p>
<p>8. <span><img src='https://i1.wp.com/URL_ИЗОБРАЖЕНИЯ' loading=lazy loading=lazy>
</span>هي علامة واحدة تعرض صورة.</p>
<ul><li>src هو معلمة مطلوبة تحدد عنوان الصورة (بدلاً من URL_IMAGE، يجب عليك إدخال العنوان الذي تم تخزين صورتك فيه). <br><u>ملحوظة</u>:
<ul><li>إذا كانت الصورة موجودة في نفس المجلد مع صفحة html الخاصة بك، فيكفي كتابة اسم الصورة، وإلا فستحتاج إلى إدخال عنوان URL مطلق أو نسبي؛</li>
<li>لا تنس تحديد امتداد الصورة. على سبيل المثال، .jpg، .gif، .jpeg.</li>
</ul></li>
<li>alt أو title - يمكنك كتابة وصف لصورتك في هذه المعلمات. عندما تمرر مؤشر الفأرة فوق الصورة، سيظهر هذا الوصف. تعتبر هذه المعلمات مهمة للترويج لموقع الويب، خاصة في البحث عن الصور. إذا فشل تحميل الصورة، فسيتم عرض هذا النص، وهو أمر إيجابي أيضًا.</li>
</ul><p>9. <font></font>- يتم إنشاء هذه العلامات لتغيير الخط والخلفية والحجم وما إلى ذلك. باختصار، يمكن تكوين كل ما يتعلق بتنسيق النص في علامة واحدة. تحتوي هذه العلامة على عدد لا بأس به من السمات، والتي سأناقشها في درس منفصل.</p>
<p>ملحوظة: - علامة مشابهة.</p>
<p>هناك أيضًا خاصية خط CSS حيث يمكنك تعيين كل هذه المعلمات.</p>
<p>10. - تسليط الضوء بالخط العريض. كل ما يأتي بين <b>و</b>سيتم تسليط الضوء بالخط العريض. على سبيل المثال، إذا كتبته في بداية المحتوى وأغلقته في النهاية، فسيتم تمييز كل النص الموجود على الصفحة بالخط العريض. هذه علامة شائعة إلى حد ما، والتي هي التناظرية <strong></strong>
.</p>
<p>تهتم محركات البحث بهذه العلامة من حيث زيادة تأثير الكلمات الرئيسية. ولكن عليك أن تكون حذرًا، نظرًا لأن تمييز الكلمات الرئيسية بالخط العريض في كل مرة سيتم اعتباره بريدًا عشوائيًا.</p>
<td width="87%" height="778" valign="top">
<p>لغة البرمجة - <span>لغة ترميز النص التشعبي القياسية.</span> (<i>إنجليزي اختصار. لغة ترميز النصوص التشعبية</i>).</p>
<p>تم اختراع لغة HTML في القرن العشرين لعرض النص (في البداية كانت مجرد نص)، ثم مع تطور تكنولوجيا الكمبيوتر، بدأ ظهور الفيديو والصوت والصور وما إلى ذلك. (في القرن الحادي والعشرين، كانت هذه المعلومات تسمى "المحتوى")، مما أدى بطبيعة الحال إلى الحاجة إلى توسيع الإنترنت. وبفضل هذا، بدأت لغة HTML في التطور.</p>
<p>اليوم، بالإضافة إلى HTML، هناك لغات برمجة أخرى - PHP، CSS، MSQ، Java scripts وغيرها. يتزايد عددهم باستمرار، وكذلك جودة كتابة التعليمات البرمجية.</p>
<p>تقوم لغة HTML بشكل أساسي فقط بترميز الصفحة، وما يجب عرضه على الموقع، واللغات الأخرى تعطي الصفحة "ألوانًا" وتندمج في كل واحد، مما يمنح الموقع جمالًا ومعنى.</p>
<p>في القرن الحادي والعشرين، أصبح مفهوم مثل Web-2.0-age للوسائط المتعددة قيد الاستخدام الكامل بالفعل، حيث يتلاشى النص بالفعل في الخلفية. لكن في الوقت الحالي، لا يزال النص يستخدم على المواقع، كقاعدة عامة، لوصف بعض الإجراءات أو عناصر الموقع، سواء كانت مواد فيديو أو صوتية. لذلك، لا تزال بحاجة إلى تعلم لغة HTML، والتي بدونها لن تتمكن من كتابة النص وتصميمه بشكل جميل وعناصر الموقع الأخرى.</p>
<p>لغة HTML لديها العديد من الإصدارات، ولكن كقاعدة عامة لم تخضع للعديد من التغييرات. في الوقت الحالي، الإصدار الرئيسي للغة HTML هو HTML 4.01 Transitional - وهي لغة انتقالية من HTML 4.01 Transitional إلى HTML 5.0، أحدث إصدار من HTML في الوقت الحالي.</p>
<p>ستغطي هذه الدورة لغة HTML 4.01 Transitiona حيث أن الإصدار الخامس لا يزال قيد التطوير.</p>
<p>لذلك دعونا نبدأ في تعلم لغة HTML. سأقدم لك وصفًا فقط لتلك العلامات التي يتم العثور عليها غالبًا عند كتابة مواقع الويب، والباقي إما لا يتم استخدامه على الإطلاق أو نادرًا ما يتم استخدامه.</p><p>جدول علامات وسمات HTML.</p>
<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td class="a1"><p>العلامات والصفات:</p>
</td>
<td class="a2"><p>وصف العلامات والصفات:</p>
</td>
</tr><tr><td class="a1"><html> </html>
</td>
<td class="a2"><p>العلامة المقترنة (تحتوي على علامة فتح وإغلاق مع علامة "/" في علامة الإغلاق). هي علامة عامة <b>لغة البرمجة</b>. هذه حاوية مشتركة تناسب جميع العلامات الموجودة. هذه العلامة والثلاثة التالية مطلوبة لأي <b>لغة البرمجة</b>-صفحات.</p>
</td>
</tr><tr><td class="a1"><title>
.تحتوي هذه العلامة على اسم صفحة الموقع. تبحث محركات البحث عن هذا الاسم أولاً.
|
|
|
علامة مقترنة. مكتوب داخل العلامة المقترنة تحتوي هذه العلامة على؛ ورقة أنماط CSS المرفقة، عنوان صفحة الموقع، وصف الصفحة، البرامج النصية، ترميز الصفحة.
|
|
علامة مقترنة. مكتوب داخل العلامة المقترنة بعد علامة الزوج . تحتوي هذه العلامة على كافة العلامات الأخرى لغة البرمجةوالتي تعطي مظهر الصفحة وحجمها. تتم العملية الكاملة لإنشاء موقع ويب في هذه العلامة.
|
|
|
علامة مقترنة. مكتوب داخل العلامة المقترنة
. يتم استخدام هذه العلامة لتسليط الضوء على العناوين الموجودة في الموقع. كلما زاد الرقم في العلامة، انخفضت قيمة العنوان. وعليه، كلما كان العنوان أصغر، قل تأثيره على محركات البحث من حيث تحسين الموقع. تلعب هذه العلامة دورًا كبيرًا، كما تفعل العلامة في العثور على الموقع في استعلامات البحث.
|
|
|
علامة مقترنة. مكتوب داخل علامة مقترنة
. الغرض الرئيسي من هذه العلامة هو تقسيم النصوص إلى فقرات.
|
|
|
علامة مقترنة. مكتوب داخل العلامة المقترنة
. هو رابط لأقسام أخرى من نفسه لغة البرمجةصفحة أو رابط لموقع آخر.
|
|
. الغرض هو نفس العلامة، ولكن يمكن تقسيم كل المحتوى إلى أجزاء عن طريق وضع مسافات بينها. لديه القليل من النشاط البدني.
|
![]()
|
علامة غير مقترنة. مكتوب داخل العلامة المقترنة
. تشير العلامة إلى وجود صورة في مكان معين.
|
|
|
علامة مقترنة. مكتوب داخل العلامة المقترنة
. إدراج جدول في الموقع.
|
| , ,
|
. الغرض الرئيسي من هذه العلامات هو إنشاء أقسام من النص عريضو مائللجذب العين البشرية. تتيح لك هذه العلامات إبراز الفكرة الرئيسية للنص.
|
|
علامة مقترنة. مكتوب داخل العلامة المقترنة
. العلامة ليس لها معنى، ولكن باستخدام هذه العلامة يمكنك تسليط الضوء على أي منطقة لغة البرمجةالصفحات التي يمكنك من خلالها إجراء أي تغييرات فيما يتعلق بالتصميم في ورقة أنماط CSS.
|
|
|
علامة مقترنة. مكتوب داخل العلامة المقترنة
. والغرض هو نفس العلامة ، ولكن مع نصف قطر عمل أصغر يعمل داخل العلامة
.
|
, , , , ,
|
العلامات المقترنة. مكتوب داخل علامة مقترنة
. قسّم النص إلى قوائم بالرصاص.
|
| | ,
|
العلامات المقترنة. مكتوب داخل علامة مقترنة . تقسيم الجدول إلى صفوف وأعمدة.
|
| |
علامة مقترنة. مكتوب داخل العلامة المقترنة . تحديد الصف الرئيسي في الجدول، وجعل النص غامقًا ومحاذاته في منتصف الخلية.
|
|---|
| سرك = ""، href = "" |
صفتان جوهرهما أنهما تعطيان عنوان المعلومات المشار إليها فيهما. أي أنها تشير إلى المكان الذي يوجد به هذا المحتوى أو ذاك. ويمكن أن يكون نصًا عاديًا أو موردًا أو نوعًا من المعلومات الرسومية؛ الصورة والفيديو والصوت، الخ. ولكن يتم فصل هذه الصفات بشكل صارم حسب الغرض. توفر السمة src="" العناوين فقط للمصادر الرسومية، أي المكان الذي توجد فيه. وتعطي السمة href = "" عناوين فقط لصفحات أخرى من الموقع أو لموارد أخرى، أي أنها في الواقع عبارة عن رابط تشعبي عادي لمصدر آخر موجود على صفحة أخرى من الموقع.
|
| فئة = "" |
سمة يمكن تخصيصها لكل علامة تقريبًا. جوهر هذه السمة هو إعطاء اسم لجزء معين من المحتوى عند مراجعته وتعديله باستخدام أوراق أنماط CSS.
|
| العنوان = ""، البديل = "" |
جوهرها هو إعطاء سمتين لبعض المصادر الرسومية، على سبيل المثال؛ وصف الصورة. ولكن بما أن هناك اثنين منهم، فإن وصفهم مختلف. تحتوي سمة العنوان = "" على وصف سيتم تمييزه عند تحريك مؤشر الماوس فوق هذا الكائن حتى يعرف الزائر ما هو مخفي أسفل هذا الكائن. عادة هذا هو الرابط. تحتوي السمة alt="" على وصف لهذا الكائن يوضح لمحرك البحث نوع الكائن بحيث يمكن إضافته إلى قاعدة البيانات للفهرسة. هذا الوصف غير مرئي لزوار الموقع، لكنه مرئي لمحركات البحث.
|
| محاذاة = ""، فالين = "" |
جوهر هاتين السمتين هو محاذاة منطقة معينة من الموقع أفقيًا أو رأسيًا. أي أنها توضح للمتصفح في أي منطقة من الموقع يجب أن توجد هذه المعلومات. تعمل السمة align="" على محاذاة المحتوى المحدد أو المحتوى بأكمله أفقيًا. تعمل السمة valign="" على محاذاة بعض أو كل المحتوى عموديًا.
|
| العرض = ""، الارتفاع = "" |
سمتان جوهرهما هو تمديد أو تقليص بعض الأشياء الموجودة على الموقع. في الأساس، تؤدي هذه السمات إلى تشوه كائنات معينة، على سبيل المثال؛ الجداول، في الطول والعرض، وبالتالي تغيير أحجامها.
|
| الحدود = "" |
سمة إطار الجدول. باستخدام هذه السمة، يمكنك إنشاء إطار جدول مرئي وغير مرئي، بالإضافة إلى ضبط سمك الإطار.
|
| حشوة الخلية = ""، تباعد الخلايا = ""
|
جوهر السمتين هو نفسه الموجود في السمة border=""، ولكن الاختلاف الوحيد هو أن الحدود لا يتم تعيينها للجدول بأكمله، ولكن لعناصر الصف والعمود الخاصة به.
|
| بجكولور = "" |
سمة تحدد لون حدود الجدول.
|
صفحة HTML وبنيتها المحددة بواسطة العلامات الرئيسية
دعونا نرى كيف تبدو صفحة الإنترنت الأكثر عادية من الداخل.
- هيكل HTMLبشكل عام يكمن في قلب كل صفحة ويب.
- اليوم هناك عدة أنواع لغة البرمجةوثائق. كل نوع وثيقة له خاصته هيكل HTML(التفاصيل في أسفل الصفحة).
- تصحيح بنية HTML الأوليةهو ضمانة توافق الموقع عبر المتصفح.
في قائمة "ابدأ" أو "ابدأ النظام"، انتقل إلى قسم "البرامج" (كافة البرامج)، وافتح مجلد "الملحقات"، وحدد "المفكرة". بالطبع، هذه ليست الأداة الوحيدة لكتابة التعليمات البرمجية، ولكنها في هذه المرحلة هي ما تحتاجه.
مثال على هيكل الوثيقة:
دعونا نلقي نظرة على علامات HTML التي تحدد بنية الصفحة
- - إلزامي، تحديد لغة البرمجةوثيقة.
- - تعريف قسم بمعلومات الخدمة، ويحتوي على تعليمات لمحركات البحث والمتصفحات والبرامج النصية.
- - تحديد العنوان الرئيسي لصفحة الويب.
-
- إلزامي، تحديد الجزء المرئي من الوثيقة.
- تحديد عنوان المستوى الثالث.- - تحديد الفقرة. راجع فقرات HTML الخاصة بالدرس
هيكل وثيقة HTML | كتابة كود الصفحة
تسلسل الإجراءات هو كما يلي:
1. اكتب الكود في المفكرة لغة البرمجةالصفحات:
4. افتح IE (Internet Explorer) أو متصفح افتراضي آخر. نحاول في قائمته العثور على الملف Index.html المحفوظ على الكمبيوتر وفتحه. يمكنك أيضًا العثور على ملف وفتحه في أي متصفح في النافذة التي تظهر بعد كتابة مجموعة من مفتاحين على لوحة المفاتيح: Ctrl وO - اضغط باستمرار على Ctrl ثم اضغط على الحرف اللاتيني O.
لمزيد من دراسة المادة، تحتاج إلى ما يلي:
يجب أن يكون لديك ببساطة عدة متصفحات مختلفة على جهاز الكمبيوتر الخاص بك. قم بتنزيل Mozilla Firefox وOpera مجانًا وتابع درسنا.
افتح ملف Index.html باستخدام متصفح فايرفوكس. في الإصدارات السابقة من هذا المتصفح، لم تكن قادرًا على قراءة النص الذي كتبته، لذلك سيتم عرض أحرف غريبة. يمكن التخلص من هذا الخطأ ببساطة عن طريق تضمينه لغة البرمجةرمز مكون من علامتين مع مجموعة من السمات المطلوبة أيضًا.
بنية HTML 4.01 الصحيحة
ينبغي أن يكون هذا هو الهيكل الأولي لصفحة HTML:
أضف فقرات وعنوانًا بنفسك وشاهد ما سيخرج. تذكر، بعد كل عملية حفظ للمستند، قم بتحديث محتويات نافذة المتصفح بالنقر فوق الزر الموجود في Mozilla Firefox أو الزر الموجود في Internet Explorer أو F5 حتى تدخل التغييرات حيز التنفيذ.
هل نجح كل شيء بالنسبة لك؟ - لذلك كنت حذرا وفعلت كل شيء بشكل صحيح.
إذا قمت بفتح أي صفحة ويب، فسوف تحتوي على عناصر نموذجية لا تتغير حسب نوع الموقع ومركزه. يوضح المثال 4.1 رمز مستند بسيط يحتوي على علامات أساسية.
مثال 4.1. كود مصدر صفحة الويب
مثال لصفحة الويب
عنوان
الفقرة الأولى.
الفقرة الثانية.
انسخ محتويات هذا المثال واحفظه في المجلد c:\www\ كمثال 41.html. بعد ذلك، قم بتشغيل المتصفح وافتح الملف من خلال عنصر القائمة ملف > فتح ملف (Ctrl+O). في مربع حوار تحديد المستند، حدد الملف example41.html. سيتم فتح صفحة الويب الموضحة في الشكل 1 في المتصفح. 4.1.
أرز. 4.1. نتيجة تشغيل المثال
عنصريهدف إلى الإشارة إلى نوع المستند الحالي - DTD (تعريف نوع المستند، وصف نوع المستند). يعد ذلك ضروريًا حتى يفهم المتصفح كيفية تفسير صفحة الويب الحالية، لأن HTML موجود في عدة إصدارات، بالإضافة إلى وجود XHTML (لغة ترميز النص التشعبي القابلة للتوسيع)، والتي تشبه HTML ولكنها تختلف عنها في بناء الجملة. حتى لا يرتبك المتصفح ويفهم المعيار الذي سيتم بموجبه عرض صفحة الويب، من الضروري تعيينه في السطر الأول من التعليمات البرمجية
.
هناك عدة أنواعفهي تختلف وفقًا لإصدار HTML الذي تستهدفه. في الجدول 4.1. يتم إعطاء الأنواع الرئيسية من الوثائق مع أوصافها.
طاولة 4.1. DTDs صالحة | نوع الوثيقة |
وصف |
|---|
| أتش تي أم أل 4.01
|
|
|
بناء جملة HTML صارم. |
|
|
بناء جملة HTML الانتقالي. |
|
|
يستخدم مستند HTML الإطارات. |
| أتش تي أم أل 5
|
|
|
يحتوي هذا الإصدار من HTML على نوع مستند واحد فقط. |
| أتش تي أم أل 1.0
|
|
|
بناء جملة XHTML صارم. |
|
|
XHTML بناء الجملة الانتقالي. |
|
|
الوثيقة مكتوبة بلغة XHTML وتحتوي على إطارات. |
| أتش تي أم أل 1.1
|
|
|
يتوقع مطورو XHTML 1.1 أن يحل محل HTML تدريجيًا. كما ترون، هذا التعريف لا ينقسم إلى أنواع، لأن بناء الجملة هو نفسه ويخضع لقواعد واضحة. |
الفرق بين وصف المستند الصارم والانتقالي هو طريقة مختلفة لكتابة رمز المستند. يتطلب HTML الصارم التزامًا صارمًا بمواصفات HTML ولا يتسامح مع الأخطاء. يعتبر HTML الانتقالي أكثر استرخاءً فيما يتعلق ببعض عيوب التعليمات البرمجية، لذلك يفضل استخدام هذا النوع في حالات معينة.
على سبيل المثال، في HTML وXHTML الصارم، يلزم وجود العلامة
، وفي HTML الانتقالي يمكن حذفه وعدم تحديده. وفي الوقت نفسه، نتذكر أن المتصفح سيعرض المستند في أي حال، بغض النظر عما إذا كان يطابق بناء الجملة أم لا. يتم إجراء هذا الفحص باستخدام أداة التحقق من الصحة وهو مخصص في المقام الأول للمطورين لتتبع الأخطاء في المستند.</p>
<p>في المستقبل سوف نستخدم بشكل رئيسي صارم<!DOCTYPE>، ما لم ينص على خلاف ذلك. سيسمح لنا ذلك بتجنب الأخطاء الشائعة ويعلمنا كتابة التعليمات البرمجية الصحيحة من الناحية النحوية.</p>
<p>يمكنك غالبًا العثور على تعليمات برمجية بتنسيق HTML دون استخدام أي منها<!DOCTYPE>، ستظل صفحة الويب معروضة في هذه الحالة. ومع ذلك، قد يحدث أن يظهر نفس المستند بشكل مختلف في المتصفح عند الاستخدام<!DOCTYPE>وبدونها. بالإضافة إلى ذلك، يمكن للمتصفحات عرض مثل هذه المستندات بطريقتها الخاصة، ونتيجة لذلك سوف "تنهار" الصفحة، أي. سيتم عرضه بشكل مختلف تمامًا عما يطلبه المطور. لتجنب مثل هذه المواقف، أضف دائمًا<!DOCTYPE>إلى بداية الوثيقة.</p><p>بطاقة شعار <html>يحدد بداية ملف HTML، ويتم تخزين الرأس بداخله ( <head>) ونص الوثيقة ( <body>
).</p><p>عنوان المستند، ويسمى أيضًا الكتلة <head>، يمكن أن يحتوي على نص وعلامات، لكن محتوى هذا القسم لا يظهر مباشرة على الصفحة، إلا في الحاوية <title>
.</p><p>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</p><p>بطاقة شعار <meta>عالمية وتضيف فئة كاملة من القدرات، على وجه الخصوص، بمساعدة العلامات الوصفية، كما تسمى هذه العلامة بشكل عام، يمكنك تغيير ترميز الصفحة وإضافة كلمات رئيسية ووصف المستند وغير ذلك الكثير. بحيث يفهم المتصفح أنه يتعامل مع ترميز UTF-8 (تنسيق تحويل Unicode، تنسيق تحويل Unicode) ويتم إضافة هذا السطر.</p><p>
<title>مثال لصفحة الويب
بطاقة شعار
يحدد عنوان صفحة الويب، وهذا أحد العناصر المهمة المصممة لحل العديد من المشكلات. في نظام التشغيل Windows، يتم عرض نص العنوان في الزاوية اليسرى العليا من نافذة المتصفح (الشكل 4.2).</p>
<p><img src='https://i1.wp.com/htmlbook.ru/files/images/samhtml/fig_1_04_02.png' height="37" width="194" loading=lazy loading=lazy></p>
<p>أرز. 4.2. عرض الرأس في المتصفح</p>
<p>بطاقة شعار <title>إلزامي ويجب أن يكون موجودًا بالتأكيد في رمز المستند.</p><p>يجب عليك إضافة علامة إغلاق</head>للإشارة إلى اكتمال كتلة عنوان المستند.</p><p>جسم الوثيقة <body>مخصص لوضع العلامات ومحتوى صفحة الويب.</p><p>
<h1>عنوان</h1>
</p><p>يقدم HTML ستة عناوين نصية بمستويات مختلفة تشير إلى الأهمية النسبية للقسم الذي يلي العنوان. نعم العلامة <h1>يمثل عنوان المستوى الأول الأكثر أهمية، والعلامة <h6>يعمل على الإشارة إلى عنوان المستوى السادس وهو الأقل أهمية. افتراضيًا، يتم عرض عنوان المستوى الأول بأكبر خط غامق، وتكون عناوين المستوى التالي أصغر حجمًا. العلامات <h1>...<h6>ارجع إلى عناصر الكتلة، فهي تبدأ دائمًا في سطر جديد، وبعدها تظهر عناصر أخرى في السطر التالي. بالإضافة إلى ذلك، تتم إضافة مسافة بيضاء قبل العنوان وبعده.</p><p>
<!-- Комментарий -->
</p><p>يمكن إخفاء بعض النصوص بحيث لا تظهر في المتصفح عن طريق جعلها تعليقًا. على الرغم من أن هذا النص لن يرى المستخدم، إلا أنه سيظل يتم نقله في المستند، لذلك إذا نظرت إلى الكود المصدري، يمكنك اكتشاف الملاحظات المخفية.</p>
<script type="text/javascript">
<!--
var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})()
//-->
</script><br>
<br>
<script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+
";"+Math.random()+
"border='0' width='1' height='1' loading=lazy loading=lazy>");</script>
<div style="font-size:0px;height:0px;line-height:0px;margin:0;padding:0;clear:both"></div>
</div>
<footer>
<div class="td-block-row td-post-next-prev">
<div class="td-block-span6 td-post-prev-post">
<div class="td-post-next-prev-content"><span>المقال السابق</span><a href="https://redcomrade.ru/ar/motherboard/skachat-skaip-novaya-russkaya-versiya-gde-skachat-i-kak-ustanovit/">مكان التنزيل وكيفية تثبيت Skype على جهاز الكمبيوتر الخاص بك</a></div>
</div>
<!-- /next_post -->
<div class="td-next-prev-separator"></div>
<div class="td-block-span6 td-post-next-post">
<div class="td-post-next-prev-content"><span>المقالة التالية</span><a href="https://redcomrade.ru/ar/motherboard/programmy-optimizatory-dlya-windows-7-luchshie-besplatnye-programmy-dlya/">أفضل البرامج المجانية لتنظيف وتحسين جهاز الكمبيوتر الخاص بك</a></div>
<!-- /next_post -->
</div>
</div>
<div class="td-author-name vcard author" style="display: none"><span class="fn"><a href="https://redcomrade.ru/ar/author/iulia">جوليا</a></span></div> <span style="display: none;" itemprop="author" itemscope itemtype="https://schema.org/Person"><meta itemprop="name" content="Юлия"></span>
<meta itemprop="datePublished" content="2016-05-16T15:47:37+00:00">
<meta itemprop="dateModified" content="2016-10-25T16:54:41+00:00">
<meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="/other/kak-zavyazat-galstuk-foto-poshagovo.html" /><span style="display: none;" itemprop="publisher" itemscope itemtype="https://schema.org/Organization"><span style="display: none;" itemprop="logo" itemscope itemtype="https://schema.org/ImageObject"><meta itemprop="url" content="//redcomrade.ru/wp-content/uploads/2017/01/logo-300x100.png"></span>
<meta itemprop="name" content="Мой секрет">
</span>
<meta itemprop="headline " content="Как завязать галстук пошагово фото"><span style="display: none;" itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><meta itemprop="url" content="/wp-content/uploads/2016/05/1-19.jpg"><meta itemprop="width" content="640"><meta itemprop="height" content="450"></span> </footer>
</article>
<div class="td_block_wrap td_block_related_posts td_uid_3_5a236fb03c961_rand td_with_ajax_pagination td-pb-border-top td_block_template_1" data-td-block-uid="td_uid_3_5a236fb03c961" ><script>var block_td_uid_3_5a236fb03c961 = new tdBlock();
block_td_uid_3_5a236fb03c961.id = "td_uid_3_5a236fb03c961";
block_td_uid_3_5a236fb03c961.atts = '{ "limit":9,"sort":"","post_ids":"","tag_slug":"","autors_id":"","installed_post_types":"","category_id":"","category_ids":"","custom_title":"","custom_url":"","show_child_cat":"","sub_cat_ajax":"","ajax_pagination":"next_prev","header_color":"","header_text_color":"","ajax_pagination_infinite_stop":"","td_column_number":3,"td_ajax_preloading":"","td_ajax_filter_type":"td_custom_related","td_ajax_filter_ids":"","td_filter_default_txt":"\u0412\u0441\u0435","color_preset":"","border_top":"","class":"td_uid_3_5a236fb03c961_rand","el_class":"","offset":"","css":"","tdc_css":"","tdc_css_class":"td_uid_3_5a236fb03c961_rand","live_filter":"cur_post_same_categories","live_filter_cur_post_id":10046,"live_filter_cur_post_author":"694350","block_template_id":""} ';
block_td_uid_3_5a236fb03c961.td_column_number = "3";
block_td_uid_3_5a236fb03c961.block_type = "td_block_related_posts";
block_td_uid_3_5a236fb03c961.post_count = "9";
block_td_uid_3_5a236fb03c961.found_posts = "26";
block_td_uid_3_5a236fb03c961.header_color = "";
block_td_uid_3_5a236fb03c961.ajax_pagination_infinite_stop = "";
block_td_uid_3_5a236fb03c961.max_num_pages = "3";
tdBlocksArray.push(block_td_uid_3_5a236fb03c961);
</script><h4 class="td-related-title td-block-title"><a id="td_uid_4_5a236fb03e35d" class="td-related-left td-cur-simple-item" data-td_filter_value="" data-td_block_id="td_uid_3_5a236fb03c961" href="#">مقالات ذات صلة</a></h4><div id=td_uid_3_5a236fb03c961 class="td_block_inner">
<div class="td-related-row">
<div class="td-related-span4">
<div class="td_module_related_posts td-animation-stack td-meta-info-hide td_mod_related_posts">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://redcomrade.ru/ar/security/effektivnaya-nakrutka-na-strim-yutub-zritelei-laikov-dizlaikov/" rel="bookmark" title="TwitchMaster - زيادة مجانية للمشاهدين على Twitch (Twitch)"><img width="218" height="150" class="entry-thumb" src="/uploads/d7bae2ffd53afe61d4c2359d67f324a7.jpg" alt="TwitchMaster - زيادة مجانية للمشاهدين على Twitch (Twitch)" title="TwitchMaster - زيادة مجانية للمشاهدين على Twitch (Twitch)"/ loading=lazy loading=lazy></a></div>
<a href="https://redcomrade.ru/ar/category/security/" class="td-post-category">أمان</a> </div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/ar/security/effektivnaya-nakrutka-na-strim-yutub-zritelei-laikov-dizlaikov/" rel="bookmark" title="TwitchMaster - زيادة مجانية للمشاهدين على Twitch (Twitch)">TwitchMaster - زيادة مجانية للمشاهدين على Twitch (Twitch)</a></h3>
</div>
</div>
</div>
<div class="td-related-span4">
<div class="td_module_related_posts td-animation-stack td-meta-info-hide td_mod_related_posts">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://redcomrade.ru/ar/monitors/avtomaticheskie-nastroiki-interneta-megafon-na-iphone-kak-nastroit-na/" rel="bookmark" title="كيفية إعداد الإنترنت على Android من Megafon"><img width="218" height="150" class="entry-thumb" src="/uploads/6deb60234cde2de705571ef7b754651a.jpg" alt="كيفية إعداد الإنترنت على Android من Megafon" title="كيفية إعداد الإنترنت على Android من Megafon"/ loading=lazy loading=lazy></a></div>
<a href="https://redcomrade.ru/ar/category/monitors/" class="td-post-category">الشاشات</a> </div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/ar/monitors/avtomaticheskie-nastroiki-interneta-megafon-na-iphone-kak-nastroit-na/" rel="bookmark" title="كيفية إعداد الإنترنت على Android من Megafon">كيفية إعداد الإنترنت على Android من Megafon</a></h3>
</div>
</div>
</div>
<div class="td-related-span4">
<div class="td_module_related_posts td-animation-stack td-meta-info-hide td_mod_related_posts">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://redcomrade.ru/ar/the-winchesters/kak-vlozhit-fail-v-pismo-na-ipad-kak-prikreplyat-faily-k-elektronnomu/" rel="bookmark" title="كيفية إرفاق الملفات بالبريد الإلكتروني على iPhone وiPad"><img width="218" height="150" class="entry-thumb" src="/uploads/e53cdeff846873352191deaa65d518d9.jpg" alt="كيفية إرفاق الملفات بالبريد الإلكتروني على iPhone وiPad" title="كيفية إرفاق الملفات بالبريد الإلكتروني على iPhone وiPad"/ loading=lazy loading=lazy></a></div>
<a href="https://redcomrade.ru/ar/category/the-winchesters/" class="td-post-category">أصحاب الرافعات</a> </div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/ar/the-winchesters/kak-vlozhit-fail-v-pismo-na-ipad-kak-prikreplyat-faily-k-elektronnomu/" rel="bookmark" title="كيفية إرفاق الملفات بالبريد الإلكتروني على iPhone وiPad">كيفية إرفاق الملفات بالبريد الإلكتروني على iPhone وiPad</a></h3>
</div>
</div>
</div>
</div>
<div class="td-related-row">
<div class="td-related-span4">
<div class="td_module_related_posts td-animation-stack td-meta-info-hide td_mod_related_posts">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://redcomrade.ru/ar/ram/chto-delat-esli-outlook-perestal-otpravlyat-pisma-soobshcheniya-ne-otpravlyayutsya-ne/" rel="bookmark" title="لا يتم إرسال الرسائل لا يتم إرسال الرسائل من خلال Outlook"><img width="218" height="150" class="entry-thumb" src="/uploads/434ab64be0780da08f7bfb200c65213d.jpg" alt="لا يتم إرسال الرسائل لا يتم إرسال الرسائل من خلال Outlook" title="لا يتم إرسال الرسائل لا يتم إرسال الرسائل من خلال Outlook"/ loading=lazy loading=lazy></a></div>
<a href="https://redcomrade.ru/ar/category/ram/" class="td-post-category">كبش</a> </div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/ar/ram/chto-delat-esli-outlook-perestal-otpravlyat-pisma-soobshcheniya-ne-otpravlyayutsya-ne/" rel="bookmark" title="لا يتم إرسال الرسائل لا يتم إرسال الرسائل من خلال Outlook">لا يتم إرسال الرسائل لا يتم إرسال الرسائل من خلال Outlook</a></h3>
</div>
</div>
</div>
<div class="td-related-span4">
<div class="td_module_related_posts td-animation-stack td-meta-info-hide td_mod_related_posts">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://redcomrade.ru/ar/winchesters/1s-otkaz-ot-modalnyh-okon-chto-delat-esli-ispolzovanie-modalnyh-okon-v/" rel="bookmark" title="ماذا تفعل إذا"использование модальных окон в данном режиме запрещено""><img width="218" height="150" class="entry-thumb" src="/uploads/40b76a28c28b68917977d02dd2f56ebc.jpg" alt="ماذا تفعل إذا"использование модальных окон в данном режиме запрещено"" title="ماذا تفعل إذا"использование модальных окон в данном режиме запрещено""/ loading=lazy loading=lazy></a></div>
<a href="https://redcomrade.ru/ar/category/winchesters/" class="td-post-category">أصحاب الرافعات</a> </div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/ar/winchesters/1s-otkaz-ot-modalnyh-okon-chto-delat-esli-ispolzovanie-modalnyh-okon-v/" rel="bookmark" title="ماذا تفعل إذا"использование модальных окон в данном режиме запрещено"">ماذا تفعل إذا "تم حظر استخدام النوافذ المشروطة في هذا الوضع"</a></h3>
</div>
</div>
</div>
<div class="td-related-span4">
<div class="td_module_related_posts td-animation-stack td-meta-info-hide td_mod_related_posts">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://redcomrade.ru/ar/other/gde-vzyat-imya-polzovatelya-i-parol-chto-takoe-login-parol/" rel="bookmark" title="ما هو تسجيل الدخول وكلمة المرور والحساب (الحساب)"><img width="218" height="150" class="entry-thumb" src="/uploads/22b486190f1cbda5c184d64e63357af5.jpg" alt="ما هو تسجيل الدخول وكلمة المرور والحساب (الحساب)" title="ما هو تسجيل الدخول وكلمة المرور والحساب (الحساب)"/ loading=lazy loading=lazy></a></div>
<a href="https://redcomrade.ru/ar/category/other/" class="td-post-category">آخر</a> </div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/ar/other/gde-vzyat-imya-polzovatelya-i-parol-chto-takoe-login-parol/" rel="bookmark" title="ما هو تسجيل الدخول وكلمة المرور والحساب (الحساب)">ما هو تسجيل الدخول وكلمة المرور والحساب (الحساب)</a></h3>
</div>
</div>
</div>
</div>
<div class="td-related-row">
<div class="td-related-span4">
<div class="td_module_related_posts td-animation-stack td-meta-info-hide td_mod_related_posts">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://redcomrade.ru/ar/power-supplies/vord-rtf-perevesti-v-tekstovyi-dokument-konvertiruem-rtf-v-doc-kak/" rel="bookmark" title="تحويل Word rtf إلى مستند نصي"><img width="218" height="150" class="entry-thumb" src="/uploads/ffefbf699325f6b82e1049a3697b24f5.jpg" alt="تحويل Word rtf إلى مستند نصي" title="تحويل Word rtf إلى مستند نصي"/ loading=lazy loading=lazy></a></div>
<a href="https://redcomrade.ru/ar/category/power-supplies/" class="td-post-category">مزودات الطاقة</a> </div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/ar/power-supplies/vord-rtf-perevesti-v-tekstovyi-dokument-konvertiruem-rtf-v-doc-kak/" rel="bookmark" title="تحويل Word rtf إلى مستند نصي">تحويل Word rtf إلى مستند نصي</a></h3>
</div>
</div>
</div>
<div class="td-related-span4">
<div class="td_module_related_posts td-animation-stack td-meta-info-hide td_mod_related_posts">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://redcomrade.ru/ar/windows-7/territoriya-elektrotehnicheskoi-informacii-websor-kondensatory/" rel="bookmark" title="فحص المكثفات عن طريق قياس زمن الشحن"><img width="218" height="150" class="entry-thumb" src="/uploads/6214df3140da5578ccf8f7ff914afed1.jpg" alt="فحص المكثفات عن طريق قياس زمن الشحن" title="فحص المكثفات عن طريق قياس زمن الشحن"/ loading=lazy loading=lazy></a></div>
<a href="https://redcomrade.ru/ar/category/windows-7/" class="td-post-category">ويندوز 7</a> </div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/ar/windows-7/territoriya-elektrotehnicheskoi-informacii-websor-kondensatory/" rel="bookmark" title="فحص المكثفات عن طريق قياس زمن الشحن">فحص المكثفات عن طريق قياس زمن الشحن</a></h3>
</div>
</div>
</div>
<div class="td-related-span4">
<div class="td_module_related_posts td-animation-stack td-meta-info-hide td_mod_related_posts">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://redcomrade.ru/ar/multimedia/fail-odt-chem-otkryt-onlain-otkrytie-ili-sohranenie-dokumenta-v/" rel="bookmark" title="افتح مستندًا أو احفظه بتنسيق OpenDocument Text (ODT) باستخدام Word"><img width="218" height="150" class="entry-thumb" src="/uploads/fa62d7b8f2566c3ab3a248e178a3e5d1.jpg" alt="افتح مستندًا أو احفظه بتنسيق OpenDocument Text (ODT) باستخدام Word" title="افتح مستندًا أو احفظه بتنسيق OpenDocument Text (ODT) باستخدام Word"/ loading=lazy loading=lazy></a></div>
<a href="https://redcomrade.ru/ar/category/multimedia/" class="td-post-category">الوسائط المتعددة</a> </div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/ar/multimedia/fail-odt-chem-otkryt-onlain-otkrytie-ili-sohranenie-dokumenta-v/" rel="bookmark" title="افتح مستندًا أو احفظه بتنسيق OpenDocument Text (ODT) باستخدام Word">افتح مستندًا أو احفظه بتنسيق OpenDocument Text (ODT) باستخدام Word</a></h3>
</div>
</div>
</div>
</div></div></div>
</div>
</div>
<div class="td-pb-span4 td-main-sidebar">
<div class="td-ss-main-sidebar">
<aside class="widget lambda_169101">
<div style="margin:10px 0">
</div>
</aside>
<div class="td_block_wrap td_block_1 td_block_widget td_uid_2_5a23c04f0cdc0_rand td-pb-border-top td_block_template_1 td-column-1" data-td-block-uid="td_uid_2_5a23c04f0cdc0">
<div class="td-block-title-wrap">
<h4 class="block-title"><span class="td-pulldown-size">نوصي</span></h4>
</div>
<div id=td_uid_2_5a23c04f0cdc0 class="td_block_inner">
<div class="td-block-span12">
<div class="td_module_4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://redcomrade.ru/ar/power-supplies/konvertirovanie-iz-djvu-v-pdf-iz-djvu-v-pdf-dobavte-djvu-faily-v-fotokonverter/" rel="bookmark" title="التحويل من djvu الى pdf"><img width="324" height="235" class="entry-thumb" src="/uploads/07357a9cb698cca78f52a1840ff71fa7.jpg" alt="التحويل من djvu الى pdf" title="التحويل من djvu الى pdf"/ loading=lazy loading=lazy></a></div>
<a href="https://redcomrade.ru/ar/category/power-supplies/" class="td-post-category">مزودات الطاقة</a> </div>
<h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/ar/power-supplies/konvertirovanie-iz-djvu-v-pdf-iz-djvu-v-pdf-dobavte-djvu-faily-v-fotokonverter/" rel="bookmark" title="التحويل من djvu الى pdf">التحويل من djvu الى pdf</a></h3>
<div class="td-module-meta-info">
</div>
<div class="td-excerpt">يمكنك العثور على عدد كبير جدًا من المستندات بتنسيق . تم تطوير هذا التنسيق خصيصًا لتخزين المستندات الممسوحة ضوئيًا، مثل الكتب...</div>
</div>
<!-- /next_post -->
</div>
<div>
<div class="td-block-span12">
<div class="td_module_6 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-thumb"><a href="https://redcomrade.ru/ar/video-cards/kak-nastroit-printer-chtoby-pechatal-odin-printer-dlya-vseh/" rel="bookmark" title="طابعة واحدة لجميع أجهزة الكمبيوتر"><img width="100" height="70" class="entry-thumb" src="/uploads/d0b1ac1bf260e750e455c045b4aeda94.jpg" alt="طابعة واحدة لجميع أجهزة الكمبيوتر" title="طابعة واحدة لجميع أجهزة الكمبيوتر"/ loading=lazy loading=lazy></a></div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/ar/video-cards/kak-nastroit-printer-chtoby-pechatal-odin-printer-dlya-vseh/" rel="bookmark" title="طابعة واحدة لجميع أجهزة الكمبيوتر">طابعة واحدة لجميع أجهزة الكمبيوتر</a></h3>
<div class="td-module-meta-info">
<a href="https://redcomrade.ru/ar/category/video-cards/" class="td-post-category">بطاقات الفيديو</a> </div>
</div>
</div>
</div>
<div class="td-block-span12">
<div class="td_module_6 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-thumb"><a href="https://redcomrade.ru/ar/windows-7/teg-zacherknutyi-tegi-html-kotorye-ispolzuyutsya-dlya-oformleniya/" rel="bookmark" title="علامات HTML المستخدمة لتنسيق النص"><img width="100" height="70" class="entry-thumb" src="/uploads/439ea366d97c6964eaef461a14af1ca2.jpg" alt="علامات HTML المستخدمة لتنسيق النص" title="علامات HTML المستخدمة لتنسيق النص"/ loading=lazy loading=lazy></a></div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/ar/windows-7/teg-zacherknutyi-tegi-html-kotorye-ispolzuyutsya-dlya-oformleniya/" rel="bookmark" title="علامات HTML المستخدمة لتنسيق النص">علامات HTML المستخدمة لتنسيق النص</a></h3>
<div class="td-module-meta-info">
<a href="https://redcomrade.ru/ar/category/windows-7/" class="td-post-category">ويندوز 7</a> </div>
</div>
</div>
</div>
<div class="td-block-span12">
<div class="td_module_6 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-thumb"><a href="https://redcomrade.ru/ar/housings/whatsapp-ne-rabotaet-mikrofon-osnovnye-problemy-s-whatsapp-vatsap-ne-udaetsya/" rel="bookmark" title="المشاكل الأساسية مع WhatsApp لا يمكن لـ WhatsApp إعداد مسجل صوت"><img width="100" height="70" class="entry-thumb" src="/uploads/41a4e811c05d44441c331131b73768bf.jpg" alt="المشاكل الأساسية مع WhatsApp لا يمكن لـ WhatsApp إعداد مسجل صوت" title="المشاكل الأساسية مع WhatsApp لا يمكن لـ WhatsApp إعداد مسجل صوت"/ loading=lazy loading=lazy></a></div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/ar/housings/whatsapp-ne-rabotaet-mikrofon-osnovnye-problemy-s-whatsapp-vatsap-ne-udaetsya/" rel="bookmark" title="المشاكل الأساسية مع WhatsApp لا يمكن لـ WhatsApp إعداد مسجل صوت">المشاكل الأساسية مع WhatsApp لا يمكن لـ WhatsApp إعداد مسجل صوت</a></h3>
<div class="td-module-meta-info">
<a href="https://redcomrade.ru/ar/category/housings/" class="td-post-category">المساكن</a> </div>
</div>
</div>
</div>
<div class="td-block-span12">
<div class="td_module_6 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-thumb"><a href="https://redcomrade.ru/ar/ram/kak-udalyat-prilozheniya-iz-miui-udalyaem-guglovskie-prilozheniya-xiaomi-kak/" rel="bookmark" title="حذف تطبيقات "جوجل" Xiaomi كيفية حذف تطبيقات جوجل"><img width="100" height="70" class="entry-thumb" src="/uploads/92a80958c8a654b16480323026819a30.jpg" alt="حذف تطبيقات "جوجل" Xiaomi كيفية حذف تطبيقات جوجل" title="حذف تطبيقات "جوجل" Xiaomi كيفية حذف تطبيقات جوجل"/ loading=lazy loading=lazy></a></div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/ar/ram/kak-udalyat-prilozheniya-iz-miui-udalyaem-guglovskie-prilozheniya-xiaomi-kak/" rel="bookmark" title="حذف تطبيقات "جوجل" Xiaomi كيفية حذف تطبيقات جوجل">حذف تطبيقات "جوجل" Xiaomi كيفية حذف تطبيقات جوجل</a></h3>
<div class="td-module-meta-info">
<a href="https://redcomrade.ru/ar/category/ram/" class="td-post-category">كبش</a> </div>
</div>
</div>
</div>
<div class="td-block-span12">
<div class="td_module_6 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-thumb"><a href="https://redcomrade.ru/ar/other/zapusk-programmy-iz-powershell-kak-otkryt-powershell-vse-metody-vypolnenie-skripta/" rel="bookmark" title="كيفية فتح بوويرشيل، جميع الطرق. تنفيذ برنامج بوويرشيل النصي"><img width="100" height="70" class="entry-thumb" src="/uploads/86f5138a09e2d40619cd9cada4393882.jpg" alt="كيفية فتح بوويرشيل، جميع الطرق. تنفيذ برنامج بوويرشيل النصي" title="كيفية فتح بوويرشيل، جميع الطرق. تنفيذ برنامج بوويرشيل النصي"/ loading=lazy loading=lazy></a></div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/ar/other/zapusk-programmy-iz-powershell-kak-otkryt-powershell-vse-metody-vypolnenie-skripta/" rel="bookmark" title="كيفية فتح بوويرشيل، جميع الطرق. تنفيذ برنامج بوويرشيل النصي">كيفية فتح بوويرشيل، جميع الطرق. تنفيذ برنامج بوويرشيل النصي</a></h3>
<div class="td-module-meta-info">
<a href="https://redcomrade.ru/ar/category/other/" class="td-post-category">آخر</a> </div>
</div>
</div>
</div>
<div class="td-block-span12">
<div class="td_module_6 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-thumb"><a href="https://redcomrade.ru/ar/processors/vs-dlya-dle-datalife-engine-dle-moduli-shablony-skiny-haki-php-skripty/" rel="bookmark" title="الوحدات والقوالب والجلود والخارقة"><img width="100" height="70" class="entry-thumb" src="/uploads/78e8d23e7b90868c507068db59cc8609.jpg" alt="الوحدات والقوالب والجلود والخارقة" title="الوحدات والقوالب والجلود والخارقة"/ loading=lazy loading=lazy></a></div>
<div class="item-details">
<h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/ar/processors/vs-dlya-dle-datalife-engine-dle-moduli-shablony-skiny-haki-php-skripty/" rel="bookmark" title="الوحدات والقوالب والجلود والخارقة">الوحدات والقوالب والجلود والخارقة</a></h3>
<div class="td-module-meta-info">
<a href="https://redcomrade.ru/ar/category/processors/" class="td-post-category">معالجات</a> </div>
</div>
</div>
</div>
</div>
</div>
</div>
<aside class="widget_text td_block_template_1 widget widget_custom_html">
<div class="textwidget custom-html-widget">
</div>
</aside>
</div>
</div>
</div>
</div>
</div>
<div class="td-footer-wrapper td-container-wrap ">
<div class="td-container">
<div class="td-pb-row">
<div class="td-pb-span12">
</div>
</div>
<div class="td-pb-row">
<div class="td-pb-span4">
<div class="td_block_wrap td_block_15 td_block_widget td_uid_11_5a23980e76adb_rand td-pb-border-top td_block_template_1 td-column-1 td_block_padding" data-td-block-uid="td_uid_11_5a23980e76adb" >
<div class="td-block-title-wrap"></div><div id=td_uid_11_5a23980e76adb class="td_block_inner td-column-1"><div class="td-cust-row">
<div class="td-block-span12">
<div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://redcomrade.ru/ar/processors/razmery-moego-monitora-kak-uznat-razreshenie-ekrana-taina-veka-raskryta/" rel="bookmark" title="كيفية معرفة دقة الشاشة: كشف سر القرن"><img width="218" height="150" class="entry-thumb" src="/uploads/c44a4f3b59c38b909cab9a2381ee9636.jpg" alt="كيفية معرفة دقة الشاشة: كشف سر القرن" title="كيفية معرفة دقة الشاشة: كشف سر القرن"/ loading=lazy loading=lazy></a></div>
<a href="" class="td-post-category"></a> </div>
<h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/ar/processors/razmery-moego-monitora-kak-uznat-razreshenie-ekrana-taina-veka-raskryta/" rel="bookmark" title="كيفية معرفة دقة الشاشة: كشف سر القرن">كيفية معرفة دقة الشاشة: كشف سر القرن</a></h3>
</div>
</div>
<div class="td-block-span12">
<div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://redcomrade.ru/ar/processors/skachat-brauzer-vkontakte-na-kompyuter-ustanovit-vkontakte-na-pk/" rel="bookmark" title="تثبيت فكونتاكتي على جهاز الكمبيوتر"><img width="218" height="150" class="entry-thumb" src="/uploads/bc16063da735dd14a019e4dcd40b8be8.jpg" alt="تثبيت فكونتاكتي على جهاز الكمبيوتر" title="تثبيت فكونتاكتي على جهاز الكمبيوتر"/ loading=lazy loading=lazy></a></div>
<a href="" class="td-post-category"></a> </div>
<h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/ar/processors/skachat-brauzer-vkontakte-na-kompyuter-ustanovit-vkontakte-na-pk/" rel="bookmark" title="تثبيت فكونتاكتي على جهاز الكمبيوتر">تثبيت فكونتاكتي على جهاز الكمبيوتر</a></h3>
</div>
</div>
</div><div class="td-cust-row">
<div class="td-block-span12">
<div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://redcomrade.ru/ar/motherboard/skachat-skaip-novaya-russkaya-versiya-gde-skachat-i-kak-ustanovit/" rel="bookmark" title="مكان التنزيل وكيفية تثبيت Skype على جهاز الكمبيوتر الخاص بك"><img width="218" height="150" class="entry-thumb" src="/uploads/264447c87133fa38769b5304cf8f725e.jpg" alt="مكان التنزيل وكيفية تثبيت Skype على جهاز الكمبيوتر الخاص بك" title="مكان التنزيل وكيفية تثبيت Skype على جهاز الكمبيوتر الخاص بك"/ loading=lazy loading=lazy></a></div>
<a href="" class="td-post-category"></a> </div>
<h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/ar/motherboard/skachat-skaip-novaya-russkaya-versiya-gde-skachat-i-kak-ustanovit/" rel="bookmark" title="مكان التنزيل وكيفية تثبيت Skype على جهاز الكمبيوتر الخاص بك">مكان التنزيل وكيفية تثبيت Skype على جهاز الكمبيوتر الخاص بك</a></h3>
</div>
</div>
<div class="td-block-span12">
<div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://redcomrade.ru/ar/motherboard/programmy-optimizatory-dlya-windows-7-luchshie-besplatnye-programmy-dlya/" rel="bookmark" title="أفضل البرامج المجانية لتنظيف وتحسين جهاز الكمبيوتر الخاص بك"><img width="218" height="150" class="entry-thumb" src="/uploads/4d8d96f5b64c9bc333d181dc659e081e.jpg" alt="أفضل البرامج المجانية لتنظيف وتحسين جهاز الكمبيوتر الخاص بك" title="أفضل البرامج المجانية لتنظيف وتحسين جهاز الكمبيوتر الخاص بك"/ loading=lazy loading=lazy></a></div>
<a href="" class="td-post-category"></a> </div>
<h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/ar/motherboard/programmy-optimizatory-dlya-windows-7-luchshie-besplatnye-programmy-dlya/" rel="bookmark" title="أفضل البرامج المجانية لتنظيف وتحسين جهاز الكمبيوتر الخاص بك">أفضل البرامج المجانية لتنظيف وتحسين جهاز الكمبيوتر الخاص بك</a></h3>
</div>
</div>
</div><div class="td-cust-row">
<div class="td-block-span12">
<div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://redcomrade.ru/ar/security/effektivnaya-nakrutka-na-strim-yutub-zritelei-laikov-dizlaikov/" rel="bookmark" title="TwitchMaster - زيادة مجانية للمشاهدين على Twitch (Twitch)"><img width="218" height="150" class="entry-thumb" src="/uploads/d7bae2ffd53afe61d4c2359d67f324a7.jpg" alt="TwitchMaster - زيادة مجانية للمشاهدين على Twitch (Twitch)" title="TwitchMaster - زيادة مجانية للمشاهدين على Twitch (Twitch)"/ loading=lazy loading=lazy></a></div>
<a href="" class="td-post-category"></a> </div>
<h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/ar/security/effektivnaya-nakrutka-na-strim-yutub-zritelei-laikov-dizlaikov/" rel="bookmark" title="TwitchMaster - زيادة مجانية للمشاهدين على Twitch (Twitch)">TwitchMaster - زيادة مجانية للمشاهدين على Twitch (Twitch)</a></h3>
</div>
</div>
<div class="td-block-span12">
<div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://redcomrade.ru/ar/monitors/avtomaticheskie-nastroiki-interneta-megafon-na-iphone-kak-nastroit-na/" rel="bookmark" title="كيفية إعداد الإنترنت على Android من Megafon"><img width="218" height="150" class="entry-thumb" src="/uploads/6deb60234cde2de705571ef7b754651a.jpg" alt="كيفية إعداد الإنترنت على Android من Megafon" title="كيفية إعداد الإنترنت على Android من Megafon"/ loading=lazy loading=lazy></a></div>
<a href="" class="td-post-category"></a> </div>
<h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/ar/monitors/avtomaticheskie-nastroiki-interneta-megafon-na-iphone-kak-nastroit-na/" rel="bookmark" title="كيفية إعداد الإنترنت على Android من Megafon">كيفية إعداد الإنترنت على Android من Megafon</a></h3>
</div>
</div>
</div></div></div> <div class="clearfix"></div> </div>
<div class="td-pb-span4">
<div class="td_block_wrap td_block_15 td_block_widget td_uid_12_5a23980e79990_rand td-pb-border-top td_block_template_1 td-column-1 td_block_padding" data-td-block-uid="td_uid_12_5a23980e79990" >
<div class="td-block-title-wrap"></div><div id=td_uid_12_5a23980e79990 class="td_block_inner td-column-1"><div class="td-cust-row">
<div class="td-block-span12">
<div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://redcomrade.ru/ar/the-winchesters/kak-vlozhit-fail-v-pismo-na-ipad-kak-prikreplyat-faily-k-elektronnomu/" rel="bookmark" title="كيفية إرفاق الملفات بالبريد الإلكتروني على iPhone وiPad"><img width="218" height="150" class="entry-thumb" src="/uploads/e53cdeff846873352191deaa65d518d9.jpg" alt="كيفية إرفاق الملفات بالبريد الإلكتروني على iPhone وiPad" title="كيفية إرفاق الملفات بالبريد الإلكتروني على iPhone وiPad"/ loading=lazy loading=lazy></a></div>
<a href="" class="td-post-category"></a> </div>
<h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/ar/the-winchesters/kak-vlozhit-fail-v-pismo-na-ipad-kak-prikreplyat-faily-k-elektronnomu/" rel="bookmark" title="كيفية إرفاق الملفات بالبريد الإلكتروني على iPhone وiPad">كيفية إرفاق الملفات بالبريد الإلكتروني على iPhone وiPad</a></h3>
</div>
</div>
<div class="td-block-span12">
<div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://redcomrade.ru/ar/ram/chto-delat-esli-outlook-perestal-otpravlyat-pisma-soobshcheniya-ne-otpravlyayutsya-ne/" rel="bookmark" title="لا يتم إرسال الرسائل لا يتم إرسال الرسائل من خلال Outlook"><img width="218" height="150" class="entry-thumb" src="/uploads/434ab64be0780da08f7bfb200c65213d.jpg" alt="لا يتم إرسال الرسائل لا يتم إرسال الرسائل من خلال Outlook" title="لا يتم إرسال الرسائل لا يتم إرسال الرسائل من خلال Outlook"/ loading=lazy loading=lazy></a></div>
<a href="" class="td-post-category"></a> </div>
<h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/ar/ram/chto-delat-esli-outlook-perestal-otpravlyat-pisma-soobshcheniya-ne-otpravlyayutsya-ne/" rel="bookmark" title="لا يتم إرسال الرسائل لا يتم إرسال الرسائل من خلال Outlook">لا يتم إرسال الرسائل لا يتم إرسال الرسائل من خلال Outlook</a></h3>
</div>
</div>
</div><div class="td-cust-row">
<div class="td-block-span12">
<div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://redcomrade.ru/ar/winchesters/1s-otkaz-ot-modalnyh-okon-chto-delat-esli-ispolzovanie-modalnyh-okon-v/" rel="bookmark" title="ماذا تفعل إذا"использование модальных окон в данном режиме запрещено""><img width="218" height="150" class="entry-thumb" src="/uploads/40b76a28c28b68917977d02dd2f56ebc.jpg" alt="ماذا تفعل إذا"использование модальных окон в данном режиме запрещено"" title="ماذا تفعل إذا"использование модальных окон в данном режиме запрещено""/ loading=lazy loading=lazy></a></div>
<a href="" class="td-post-category"></a> </div>
<h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/ar/winchesters/1s-otkaz-ot-modalnyh-okon-chto-delat-esli-ispolzovanie-modalnyh-okon-v/" rel="bookmark" title="ماذا تفعل إذا"использование модальных окон в данном режиме запрещено"">ماذا تفعل إذا "تم حظر استخدام النوافذ المشروطة في هذا الوضع"</a></h3>
</div>
</div>
<div class="td-block-span12">
<div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://redcomrade.ru/ar/other/gde-vzyat-imya-polzovatelya-i-parol-chto-takoe-login-parol/" rel="bookmark" title="ما هو تسجيل الدخول وكلمة المرور والحساب (الحساب)"><img width="218" height="150" class="entry-thumb" src="/uploads/22b486190f1cbda5c184d64e63357af5.jpg" alt="ما هو تسجيل الدخول وكلمة المرور والحساب (الحساب)" title="ما هو تسجيل الدخول وكلمة المرور والحساب (الحساب)"/ loading=lazy loading=lazy></a></div>
<a href="" class="td-post-category"></a> </div>
<h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/ar/other/gde-vzyat-imya-polzovatelya-i-parol-chto-takoe-login-parol/" rel="bookmark" title="ما هو تسجيل الدخول وكلمة المرور والحساب (الحساب)">ما هو تسجيل الدخول وكلمة المرور والحساب (الحساب)</a></h3>
</div>
</div>
</div><div class="td-cust-row">
<div class="td-block-span12">
<div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://redcomrade.ru/ar/power-supplies/vord-rtf-perevesti-v-tekstovyi-dokument-konvertiruem-rtf-v-doc-kak/" rel="bookmark" title="تحويل Word rtf إلى مستند نصي"><img width="218" height="150" class="entry-thumb" src="/uploads/ffefbf699325f6b82e1049a3697b24f5.jpg" alt="تحويل Word rtf إلى مستند نصي" title="تحويل Word rtf إلى مستند نصي"/ loading=lazy loading=lazy></a></div>
<a href="" class="td-post-category"></a> </div>
<h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/ar/power-supplies/vord-rtf-perevesti-v-tekstovyi-dokument-konvertiruem-rtf-v-doc-kak/" rel="bookmark" title="تحويل Word rtf إلى مستند نصي">تحويل Word rtf إلى مستند نصي</a></h3>
</div>
</div>
<div class="td-block-span12">
<div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://redcomrade.ru/ar/windows-7/territoriya-elektrotehnicheskoi-informacii-websor-kondensatory/" rel="bookmark" title="فحص المكثفات عن طريق قياس زمن الشحن"><img width="218" height="150" class="entry-thumb" src="/uploads/6214df3140da5578ccf8f7ff914afed1.jpg" alt="فحص المكثفات عن طريق قياس زمن الشحن" title="فحص المكثفات عن طريق قياس زمن الشحن"/ loading=lazy loading=lazy></a></div>
<a href="" class="td-post-category"></a> </div>
<h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/ar/windows-7/territoriya-elektrotehnicheskoi-informacii-websor-kondensatory/" rel="bookmark" title="فحص المكثفات عن طريق قياس زمن الشحن">فحص المكثفات عن طريق قياس زمن الشحن</a></h3>
</div>
</div>
</div></div></div> <div class="clearfix"></div> </div>
<div class="td-pb-span4">
<div class="td_block_wrap td_block_15 td_block_widget td_uid_13_5a23980e7caa8_rand td-pb-border-top td_block_template_1 td-column-1 td_block_padding" data-td-block-uid="td_uid_13_5a23980e7caa8" >
<div class="td-block-title-wrap"></div><div id=td_uid_13_5a23980e7caa8 class="td_block_inner td-column-1"><div class="td-cust-row">
<div class="td-block-span12">
<div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://redcomrade.ru/ar/multimedia/fail-odt-chem-otkryt-onlain-otkrytie-ili-sohranenie-dokumenta-v/" rel="bookmark" title="افتح مستندًا أو احفظه بتنسيق OpenDocument Text (ODT) باستخدام Word"><img width="218" height="150" class="entry-thumb" src="/uploads/fa62d7b8f2566c3ab3a248e178a3e5d1.jpg" alt="افتح مستندًا أو احفظه بتنسيق OpenDocument Text (ODT) باستخدام Word" title="افتح مستندًا أو احفظه بتنسيق OpenDocument Text (ODT) باستخدام Word"/ loading=lazy loading=lazy></a></div>
<a href="" class="td-post-category"></a> </div>
<h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/ar/multimedia/fail-odt-chem-otkryt-onlain-otkrytie-ili-sohranenie-dokumenta-v/" rel="bookmark" title="افتح مستندًا أو احفظه بتنسيق OpenDocument Text (ODT) باستخدام Word">افتح مستندًا أو احفظه بتنسيق OpenDocument Text (ODT) باستخدام Word</a></h3>
</div>
</div>
<div class="td-block-span12">
<div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://redcomrade.ru/ar/power-supplies/konvertirovanie-iz-djvu-v-pdf-iz-djvu-v-pdf-dobavte-djvu-faily-v-fotokonverter/" rel="bookmark" title="التحويل من djvu الى pdf"><img width="218" height="150" class="entry-thumb" src="/uploads/b72842de89142c3a4e6751e878ee71e7.jpg" alt="التحويل من djvu الى pdf" title="التحويل من djvu الى pdf"/ loading=lazy loading=lazy></a></div>
<a href="" class="td-post-category"></a> </div>
<h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/ar/power-supplies/konvertirovanie-iz-djvu-v-pdf-iz-djvu-v-pdf-dobavte-djvu-faily-v-fotokonverter/" rel="bookmark" title="التحويل من djvu الى pdf">التحويل من djvu الى pdf</a></h3>
</div>
</div>
</div><div class="td-cust-row">
<div class="td-block-span12">
<div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://redcomrade.ru/ar/video-cards/kak-nastroit-printer-chtoby-pechatal-odin-printer-dlya-vseh/" rel="bookmark" title="طابعة واحدة لجميع أجهزة الكمبيوتر"><img width="218" height="150" class="entry-thumb" src="/uploads/39e7d14b700a87cdca89a7d71c3e9376.jpg" alt="طابعة واحدة لجميع أجهزة الكمبيوتر" title="طابعة واحدة لجميع أجهزة الكمبيوتر"/ loading=lazy loading=lazy></a></div>
<a href="" class="td-post-category"></a> </div>
<h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/ar/video-cards/kak-nastroit-printer-chtoby-pechatal-odin-printer-dlya-vseh/" rel="bookmark" title="طابعة واحدة لجميع أجهزة الكمبيوتر">طابعة واحدة لجميع أجهزة الكمبيوتر</a></h3>
</div>
</div>
<div class="td-block-span12">
<div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://redcomrade.ru/ar/windows-7/teg-zacherknutyi-tegi-html-kotorye-ispolzuyutsya-dlya-oformleniya/" rel="bookmark" title="علامات HTML المستخدمة لتنسيق النص"><img width="218" height="150" class="entry-thumb" src="/uploads/435ff9f20218bde6a838b1340c61ea3c.jpg" alt="علامات HTML المستخدمة لتنسيق النص" title="علامات HTML المستخدمة لتنسيق النص"/ loading=lazy loading=lazy></a></div>
<a href="" class="td-post-category"></a> </div>
<h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/ar/windows-7/teg-zacherknutyi-tegi-html-kotorye-ispolzuyutsya-dlya-oformleniya/" rel="bookmark" title="علامات HTML المستخدمة لتنسيق النص">علامات HTML المستخدمة لتنسيق النص</a></h3>
</div>
</div>
</div><div class="td-cust-row">
<div class="td-block-span12">
<div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://redcomrade.ru/ar/housings/whatsapp-ne-rabotaet-mikrofon-osnovnye-problemy-s-whatsapp-vatsap-ne-udaetsya/" rel="bookmark" title="المشاكل الأساسية مع WhatsApp لا يمكن لـ WhatsApp إعداد مسجل صوت"><img width="218" height="150" class="entry-thumb" src="/uploads/527c37d077838df6451d3c4a1d12b694.jpg" alt="المشاكل الأساسية مع WhatsApp لا يمكن لـ WhatsApp إعداد مسجل صوت" title="المشاكل الأساسية مع WhatsApp لا يمكن لـ WhatsApp إعداد مسجل صوت"/ loading=lazy loading=lazy></a></div>
<a href="" class="td-post-category"></a> </div>
<h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/ar/housings/whatsapp-ne-rabotaet-mikrofon-osnovnye-problemy-s-whatsapp-vatsap-ne-udaetsya/" rel="bookmark" title="المشاكل الأساسية مع WhatsApp لا يمكن لـ WhatsApp إعداد مسجل صوت">المشاكل الأساسية مع WhatsApp لا يمكن لـ WhatsApp إعداد مسجل صوت</a></h3>
</div>
</div>
<div class="td-block-span12">
<div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide">
<div class="td-module-image">
<div class="td-module-thumb"><a href="https://redcomrade.ru/ar/ram/kak-udalyat-prilozheniya-iz-miui-udalyaem-guglovskie-prilozheniya-xiaomi-kak/" rel="bookmark" title="حذف تطبيقات "جوجل" Xiaomi كيفية حذف تطبيقات جوجل"><img width="218" height="150" class="entry-thumb" src="/uploads/714893ab18a02c47dab457edfe4645e9.jpg" alt="حذف تطبيقات "جوجل" Xiaomi كيفية حذف تطبيقات جوجل" title="حذف تطبيقات "جوجل" Xiaomi كيفية حذف تطبيقات جوجل"/ loading=lazy loading=lazy></a></div>
<a href="" class="td-post-category"></a> </div>
<h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/ar/ram/kak-udalyat-prilozheniya-iz-miui-udalyaem-guglovskie-prilozheniya-xiaomi-kak/" rel="bookmark" title="حذف تطبيقات "جوجل" Xiaomi كيفية حذف تطبيقات جوجل">حذف تطبيقات "جوجل" Xiaomi كيفية حذف تطبيقات جوجل</a></h3>
</div>
</div>
</div></div></div> <div class="clearfix"></div><aside class="td_block_template_1 widget widget_text"> <div class="textwidget">
</div>
</aside><aside class="td_block_template_1 widget widget_text"> <div class="textwidget">
</div>
</aside> </div>
</div>
</div>
</div>
<div class="td-sub-footer-container td-container-wrap ">
<div class="td-container">
<div class="td-pb-row">
<div class="td-pb-span td-sub-footer-menu">
</div>
<div class="td-pb-span td-sub-footer-copy">حقوق الطبع والنشر 2024 - إصلاح الكمبيوتر والكمبيوتر المحمول. بطاقات الفيديو، والأقراص الصلبة، والإنترنت، والشاشات.</div>
</div>
</div>
</div>
</div>
<style type="text/css" media="screen">
/* custom css theme panel */
.td-post-header .entry-title {
font-weight: normal !important;
}
h1.entry-title {
font-weight: normal !important;
border-bottom:#c44c4c 2px dotted;
}
h1.entry-title:before {
content: "\f184";
font-family: "FontAwesome";
margin-right:10px;
color:#c44c4c;
}
.sf-menu ul .td-menu-item > a:hover, .sf-menu ul .sfHover > a, .sf-menu ul .current-menu-ancestor > a, .sf-menu ul .current-category-ancestor > a, .sf-menu ul .current-menu-item > a {
color: #edf3f7;
}
.td-post-content h2 { border-bottom:#c44c4c 2px dotted;}
.td-post-content h2:before {
content: "\f184";
font-family: "FontAwesome";
margin-right:10px;
color:#c44c4c;
}
.td-post-content h3 { border-bottom:#c44c4c 2px dotted;}
.td-post-content h3:before {
content: "\f103";
font-family: "FontAwesome";
margin-right:10px;
color:#c44c4c;
}
.category-my .td-page-title {
color:#c44c4c;
font-weight: 400;
font-size: 36px;
}
.post header .entry-title {
line-height: 40px;
}
.td-category-description h2, .td-category-description h3 { color:#c44c4c;}
.td-category-description h2 { border-bottom:#c44c4c 2px solid;}
.td-category-description h2:before {
content: "\f055";
font-family: "FontAwesome";
margin-right:10px;
color:#c44c4c;
}
.td-category-description h3 { border-bottom:#c44c4c 2px solid;}
.td-category-description h3:before {
content: "\f103";
font-family: "FontAwesome";
margin-right:10px;
color:#c44c4c;
}
.td-category-description ol, .td-category-description ul { margin-top:20px !important; margin-bottom:20px !important;}
.td-category-description ul, .td-post-content ul { padding:0; margin:0; list-style:none; clear:both;}
.td-category-description ul li, .td-post-content ul li { padding:0 0 0 15px; margin:0 0 10px 35px; position:relative;}
.td-category-description ul li:before, .td-post-content ul li:before {
content: "\f192";
font-family: "FontAwesome"; color:#c44c4c; position:absolute; left:-10px;}
.td-category-description ol, .td-post-content ol { padding:0; margin:0 0 0 5px; list-style:none; counter-reset: lipoint; clear:both;}
.td-category-description ol li, .td-post-content ol li { padding:0 0 0 15px; margin:0 0 10px 35px; position:relative;}
.td-category-description ol li:before, .td-post-content ol li:before {
content: counter(lipoint);
counter-increment: lipoint;
color:#fff; position:absolute; left:-16px;
background:#c44c4c; width:20px; height:20px; line-height:20px; text-align:center;
-webkit-border-radius: 20px;border-radius: 20px; font-size:12px; top:3px;}
.toc_list li:before { display:none}
.td-header-style-9 .td-header-menu-wrap-full {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c44c4c+0,c10000+100 */
background: #c44c4c; /* Old browsers */
background: -moz-linear-gradient(top, #c44c4c 0%, #c10000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #c44c4c 0%,#c10000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #c44c4c 0%,#c10000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c44c4c', endColorstr='#c10000',GradientType=0 ); /* IE6-9 */
}
.sf-menu > li > a {
color: #fff;
}
.td-header-style-9 .header-search-wrap .td-icon-search {
color: #fff;
}
.td-affix a { color:#000 !important;}
</style>
<script type='text/javascript'>
/* <![CDATA[ */
var tocplus = { "smooth_scroll":"1"} ;
/* ]]> */
</script>
<script type='text/javascript' src='https://redcomrade.ru/wp-content/plugins/table-of-contents-plus/front.min.js'></script>
<script type='text/javascript' src='https://redcomrade.ru/wp-content/plugins/wp-postratings/js/postratings-js.js'></script>
<script type='text/javascript' src='https://redcomrade.ru/wp-content/themes/Newspaper/js/tagdiv_theme.js'></script>
<script type='text/javascript' src='/wp-includes/js/comment-reply.min.js'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var boxzilla_options = { "testMode":"","boxes":[]} ;
/* ]]> */
</script>
<script type='text/javascript' src='https://redcomrade.ru/wp-content/plugins/boxzilla/assets/js/script.min.js'></script>
<script type='text/javascript' src='/wp-includes/js/wp-embed.min.js'></script>
<script type='text/javascript' src='https://redcomrade.ru/wp-content/plugins/simple-lightbox/client/js/prod/lib.core.js'></script>
<script type='text/javascript' src='https://redcomrade.ru/wp-content/plugins/simple-lightbox/client/js/prod/lib.view.js'></script>
<script type='text/javascript' src='https://redcomrade.ru/wp-content/plugins/simple-lightbox/themes/baseline/js/prod/client.js'></script>
<script type='text/javascript' src='/assets/client1.js'></script>
<script type='text/javascript' src='https://redcomrade.ru/wp-content/plugins/simple-lightbox/template-tags/item/js/prod/tag.item.js'></script>
<script type='text/javascript' src='https://redcomrade.ru/wp-content/plugins/simple-lightbox/template-tags/ui/js/prod/tag.ui.js'></script>
<script type='text/javascript' src='https://redcomrade.ru/wp-content/plugins/simple-lightbox/content-handlers/image/js/prod/handler.image.js'></script>
<script>
(function(){
var html_jquery_obj = jQuery('html');
if (html_jquery_obj.length && (html_jquery_obj.is('.ie8') || html_jquery_obj.is('.ie9'))) {
var path = '/wp-content/themes/Newspaper/style.css';
jQuery.get(path, function(data) {
var str_split_separator = '#td_css_split_separator';
var arr_splits = data.split(str_split_separator);
var arr_length = arr_splits.length;
if (arr_length > 1) {
var dir_path = '/wp-content/themes/Newspaper';
var splited_css = '';
for (var i = 0; i < arr_length; i++) {
if (i > 0) {
arr_splits[i] = str_split_separator + ' ' + arr_splits[i];
}
//jQuery('head').append('<style>' + arr_splits[i] + '</style>');
var formated_str = arr_splits[i].replace(/\surl\(\'(?!data\:)/gi, function regex_function(str) {
return ' url(\'' + dir_path + '/' + str.replace(/url\(\'/gi, '').replace(/^\s+|\s+$/gm,'');
} );
splited_css += "<style>" + formated_str + "</style>";
}
var td_theme_css = jQuery('link#td-theme-css');
if (td_theme_css.length) {
td_theme_css.after(splited_css);
}
}
} );
}
} )();
</script>
<script type="text/javascript">
<!--
var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})()
//-->
</script><br>
<br>
</body>
</html> 
