Web development | تطوير الويب

إن لغة CSS هي أساس تصميم و شكل الموقع فبدون CSS سوف تبقي مواقع الويب كأنها نصاً عادياً على خلفيات بيضاء. https://t.me/ma_net1

HTML :- هي لغه لوصف صفحات الويب وتقوم بترجمه صفحات الويب وعرضها على المتصفح وهي لغة ترميز تستخدم علامات الترميز . HTML هي اختصار الى H ------>hayper T ----->Text M ------> markup L ----->language

أنواع إلإدخال في HTML 🖥 https://t.me/ma_net1

🔆🔆🔆🔆🔆🔆🔆🔆🔆🔆🔆🔆 اكود لغة html مع شرح كل كود 〽️💢💢💢💢💢💢💢💢💢💢💢 HTML هي لغة ترميز للويب والتي تستخدم لبناء صفحات الويب. وفيما يلي بعض أكواد HTML الشائعة مع شرح كل كود: ♨️♨️ ⭕️1- <!DOCTYPE html>: هذا الكود يعرف النسخة من لغة HTML التي يتم استخدامها في صفحة الويب. ⭕️2- <html>: يفتح هذا العنصر علامات HTML لصفحة الويب ويعرف بداية صفحة HTML. ⭕️3- <head>: تستخدم هذه العلامة لإدراج المعلومات المراد إدخالها في الجزء العلوي من صفحة الويب مثل عنوان الصفحة، والتعريفات والروابط إلى CSS و JavaScript. ⭕️4- <title>: يتم استخدام هذا العنصر لتحديد عنوان الصفحة الذي يظهر في شريط عنوان المتصفح. ⭕️5- <body>: هذا العنصر يفتح جسم صفحة HTML ويعرف بداية محتوى الصفحة. ⭕️6- <h1> to <h6>: يتم استخدام هذه العلامات لإنشاء عناوين بحجم مختلف. يستخدم <h1> لأكبر العناوين و <h6> لأصغر العناوين. ⭕️7- <p>: تستخدم هذه العلامة لإدخال فقرة نص في صفحة HTML. ⭕️8- <a>: يتم استخدام هذا العنصر لإنشاء روابط في صفحة HTML. ⭕️9- <img>: يستخدم هذا العنصر لإدخال صورة في صفحة HTML. ⭕️10- <ul>: يستخدم هذا العنصر لإنشاء قائمة غير مرتبة. ⭕️11- <ol>: يستخدم هذا العنصر لإنشاء قائمة مرتبة. ⭕️12- <li>: يستخدم هذا العنصر لإضافة عنصر إلى قائمة. ⭕️13- <table>: يستخدم هذا العنصر لإنشاء جدول في صفحة HTML. ⭕️14- <tr>: تستخدم هذه العلامة لإنشاء صف داخل جدول HTML. ⭕️15- <td>: يستخدم هذا العنصر لإدخال خلية داخل جدول HTML ⭕️16- <form>: يستخدم هذا العنصر لإنشاء نموذج يسمح للمستخدمين بإدخال بيانات في صفحة HTML. ⭕️17- <input>: يتم استخدام هذا العنصر داخل النموذج لإنشاء مربعات نص، وأزرار، وخانات اختيار، وخانات تحديد. ⭕️18- <select>: يتم استخدام هذا العنصر داخل النموذج لإنشاء قائمة منسدلة تسمح للمستخدمين بتحديد خيار واحد أو أكثر. ⭕️19- <option>: يستخدم هذا العنصر داخل عنصر <select> لإنشاء خيارات لقائمة منسدلة. ⭕️20- <textarea>: يتم استخدام هذا العنصر داخل النموذج لإنشاء مربع نص يتيح للمستخدمين إدخال نص طويل. ⭕️21- <label>: يستخدم هذا العنصر لربط وصف مع العنصر الذي يشير إليه ، مثل مربع الاختيار أو الزر النصي. ⭕️22- <div>: يتم استخدام هذا العنصر لتقسيم صفحة HTML إلى أجزاء وتطبيق التنسيقات المختلفة عليها. ⭕️23- <span>: يتم استخدام هذا العنصر لتطبيق تنسيقات على نص محدد في صفحة HTML. ⭕️24- <style>: يتم استخدام هذا العنصر لإدراج قواعد CSS في صفحة HTML. ⭕️25- <script>: يتم استخدام هذا العنصر لإدراج كود JavaScript في صفحة HTML. ⭕️26- <!-- -->: يستخدم هذا الكود لإدراج تعليقات في صفحة HTML ولا يظهر للمستخدمين في المتصفح. هذه بعض الأكواد الشائعة في لغة HTML. يمكن استخدامها لبناء صفحات الويب وتخصيصها لتناسب الاحتياجات المستخدم https://t.me/ma_net1

🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟 الوسم او بمعنى (tag) في لغة HTML هو عنصر أساسي يستخدم لتحديد وتعريف جزء محدد من الصفحة، مثل عنوان أو صورة أو نص. الوسم يبدأ بعلامة فتح <tag> وينتهي بعلامة إغلاق </tag>. 💢على سبيل المثال، يمكن استخدام الوسم <h1> لتعريف عنوان رئيسي، والوسم <p> لتعريف فقرة نصية: <h1> أهلاً بك في الموقع </h1> <p> نقدم في هذه الموقع معلومات</p> يجب أن يتم وضع المحتوى الخاص بين علامات الوسم لتحديد كيفية عرضه. تتوفر العديد من الوسوم والعناصر في HTML لتنسيق النص، وإضافة صور وروابط وجداول ونماذج وغيرها. يمكن استخدام الوسوم بشكل متداخل لبناء الهيكل العام للصفحة. على سبيل المثال، يمكن استخدام الوسم <div> لتقسيم الصفحة إلى أجزاء مختلفة والوسم <section> لتحديد أقسام الصفحة الفرعية تابعنا لمعرفه المزيد عن html ❓ قناتي 👇 https://t.me/ma_net1

🤔#ما هي لغة HTML HTML هي اختصار لـ HyperText Markup Language، وهي لغة برمجة تستخدم لبناء صفحات الويب. تعتبر HTML أساسية في عملية بناء وتنسيق وترتيب محتوى صفحات الويب. ⁉️ HTML(tags) يستخدم عناصر ووسوم لوصف كيفية عرض المحتوى على الصفحة. تتألف العناصر من الوسوم المفتوحة <tag> والوسوم المغلقة </tag>. على سبيل المثال، يمكن استخدام وسم <h1> لتعريف عنوان رئيسي، ووسم <p> لتعريف فقرة نصية. ♻️يعتمد HTML بشكل كبير على الهيكلية والتنظيم، حيث يتضمن العديد من العناصر والوسوم المساعدة لتحقيق التنسيق والتخطيط المطلوب للصفحة. يمكن أيضًا استخدام CSS (Cascading Style Sheets) لتحسين مظهر صفحات HTML وتنسيقها بشكل أنيق. 🔴هام جداً أن تلاحظ أن HTML هي لغة وصفية وليست لغة برمجة تفاعلية مثل JavaScript. HTML فقط يصف هيكل الصفحة والمحتوى المعروض عليها، في حين يتم استخدام لغات برمجة أخرى مثل JavaScript لإضافة تفاعلية وأدوات إضافية إلى صفحة الويب. ♻️قناتي https://t.me/ma_net1

Code4Ever ¦ #web #website #app 🪧¦ الفرق بين الموقع وتطبيق الويب.🤛🏻🤜🏻 Website vs Web Application ––––––––––––––––––

🔰     أهــم الـمـواقـع للـمـبـرمـجـيـن 🔸 مـوقـع W3school : هو موقع علمي على الإنترنت لتعليم لغات تطوير الويب، يتضمن محتوى الدروس والمراجع المتعلقة بــ HTML - CSS - JavaScript - PHP - SQL .. ويستقبل الموقع أكثر من 45 مليون زائر شهرياً. 🌐 رابط الموقع : https://www.w3schools.com/ 🔸 مـوقـع Github : أولاً Github هي شركة تابعة لـ Microsoft، توفر استضافة لتطوير البرامج والتحكم في الإصدار باستخدام Git، توفر الشركة وظائف التحكم في الإصدار الموزع وإدارة كود المصدر لـ "Git"، بالإضافة إلى ميزاته الخاصة. 🌐 رابط الموقع : https://www.Github.com 🔸أكاديمية حسوب : تعتبر "أكاديمية حسوب" القسم التعليمي في شركة حسوب، التي تقدم خدمات الإنترنت للمستخدمين الناطقين بالعربية. كما تأسست الشركة في عام 2001 وتدير أكبر منصتين مستقلتين للغة العربية وأكبر شبكة إعلانية في الشرق الأوسط وشمال إفريقيا، من بين شركات أخرى. 🌐 رابط الموقع : https://academy.hsoub.com/ 🔸 مـوقـع Stackoverflow : هو الموقع الرئيسي لـ Stackextchange، أُنشأ في عام 2008 من قِبل "جيف أتوود" و "جويل سبولسكي"؛ اختير الاسم من قِبل رواد مدونة البرمجة الشهيرة "كودينغ هور" عام 2008. يقدم الموقع مجموعة واسعة من الأسئلة والأجوبة المتعلقة ببرمجة الحاسوب. 🌐 رابط الموقع : https://www.Stackoverflow.com 🔸 مـوقـع Sitepoint : هو موقع ويب مقره "ملبورن" وناشر الكتب والدورات والمقالات لمطوري الويب. في كانون الثاني (يناير) 2014 ، حصل موقع SitePoint.com على تصنيف Alexa يبلغ 889 ، وتصنيف Quantcast يبلغ 14934. 🌐 رابط الموقع : https://www.sitepoint.com/ 🔸 مـوقـع Hackerrank : من أفضل المواقع التي تستعرض عليك الكثير من المُعضلات المرتبة حسب مستويات محددة، ثم يتوجب عليك حل هذه المعضلات البرمجية و المشاكل بإستخدام بعض الذكاء و الحيلة أولاً، ثم بعض المهارة في لغتك البرمجية المحددة. يدعم الموقع كمّاً كبيراً من اللغات البرمجية مثل : Java, C, C++, SQL. 🌐 رابط الموقع : https://www.hackerrank.com/ 🔸 إضافةً إلى موقع YouTube الغني عن التعريف !

💠💠💠💠💠💠💠💠💠💠💠💠💠 🌐الموقع الاروع لأدوات وتصميمات مواقع الويب https://codepen.io/