Top Ad unit 728 × 90

مقالات

html

الدرس السادس : التعامل مع الصور images


الصور
يمكن لمعظم متصفحات الويب عرض الصور التي هي في شكل GIF، JPEG أو أى شكل أخر. لتضمين صورة، أدخل الكود:
<IMG SRC="ImageName">

على سبيل المثال: <"IMG SRC = "monky.gif>
يستخدم وسم <IMG> لتحديد صورة. ليس لديها هذه العلامة علامة إغلاق. الجزء IMG يخبر المتصفح لإضافة صورة، وSRC يقول لمتصفحك مكان العثور على الصورة. هناك اثنين من السمات على <IMG> تحدد حجم الصور. سمات الطول height والعرض width (بالبكسل) للصور. على سبيل المثال:
<IMG SRC="monky.gif" HEIGHT=80 WIDTH=100>

يمكنك وضع صورة في اليسار أو اليمين من الصفحة باستخدام الخاصية  ALIGN .. على سبيل المثال:
<"IMG SRC="ImageName" ALIGN="right>

افتراضيا يتم محاذاة أسفل صورة مع النص التالي. يمكنك محاذاة الصور إلى أعلى أو أسفل أو وسط فقرة باستخدام أحد ثلاثة أمور: TOP، MIDDLE، BOTTOM، على سبيل المثال:
<"IMG SRC="monky.gif" ALIGN="top>

السمة ALT هي واحدة من سمات IMG. يمكنك استخدام السمة ALT لتحديد النص ليتم عرضه بدلا من صورة. على سبيل المثال:
 <IMG SRC="monky.gif" ALT="monkey">

في هذا المثال، إذا كان شخص ما لا يمكن أن يرى الصورة، على الأقل أنه سوف يكون قادر على قراءة اسم الصورة ويعرف أنه سيكون monkey لأن عبارة monkey ستظهر في المكان الخاص بالصورة.

الصورة يمكن أن تستخدم كوصلات تشعبية تماما مثل النص العادي. ما يلي هو رمز HTML:
<A HREF="animal.html"> <IMG SRC = "monky.gif"> </A>

الحد الأزرق الذي يحيط الصورة يدل على أنه هو ارتباط تشعبي للنقر. إذا كنت لا ترغب في عرض هذه الحدود، يمكنك إضافة السمة الحدود وتعيينها إلى الصفر:
<A HREF="animal.html"><IMG SRC="monky.gif" BORDER=0></A>

يمكنك تحميل صورة من صفحة ويب أخرى إلى صفحتك. لعرض صورة على الصفحة تحتاج إلى العثور على URL:
<"IMG SRC="http://www.website.com/image2.gif>


يمكنك أيضا استخدام صورة كخلفية. يتم تضمين كلمة دلالية لتضمين صورة الخلفية في <BODY> بوصفه سمة: 
 <BODY BACKGROUND="ImageName">
الدرس السادس : التعامل مع الصور images Reviewed by ahmed gawish on 2:31 ص Rating: 5

ليست هناك تعليقات:

All Rights Reserved by arab web tutorials © 2014 - 2015
Powered By Blogger, Designed by Sweetheme

نموذج الاتصال

الاسم

بريد إلكتروني *

رسالة *

يتم التشغيل بواسطة Blogger.