الوسم button #الأزرار العادية في HTML
Button in HTML
الوسم المستخدم لإنشاء زر #Button هو الوسم <button> ويتم استخدام الوسم <button> لإنشاء #زر قابل للنقر يمكن استخدامه لتنفيذ إجراء معين عند النقر عليه.
لقراءة الدرس #السادس_عشر من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2024/04/html-button.html
Button in HTML
الوسم المستخدم لإنشاء زر #Button هو الوسم <button> ويتم استخدام الوسم <button> لإنشاء #زر قابل للنقر يمكن استخدامه لتنفيذ إجراء معين عند النقر عليه.
لقراءة الدرس #السادس_عشر من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2024/04/html-button.html
أرشيف دروس كورس 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 - نظرة عامة على لغة 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 لصفحات موقعك .
الوسم #input و استخداماته في HTML
input in HTML
وسم input هو وسم يستخدم لإنشاء عناصر تقبل #الإدخال في الصفحة من المستخدم و أرسالها إلى السيرفر مثل مستطيل كتابة البريد الالكتروني و الباسورد عندما يكتبها المستخدم وترسل للسرفر عند الضغط على زر #الإدخال و لهذا الوسم قيم متعددة.
لقراءة الدرس #السابع_عشر من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2024/04/html-input.html
input in HTML
وسم input هو وسم يستخدم لإنشاء عناصر تقبل #الإدخال في الصفحة من المستخدم و أرسالها إلى السيرفر مثل مستطيل كتابة البريد الالكتروني و الباسورد عندما يكتبها المستخدم وترسل للسرفر عند الضغط على زر #الإدخال و لهذا الوسم قيم متعددة.
لقراءة الدرس #السابع_عشر من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2024/04/html-input.html
الفرق بين العناصر #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
div VS span in HTML
الفرق الرئيسي بينهما هو أن “span” يستخدم لتنسيق جزء صغير من النص بينما “div” الفرق بين العناصر span و div في HTML يستخدم لتجميع وتنظيم مجموعة من العناصر في مربع منفصل.
لقراءة الدرس #الثامن_عشر من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2024/04/html-div-and-span.html
Embed HTML Google #Maps
في بعض الأحيان ترغب بإضافة خرائط في موقعك, في هذا الدرس سوف نشرح عن كيفية إضافة #الخريطة لموقعك بأسهل طريقة من خلال html فقط.
لقراءة الدرس #التاسع_عشر من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2024/04/html-include-google-maps-in-web-page.html
Please open Telegram to view this post
VIEW IN TELEGRAM
Fieldset and legend HTML
العنصر fieldset يتم إستخدامه لـ #تجميع_العناصر ذات الصلة و ايضاً يقوم برسم #مربع حول العناصر ذات الصلة, بالنسبة للعنصر #legend يتم إستخدامه ضمن العنصر fieldset, من خلاله يمكن كتابة تسمية توضيحية للعنصر fieldset.
لقراءة الدرس #العشرون من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2024/04/html-fieldset-legend.html
Please open Telegram to view this post
VIEW IN TELEGRAM
Add favicon at website in HTML
من خلال هذا العنصر يُمكنك أن تقوُم بتحديد #الأيقونة التي تظهَر أعلى شريط title في صفحة الويب, إضافة #رمزمفضل Favicon لصفحات موقعك HTML.
لقراءة الدرس #الحادي_والعشرون من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2024/04/html-favicon.html
Please open Telegram to view this post
VIEW IN TELEGRAM
رابط قروب المناقشات ل html اذا احد عنده استفسارات .
طبعا رح نعمل تحديات وواجبات تفاعليه لكل درس
https://www.tgoop.com/barmj1
طبعا رح نعمل تحديات وواجبات تفاعليه لكل درس
https://www.tgoop.com/barmj1
ماهو الخطأ في كود HTML الآتي مع ذكر السبب :
<html>
<head>
<title>NU</title>
<head/>
<body>
<p>Nusur Tech<p><br> Ahmed<br>Muhammad
</body>
</html>
<html>
<head>
<title>NU</title>
<head/>
<body>
<p>Nusur Tech<p><br> Ahmed<br>Muhammad
</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>
<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>
ماذا سوف تكون نتيجة هذا الكود بحسب ما تم دراسته في الدرس الرابع؟
رابط الدرس الرابع
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>
املأ الفراغات الخضراء لينتج لدينا كود إنشاء فقرات في صفحة الويب.
🟩 HTML is easy </p> <p> HTML is Fun 🟩
🟩 HTML is easy </p> <p> HTML is Fun 🟩
Anonymous Poll
21%
<head>
24%
<html>
49%
</p>
27%
<body>
51%
<p>
السلام عليكم ورحمة الله وبركاته🤝 ، اعتذر عن الانقطاع لفترة من الزمن سامحوني 🥺 .
بإذن الله بدايةَ من الاسبوع القادم سوف نكمل معكم لغات برمجة الويب بالتسلسل و سوف نعمل على إعداد باقي دروس👩💻 HTML في البداية ثم نذهب إلى CSS 👩💻 ثم JS 👩💻 ... وهكذا...
في هذه الفترة يمكنك دعوة اصدقائك و تشجيعنا في نشر رابط القناة الآتي
@HTML_PT
بإذن الله بدايةَ من الاسبوع القادم سوف نكمل معكم لغات برمجة الويب بالتسلسل و سوف نعمل على إعداد باقي دروس
في هذه الفترة يمكنك دعوة اصدقائك و تشجيعنا في نشر رابط القناة الآتي
@HTML_PT
Please open Telegram to view this post
VIEW IN TELEGRAM
تعلم 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
تعلم 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
تعلم 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
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