اضافة صور

محتويات الدرس

الوسوم المستخدمة

				
					 <img decoding="async" src="https://st2.depositphotos.com/1186248/44340/i/450/depositphotos_443402686-stock-photo-proud-handwritten-white-background.jpg">

الكود المستخدم في الدرس

				
					 نستخدم الوسم <img>
 <img decoding="async" src="مسار الصورة"  url="">

 <!-- src
 اختصار لكلمة source -->
 
 <!--نضع مكان url
 مسار الصورة التي نريد عرضها
 -->
 
 
				
			
				
					<html>
  <body>
    <h1>Web Development</h1>
    <img decoding="async" width="100" title="web development" src="images/pro.webp" alt="Web" />
    <br />
    <img decoding="async"
      width="100"
      title="web development"
      src="https://venturebeat.com/wp-content/uploads/2021/05/GettyImages-1291886933-e1624308433688.jpg?fit=2309%2C1154&strip=all"
      alt="Web"
    />
    <h2>What Is Programming?</h2>
    <p>
      Programming is a way to tell computers what to do. It's like giving them a
      list of instructions to follow.
    </p>
    <h2>Why Learn Programming?</h2>
    <p>
      Learning programming is not important because it allow syou to create
      software , websites, and apps
    </p>
  </body>
</html>

شرح الاكواد 

				
					<img decoding="async" 
    width="100"
    title="web development"
    src="images/pro.webp" alt="Web" />

width : عرض الصورة

title : عنوان الصورة لما تحط الماوس عليها

src : مسار الصورة

alt : لو الصورة مظهرتش فى الموقع الكلمه اللى انت حاطتها هتظهر

تقدر تشوف الفيديو

من هنا
X