HTML 6

العناوين فى HTML

تستخدم العناوين في HTML في الكثير من الأمور، أهمها الوصلات التشعيبية والصور، ويجب أن تعرف كيفية استخدام هذه العناوين جيدا.

هناك نوعان من العناوين، نسبية ومطلقة، العناوين النسبية تكون بالنسبة للعنوان الحالي، فلو كنت مثلا في صفحة http://www.microsoft.com/ie/default.asp
وقمت بعمل وصلة خاصية href لها تساوي download.html سيعرف المتصفح أن العنوان الذي يجب الذهاب إليه هو http://www.microsoft.com/ie/download.html، ولو كانت href تساوي download/english.html فسيتجه المتصفح إلى http://www.microsoft.com/ie/download/english.html، أي أن المتصفح يضيف السطر الموجود في href إلى الدليل الحالي، ويختلف الملف عن الدليل بأن الدليل يحتوي على الشرطة الخلفية ( / ) في آخره، في كل دليل يوجد دليل خاص، هذا الدليل الخاص يؤدي بك إلى الدليل الأب للدليل الحالي وهو الرمز ( .. ) وفي المثال السابق لو كانت href تحتوي على ../windwos.html فإن المتصفح سيتجه إلى العنوان http://www.microsoft.com/windwos.html أي أنه سيخرج من الدليل ie/ إلى الدليل الجذري / ، أما العناوين المطلقة فتتميز بأنها مسبوقة باسم البروتوكول ،مثلا العنوان http://www.ayna.com/ يعتبر عنوانا مطلقا، وليس له علاقة بالعنوان الحالي. 

ادراج الصور

يتم إدراج الصور في صفحة HTML عن طريق الوسم IMG، وهو وسم مفرد ( لا يجتاج إلى وسم إغلاق)، وهذا الوسم يحتاج إلى خاصية مهمة لكي يعمل بشكل سليم هي src والتي نضع بها عنوان الصورة المطلوبة. 

                      <img src="/images/sample.gif">

توجد أيضا الخاصية width لتحديد عرض الصورة وheight لتحديد ارتفاعها، يمكن بواسطة الخاصيتان
السابقتان تكبير الصورة وتصغيرها حسب المطلوب، وإذا كنت تريد إظهارها بالحجم

 الطبيعي فيمكنك ترك هذه الخصائص، فيحجر المتصفح للصورة حج ما صغيرا إلى أن يحصل

عليها فيجعلها بالحجم الطبيعي، ولكن الصور تشغل مكانا في الص فحة وتزيح النصوص
بمقدار ما تشغله من مكان لذلك فإن الصورة الصغيرة تزيح النصوص قليلا والكبيرة
تزيحها بمقدار أكبر، فالصفحات ستظهر بشكل مختلف عن الشكل الطبيعي إلى إن يحصل
المتصفح على الصورة وإذا لم يجدها لأي سبب من الأسباب سيظل يحجر لها حجما صغيرا
فقط وبالتالي تصبح الصفحة مشوهة، لذلك ينصح دائما باستخدام خصائص الحجم في وسوم
الصور حتى لو لم تكن تريد تغيير حجم الصورة عن الطبيعي. 
                                                                              <img src="/images/sample.gif"
                                                    width=73 height=68><br><br>
                       <img src="/images/sample.gif"
                               width=200 height=100>

توجدايصأالخاصية align وهى خاصية مهمة جدا فى الصور , وتتبع اهميتها من كونها الطريقة الوحيدة للتحكم بكيفية عرص الصورة بالنسبة للنصوص المحيطة بها , حيث ان الصورة فى HTML تعتبر جزءأ من النص المحيط بها تتحرك معة , وترتبط بة , تاخذ align العديد من القيم فيما يلى سرد لها مع الشرح بالامثلة

 bottom, baseline, absbottom                 
وهي
تعرض الصورة بحيث تكون على السطر مثل أي كلمة أخرى . 

 <img src="/images/sample.gif

<"align="bottom 

left     
 وهي
تعرض الصورة على يسار الفقرة ولا يكون للصورة علاقة بالسطر.                         
 img src="/images/sample.gif"align="left">