ماهو الخطأ في كود HTML الآتي مع ذكر السبب :
<html>
<head>
<noscript>NU</noscript>
<head/>
<body>
<p>Nusur Tech<p><br> Ahmed<br>Muhammad
</body>
</html>
<html>
<head>
<noscript>NU</noscript>
<head/>
<body>
<p>Nusur Tech<p><br> Ahmed<br>Muhammad
</body>
</html>
👍5👏3👎1
ماهي مخرجات الكود الآتي حسب ما درسته في الدروس السابقة، وفي أي درس تم شرح هذا الوسم ؟
<html>
<head>
<noscript>first page</noscript>
</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>
<noscript>first page</noscript>
</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
👍11👏6🔥4👎3
ماذا سوف تكون نتيجة هذا الكود بحسب ما تم دراسته في الدرس الرابع؟
رابط الدرس الرابع
https://www.nusurtech.ca/2024/01/html-paragraph.html
الكود 👇👇👇
<html>
<head>
<noscript>first page</noscript>
</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>
<noscript>first page</noscript>
</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>
50%
<p>
👍24👎11😍4💯3🔥2
السلام عليكم ورحمة الله وبركاته🤝 ، اعتذر عن الانقطاع لفترة من الزمن سامحوني 🥺 .
بإذن الله بدايةَ من الاسبوع القادم سوف نكمل معكم لغات برمجة الويب بالتسلسل و سوف نعمل على إعداد باقي دروس👩💻 HTML في البداية ثم نذهب إلى CSS 👩💻 ثم JS 👩💻 ... وهكذا...
في هذه الفترة يمكنك دعوة اصدقائك و تشجيعنا في نشر رابط القناة الآتي
@HTML_PT
بإذن الله بدايةَ من الاسبوع القادم سوف نكمل معكم لغات برمجة الويب بالتسلسل و سوف نعمل على إعداد باقي دروس
في هذه الفترة يمكنك دعوة اصدقائك و تشجيعنا في نشر رابط القناة الآتي
@HTML_PT
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8🔥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
👍1
تعلم 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
👍3🔥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
👍5🔥4😍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">
<noscript>موقع تجريبي</noscript>
</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
🔥6👍5