تعلم HTML ©️
رفتن به کانال در Telegram
تُستخدَم HTML في إنشاء و تصميم صفحات و مواقع الويب, و تُعتبَر هذه اللّغة من أقدم اللّغات و أوسعها إستخداماً في تصميم صفحات الويب. مجموعة المناقشة : @barmj1
نمایش بیشتر2 977
مشترکین
-124 ساعت
-107 روز
-2930 روز
در حال بارگذاری داده‌ها
کانال‌های مشابه
هیچ داده‌ای
مشکلی وجود دارد؟ لطفاً صفحه را تازه کنید یا با مدیر پشتیبانی ما تماس بگیرید.
ابر برچسب‌ها
هیچ داده‌ای
مشکلی وجود دارد؟ لطفاً صفحه را تازه کنید یا با مدیر پشتیبانی ما تماس بگیرید.
اشارات ورودی و خروجی
---
---
---
---
---
---
جذب مشترکین
اکتبر '26اکتبر '26
اکتبر '26
+441
در 0 کانال‌ها
سپتامبر '260
در 0 کانال‌ها
Get PRO
اوت '260
در 0 کانال‌ها
Get PRO
ژوئیه '260
در 0 کانال‌ها
Get PRO
ژوئن '260
در 0 کانال‌ها
Get PRO
مه '260
در 0 کانال‌ها
Get PRO
آوریل '260
در 0 کانال‌ها
Get PRO
مارس '260
در 0 کانال‌ها
Get PRO
فوریه '260
در 0 کانال‌ها
Get PRO
ژانویه '260
در 0 کانال‌ها
Get PRO
دسامبر '250
در 1 کانال‌ها
Get PRO
نوامبر '250
در 0 کانال‌ها
Get PRO
اکتبر '250
در 0 کانال‌ها
Get PRO
سپتامبر '250
در 0 کانال‌ها
Get PRO
اوت '250
در 0 کانال‌ها
Get PRO
ژوئیه '250
در 0 کانال‌ها
Get PRO
ژوئن '250
در 0 کانال‌ها
Get PRO
مه '250
در 0 کانال‌ها
Get PRO
آوریل '250
در 2 کانال‌ها
Get PRO
مارس '250
در 7 کانال‌ها
Get PRO
فوریه '250
در 0 کانال‌ها
Get PRO
ژانویه '250
در 0 کانال‌ها
Get PRO
دسامبر '240
در 0 کانال‌ها
Get PRO
نوامبر '240
در 0 کانال‌ها
Get PRO
اکتبر '240
در 0 کانال‌ها
Get PRO
سپتامبر '24
+227
در 1 کانال‌ها
Get PRO
اوت '24
+22
در 5 کانال‌ها
Get PRO
ژوئیه '24
+126
در 0 کانال‌ها
Get PRO
ژوئن '24
+133
در 1 کانال‌ها
Get PRO
مه '24
+167
در 0 کانال‌ها
Get PRO
آوریل '24
+203
در 9 کانال‌ها
Get PRO
مارس '24
+60
در 0 کانال‌ها
Get PRO
فوریه '24
+101
در 0 کانال‌ها
Get PRO
ژانویه '24
+211
در 0 کانال‌ها
Get PRO
دسامبر '23
+335
در 0 کانال‌ها
Get PRO
نوامبر '230
در 1 کانال‌ها
Get PRO
اکتبر '230
در 2 کانال‌ها
Get PRO
سپتامبر '230
در 0 کانال‌ها
Get PRO
اوت '230
در 0 کانال‌ها
Get PRO
ژوئیه '230
در 0 کانال‌ها
Get PRO
ژوئن '230
در 0 کانال‌ها
Get PRO
مه '230
در 0 کانال‌ها
Get PRO
آوریل '230
در 0 کانال‌ها
Get PRO
مارس '23
+21
در 0 کانال‌ها
Get PRO
فوریه '23
+32
در 0 کانال‌ها
Get PRO
ژانویه '23
+52
در 0 کانال‌ها
Get PRO
دسامبر '22
+29
در 0 کانال‌ها
Get PRO
نوامبر '22
+71
در 0 کانال‌ها
Get PRO
اکتبر '22
+62
در 0 کانال‌ها
Get PRO
سپتامبر '22
+83
در 0 کانال‌ها
Get PRO
اوت '22
+60
در 0 کانال‌ها
Get PRO
ژوئیه '22
+45
در 0 کانال‌ها
Get PRO
ژوئن '22
+45
در 0 کانال‌ها
Get PRO
مه '22
+33
در 0 کانال‌ها
Get PRO
آوریل '22
+54
در 0 کانال‌ها
Get PRO
مارس '22
+139
در 0 کانال‌ها
Get PRO
فوریه '22
+44
در 0 کانال‌ها
Get PRO
ژانویه '22
+133
در 0 کانال‌ها
Get PRO
دسامبر '21
+73
در 0 کانال‌ها
Get PRO
نوامبر '21
+63
در 0 کانال‌ها
Get PRO
اکتبر '21
+440
در 0 کانال‌ها
| تاریخ | رشد مشترکین | اشارات | کانال‌ها | |
| 28 اکتبر | 0 | |||
| 27 اکتبر | +1 | |||
| 26 اکتبر | 0 | |||
| 25 اکتبر | 0 | |||
| 24 اکتبر | 0 | |||
| 23 اکتبر | 0 | |||
| 22 اکتبر | +2 | |||
| 21 اکتبر | +2 | |||
| 20 اکتبر | 0 | |||
| 19 اکتبر | +1 | |||
| 18 اکتبر | 0 | |||
| 17 اکتبر | +3 | |||
| 16 اکتبر | +2 | |||
| 15 اکتبر | +1 | |||
| 14 اکتبر | +2 | |||
| 13 اکتبر | +1 | |||
| 12 اکتبر | 0 | |||
| 11 اکتبر | +1 | |||
| 10 اکتبر | +1 |
پست‌های کانال
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 |
