هذا الدرس من الدورة التدريبية: كورس تعلم HTML من الصفر لبناء صفحات ويب
الدرس: أمثلة لأنواع عناصر صفحة الويب لإنشاء نصوص وعناوين وقوائم وروابط تنقل بواسطة لغة HTML
المدة: 5 دقائق
وصف مختصر:
وصف الدرس
أمثلة لأنواع عناصر صفحة الويب باستخدام HTML: النصوص، العناوين، القوائم، وروابط التنقل
في هذا الدرس، سنستعرض كيفية استخدام لغة HTML لإنشاء عناصر أساسية في صفحة الويب مثل النصوص، العناوين، القوائم، وروابط التنقل. هذا الدليل مناسب للمبتدئين الذين يرغبون في تعلم كيفية إضافة وتنسيق هذه العناصر في صفحات الويب الخاصة بهم.
1. إضافة العناوين باستخدام وسوم <h1> إلى <h6>
العناوين تساعد في تقسيم المحتوى وتنظيمه بطريقة تجعل من السهل على الزوار ومحركات البحث فهم هيكل الصفحة. يتم إنشاء العناوين باستخدام الوسوم من
<h1> إلى <h6>.مثال على العناوين:
<h1>عنوان رئيسي هنا</h1>
<h2>عنوان فرعي هنا</h2>
<h3>عنوان أقل أهمية</h3>
<h4>عنوان ثانوي</h4>
<h5>عنوان صغير</h5>
<h6>أصغر عنوان</h6>
<h1>هو العنوان الأكبر والأكثر أهمية، ويستخدم عادةً لعنوان الصفحة أو المقالة.<h6>هو الأصغر ويستخدم للعناوين الفرعية الأقل أهمية.
2. إضافة النصوص باستخدام وسم <p>
النصوص هي المحتوى الأساسي لأي صفحة ويب. يتم إضافة الفقرات باستخدام وسم
<p> الذي يحدد كل فقرة نصية.مثال على الفقرات:
<p>النص الخاص بك هنا في الفقرة الأولى.</p>
<p>
النص الخاص بك هنا في الفقرة الثانية،
ويمكنك استخدام <i> الخط المائل </i>
أو <b> الخط العريض </b>.
</p>
- يمكن استخدام الوسوم
<i>و<b>لتنسيق النص داخل الفقرات، حيث يتيح لك<i>جعل النص مائلًا و<b>جعله عريضًا.
3. إضافة القوائم باستخدام وسوم <ul> و <li>
القوائم تساعد في تنظيم المحتوى في شكل نقاط أو عناصر مرتبة. يتم إنشاء القوائم غير المرتبة باستخدام الوسم
<ul>، وكل عنصر داخل القائمة يتم تحديده باستخدام <li>.مثال على قائمة غير مرتبة:
<nav>
<ul>
<li>العنصر 1</li>
<li>العنصر 2</li>
</ul>
</nav>
- يمكن استخدام القوائم لتقديم عناصر متعددة بطريقة منظمة وسهلة القراءة.
4. إضافة روابط التنقل باستخدام وسم <a>
روابط التنقل تسمح للمستخدمين بالانتقال بين الصفحات المختلفة أو إلى مواقع خارجية. يتم إنشاء روابط التنقل باستخدام الوسم
<a>، وتحديد وجهة الرابط باستخدام السمة href.مثال على روابط التنقل:
<nav>
<ul>
<li><a href="https://google.com">Google</a></li>
<li><a href="your-link-domain.com">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
- هنا يمكن للمستخدم النقر على الروابط للتنقل بين صفحات الموقع أو الانتقال إلى مواقع خارجية.
كلمة عن الدرس
في هذا الدرس، تعلمنا كيفية إضافة عناصر أساسية إلى صفحة الويب باستخدام HTML، بما في ذلك العناوين، الفقرات، القوائم، وروابط التنقل. هذه العناصر هي لبنات البناء الأساسية لأي صفحة ويب
الفيديوهات
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و الفيديوهات
فيديو الدرس التعليمي أمثلة لأنواع عناصر صفحة الويب لإنشاء نصوص وعناوين وقوائم وروابط تنقل بواسطة لغة HTML
المصادر
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و المصادر
الأوامر البرمجية الأكواد والملفات المستخدمة
ملحقات ال PDF
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و ملحقات ال PDF
الملف المرجعي للشرح ماهي اللغة وماذا بإمكاننا إنشاءه HTML: What is and What We can do with HTML?
- 337 دقيقة من الفيديوهات التفاعلية الحصرية
- 66 مصدر إضافي
- 52 ملحقات PDFs
- 14 فيديو إضافي داخل الدروس
- 28 تطبيق نظري وعملي
- الوصول على جميع الأجهزة
- وصول مدى الحياة
- شهادة أوروبية لإتمام الدراسة
- ا لحصول على شهادة دبلوم موثقة
للوصول إلى الفيديوهات والمصادر والملحقات الدراسية والمواد التعليمية لدراسة برنامج
دورة تدريبية تعلم لغة HTML لبناء مواقع الإنترنت
اضغط هنا ابدأ التعلم
أيضاً عند أداء الاختبارات بنجاح سوف تحصل على الشهادة الأوروبية المعتمدة في إتمام الدراسة والتأهل لطلب الشهادة الدولية في هذا البرنامج
الدروس والاختبارات لتعلم هذه الدورة التدريبية : كورس تعلم HTML من الصفر لبناء صفحات ويب
دورات تدريبية أخرى في برمجة
البرمجة الكائنية التوجه في لغة البرمجة جافاسكربت JavaScript OOP
تعرف على أساسيات البرمجة الكائنية في JavaScript وكيفية استخدام الكائنات، الوراثة، والوظائف لإنشاء أكواد نظيفة وقابلة لإعادة الاستخدام.
دبلوم بناء مواقع الإنترنت للمبتدئين تعلم من الصفر HTML وCSS وJavaScript
ابدأ رحلتك في تطوير مواقع الإنترنت مع دبلوم شامل للمبتدئين. تعلم HTML وCSS وJavaScript من الصفر واكتسب المهارات الأساسية لبناء مواقع احترافية. دورة مصممة لتدعمك في كل خطوة على الطريق.
دبلوم بناء وتنسيق وبرمجة مواقع إنترنت تفاعلية
دبلوم تطوير واجهة مستخدم HTML وCSS وJavaScript شاهد آراء مهندسين البرمجيات الذين حصلوا على عمل بعد إكمالهم الدورات التدريبية مع مدرب البورد...
مقالات ذات صلة
ماهي لغة PHP ولماذا نستخدمها وكيف نقوم بكتابتها
ماهي لغة PHP ولماذا نستخدمها وكيف نقوم بكتابتها؟ لغة PHP هي واحدة من أقوى لغات البرمجة المستخدمة في تطوير الصفحات الويب الديناميكية....
التعرف على محررات الأكواد وأسرار إتقان لغة بناء صفحات الويب HTML
مقدمة تعتبر لغة HTML (HyperText Markup Language) البنية الأساسية لأي صفحة ويب. تُستخدم هذه اللغة البسيطة والقوية لتحديد هيكل المحتوى على...
السلاسل النصية (Strings) في جافاسكريبت: أساسيات وميزات متقدمة
مقدمة تُعتبر السلاسل النصية (Strings) جزءًا لا يتجزأ من أي لغة برمجة، وجافاسكريبت ليست استثناءً. فهي تُستخدم لتمثيل النصوص والبيانات النصية، وتُعتبر...
