ماهي مخرجات الكود الآتي حسب ما درسته في الدروس السابقة، وفي أي درس تم شرح هذا الوسم ؟
<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>
<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>
🔥6👍3
👍12👏6🔥4👎3
ماذا سوف تكون نتيجة هذا الكود بحسب ما تم دراسته في الدرس الرابع؟
رابط الدرس الرابع
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>
رابط الدرس الرابع
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>
👍6👏3
املأ الفراغات الخضراء لينتج لدينا كود إنشاء فقرات في صفحة الويب.
🟩 HTML is easy </p> <p> HTML is Fun 🟩
🟩 HTML is easy </p> <p> HTML is Fun 🟩
Anonymous Poll
20%
<head>
24%
<html>
49%
</p>
27%
<body>
51%
<p>
👍27👎11😍4💯3🔥2
السلام عليكم ورحمة الله وبركاته🤝 ، اعتذر عن الانقطاع لفترة من الزمن سامحوني 🥺 .
بإذن الله بدايةَ من الاسبوع القادم سوف نكمل معكم لغات برمجة الويب بالتسلسل و سوف نعمل على إعداد باقي دروس👩💻 HTML في البداية ثم نذهب إلى CSS 👩💻 ثم JS 👩💻 ... وهكذا...
في هذه الفترة يمكنك دعوة اصدقائك و تشجيعنا في نشر رابط القناة الآتي
@HTML_PT
بإذن الله بدايةَ من الاسبوع القادم سوف نكمل معكم لغات برمجة الويب بالتسلسل و سوف نعمل على إعداد باقي دروس
في هذه الفترة يمكنك دعوة اصدقائك و تشجيعنا في نشر رابط القناة الآتي
@HTML_PT
Please open Telegram to view this post
VIEW IN TELEGRAM
👍10🔥5😍4🎉3👏2
تعلم HTML ©️
Add pdf at website in HTML
في بعض الاحيان ترغب بعرض الملفات بصيغة PDF عبر موقعك حتى يقوم المستخدم بقراءة محتوى ملف PDF بشكل سهل..
لقراءة الدرس #الثاني_والعشرون من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2025/03/html-embed.html
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3😍2🔥1🎉1
تعلم HTML ©️
Display YouTube #videos on the website using HTML
لإضافة #فيديوهات YouTube إلى موقعك باستخدام HTML يمكنك استخدام علامة #iframe احصل على كود التضمين انقر على زر مشاركة تحت الفيديو ثم اختر تضمين
لقراءة الدرس #الثالث_والعشرون من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2025/03/html-iframe.html
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2
تعلم HTML ©️
How to create a login form using HTML
نموذج تسجيل الدخول #LoginForm هو #واجهة_مستخدم تُستخدم للسماح للأشخاص بالدخول إلى نظام أو تطبيق عبر إدخال بيانات اعتماد مثل اسم المستخدم وكلمة المرور.
لقراءة الدرس #الرابع_والعشرون من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2025/03/html-login-from.html
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4🔥1
Multi page website creation.
لإنشاء موقع ويب متعدد الصفحات باستخدام HTML، يمكنك اتباع الخطوات التالية.
في هذا الدرس سأقدم لك هيكلًا بسيطًا لموقع يتكون من ثلاث صفحات: الصفحة الرئيسية، صفحة حول، وصفحة اتصل بنا.
لقراءة الدرس #الخامس_والعشرون من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2025/03/html-multi-page-website-creation.html
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6🔥5😍1
🔹️اختصار HTML (HyperText Markup Language) هي لغة التوصيف اللي تبني هيكل صفحات الويب — العناوين، الفقرات، الروابط، الصور، والنماذج.
🔹️ ببساطة: HTML بتقول للمتصفح ما الموجود في الصفحة، بينما CSS يحدد كيف يبدو وJavaScript يحدد كيف يتصرف.
🔹️لو صفحتك دفتر، HTML هي الورق المرتّب بالعناوين والفقرات — هيكل واضح يعرض المحتوى للمستخدم والمتصفحات ومحركات البحث.
• 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) لحماية الصفحة من سكربتات غير موثوقة.
<!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.
• بتحكم في الوصولية (Accessibility) وSEO وأداء الصفحة.
• مع CSS وJS تقدر تنشئ مواقع وتطبيقات قوية وسريعة.
🛠️ نصيحة عملية: ابدأ بتطبيقات بسيطة، اهتم بالوصولية والأمان، ثم تعلّم CSS وJavaScript لرفع مستوى واجهاتك.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍11🔥7
Forwarded from قناة | نسور التقنية
مع استمرار توسع الذكاء الاصطناعي، والحوسبة السحابية، وتطبيقات الويب والموبايل، أصبح اختيار لغة البرمجة المناسبة عاملاً مهماً لبناء مستقبل مهني قوي. ورغم صعوبة التنبؤ الدقيق بما سيحدث في 2027، فإن المؤشرات الحالية من تقارير GitHub وStack Overflow ومؤشرات TIOBE توضح اللغات التي يتوقع أن تظل الأكثر طلباً خلال السنوات القادمة.
https://www.nusurtech.ca/2022/12/top-8-programming-languages.html
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥2👨💻2
Forwarded from قناة | نسور التقنية
أفضل #لغات_البرمجة للمبتدئين 2026: كيف تختار أول لغة برمجة؟
تعرف على أفضل مجالات #البرمجة للمبتدئين في 2026، واكتشف أشهر لغات البرمجة المطلوبة في سوق العمل، وكيف تختار #التخصص_المناسب لبناء مسيرة مهنية ناجحة.
🔴 رابط المقال كاملاً : 🔴 🔴
https://www.nusurtech.ca/2021/10/programming-for-beginners.html
تعرف على أفضل مجالات #البرمجة للمبتدئين في 2026، واكتشف أشهر لغات البرمجة المطلوبة في سوق العمل، وكيف تختار #التخصص_المناسب لبناء مسيرة مهنية ناجحة.
https://www.nusurtech.ca/2021/10/programming-for-beginners.html
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥1