تقنيات نور التعليمية تقنيات نور التعليمية
في الوقت الحالي

جاري صيانة و تحديث للمدونة

في الوقت الحالي
جاري التحميل ...

ملخصًا سريعًا لأهم ما تعلمناه في سلسلة HTML (من الدرس 1 إلى الدرس 7):

 الدرس 1: مقدمة في HTML

ملخصًا سريعًا لأهم ما تعلمناه في سلسلة HTML (من الدرس 1 إلى الدرس 7)
  • HTML هي لغة بناء صفحات الويب.
  • الهيكل الأساسي لأي صفحة HTML:
    <!DOCTYPE html>
    <html>
      <head>
        <title>عنوان الصفحة</title>
      </head>
      <body>
        محتوى الصفحة
      </body>
    </html>
    

الدرس 2: العناوين والفقرات

  • العناوين: <h1> إلى <h6>، من الأكبر للأصغر.
  • الفقرات: <p> تستخدم لكتابة نصوص.

الدرس 3: التنسيقات الأساسية للنصوص

  • غامق: <b> أو <strong>
  • مائل: <i> أو <em>
  • خط تحت النص: <u>
  • سطر في منتصف النص: <s> أو <del>
  • فاصل أفقي: <hr>
  • كسر سطر: <br>

الدرس 4: الروابط (Links)

  • استخدام وسم <a> لإنشاء روابط.
    <a href="https://example.com">زر الرابط</a>
    
  • خاصية target="_blank" لفتح الرابط في نافذة جديدة.

الدرس 5: القوائم (Lists)

  • غير مرتبة: <ul> و <li>
  • مرتبة: <ol type="1|A|a|I|i"> و <li>
  • قوائم متداخلة ممكنة بإدخال قائمة داخل عنصر <li>

الدرس 6: الجداول (Tables)

  • العناصر الأساسية: <table>, <tr>, <td>, <th>
  • إضافة إطار للجدول: border="1"
  • دمج خلايا: colspan و rowspan
  • عنوان للجدول: <caption>

الدرس 7: النماذج (Forms)

  • إنشاء نموذج باستخدام <form>
  • أنواع حقول الإدخال:
    • نص: <input type="text">
    • كلمة مرور: <input type="password">
    • بريد إلكتروني: <input type="email">
    • مربع اختيار: <input type="checkbox">
    • زر إرسال: <input type="submit">
    • قائمة منسدلة: <select>
    • حقل نص متعدد: <textarea>

عن الكاتب

Tamer Ahmed

التعليقات


اتصل بنا

إذا أعجبك محتوى مدونتنا نتمنى البقاء على تواصل دائم ، فقط قم بإدخال بريدك الإلكتروني للإشتراك في بريد المدونة السريع ليصلك جديد المدونة أولاً بأول ، كما يمكنك إرسال رساله بالضغط على الزر المجاور ...

جميع الحقوق محفوظة

تقنيات نور التعليمية