tgindex
تعلم HTML ©️

تعلم HTML ©️

Статистика
@HTML_PTДизайнарабский

تُستخدَم HTML في إنشاء و تصميم صفحات و مواقع الويب, و تُعتبَر هذه اللّغة من أقدم اللّغات و أوسعها إستخداماً في تصميم صفحات الويب. مجموعة المناقشة : @barmj1

Последний пост
28 июл.
Последнее чтение
15 авг.
Постов за неделю
0
Всего постов
20
Тип
открытый
Язык
арабский
Категория
Дизайн
В каталоге с
13 авг.
Подписчики
3 067
−4 за 3 дн.
Сутки
−4
−0,13%
Неделя
—
 
Месяц
—
 
Просмотров на пост
7 009
20 постов
Вовлечённость
228,5%
к подписчикам
Постов в день
0,0
всего 20
Упоминаний
0
каналов
Охват размещения
оценка
1/24сутки в ленте
271
1/48двое суток
310
1/72трое суток
334

Оценка по просмотрам недавних постов: пост набирает почти всё за первые сутки.

Посты

  • 28 июл.3061

    أفضل #لغات_البرمجة للمبتدئين 2026: كيف تختار أول لغة برمجة؟ تعرف على أفضل مجالات #البرمجة للمبتدئين في 2026، واكتشف أشهر لغات البرمجة المطلوبة في سوق العمل، وكيف تختار #التخصص_المناسب لبناء مسيرة مهنية ناجحة. 🔴 رابط المقال كاملاً : 🔴🔴 https://www.nusurtech.ca/2021/10/programming-for-beginners.html

  • 24 июн.74644

    👩‍💻 أفضل 8 لغات برمجة و أكثرها طلباً في سوق العمل 2027 مع استمرار توسع الذكاء الاصطناعي، والحوسبة السحابية، وتطبيقات الويب والموبايل، أصبح اختيار لغة البرمجة المناسبة عاملاً مهماً لبناء مستقبل مهني قوي. ورغم صعوبة التنبؤ الدقيق بما سيحدث في 2027، فإن المؤشرات الحالية من تقارير GitHub وStack Overflow ومؤشرات TIOBE توضح اللغات التي يتوقع أن تظل الأكثر طلباً خلال السنوات القادمة. 🔴 رابط الدرس كاملاً : 🔴🔴 https://www.nusurtech.ca/2022/12/top-8-programming-languages.html

  • 4 нояб.3 2561823

    🔶 ما هو HTML 👩‍💻؟ 🔹️اختصار HTML (HyperText Markup Language) هي لغة التوصيف اللي تبني هيكل صفحات الويب — العناوين، الفقرات، الروابط، الصور، والنماذج. 🔹️ ببساطة: HTML بتقول للمتصفح ما الموجود في الصفحة، بينما CSS يحدد كيف يبدو وJavaScript يحدد كيف يتصرف. 🎯 الفكرة باختصار: 🔹️لو صفحتك دفتر، HTML هي الورق المرتّب بالعناوين والفقرات — هيكل واضح يعرض المحتوى للمستخدم والمتصفحات ومحركات البحث. 🧩 الاختلاف بين HTML وCSS وJS: • HTML = الهيكل (Structure) • CSS = المظهر (Presentation) • JavaScript = التفاعل (Behavior) ⚙️ نقاط مهمة سريعة: • استخدم وسوم دلالية مثل <header>, <nav>, <main>, <article>, <footer>. • ضيف alt لكل صورة لتحسين الوصول. • ضع <!DOCTYPE html> في أعلى الملف لتستخدم HTML5. • استخدم meta viewport لتناسب الهواتف: meta name="viewport" content="width=device-width, initial-scale=1". 🧠 ملاحظة أمان: لا تثق بمدخلات المستخدم — دوّن التحقق على الخادم (server-side) لتفادي XSS وSQL Injection. استعمل Content Security Policy (CSP) لحماية الصفحة من سكربتات غير موثوقة. 📄 مثال بسيط (انسخ والصق داخل ملف .html لتجربته): <!DOCTYPE html> <html lang="ar"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>موقع تجريبي</title> </head> <body> <header><h1>مرحبا — هذه صفحة تجريبية</h1></header> <main> <section> <h2>عن الموقع</h2> <p>هذا مثال يوضح أساسيات HTML ودلاليتها.</p> </section> </main> <footer><p>© 2025 جميع الحقوق محفوظة</p></footer> </body> </html> 🚀 لماذا تتعلم HTML؟ • لأنها أساس تطوير الويب — أي موقع أو واجهة تبدأ بـHTML. • بتحكم في الوصولية (Accessibility) وSEO وأداء الصفحة. • مع CSS وJS تقدر تنشئ مواقع وتطبيقات قوية وسريعة. 🛠️ نصيحة عملية: ابدأ بتطبيقات بسيطة، اهتم بالوصولية والأمان، ثم تعلّم CSS وJavaScript لرفع مستوى واجهاتك.

  • 26 мар. 2025 г.13,2 тыс1248

    👩‍💻 انشاء موقع متعدد الصفحات وربطهم مع بعض عبر HTML Multi page website creation. لإنشاء موقع ويب متعدد الصفحات باستخدام HTML، يمكنك اتباع الخطوات التالية. في هذا الدرس سأقدم لك هيكلًا بسيطًا لموقع يتكون من ثلاث صفحات: الصفحة الرئيسية، صفحة حول، وصفحة اتصل بنا. لقراءة الدرس #الخامس_والعشرون من HTML من خلال الرابط الآتي https://www.nusurtech.ca/2025/03/html-multi-page-website-creation.html

  • 24 мар. 2025 г.11,2 тыс547

    👩‍💻 عرض فيديوهات #YouTube في موقعك باستخدام HTML Display YouTube #videos on the website using HTML لإضافة #فيديوهات YouTube إلى موقعك باستخدام HTML يمكنك استخدام علامة #iframe احصل على كود التضمين انقر على زر مشاركة تحت الفيديو ثم اختر تضمين لقراءة الدرس…

  • 22 мар. 2025 г.9 885223

    👩‍💻 عرض ملفات PDF في موقعك عن طريق HTML Add pdf at website in HTML في بعض الاحيان ترغب بعرض الملفات بصيغة PDF عبر موقعك حتى يقوم المستخدم بقراءة محتوى ملف PDF بشكل سهل.. لقراءة الدرس #الثاني_والعشرون من HTML من خلال الرابط الآتي https://www.nusurtech.ca/2025/03/html…

  • 19 мар. 2025 г.9 076726

    👩‍💻 إضافة رمز مفضل #Favicon لصفحات موقعك HTML. Add favicon at website in HTML من خلال هذا العنصر يُمكنك أن تقوُم بتحديد #الأيقونة التي تظهَر أعلى شريط title في صفحة الويب, إضافة #رمزمفضل Favicon لصفحات موقعك HTML. لقراءة الدرس #الحادي_والعشرون من HTML من…

  • 17 мар. 2025 г.3 2814

    👩‍💻

  • 16 мар. 2025 г.11,3 тыс249

    السلام عليكم ورحمة الله وبركاته🤝 ، اعتذر عن الانقطاع لفترة من الزمن سامحوني 🥺. بإذن الله بدايةَ من الاسبوع القادم سوف نكمل معكم لغات برمجة الويب بالتسلسل و سوف نعمل على إعداد باقي دروس 👩‍💻HTML في البداية ثم نذهب إلى CSS 👩‍💻 ثم JS 👩‍💻... وهكذا... في هذه الفترة يمكنك دعوة اصدقائك و تشجيعنا في نشر رابط القناة الآتي @HTML_PT

  • 24 окт. 2023 г.10,6 тыс4723

    видео или голосовое, без подписи

  • 23 окт. 2023 г.8 918914

    ماذا سوف تكون نتيجة هذا الكود بحسب ما تم دراسته في الدرس الرابع؟ رابط الدرس الرابع 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>

  • 22 окт. 2023 г.7 9802515

    видео или голосовое, без подписи

  • 22 окт. 2023 г.7 39498

    ماهي مخرجات الكود الآتي حسب ما درسته في الدروس السابقة، وفي أي درس تم شرح هذا الوسم ؟ <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>

  • 14 окт. 2023 г.6 593109

    ماهو الخطأ في كود HTML الآتي مع ذكر السبب : <html> <head> <title>NU</title> <head/> <body> <p>Nusur Tech<p><br> Ahmed<br>Muhammad </body> </html>

  • 8 окт. 2023 г.6 7266

    رابط قروب المناقشات ل html اذا احد عنده استفسارات . طبعا رح نعمل تحديات وواجبات تفاعليه لكل درس https://t.me/barmj1

  • 7 окт. 2023 г.7 03218

    👩‍💻 إضافة رمز مفضل #Favicon لصفحات موقعك HTML. Add favicon at website in HTML من خلال هذا العنصر يُمكنك أن تقوُم بتحديد #الأيقونة التي تظهَر أعلى شريط title في صفحة الويب, إضافة #رمزمفضل Favicon لصفحات موقعك HTML. لقراءة الدرس #الحادي_والعشرون من HTML من خلال الرابط الآتي https://www.nusurtech.ca/2024/04/html-favicon.html

  • 6 окт. 2023 г.6 150411

    👩‍💻 تجميع العناصر بواسطة #Fieldset في HTML Fieldset and legend HTML العنصر fieldset يتم إستخدامه لـ #تجميع_العناصر ذات الصلة و ايضاً يقوم برسم #مربع حول العناصر ذات الصلة, بالنسبة للعنصر #legend يتم إستخدامه ضمن العنصر fieldset, من خلاله يمكن كتابة تسمية توضيحية للعنصر fieldset. لقراءة الدرس #العشرون من HTML من خلال الرابط الآتي https://www.nusurtech.ca/2024/04/html-fieldset-legend.html

  • 6 окт. 2023 г.5 715421

    👩‍💻 تضمين #خرائط Google إلى موقعك بإستخدام HTML. Embed HTML Google #Maps في بعض الأحيان ترغب بإضافة خرائط في موقعك, في هذا الدرس سوف نشرح عن كيفية إضافة #الخريطة لموقعك بأسهل طريقة من خلال html فقط. لقراءة الدرس #التاسع_عشر من HTML من خلال الرابط الآتي https://www.nusurtech.ca/2024/04/html-include-google-maps-in-web-page.html

  • 1 окт. 2023 г.5 495323

    الفرق بين العناصر #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

  • 30 сент. 2023 г.5 387818

    الوسم #input و استخداماته في HTML input in HTML وسم input هو وسم يستخدم لإنشاء عناصر تقبل #الإدخال في الصفحة من المستخدم و أرسالها إلى السيرفر مثل مستطيل كتابة البريد الالكتروني و الباسورد عندما يكتبها المستخدم وترسل للسرفر عند الضغط على زر #الإدخال و لهذا الوسم قيم متعددة. لقراءة الدرس #السابع_عشر من HTML من خلال الرابط الآتي https://www.nusurtech.ca/2024/04/html-input.html

تعلم HTML ©️ — tgindex