recent
أخبار ساخنة

الدرس 4 : إدراج الصور والصفحات والروابط

Prof Adil
الصفحة الرئيسية
الدرس 4 : إدراج الصور والروابط والصفحات في HTML

📘 إدراج الروابط والصور في صفحات HTML

🔹 1. إدراج الروابط (Hyperlinks)

لإنشاء رابط يمكن الضغط عليه للانتقال إلى صفحة أخرى، نستخدم الوسم <a>:

<a href="https://www.example.com">زر لزيارة Example</a>

- الخاصية href تحدد عنوان الرابط.

- لفتح الرابط في نافذة جديدة نضيف target="_blank":

<a href="https://www.example.com" target="_blank">زيارة Example في نافذة جديدة</a>
---

🔹 2. إدراج الصور

لإضافة صورة إلى الصفحة نستخدم الوسم <img>:

<img src="url_الصورة.jpg" alt="وصف الصورة" width="300">
- الخاصية src هي مسار الصورة (رابط أو مسار نسبي). - الخاصية alt مهمة لوصف الصورة لذوي الاحتياجات الخاصة أو عند عدم تحميل الصورة. - يمكن التحكم في حجم الصورة بـ width و height. ---

🔹 3. مثال كامل

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>صفحة روابط وصور</title>
  </head>
  <body>
    <h1>مرحبًا بك في موقعي</h1>
    <p>زوروا الموقع الرسمي <a href="https://www.example.com" target="_blank">هنا</a>.</p>
    <img src="https://via.placeholder.com/300" alt="صورة تجريبية" width="300">
  </body>
</html>
---
المقال السابق: أهم وسوم HTML
google-playkhamsatmostaqltradent