تعلم HTML ©️
описание
تُستخدَم HTML في إنشاء و تصميم صفحات و مواقع الويب, و تُعتبَر هذه اللّغة من أقدم اللّغات و أوسعها إستخداماً في تصميم صفحات الويب. مجموعة المناقشة : @barmj1
3 069
подписчиков
Охват к подписчикам
228,4%
ERR
Реакции к просмотрам
0,14%
196 на 20 постов
Пересылки к просмотрам
0,25%
346
Постов в день
0,0
всего 20
Где отзываются чаще
доля реакций к просмотрам- 4 нояб.🔶 ما هو HTML 👩💻؟ 🔹️اختصار HTML (HyperText Markup Language) هي لغة التوصيف اللي تبني هيكل صفحات الويب — العناوين، الفقرات، الروابط، الصور، والنماذج. 🔹️ ببساطة: HTML بتقول للمتصفح ما الموجود في الصفحة، بينما CSS يحدد كيف يبدو وJavaScript يحدد كيف يتصرف. 🎯 الفكرة باختصار: 🔹️لو صفحتك دفتر، HTML هي الورق المرتّب بالعناوين والفقرات — هيكل واضح يعرض المحتوى للمستخدم والمتصفحات ومحركات البحث. 🧩 الاختلاف بين HTML وCSS وJS: • HTML = الهيكل (Structure) • CSS = المظهر (Presentation) • JavaScript = التفاعل (Behavior) ⚙️ نقاط مهمة سريعة: • استخدم وسوم دلالية مثل <header>, <nav>, <main>, <article>, <footer>. • ضيف alt لكل صورة لتحسين الوصول. • ضع <!DOCTYPE html> في أعلى الملف لتستخدم HTML5. • استخدم meta viewport لتناسب الهواتف: meta name="viewport" content="width=device-width, initial-scale=1". 🧠 ملاحظة أمان: لا تثق بمدخلات المستخدم — دوّن التحقق على الخادم (server-side) لتفادي XSS وSQL Injection. استعمل Content Security Policy (CSP) لحماية الصفحة من سكربتات غير موثوقة. 📄 مثال بسيط (انسخ والصق داخل ملف .html لتجربته): <!DOCTYPE html> <html lang="ar"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>موقع تجريبي</title> </head> <body> <header><h1>مرحبا — هذه صفحة تجريبية</h1></header> <main> <section> <h2>عن الموقع</h2> <p>هذا مثال يوضح أساسيات HTML ودلاليتها.</p> </section> </main> <footer><p>© 2025 جميع الحقوق محفوظة</p></footer> </body> </html> 🚀 لماذا تتعلم HTML؟ • لأنها أساس تطوير الويب — أي موقع أو واجهة تبدأ بـHTML. • بتحكم في الوصولية (Accessibility) وSEO وأداء الصفحة. • مع CSS وJS تقدر تنشئ مواقع وتطبيقات قوية وسريعة. 🛠️ نصيحة عملية: ابدأ بتطبيقات بسيطة، اهتم بالوصولية والأمان، ثم تعلّم CSS وJavaScript لرفع مستوى واجهاتك.0,55%
- 24 июн.👩💻 أفضل 8 لغات برمجة و أكثرها طلباً في سوق العمل 2027 مع استمرار توسع الذكاء الاصطناعي، والحوسبة السحابية، وتطبيقات الويب والموبايل، أصبح اختيار لغة البرمجة المناسبة عاملاً مهماً لبناء مستقبل مهني قوي. ورغم صعوبة التنبؤ الدقيق بما سيحدث في 2027، فإن المؤشرات الحالية من تقارير GitHub وStack Overflow ومؤشرات TIOBE توضح اللغات التي يتوقع أن تظل الأكثر طلباً خلال السنوات القادمة. 🔴 رابط الدرس كاملاً : 🔴🔴 https://www.nusurtech.ca/2022/12/top-8-programming-languages.html0,54%
- 24 окт. 2023 г.без подписи0,45%
- 28 июл.أفضل #لغات_البرمجة للمبتدئين 2026: كيف تختار أول لغة برمجة؟ تعرف على أفضل مجالات #البرمجة للمبتدئين في 2026، واكتشف أشهر لغات البرمجة المطلوبة في سوق العمل، وكيف تختار #التخصص_المناسب لبناء مسيرة مهنية ناجحة. 🔴 رابط المقال كاملاً : 🔴🔴 https://www.nusurtech.ca/2021/10/programming-for-beginners.html0,33%
- 22 окт. 2023 г.без подписи0,31%
- 16 мар. 2025 г.السلام عليكم ورحمة الله وبركاته🤝 ، اعتذر عن الانقطاع لفترة من الزمن سامحوني 🥺. بإذن الله بدايةَ من الاسبوع القادم سوف نكمل معكم لغات برمجة الويب بالتسلسل و سوف نعمل على إعداد باقي دروس 👩💻HTML في البداية ثم نذهب إلى CSS 👩💻 ثم JS 👩💻... وهكذا... في هذه الفترة يمكنك دعوة اصدقائك و تشجيعنا في نشر رابط القناة الآتي @HTML_PT0,21%
- 14 окт. 2023 г.ماهو الخطأ في كود HTML الآتي مع ذكر السبب : <html> <head> <title>NU</title> <head/> <body> <p>Nusur Tech<p><br> Ahmed<br>Muhammad </body> </html>0,15%
- 30 сент. 2023 г.الوسم #input و استخداماته في HTML input in HTML وسم input هو وسم يستخدم لإنشاء عناصر تقبل #الإدخال في الصفحة من المستخدم و أرسالها إلى السيرفر مثل مستطيل كتابة البريد الالكتروني و الباسورد عندما يكتبها المستخدم وترسل للسرفر عند الضغط على زر #الإدخال و لهذا الوسم قيم متعددة. لقراءة الدرس #السابع_عشر من HTML من خلال الرابط الآتي https://www.nusurtech.ca/2024/04/html-input.html0,15%
- 17 мар. 2025 г.👩💻0,12%
- 22 окт. 2023 г.ماهي مخرجات الكود الآتي حسب ما درسته في الدروس السابقة، وفي أي درس تم شرح هذا الوسم ؟ <html> <head> <title>first page</title> </head> <body> <h1>Nusur Tech 1</h1> <h2>Nusur Tech 2</h2> <h3>Nusur Tech 3</h3> <h4>Nusur Tech 4</h4> <h5>Nusur Tech 5</h5> <h6>Nusur Tech 6</h6> </body> </html>0,12%
- 23 окт. 2023 г.ماذا سوف تكون نتيجة هذا الكود بحسب ما تم دراسته في الدرس الرابع؟ رابط الدرس الرابع https://www.nusurtech.ca/2024/01/html-paragraph.html الكود 👇👇👇 <html> <head> <title>first page</title> </head> <body> <p>This is a paragraph. </p> <p>This is another paragraph. </p> </body> </html>0,10%
- 26 мар. 2025 г.👩💻 انشاء موقع متعدد الصفحات وربطهم مع بعض عبر HTML Multi page website creation. لإنشاء موقع ويب متعدد الصفحات باستخدام HTML، يمكنك اتباع الخطوات التالية. في هذا الدرس سأقدم لك هيكلًا بسيطًا لموقع يتكون من ثلاث صفحات: الصفحة الرئيسية، صفحة حول، وصفحة اتصل بنا. لقراءة الدرس #الخامس_والعشرون من HTML من خلال الرابط الآتي https://www.nusurtech.ca/2025/03/html-multi-page-website-creation.html0,09%