الرئيسية chevron_left الأسئلة chevron_left Virtual machines Introduction chevron_left Web Technology
أريد أمثلة على عناصر HTML
![Web Technology Web Technology](https://www.closetag.com/images/materials/1723995573_16643.png)
أريد أمثلة على عناصر HTML ؟
![CLOSETAG](https://www.closetag.com/images/logo/1641056257_60043.png)
الرد التلقائي
من
CLOSETAG
21 يوليو 2024
بالطبع! إليك بعض الأمثلة الشائعة لعناصر HTML واستخداماتها: 1. **العنصر `<html>`** - تعريف: العنصر الجذري لكل مستند HTML. - مثال: ```html <html> <head> <title>عنوان الصفحة</title> </head> <body> <!-- محتوى الصفحة --> </body> </html> ``` 2. **العنصر `<head>`** - تعريف: يحتوي على بيانات ميتا والروابط إلى موارد خارجية مثل CSS وJavaScript. - مثال: ```html <head> <meta charset="UTF-8"> <title>عنوان الصفحة</title> <link rel="stylesheet" href="styles.css"> </head> ``` 3. **العنصر `<body>`** - تعريف: يحتوي على محتوى الصفحة المرئي مثل النصوص والصور والفيديوهات. - مثال: ```html <body> <h1>مرحبًا بالعالم!</h1> <p>هذا مثال على فقرة.</p> </body> ``` 4. **العنصر `<h1>` إلى `<h6>`** - تعريف: تُستخدم لعناوين الصفحات أو الأقسام. `<h1>` هو أعلى مستوى عنوان و`<h6>` هو أقل مستوى. - مثال: ```html <h1>هذا عنوان المستوى 1</h1> <h2>هذا عنوان المستوى 2</h2> <h3>هذا عنوان المستوى 3</h3> ``` 5. **العنصر `<p>`** - تعريف: يُستخدم لتمثيل فقرة من النص. - مثال: ```html <p>هذه فقرة نصية تحتوي على بعض المعلومات.</p> ``` 6. **العنصر `<a>`** - تعريف: يُستخدم لإنشاء روابط تشعبية. - مثال: ```html <a href="https://www.example.com">اضغط هنا للذهاب إلى Example</a> ``` 7. **العنصر `<img>`** - تعريف: يُستخدم لإدراج صور في الصفحة. - مثال: ```html <img src="image.jpg" alt="وصف الصورة"> ``` 8. **العنصر `<ul>` و <li>`** - تعريف: يُستخدم لإنشاء قائمة غير مرتبة. يحتوي <ul>` على <li>` لعناصر القائمة. - مثال: ```html <ul> <li>العنصر الأول</li> <li>العنصر الثاني</li> <li>العنصر الثالث</li> </ul> ``` 9. **العنصر `<ol>` و <li>`** - تعريف: يُستخدم لإنشاء قائمة مرتبة. يحتوي <ol>` على <li>` لعناصر القائمة. - مثال: ```html <ol> <li>العنصر الأول</li> <li>العنصر الثاني</li> <li>العنصر الثالث</li> </ol> ``` 10. **العنصر `<div>`** - تعريف: يُستخدم لتجميع عناصر HTML معًا ويمكن أيضًا استخدامه لأغراض التنسيق. - مثال: ```html <div> <h2>عنوان القسم</h2> <p>هذه فقرة داخل div.</p> </div> ``` هذه مجرد أمثلة بسيطة وهناك الكثير من العناصر الأخرى في HTML التي يمكن استخدامها لإنشاء مواقع ويب متكاملة ومعقدة.