حميد احزداين

2024-03-23 20:09:42 - Translate -

bir fotoğraf eklendi

2024-03-23 20:08:35 - Translate -

الدرس الأول هيكلة صفحة HTML:

في هذا الدرس، سنتعلم كيفية هيكلة صفحة HTML بطريقة مرتبة ومنظمة باستخدام العناصر الأساسية.

#### الخطوات:

**1. إنشاء ملف HTML جديد:**
قم بإنشاء ملف جديد بامتداد ".html"
مثال: document.HTML
باستخدام أي محرر نصوص، مثل Notepad++ أو Sublime Text.

**2. تحديد عنصر `<html>`:**
ابدأ الصفحة بتعريف عنصر `<html>` الذي يحتوي على جميع محتويات الصفحة.

```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>عنوان الصفحة</title>
</head>
<body>

</body>
</html>
```

**3. تحديد عنصر `<head>`:**
استخدم عنصر `<head>` لوضع المعلومات الرئيسية حول الصفحة، مثل عنوان الصفحة والميتا تاجات.

**4. تحديد عنصر `<body>`:**
استخدم عنصر `<body>` لتحديد المحتوى الرئيسي للصفحة، مثل النصوص والصور والروابط.

**5. إضافة المحتوى:**
قم بإضافة المحتوى المناسب داخل عنصر `<body>`، مثل عناصر `<h1>` للعناوين و `<p>` للفقرات و `<img>` للصور.

```html
<body>
<h1>مرحبًا بك في موقعنا</h1>
<p>هذا هو المحتوى الرئيسي للصفحة.</p>
<img src="صورة.jpg" alt="وصف الصورة">
<a href="https://www.example.com">رابط الموقع الخارجي</a>
</body>
```

#### الاستنتاج:
بهذا الدرس، تعلمنا كيفية هيكلة صفحة HTML باستخدام العناصر الأساسية مثل `<html>`, `<head>`, و `<body>`. قم بتطبيق هذه الخطوات لإنشاء صفحات ويب مرتبة ومنظمة بشكل صحيح.

0 Yorumlar 0 hisse senetleri 413 Views 0 önizleme