front End
لغة Html
لغة Html :
HTML (Hypertext Markup Language) هي لغة توصيف لترميز وتنسيق صفحات الويب. تستخدم HTML لإنشاء هيكل وتنظيم المحتوى على صفحة الويب، وتحديد تنسيق النصوص والصور والروابط والجداول والنماذج وعناصر أخرى.
تعتمد لغة HTML على استخدام الوسوم (Tags) لتحديد عناصر الصفحة ووظائفها. تبدأ وتنتهي الوسوم برموز الزوج < > وتشير إلى نوع العنصر. على سبيل المثال، <p> هو وسم يستخدم لتعريف فقرة في الصفحة، و <img> يستخدم لإدراج صورة.
يمكن لوسوم HTML أن تحتوي على سمات (Attributes) التي توفر معلومات إضافية عن العناصر. على سبيل المثال، يمكن استخدام سمة "src" في وسم الصورة لتحديد مسار مصدر الصورة.
اللغة HTML تتيح العديد من الوسوم والسمات الأخرى لتخصيص صفحات الويب وجعلها تظهر بالشكل المطلوب. يمكن استخدام CSS (Cascading Style Sheets) لتطبيق تنسيقات إضافية على العناصر الHTML وتحسين مظهر الصفحة.
* عناصر Html :
لغة HTML تحتوي على العديد من العناصر (elements) التي تستخدم لتحديد وتنسيق محتوى صفحات الويب. فيما يلي بعض العناصر الشائعة في HTML:
1. `<h1>` إلى `<h6>`: تستخدم لتعريف عناوين الصفحة بترتيب من الأكبر إلى الأصغر. `<h1>` هو العنوان الأكبر و `<h6>` هو العنوان الأصغر.
2. `<p>`: تستخدم لتعريف فقرة نصية.
3. `<a>`: تستخدم لإنشاء رابط (وصلة) إلى صفحة أخرى. يتم تحديد عنوان الصفحة المستهدفة في سمة `href`.
4. `<img>`: تستخدم لإدراج صورة في الصفحة. يتم تحديد مسار الصورة في سمة `src` ويمكن تضمين نص بديل في سمة `alt` للوصف البديل للصورة.
5. `<ul>` و `<ol>` و `<li>`: تستخدم لإنشاء قوائم غير مرتبة (`<ul>`) وقوائم مرتبة (`<ol>`) وعناصر القائمة (`<li>`).
6. `<table>` و `<tr>` و `<td>`: تستخدم لإنشاء جداول. `<table>` تعرف الجدول بأكمله، `<tr>` تعرف صفًا في الجدول، و `<td>` تعرف خلية داخل الصف.
7. `<form>` و `<input>`: تستخدم لإنشاء نماذج. `<form>` تعرف نموذجًا يحتوي على عناصر إدخال مثل `<input>` والذي يمكن استخدامه لإنشاء حقول نصية أو أزرار أو صناديق اختيار وغيرها.
8. `<div>` و `<span>`: تستخدم لتجميع وتحديد عناصر HTML الأخرى. `<div>` يستخدم لتجميع عناصر كبيرة وفصل أقسام الصفحة، بينما `<span>` يستخدم لتطبيق تنسيق محدد على جزء صغير من النص.
هذه هي بعض العناصر الشائعة في HTML، وهناك العديد من العناصر الأخرى المتاحة لتخصيص صفحات الويب وفقًا لاحتياجاتك.
إرسال تعليق
0 تعليقات