الدرس الأول هيكلة صفحة 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>`. قم بتطبيق هذه الخطوات لإنشاء صفحات ويب مرتبة ومنظمة بشكل صحيح.
الدرس الأول هيكلة صفحة 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>`. قم بتطبيق هذه الخطوات لإنشاء صفحات ويب مرتبة ومنظمة بشكل صحيح.