#الصور في HTML.
Basic way to add an Image in HTML
لكي تقوم بعرض #صورة في HTML باستخدام الوسم <img>. يتطلب ذلك توفر مصدر #الصورة (عنوان URL للصورة) وتضمينه في الوسم <img>.
لقراءة الدرس #الحادي_عشر من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2024/04/html-images.html
Basic way to add an Image in HTML
لكي تقوم بعرض #صورة في HTML باستخدام الوسم <img>. يتطلب ذلك توفر مصدر #الصورة (عنوان URL للصورة) وتضمينه في الوسم <img>.
لقراءة الدرس #الحادي_عشر من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2024/04/html-images.html
#الخطوط في HTML
Fonts in HTML
الوسم #font يقوم بالتحكم في #الخط من حيث اللون و الحجم و نوع الخط, قبل البدء في اي مثال سوف اعرفكم على الخصائص المستخدمه مع الوسم font.
لقراءة الدرس #الثاني_عشر من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2024/04/html-font.html
Fonts in HTML
الوسم #font يقوم بالتحكم في #الخط من حيث اللون و الحجم و نوع الخط, قبل البدء في اي مثال سوف اعرفكم على الخصائص المستخدمه مع الوسم font.
لقراءة الدرس #الثاني_عشر من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2024/04/html-font.html
الإطارات frameset في HTML.
Frameset Tag in HTML.
يُستخدم الوسم #frameset لتحديد تخطيط #الإطارات (Frameset layout) في صفحة الويب. يتم استخدامه بالتزامن مع الوسم frame لتعريف الإطارات الفرعية داخل الصفحة.
لقراءة الدرس #الثالث_عشر من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2024/04/html-frameset.html
Frameset Tag in HTML.
يُستخدم الوسم #frameset لتحديد تخطيط #الإطارات (Frameset layout) في صفحة الويب. يتم استخدامه بالتزامن مع الوسم frame لتعريف الإطارات الفرعية داخل الصفحة.
لقراءة الدرس #الثالث_عشر من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2024/04/html-frameset.html
تضمين #الوسائط_المتعددة في HTML.
Multimedia in HTML
#الوسائط المتعددة تستخدم لعرض وتشغيل لمحتوى الوسائط المتنوعة مثل الصور والفيديو والصوت والتفاعلات المتعددة الأخرى على صفحات الويب.
لقراءة الدرس #الرابع_عشر من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2024/04/html-multimedia.html
Multimedia in HTML
#الوسائط المتعددة تستخدم لعرض وتشغيل لمحتوى الوسائط المتنوعة مثل الصور والفيديو والصوت والتفاعلات المتعددة الأخرى على صفحات الويب.
لقراءة الدرس #الرابع_عشر من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2024/04/html-multimedia.html
الوسم #summary في HTML.
Summary details in HTML
وسم “summary” في HTML يستخدم في تعريف عنصر فرعي (sub-element) ضمن وسم “#details” لإنشاء #قائمة_مطوية (collapsible list) يُمكن توسيعها وطيّها.
لقراءة الدرس #الخامس_عشر من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2024/04/html-details-summary.html
Summary details in HTML
وسم “summary” في HTML يستخدم في تعريف عنصر فرعي (sub-element) ضمن وسم “#details” لإنشاء #قائمة_مطوية (collapsible list) يُمكن توسيعها وطيّها.
لقراءة الدرس #الخامس_عشر من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2024/04/html-details-summary.html
الوسم 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
تضمين #خرائط Google إلى موقعك بإستخدام HTML.
Embed HTML Google #Maps
في بعض الأحيان ترغب بإضافة خرائط في موقعك, في هذا الدرس سوف نشرح عن كيفية إضافة #الخريطة لموقعك بأسهل طريقة من خلال html فقط.
لقراءة الدرس #التاسع_عشر من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2024/04/html-include-google-maps-in-web-page.html
Embed HTML Google #Maps
في بعض الأحيان ترغب بإضافة خرائط في موقعك, في هذا الدرس سوف نشرح عن كيفية إضافة #الخريطة لموقعك بأسهل طريقة من خلال html فقط.
لقراءة الدرس #التاسع_عشر من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2024/04/html-include-google-maps-in-web-page.html
تجميع العناصر بواسطة #Fieldset في HTML
Fieldset and legend HTML
العنصر fieldset يتم إستخدامه لـ #تجميع_العناصر ذات الصلة و ايضاً يقوم برسم #مربع حول العناصر ذات الصلة, بالنسبة للعنصر #legend يتم إستخدامه ضمن العنصر fieldset, من خلاله يمكن كتابة تسمية توضيحية للعنصر fieldset.
لقراءة الدرس #العشرون من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2024/04/html-fieldset-legend.html
Fieldset and legend HTML
العنصر fieldset يتم إستخدامه لـ #تجميع_العناصر ذات الصلة و ايضاً يقوم برسم #مربع حول العناصر ذات الصلة, بالنسبة للعنصر #legend يتم إستخدامه ضمن العنصر fieldset, من خلاله يمكن كتابة تسمية توضيحية للعنصر fieldset.
لقراءة الدرس #العشرون من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2024/04/html-fieldset-legend.html
إضافة رمز مفضل #Favicon لصفحات موقعك HTML.
Add favicon at website in HTML
من خلال هذا العنصر يُمكنك أن تقوُم بتحديد #الأيقونة التي تظهَر أعلى شريط title في صفحة الويب, إضافة #رمزمفضل Favicon لصفحات موقعك HTML.
لقراءة الدرس #الحادي_والعشرون من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2024/04/html-favicon.html
Add favicon at website in HTML
من خلال هذا العنصر يُمكنك أن تقوُم بتحديد #الأيقونة التي تظهَر أعلى شريط title في صفحة الويب, إضافة #رمزمفضل Favicon لصفحات موقعك HTML.
لقراءة الدرس #الحادي_والعشرون من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2024/04/html-favicon.html
رابط قروب المناقشات ل 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>
25%
<html>
49%
</p>
28%
<body>
51%
<p>
السلام عليكم ورحمة الله وبركاته🤝 ، اعتذر عن الانقطاع لفترة من الزمن سامحوني 🥺 .
بإذن الله بدايةَ من الاسبوع القادم سوف نكمل معكم لغات برمجة الويب بالتسلسل و سوف نعمل على إعداد باقي دروس HTML في البداية ثم نذهب إلى CSS ثم JS... وهكذا...
في هذه الفترة يمكنك دعوة اصدقائك و تشجيعنا في نشر رابط القناة الآتي
@HTML_PT
بإذن الله بدايةَ من الاسبوع القادم سوف نكمل معكم لغات برمجة الويب بالتسلسل و سوف نعمل على إعداد باقي دروس HTML في البداية ثم نذهب إلى CSS ثم JS... وهكذا...
في هذه الفترة يمكنك دعوة اصدقائك و تشجيعنا في نشر رابط القناة الآتي
@HTML_PT
Please open Telegram to view this post
VIEW IN TELEGRAM