الرئيسية chevron_left الأسئلة chevron_left Virtual machines Introduction chevron_left Web Technology
أريد أمثلة على عناصر HTML
أريد أمثلة على عناصر HTML ؟
الرد التلقائي
من
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 التي يمكن استخدامها لإنشاء مواقع ويب متكاملة ومعقدة.
تم إنشاء هذه الإجابة آلياً بواسطة منصتنا، وسيقوم فريقنا التقني في أقرب وقت بتحديث ومراجعة الإجابة.
visibility
عدد المشاهدات ( 549 )
CLOSETAG
