جميع أكواد HTML مع الشرح
ما هي لغة HTML؟
لغة الـHTML (HyperText Markup Language) هي اللغة الأساسية المستخدمة في إنشاء وتخطيط صفحات الويب. تعتبر HTML هيكل الصفحة، حيث تحدد العناصر الرئيسية مثل النصوص، الصور، الروابط، وغيرها. من المهم فهم كيفية عمل هذه الأكواد لتحقيق تصميمات ويب فعالة وجذابة.
أهم أكواد HTML
1. كود بداية المستند
كل مستند HTML يبدأ بكود التعريف التالي:
<!DOCTYPE html>
هذا الكود يُخبر المتصفح أن المستند هو HTML5.
2. كود العنصر الجذري
العنصر الجذري هو:
<html></html>
داخل هذا العنصر نضع كل محتوى صفحة الويب.
3. كود رأس الصفحة
تستخدم العنصر التالي لتحديد رأس الصفحة:
<head></head>
خلال هذا العنصر يمكنك إضافة الرابط إلى ملفات CSS، أو وصفات meta، أو خطوط.
4. كود العنوان
لإضافة عنوان للصفحة يظهر في شريط عنوان المتصفح، استخدم:
<title>عنوان الصفحة</title>
5. كود الجسم
العنصر الذي يحوي كل المحتوى المرئي في الصفحة هو:
<body></body>
عناصر HTML الأساسية
1. الفقرة
لإنشاء فقرة، نستخدم:
<p>هذه هي فقرة نصية.</p>
2. العناوين
هناك ستة مستويات من العناوين:
<h1>الأعلى</h1>
<h2>العنوان الثانوي</h2>
<h3>عنوان ثالث</h3>
وهكذا حتى h6.
3. الروابط
لإنشاء رابط، استخدم:
<a href="http://example.com">هذا رابط</a>
4. الصور
لإضافة صورة، نستخدم:
<img src="image.jpg" alt="وصف الصورة">
5. القوائم
هناك نوعان من القوائم: مرتبة وغير مرتبة.
- قائمة غير مرتبة:
<ul><li>عنصر 1</li></ul>
- قائمة مرتبة:
<ol><li>عنصر 1</li></ol>
تقنيات متقدمة في HTML
1. النماذج
لإنشاء نموذج، نستخدم:
<form action="submit.php"></form>
2. الجداول
لإنشاء جدول، نستخدم:
<table><tr><th>عنوان</th></tr></table>
أهمية التعلم المستمر
يتطور عالم تكنولوجيا المعلومات بشكل مستمر، لذلك من الضروري متابعة أكواد الـHTML الجديدة والتحديثات لضمان بقاء المعلومات محدثة. من خلال الفهم الجيد لهذه الأكواد، يمكن للمطورين تصميم مواقع ويب فعالة وجذابة.