تنسيق النصوص في HTML
Text Formatting in HTLM
عملية تنسيق النصوص هي عرض النص متناسق و جميل بشكل أفضل. يعني إن كانت هنالك كلمة مهمة نوعاً ما في النص يُمكننا تمييز عرضها بخط عريض Bold. و إن كان يوجد شيء قد تم حذفه في النص يُمكن عرض خط فوقه من أجل الإشارة إلى أنه محذوف.
لقراءة الدرس #السادس من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2024/01/html-text-formatting.html
Text Formatting in HTLM
عملية تنسيق النصوص هي عرض النص متناسق و جميل بشكل أفضل. يعني إن كانت هنالك كلمة مهمة نوعاً ما في النص يُمكننا تمييز عرضها بخط عريض Bold. و إن كان يوجد شيء قد تم حذفه في النص يُمكن عرض خط فوقه من أجل الإشارة إلى أنه محذوف.
لقراءة الدرس #السادس من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2024/01/html-text-formatting.html
الوصلات التشعبية في HTML
Hyperlinks in HTML
للإشارة إلى الوصلات التشعبية في HTML، يتم استخدام عنصر الوصلة <a> وسم الخاصية href لتحديد عنوان URL الذي يتم توجيه الوصلة إليه. يمكن أيضًا استخدام الوصلات التشعبية للارتباط بأجزاء محددة في نفس الصفحة أو صفحات أخرى في نفس الموقع.
لقراءة الدرس #السابع من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2024/01/html-links.html
Hyperlinks in HTML
للإشارة إلى الوصلات التشعبية في HTML، يتم استخدام عنصر الوصلة <a> وسم الخاصية href لتحديد عنوان URL الذي يتم توجيه الوصلة إليه. يمكن أيضًا استخدام الوصلات التشعبية للارتباط بأجزاء محددة في نفس الصفحة أو صفحات أخرى في نفس الموقع.
لقراءة الدرس #السابع من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2024/01/html-links.html
القوائم Lists في لغة HTML
Lists in HTML
#القوائم ( Lists ) عبارة عن مجموعة من البيانات التي نقوم بإنشاءها على شكل أرقام أو نقاط أو أحرف. و يتم إستخدام #Lists من أجل تقديم #قائمة البيانات بطربقة جيدة و تسمح ببناء نص جميل و جذاب.
لقراءة الدرس #الثامن من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2024/01/html-lists.html
Lists in HTML
#القوائم ( Lists ) عبارة عن مجموعة من البيانات التي نقوم بإنشاءها على شكل أرقام أو نقاط أو أحرف. و يتم إستخدام #Lists من أجل تقديم #قائمة البيانات بطربقة جيدة و تسمح ببناء نص جميل و جذاب.
لقراءة الدرس #الثامن من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2024/01/html-lists.html
الجداول Tables في HTML
Tables in HTML
#الجداول ( #Tables ) تسمح بعرض البيانات بشكل مرتب و جميل و مفهوم و مقسم لأعمدة و أسطر. لإنشاء #جدول نستخدم وسم الجداول <table> و </table> و هو الوسم الرئيسي لإدراج الجداول.
لقراءة الدرس #التاسع من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2024/01/html-tables.html
Tables in HTML
#الجداول ( #Tables ) تسمح بعرض البيانات بشكل مرتب و جميل و مفهوم و مقسم لأعمدة و أسطر. لإنشاء #جدول نستخدم وسم الجداول <table> و </table> و هو الوسم الرئيسي لإدراج الجداول.
لقراءة الدرس #التاسع من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2024/01/html-tables.html
الألوان في لغة HTML.
#Color in HTML.
#الألوان لها أهمية كبيرة في التصميم، فهي تعتبر أحد العناصر الأساسية التي تؤثر على انطباع المشاهد وتعاطفهم مع التصميم.
لقراءة الدرس #العاشر من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2024/03/html-colors.html
#Color in HTML.
#الألوان لها أهمية كبيرة في التصميم، فهي تعتبر أحد العناصر الأساسية التي تؤثر على انطباع المشاهد وتعاطفهم مع التصميم.
لقراءة الدرس #العاشر من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2024/03/html-colors.html
#الصور في 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
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://t.me/barmj1
طبعا رح نعمل تحديات وواجبات تفاعليه لكل درس
https://t.me/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>