الدرس السابع : اضافة الصور لصفحات الــ html
+8
Spider_mo09
oussama
jri7 hajr
aziza10
KING CR7
BeN.ShArAbi
a.boelez
{رضوان}
12 مشترك
صفحة 1 من اصل 1
الدرس السابع : اضافة الصور لصفحات الــ html
الدرس السابع : اضافة الصور لصفحات الــ html
نبدأ بسم الله ..
شوفوا يا اخوان هذا يمكن يكون واحد من أسهل الدروس ..
لان بس في أمر واحد أساسي و كل الاوامر الباقيه تتعلق بالدروس الثانيه ..
الامر الاساسي لاضافة الصور ..
يلله نشوف هالمثال البسيط ..
كود 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.mtwer.com">
<img src="logo.jpg" alt=" موقع مطور " width=90 height=90 border=2>
</a>
</body>
</html>
بعد ما نحط الشفره السابقه في امتداد htm راح تصير عندنا كذا ..
نشرح هالشفره من الالف الى الياء ..
أول شي الامر 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>
؟؟
و يلله عاد أبي أشوف الاجابات فالمناقشه ..
و السلام عليكم و رحمة الله و بركاته
تحياتي : الوليد الراشدي
رد: الدرس السابع : اضافة الصور لصفحات الــ html
جــــــــــــــــــــــــــــــــــز الله خيرا ــــــــــــــــــاك
رد: الدرس السابع : اضافة الصور لصفحات الــ html
سلمت بداك اخى رضووووان
KING Ghost- ღ عضو ღ v I p
- الْعُمْر : 29
الجنس :
الْمَشِارَكِات : 820
الْنِّقَاط : 15878
السٌّمعَة : 0
رد: الدرس السابع : اضافة الصور لصفحات الــ html
شكرا لك على الشرح
تميزت
تميزت
Sifou- ღ عضو ღ v I p
- الْعُمْر : 30
الجنس :
الْمَشِارَكِات : 4649
بلدي :
الْنِّقَاط : 20559
السٌّمعَة : 0
Design-sasuke- ღ عضو ღ v I p
- الْعُمْر : 32
الجنس :
الْمَشِارَكِات : 8432
بلدي :
الْنِّقَاط : 29423
السٌّمعَة : 0
مواضيع مماثلة
» الدرس الخامس : تنسيق الشكل العام لصفحات الــ html
» الدرس السادس : اضافة روابط تشعبيه في صفحات الــ html
» الدرس الثامن : القوائم في لغة الــ html
» الدرس الاول : أساسيات لغة الــ html
» الدرس الثاني : الاجزاء الاساسيه في صفحات الــ html
» الدرس السادس : اضافة روابط تشعبيه في صفحات الــ html
» الدرس الثامن : القوائم في لغة الــ html
» الدرس الاول : أساسيات لغة الــ html
» الدرس الثاني : الاجزاء الاساسيه في صفحات الــ html
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى