الجداول 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
👏3😍1
الألوان في لغة 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
👍2
#الخطوط في 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
🔥2👍1💯1
الإطارات 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
👍1
الوسم #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
👍1
أرشيف دروس كورس 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 لصفحات موقعك .
👍9
الوسم #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
👍5🔥2😍1
الفرق بين العناصر #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
👍2🔥1
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
👏3👍1
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
👍3👏1
Add favicon at website in HTML
من خلال هذا العنصر يُمكنك أن تقوُم بتحديد #الأيقونة التي تظهَر أعلى شريط noscript في صفحة الويب, إضافة #رمزمفضل Favicon لصفحات موقعك HTML.
لقراءة الدرس #الحادي_والعشرون من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2024/04/html-favicon.html
Please open Telegram to view this post
VIEW IN TELEGRAM
رابط قروب المناقشات ل html اذا احد عنده استفسارات .
طبعا رح نعمل تحديات وواجبات تفاعليه لكل درس
https://news.1rj.ru/str/barmj1
طبعا رح نعمل تحديات وواجبات تفاعليه لكل درس
https://news.1rj.ru/str/barmj1
ماهو الخطأ في كود 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