هيكل صفحة الويب HTML الأساسي.
Basic HTML Structure
تُستخدَم HTML في إنشاء و تصميم صفحات و مواقع الويب, و تُعتبَر هذه اللّغة من أقدم اللّغات و أوسعها إستخداماً في تصميم صفحات الويب.
لقراءة الدرس #الأول من HTML من خلال الرابط الآتي :
https://www.nusurtech.ca/2022/11/what-is-html-language.html
Basic HTML Structure
تُستخدَم HTML في إنشاء و تصميم صفحات و مواقع الويب, و تُعتبَر هذه اللّغة من أقدم اللّغات و أوسعها إستخداماً في تصميم صفحات الويب.
لقراءة الدرس #الأول من HTML من خلال الرابط الآتي :
https://www.nusurtech.ca/2022/11/what-is-html-language.html
محررات النصوص في برمجة الويب.
Text editors in web programming
تستخدم محررات النصوص في برمجة الويب لكتابة وتحرير الكود المستخدم في تصميم صفحات الويب. وتعد محررات النصوص من الأدوات الأساسية للمطورين الذين يتعاملون مع لغات الويب الشائعة مثل HTML و CSS و JavaScript.
لقراءة الدرس #الثاني من HTML من خلال الرابط الآتي :
https://www.nusurtech.ca/2024/01/html-code-editor.html
Text editors in web programming
تستخدم محررات النصوص في برمجة الويب لكتابة وتحرير الكود المستخدم في تصميم صفحات الويب. وتعد محررات النصوص من الأدوات الأساسية للمطورين الذين يتعاملون مع لغات الويب الشائعة مثل HTML و CSS و JavaScript.
لقراءة الدرس #الثاني من HTML من خلال الرابط الآتي :
https://www.nusurtech.ca/2024/01/html-code-editor.html
وسم meta لتحسين الموقع على محركات البحث.
Meta tag for SEO in HTML
للحصول على أفضل النتائج و تصدر نتائج البحث , كل هذا الأمر يتم عبر قيم لوسم الميتا meta الموجود برأس صفحات الإنترنت. ضمن الوسم head الذي يُستخدم لتحديد خصائص الصفحة مثل تحديد الترميز لتعريف المتصفحات على لغة الموقع. و تظهَر بشكل جيد و إسم المؤلف و الكلمات المفتاحية و الوصف و غيرها, سوف نتحدث عن القيم التي يأخذها هذا الوسم.
لقراءة الدرس #الثالث من HTML من خلال الرابط الآتي :
https://www.nusurtech.ca/2024/01/html-meta.html
Meta tag for SEO in HTML
للحصول على أفضل النتائج و تصدر نتائج البحث , كل هذا الأمر يتم عبر قيم لوسم الميتا meta الموجود برأس صفحات الإنترنت. ضمن الوسم head الذي يُستخدم لتحديد خصائص الصفحة مثل تحديد الترميز لتعريف المتصفحات على لغة الموقع. و تظهَر بشكل جيد و إسم المؤلف و الكلمات المفتاحية و الوصف و غيرها, سوف نتحدث عن القيم التي يأخذها هذا الوسم.
لقراءة الدرس #الثالث من HTML من خلال الرابط الآتي :
https://www.nusurtech.ca/2024/01/html-meta.html
الفقرات paragraphs في HTML.
Paragraphs in HTML
تستخدم الفقرات (paragraphs) لتنظيم النص في صفحات الويب. وتتمثل الطريقة الأساسية لإنشاء فقرة في HTML في استخدام عنصر p. ويتم كتابة نص الفقرة بين علامات البداية <p> والنهاية </p>.
لقراءة الدرس #الرابع من HTML من خلال الرابط الآتي :
https://www.nusurtech.ca/2024/01/html-paragraph.html
Paragraphs in HTML
تستخدم الفقرات (paragraphs) لتنظيم النص في صفحات الويب. وتتمثل الطريقة الأساسية لإنشاء فقرة في HTML في استخدام عنصر p. ويتم كتابة نص الفقرة بين علامات البداية <p> والنهاية </p>.
لقراءة الدرس #الرابع من HTML من خلال الرابط الآتي :
https://www.nusurtech.ca/2024/01/html-paragraph.html
العناوين headings في HTML.
Headings in HTML
إن HTML توفّر لنا 6 مستويات من العناوين وهي من <h1> حتى <h6>. و كلما إرتفع وسم الرقم في العنوان كلما زادت أهميته, لذلك الوسم <h1> هو يكون أهم عنوان, بينما الوسم <h6> هو الأقل أهمية في صفحات الويب.
لقراءة الدرس #الخامس من HTML من خلال الرابط الآتي :
https://www.nusurtech.ca/2024/01/html-heading.html
Headings in HTML
إن HTML توفّر لنا 6 مستويات من العناوين وهي من <h1> حتى <h6>. و كلما إرتفع وسم الرقم في العنوان كلما زادت أهميته, لذلك الوسم <h1> هو يكون أهم عنوان, بينما الوسم <h6> هو الأقل أهمية في صفحات الويب.
لقراءة الدرس #الخامس من HTML من خلال الرابط الآتي :
https://www.nusurtech.ca/2024/01/html-heading.html
تنسيق النصوص في 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