تعلم HTML ©️
Ir al canal en Telegram
تُستخدَم HTML في إنشاء و تصميم صفحات و مواقع الويب, و تُعتبَر هذه اللّغة من أقدم اللّغات و أوسعها إستخداماً في تصميم صفحات الويب. مجموعة المناقشة : @barmj1
Mostrar más2 977
Suscriptores
-124 horas
-107 días
-2930 días
Cargando datos
Canales Similares
Sin datos
¿Algún problema? Por favor, actualice la página o contacte a nuestro gerente de soporte.
Nube de Etiquetas
Sin datos
¿Algún problema? Por favor, actualice la página o contacte a nuestro gerente de soporte.
Menciones Entrantes y Salientes
---
---
---
---
---
---
Atraer Suscriptores
octubre '26oct '26
octubre '26
+441
en 0 canales
septiembre '260
en 0 canales
Get PRO
agosto '260
en 0 canales
Get PRO
julio '260
en 0 canales
Get PRO
junio '260
en 0 canales
Get PRO
mayo '260
en 0 canales
Get PRO
abril '260
en 0 canales
Get PRO
marzo '260
en 0 canales
Get PRO
febrero '260
en 0 canales
Get PRO
enero '260
en 0 canales
Get PRO
diciembre '250
en 1 canales
Get PRO
noviembre '250
en 0 canales
Get PRO
octubre '250
en 0 canales
Get PRO
septiembre '250
en 0 canales
Get PRO
agosto '250
en 0 canales
Get PRO
julio '250
en 0 canales
Get PRO
junio '250
en 0 canales
Get PRO
mayo '250
en 0 canales
Get PRO
abril '250
en 2 canales
Get PRO
marzo '250
en 7 canales
Get PRO
febrero '250
en 0 canales
Get PRO
enero '250
en 0 canales
Get PRO
diciembre '240
en 0 canales
Get PRO
noviembre '240
en 0 canales
Get PRO
octubre '240
en 0 canales
Get PRO
septiembre '24
+227
en 1 canales
Get PRO
agosto '24
+22
en 5 canales
Get PRO
julio '24
+126
en 0 canales
Get PRO
junio '24
+133
en 1 canales
Get PRO
mayo '24
+167
en 0 canales
Get PRO
abril '24
+203
en 9 canales
Get PRO
marzo '24
+60
en 0 canales
Get PRO
febrero '24
+101
en 0 canales
Get PRO
enero '24
+211
en 0 canales
Get PRO
diciembre '23
+335
en 0 canales
Get PRO
noviembre '230
en 1 canales
Get PRO
octubre '230
en 2 canales
Get PRO
septiembre '230
en 0 canales
Get PRO
agosto '230
en 0 canales
Get PRO
julio '230
en 0 canales
Get PRO
junio '230
en 0 canales
Get PRO
mayo '230
en 0 canales
Get PRO
abril '230
en 0 canales
Get PRO
marzo '23
+21
en 0 canales
Get PRO
febrero '23
+32
en 0 canales
Get PRO
enero '23
+52
en 0 canales
Get PRO
diciembre '22
+29
en 0 canales
Get PRO
noviembre '22
+71
en 0 canales
Get PRO
octubre '22
+62
en 0 canales
Get PRO
septiembre '22
+83
en 0 canales
Get PRO
agosto '22
+60
en 0 canales
Get PRO
julio '22
+45
en 0 canales
Get PRO
junio '22
+45
en 0 canales
Get PRO
mayo '22
+33
en 0 canales
Get PRO
abril '22
+54
en 0 canales
Get PRO
marzo '22
+139
en 0 canales
Get PRO
febrero '22
+44
en 0 canales
Get PRO
enero '22
+133
en 0 canales
Get PRO
diciembre '21
+73
en 0 canales
Get PRO
noviembre '21
+63
en 0 canales
Get PRO
octubre '21
+440
en 0 canales
| Fecha | Crecimiento de Suscriptores | Menciones | Canales | |
| 28 octubre | 0 | |||
| 27 octubre | +1 | |||
| 26 octubre | 0 | |||
| 25 octubre | 0 | |||
| 24 octubre | 0 | |||
| 23 octubre | 0 | |||
| 22 octubre | +2 | |||
| 21 octubre | +2 | |||
| 20 octubre | 0 | |||
| 19 octubre | +1 | |||
| 18 octubre | 0 | |||
| 17 octubre | +3 | |||
| 16 octubre | +2 | |||
| 15 octubre | +1 | |||
| 14 octubre | +2 | |||
| 13 octubre | +1 | |||
| 12 octubre | 0 | |||
| 11 octubre | +1 | |||
| 10 octubre | +1 |
Publicaciones del Canal
Repost from قناة | نسور التقنية
ماهو التداول Trading وكيف ابدأ التداول وماهي الاسواق الموثوقة
What is Trading
تعرف على ماهو #التداول #Trading وكيف تبدأ من الصفر، وأهم #الأسواق_المالية، وكيف تختار #منصات_التداول_الموثوقة وتتجنب شركات التداول النصابة ومخاطر الخسارة.
لقراءة المقال من خلال الرابط الآتي :
https://www.nusurtech.ca/2026/10/what-is-trading.html
| 2 |  🚀👩💻 أفضل 10 دروس في تعلم أساسيات Laravel 👩💻
إذا كنت ترغب في دخول عالم تطوير الويب باستخدام PHP، فإن Laravel يُعد من أشهر أطر العمل التي تساعدك على بناء تطبيقات ومواقع ويب حديثة بطريقة منظمة وسريعة.
📚 جمعنا لكم 10 دروس أساسية في Laravel، تبدأ معك من الصفر وتساعدك على فهم أساسيات الإطار خطوة بخطوة:
1️⃣ مقدمة في Laravel ولماذا نستخدمه؟
🔗 https://www.nusurtech.ca/2026/09/what-is-laravel.html
2️⃣ تجهيز بيئة العمل وتثبيت Laravel
🔗 https://www.nusurtech.ca/2026/09/install-laravel-and-create-first-project.html
3️⃣ فهم بنية مشروع Laravel وملفاته الأساسية
🔗 https://www.nusurtech.ca/2026/09/laravel-project-structure.html
4️⃣ إنشاء وإدارة المسارات Routing
🔗 https://www.nusurtech.ca/2026/09/laravel-routing.html
5️⃣ بناء المتحكمات Controllers
🔗 https://www.nusurtech.ca/2026/09/laravel-controllers.html
6️⃣ إنشاء واجهات Blade
🔗 https://www.nusurtech.ca/2026/09/laravel-blade-templates-views.html
7️⃣ تمرير البيانات بين Controller وView
🔗 https://www.nusurtech.ca/2026/09/laravel-requests-validation.html
8️⃣ إنشاء قاعدة البيانات والجداول وإدارتها
🔗 https://www.nusurtech.ca/2026/09/laravel-database-migrations.html
9️⃣ التعامل مع قاعدة البيانات باستخدام Eloquent
🔗 https://www.nusurtech.ca/2026/09/laravel-models-eloquent.html
🔟 العلاقات بين الجداول HasMany
🔗 https://www.nusurtech.ca/2026/09/laravel-eloquent-relationships.html
💡 نصيحة: ابدأ بالدرس الأول وتابع الدروس بالترتيب، لأن كل درس يمهّد لك لفهم الدرس الذي يليه.
🔥 إذا كنت تتعلم Laravel أو تخطط لتعلمه، احفظ هذا المنشور وشاركه مع أي شخص مهتم بتطوير الويب.
👨💻 نسور التقنية | Nusur Tech
🎓 برمجة • Laravel • PHP • أمن سيبراني • تقنيات الويب
#Laravel #PHP #تعلم_لارافيل #برمجة #تطوير_الويب #نسور_التقنية #NusurTech | 374 |
| 3 |  #Laravel #PHP #MySQL #برمجة #تطوير_الويب #تعلم_البرمجة
🚀 حابب تتعلم Laravel وتطوّر مستواك في برمجة الويب؟
إذا كنت مبرمج PHP أو حابب تدخل عالم تطوير تطبيقات الويب، فهذه القناة مخصصة لك 👩💻🔥
📚 قناة Laravel التعليمية
ستجد فيها محتوى يساعدك على تعلم Laravel خطوة بخطوة، من الأساسيات إلى بناء مشاريع وتطبيقات حقيقية.
🔹 شروحات Laravel
🔹 أمثلة وتطبيقات عملية
🔹 ا PHP وMySQL
🔹 نصائح للمبرمجين
🔹 مشاريع وأفكار برمجية
🔹 تطوير مهاراتك في Backend
💻 ابدأ رحلتك في Laravel من اليوم!
👇 انضم للقناة وابدأ التعلم: ⬇️⬇️
🔗 https://t.me/Laravel0 | 422 |
| 4 |  السلام عليكم ورحمة الله وبركاته
👩💻 سوف نبدأ بكورس جديد من الصفر حتى الاحتراف وهو كورس تعلم اطار لارافيل Laravel
اذا كنت مهتم بتعلمه تابع السلسله
الكورس سوف يكون على قناة خاص بالكورس ، رابط القناة
☑️https://t.me/Laravel0 | 447 |
| 5 |  أفضل #لغات_البرمجة للمبتدئين 2026: كيف تختار أول لغة برمجة؟
تعرف على أفضل مجالات #البرمجة للمبتدئين في 2026، واكتشف أشهر لغات البرمجة المطلوبة في سوق العمل، وكيف تختار #التخصص_المناسب لبناء مسيرة مهنية ناجحة.
🔴 رابط المقال كاملاً : 🔴🔴
https://www.nusurtech.ca/2021/10/programming-for-beginners.html | 857 |
| 6 |  👩💻 أفضل 8 لغات برمجة و أكثرها طلباً في سوق العمل 2027
مع استمرار توسع الذكاء الاصطناعي، والحوسبة السحابية، وتطبيقات الويب والموبايل، أصبح اختيار لغة البرمجة المناسبة عاملاً مهماً لبناء مستقبل مهني قوي. ورغم صعوبة التنبؤ الدقيق بما سيحدث في 2027، فإن المؤشرات الحالية من تقارير GitHub وStack Overflow ومؤشرات TIOBE توضح اللغات التي يتوقع أن تظل الأكثر طلباً خلال السنوات القادمة.
🔴 رابط الدرس كاملاً : 🔴🔴
https://www.nusurtech.ca/2022/12/top-8-programming-languages.html | 1 230 |
| 7 |  🔶 ما هو 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 لرفع مستوى واجهاتك. | 3 685 |
| 8 | املأ الفراغات الخضراء لينتج لدينا كود إنشاء فقرات في صفحة الويب.
🟩 HTML is easy </p> <p> HTML is Fun 🟩 | 2 045 |
| 9 | ماذا سوف تكون نتيجة هذا الكود بحسب ما تم دراسته في الدرس الرابع؟
رابط الدرس الرابع
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> | 1 877 |
| 10 | ما هو الوسم الذي يستخدم في العناوين ؟ | 1 635 |
| 11 | ماهي مخرجات الكود الآتي حسب ما درسته في الدروس السابقة، وفي أي درس تم شرح هذا الوسم ؟
<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> | 1 484 |
| 12 | ماهو الخطأ في كود HTML الآتي مع ذكر السبب :
<html>
<head>
<title>NU</title>
<head/>
<body>
<p>Nusur Tech<p><br> Ahmed<br>Muhammad
</body>
</html> | 1 448 |
| 13 | رابط قروب المناقشات ل html اذا احد عنده استفسارات .
طبعا رح نعمل تحديات وواجبات تفاعليه لكل درس
https://t.me/barmj1 | 1 500 |
| 14 |  إضافة رمز مفضل #Favicon لصفحات موقعك HTML.
Add favicon at website in HTML
من خلال هذا العنصر يُمكنك أن تقوُم بتحديد #الأيقونة التي تظهَر أعلى شريط title في صفحة الويب, إضافة #رمزمفضل Favicon لصفحات موقعك HTML.
لقراءة الدرس #الحادي_والعشرون من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2024/04/html-favicon.html | 1 515 |
| 15 | تجميع العناصر بواسطة #Fieldset في HTML
Fieldset and legend HTML
العنصر fieldset يتم إستخدامه لـ #تجميع_العناصر ذات الصلة و ايضاً يقوم برسم #مربع حول العناصر ذات الصلة, بالنسبة للعنصر #legend يتم إستخدامه ضمن العنصر fieldset, من خلاله يمكن كتابة تسمية توضيحية للعنصر fieldset.
لقراءة الدرس #العشرون من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2024/04/html-fieldset-legend.html | 1 310 |
| 16 | تضمين #خرائط Google إلى موقعك بإستخدام HTML.
Embed HTML Google #Maps
في بعض الأحيان ترغب بإضافة خرائط في موقعك, في هذا الدرس سوف نشرح عن كيفية إضافة #الخريطة لموقعك بأسهل طريقة من خلال html فقط.
لقراءة الدرس #التاسع_عشر من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2024/04/html-include-google-maps-in-web-page.html | 1 231 |
| 17 | الفرق بين العناصر #span و #div في HTML
div VS span in HTML
الفرق الرئيسي بينهما هو أن “span” يستخدم لتنسيق جزء صغير من النص بينما “div” الفرق بين العناصر span و div في HTML يستخدم لتجميع وتنظيم مجموعة من العناصر في مربع منفصل.
لقراءة الدرس #الثامن_عشر من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2024/04/html-div-and-span.html | 1 256 |
| 18 | الوسم #input و استخداماته في HTML
input in HTML
وسم input هو وسم يستخدم لإنشاء عناصر تقبل #الإدخال في الصفحة من المستخدم و أرسالها إلى السيرفر مثل مستطيل كتابة البريد الالكتروني و الباسورد عندما يكتبها المستخدم وترسل للسرفر عند الضغط على زر #الإدخال و لهذا الوسم قيم متعددة.
لقراءة الدرس #السابع_عشر من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2024/04/html-input.html | 1 216 |
| 19 | أرشيف دروس كورس HTML 👇👇
1 - نظرة عامة على لغة HTML.
2 - أفضل محررات النصوص في برمجة الويب وكتابة الأكواد 2023.
3 - وسم meta لتحسين الموقع على محركات البحث في HTML.
4- الفقرات paragraphs في HTML.
5 - العناوين headings في HTML.
6 - مفهوم تنسيق النصوص في لغة HTML.
7 - مفهوم الوصلات التشعبية في لغة HTML.
8 - القوائم Lists في لغة HTML.
9 - الجداول Tables في HTML.
10 - الألوان في لغة HTML.
11 - إدراج الصور داخل صفحات الويب في HTML.
12 - الخطوط في HTML.
13 -وسم الإطارات frameset في HTML.
14 - تضمين الوسائط المتعددة في HTML.
15 - الوسم summary في HTML.
16 - الوسم button الأزرار العادية في HTML.
17 - الوسم input وإستخداماته.
18 - الفرق بين العناصر span و div في HTML.
19 - تضمين خرائط Google إلى موقعك بإستخدام HTML.
20 - تجميع العناصر بواسطة #Fieldset.
21 - إضافة رمز مفضل #Favicon لصفحات موقعك . | 1 255 |
| 20 | الوسم button #الأزرار العادية في HTML
Button in HTML
الوسم المستخدم لإنشاء زر #Button هو الوسم <button> ويتم استخدام الوسم <button> لإنشاء #زر قابل للنقر يمكن استخدامه لتنفيذ إجراء معين عند النقر عليه.
لقراءة الدرس #السادس_عشر من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2024/04/html-button.html | 1 064 |
