المتابعون

الدرس السابع : اضافة الصور لصفحات الــ html ( دورة ال html )

الخميس، 24 مارس 2011 |



بسم الله الرحمن الرحيم

شوفوا يا اخوان هذا يمكن يكون واحد من أسهل الدروس .. 
لان بس في أمر واحد أساسي و كل الاوامر الباقيه تتعلق بالدروس الثانيه .. 

الامر الاساسي لاضافة الصور .. 
يلا نشوف المثال البسيط .. 


كود PHP:
<html
<head
<titleالصور </title
</head
<body
<h1 align="center"
<img src="logo.jpg" alt="logo"
</h1>
</body>
</html>  

نبدي نشرحه .. بسم الله .. 
أولاً : سبق و ذكرنا تفسير الامر <h1> الي هو أمر لتحديد العناوين و تمييزها عن غيرها 
ثانياً :
كود:
<img src="xxxxx.yyy>
شوفوا يا اخوان هذا الامر هو الامر الاساسي في أي صوره داخل لغة النص المتشعب و فيه متغيرين xxxxxx و تحط بدالها رابط الصوره و yyy و تحط بدالها صيغة الصوره و عادة تكون jpg طبعا 

الخصائص التي يمكن اضافتها مع أمر الصوره .. 
الحين يا اخوان لاحظوا معي في هذي الشفره .. 


كود PHP:
<html>
<head>
<titleوضع رابط و خصائص للصوره </title
</head
<body
<a href="http://www.kamannana.blogspot.com"
<img src="logo.jpg" alt=" مدونة توب ماين " width=90 height=90 border=2>
</a>
</body
</html>  



نشرح هالشفره من الالف الى الياء .. 
أول شي الامر herf تعرفوه و اذا كنت ما تعرفه راجع درس الوصلات التشعبيه 
ثاني شي الامر img src شرحناه قبل شوي 
ثالث شي الخصائص الي أضفناه الحين أحاول أشرحها بالتفصيل الممل .. 
width = العرض و تتبعه بعلامة يساوي بعد علامة يساوي تكتب رقم تحددبه عرض الصوره 
height = الارتفاع و تتبعه بعلامة يساوي بعد علامة يساوي تحط رقم تحددبه ارتفاع الصوره 
alt = توضيح للصوره لو تحط الشفره هذي بالمفكره و تحفظها بصيغة htm راح تفهم أكثر 
border = الحدود و عرض الحد 
الحين راح ناخذ الاوامر الاضافيه .. 
الامر align و يستخدم كالتالي .. 
كود:
<img src="logo.jpg" align="top">
ولهذا الامر أربع خواص .. 
top 
bottom
middle
left
right
طبعا تحطها كالتالي .. 
كود:
<img src="logo.jpg" align="xxxxx">
طبعا تلتزم بتغيير الــ xxxxx الى احدى الخواص التي سبق ذكرها .. 


بعد الانتهاء من الدرس فكر في السؤال التالي : 
- ما سبب اختلاف الخواص في الامر align عند استخدامه مع النصوص و عند استخدامه مع الصور ؟؟؟

و ايضاً فكر في : 
- هل من الممكن عمل الصوره كــ عنوان عن طريق الامر
كود:
<hn>
؟؟ أو كــ فقره عن طريق الامر
كود:
<p>
*انتهى* 

0 comments:

إرسال تعليق