الصور و الارتباطات التشعبية في html

1.    الصور و الرسومات

يمكننا في لغة HTML عرض الصور في الصفحات والتحكم في خواصها.

v إدراج الصور

يتم إدراج الصور في صفحة HTML عن طريق الوسمIMG

                                                                  <img scr="a.jpg">                       مثال:

2.    الارتباطات التشعبية:

تعد الارتباطات التشعبية من أهم مكونات صفحة الويب, لأنها هي المسؤولة عن ربط مجموعة من

الصفحات الويب المختلفة بينها, مما يتيه للمستخدم التنقل عبرها بسهولة .

لإنجاز وصلة نستخدم الوسم  a

v الوجهة قد تكون صفحة من موقع خارجي وعندها يبدأ العنوان ب :http

 مثال:  

<a href="http://www.microsoft.com/">Microsoft Corp.</a><br>

Microsoft Corp <a href="http://www.microsoft.com/">cliquer ici.</a><br>

v الوجهة قد تكون مكان ما داخل نفس الصفحة ,أولها ,أخيرها أو أي مكان نريده.

<p><a href = "#heading1"> انتقل إلى 1 العنوان رقم  </a></p>

<p><a href = "#heading2"> انتقل إلى 2 العنوان رقم  </a></p>

نص.. نص.. نص.. نص.. نص.. نص

نص.. نص.. نص.. نص.. نص.. نص

<h1 id =" heading1"> 1 العنوان رقم  </h1>

<p> نص.. نص.. نص.. نص.. نص.. نص ..</p>

<h1 id = "heading2"> 2 العنوان  رقم  </h1>

<p> نص.. نص.. نص.. نص.. نص.. نص ..</p>

3.    الجداول

يتم إدراج الجدول بالوسم <table> وداخل الجدول يجب إدراج صفوف باستخدام الوسم <tr> و الأعمدة <td> يمكن وضع إطار للجدول بالخاصية border

مثال:

<table border="1"<

<tr>

<td> السطر الأول و العمود الأول </td>

<td> السطر الأول و العمود الثاني </td>

</tr>

<tr>

<td> السطر الثاني و العمود الأول </td>

<td> السطر الثاني و العمود الثاني </td>

</tr>

</table>