تعلم HTML ©️
Kanalga Telegram’da o‘tish
تُستخدَم HTML في إنشاء و تصميم صفحات و مواقع الويب, و تُعتبَر هذه اللّغة من أقدم اللّغات و أوسعها إستخداماً في تصميم صفحات الويب. مجموعة المناقشة : @barmj1
Ko'proq ko'rsatish1 772
Obunachilar
Ma'lumot yo'q24 soatlar
Ma'lumot yo'q7 kunlar
Ma'lumot yo'q30 kunlar
Ma'lumot yuklanmoqda...
O'xshash kanallar
Ma'lumot yo'q
Muammo bormi? Iltimos, sahifani yangilang yoki bizning qo'llab-quvvatlash boshqaruvchimizga murojaat qiling>.
Taglar buluti
Ma'lumot yo'q
Muammo bormi? Iltimos, sahifani yangilang yoki bizning qo'llab-quvvatlash boshqaruvchimizga murojaat qiling>.
Kirish va chiqish esdaliklari
---
---
---
---
---
---
Obunachilarni jalb qilish
Sentabr '24
Sentabr '24
+227
1 kanalda
Avgust '24
+22
5 kanalda
Get PRO
Iyul '24
+126
0 kanalda
Get PRO
Iyun '24
+133
1 kanalda
Get PRO
May '24
+167
0 kanalda
Get PRO
Aprel '24
+203
9 kanalda
Get PRO
Mart '24
+60
0 kanalda
Get PRO
Fevral '24
+101
0 kanalda
Get PRO
Yanvar '24
+211
0 kanalda
Get PRO
Dekabr '23
+335
0 kanalda
Get PRO
Noyabr '230
1 kanalda
Get PRO
Oktabr '230
2 kanalda
Get PRO
Sentabr '230
0 kanalda
Get PRO
Avgust '230
0 kanalda
Get PRO
Iyul '230
0 kanalda
Get PRO
Iyun '230
0 kanalda
Get PRO
May '230
0 kanalda
Get PRO
Aprel '230
0 kanalda
Get PRO
Mart '23
+21
0 kanalda
Get PRO
Fevral '23
+32
0 kanalda
Get PRO
Yanvar '23
+52
0 kanalda
Get PRO
Dekabr '22
+29
0 kanalda
Get PRO
Noyabr '22
+71
0 kanalda
Get PRO
Oktabr '22
+62
0 kanalda
Get PRO
Sentabr '22
+83
0 kanalda
Get PRO
Avgust '22
+60
0 kanalda
Get PRO
Iyul '22
+45
0 kanalda
Get PRO
Iyun '22
+45
0 kanalda
Get PRO
May '22
+33
0 kanalda
Get PRO
Aprel '22
+54
0 kanalda
Get PRO
Mart '22
+139
0 kanalda
Get PRO
Fevral '22
+44
0 kanalda
Get PRO
Yanvar '22
+133
0 kanalda
Get PRO
Dekabr '21
+73
0 kanalda
Get PRO
Noyabr '21
+63
0 kanalda
Get PRO
Oktabr '21
+440
0 kanalda
| Sana | Obunachilarni jalb qilish | Esdaliklar | Kanallar | |
| 25 Sentabr | +8 | |||
| 24 Sentabr | +3 | |||
| 23 Sentabr | +7 | |||
| 22 Sentabr | +4 | |||
| 21 Sentabr | +5 |
Kanal postlari
املأ الفراغات الخضراء لينتج لدينا كود إنشاء فقرات في صفحة الويب.
🟩 HTML is easy
HTML is Fun 🟩
| 2 | ماذا سوف تكون نتيجة هذا الكود بحسب ما تم دراسته في الدرس الرابع؟
رابط الدرس الرابع
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> | 1 877 |
| 3 | ما هو الوسم الذي يستخدم في العناوين ؟ | 1 635 |
| 4 | ماهي مخرجات الكود الآتي حسب ما درسته في الدروس السابقة، وفي أي درس تم شرح هذا الوسم ؟
<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> | 1 484 |
| 5 | ماهو الخطأ في كود HTML الآتي مع ذكر السبب :
<html>
<head>
<title>NU</title>
<head/>
<body>
<p>Nusur Tech<p><br> Ahmed<br>Muhammad
</body>
</html> | 1 448 |
| 6 | رابط قروب المناقشات ل html اذا احد عنده استفسارات .
طبعا رح نعمل تحديات وواجبات تفاعليه لكل درس
https://t.me/barmj1 | 1 500 |
| 7 |  إضافة رمز مفضل #Favicon لصفحات موقعك HTML.
Add favicon at website in HTML
من خلال هذا العنصر يُمكنك أن تقوُم بتحديد #الأيقونة التي تظهَر أعلى شريط title في صفحة الويب, إضافة #رمزمفضل Favicon لصفحات موقعك HTML.
لقراءة الدرس #الحادي_والعشرون من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2024/04/html-favicon.html | 1 515 |
| 8 | تجميع العناصر بواسطة #Fieldset في HTML
Fieldset and legend HTML
العنصر fieldset يتم إستخدامه لـ #تجميع_العناصر ذات الصلة و ايضاً يقوم برسم #مربع حول العناصر ذات الصلة, بالنسبة للعنصر #legend يتم إستخدامه ضمن العنصر fieldset, من خلاله يمكن كتابة تسمية توضيحية للعنصر fieldset.
لقراءة الدرس #العشرون من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2024/04/html-fieldset-legend.html | 1 310 |
| 9 | تضمين #خرائط Google إلى موقعك بإستخدام HTML.
Embed HTML Google #Maps
في بعض الأحيان ترغب بإضافة خرائط في موقعك, في هذا الدرس سوف نشرح عن كيفية إضافة #الخريطة لموقعك بأسهل طريقة من خلال html فقط.
لقراءة الدرس #التاسع_عشر من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2024/04/html-include-google-maps-in-web-page.html | 1 231 |
| 10 | الفرق بين العناصر #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 | 1 256 |
| 11 | الوسم #input و استخداماته في HTML
input in HTML
وسم input هو وسم يستخدم لإنشاء عناصر تقبل #الإدخال في الصفحة من المستخدم و أرسالها إلى السيرفر مثل مستطيل كتابة البريد الالكتروني و الباسورد عندما يكتبها المستخدم وترسل للسرفر عند الضغط على زر #الإدخال و لهذا الوسم قيم متعددة.
لقراءة الدرس #السابع_عشر من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2024/04/html-input.html | 1 216 |
| 12 | أرشيف دروس كورس 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 255 |
| 13 | الوسم button #الأزرار العادية في HTML
Button in HTML
الوسم المستخدم لإنشاء زر #Button هو الوسم <button> ويتم استخدام الوسم <button> لإنشاء #زر قابل للنقر يمكن استخدامه لتنفيذ إجراء معين عند النقر عليه.
لقراءة الدرس #السادس_عشر من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2024/04/html-button.html | 1 064 |
| 14 | الوسم #summary في HTML.
Summary details in HTML
وسم “summary” في HTML يستخدم في تعريف عنصر فرعي (sub-element) ضمن وسم “#details” لإنشاء #قائمة_مطوية (collapsible list) يُمكن توسيعها وطيّها.
لقراءة الدرس #الخامس_عشر من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2024/04/html-details-summary.html | 1 378 |
| 15 | تضمين #الوسائط_المتعددة في HTML.
Multimedia in HTML
#الوسائط المتعددة تستخدم لعرض وتشغيل لمحتوى الوسائط المتنوعة مثل الصور والفيديو والصوت والتفاعلات المتعددة الأخرى على صفحات الويب.
لقراءة الدرس #الرابع_عشر من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2024/04/html-multimedia.html | 1 075 |
| 16 | الإطارات frameset في HTML.
Frameset Tag in HTML.
يُستخدم الوسم #frameset لتحديد تخطيط #الإطارات (Frameset layout) في صفحة الويب. يتم استخدامه بالتزامن مع الوسم frame لتعريف الإطارات الفرعية داخل الصفحة.
لقراءة الدرس #الثالث_عشر من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2024/04/html-frameset.html | 933 |
| 17 | #الخطوط في HTML
Fonts in HTML
الوسم #font يقوم بالتحكم في #الخط من حيث اللون و الحجم و نوع الخط, قبل البدء في اي مثال سوف اعرفكم على الخصائص المستخدمه مع الوسم font.
لقراءة الدرس #الثاني_عشر من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2024/04/html-font.html | 916 |
| 18 | #الصور في HTML.
Basic way to add an Image in HTML
لكي تقوم بعرض #صورة في HTML باستخدام الوسم <img>. يتطلب ذلك توفر مصدر #الصورة (عنوان URL للصورة) وتضمينه في الوسم <img>.
لقراءة الدرس #الحادي_عشر من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2024/04/html-images.html | 897 |
| 19 | الألوان في لغة HTML.
#Color in HTML.
#الألوان لها أهمية كبيرة في التصميم، فهي تعتبر أحد العناصر الأساسية التي تؤثر على انطباع المشاهد وتعاطفهم مع التصميم.
لقراءة الدرس #العاشر من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2024/03/html-colors.html | 975 |
| 20 | الجداول Tables في HTML
Tables in HTML
#الجداول ( #Tables ) تسمح بعرض البيانات بشكل مرتب و جميل و مفهوم و مقسم لأعمدة و أسطر. لإنشاء #جدول نستخدم وسم الجداول <table> و </table> و هو الوسم الرئيسي لإدراج الجداول.
لقراءة الدرس #التاسع من HTML من خلال الرابط الآتي
https://www.nusurtech.ca/2024/01/html-tables.html | 891 |
