عناصر HTML وكيفية استخدامها في بناء صفحات الويب
HTML تحتوي على مجموعة من العناصر (elements) التي يمكن استخدامها لبناء صفحات الويب. إليك بعض العناصر الأساسية في HTML وكيفية استخدامها:
1. عناوين الصفحة (Headings):
- `<h1>` إلى `<h6>`: تستخدم لعرض عناوين الصفحة، حيث `<h1>` هو العنوان الرئيسي و`<h6>` هو العنوان الأقل أهمية.
2. فقرات النص (Paragraphs):
- `<p>`: تستخدم لعرض فقرات النص على الصفحة.
3. الروابط (Links):
- `<a>`: تستخدم لإنشاء روابط لصفحات الويب الأخرى أو الملفات الأخرى.
- مثال: `<a href="https://www.example.com">رابط مثال</a>`
4. الصور (Images):
- `<img>`: تستخدم لعرض الصور على الصفحة.
- مثال: `<img src="image.jpg" alt="وصف الصورة">`
5. القوائم (Lists):
- `<ul>`: تستخدم لإنشاء قائمة غير مرتبة (قائمة نقاط).
- `<ol>`: تستخدم لإنشاء قائمة مرتبة (قائمة مرقمة).
- `<li>`: تستخدم داخل `<ul>` أو `<ol>` لإضافة عناصر القائمة.
- مثال:
```html
<ul>
<li>عنصر 1</li>
<li>عنصر 2</li>
<li>عنصر 3</li>
</ul>
6. الجداول (Tables):
- `<table>`: تستخدم لإنشاء الجداول.
- `<tr>`: تستخدم لإضافة صفوف إلى الجدول.
- `<td>`: تستخدم لإضافة خلايا إلى الصف.
- مثال:
```html
<table>
<tr>
<td>خلية 1</td>
<td>خلية 2</td>
</tr>
<tr>
<td>خلية 3</td>
<td>خلية 4</td>
</tr>
</table>
7. نماذج الإدخال (Forms):
- `<form>`: تستخدم لإنشاء نموذج.
- `<input>`: تستخدم لإضافة حقل إدخال.
- `<button>`: تستخدم لإضافة زر إرسال.
- مثال:
```html
<form action="/submit" method="post">
<input type="text" name="username" placeholder="اسم المستخدم">
<input type="password" name="password" placeholder="كلمة المرور">
<button type="submit">تسجيل الدخول</button>
</form>
هذه بعض العناصر الأساسية في HTML وكيفية استخدامها لبناء صفحات الويب. يمكنك استخدام هذه العناصر بشكل متكرر وتنسيقها بشكل مناسب لإنشاء صفحات ويب متميزة وجذابة.
تعليقات
إرسال تعليق