مراجعة شاملة لمقرر حاسب٢

 

بنية المحتوى

1) القوائم المرتبة :

<ol>.........</ol>

<li>...1 القائمة .</li> <li>..........</li> <li>..........</li>

2) القوائم الغير مرتبة :

<ul> ........</ul>

<li>...1 القائمة .</li> <li>..........</li> <li>..........</li>

الارتباطات التشعبية

<a>   <\a>

1) الرابط التشعبي للانتقال إلى موقع أخر :

<a>  href =" عنوان الرابط"     "target="_self > نص الارتباط الذي سيظهر لمتصفح صفحة الويب   </a> 

2) وسم ثنائي هنا الموقع يفتح في نفس الصفحة ... ولجعل الموقع يفتح في نافذه أخرى نستخدم خاصيه الهدف  target=_blank  وهي كالتالي ..

<a>  href =" عنوان الرابط"     "target="_blank > نص الارتباط الذي سيظهر لمتصفح صفحة الويب   </a> 

3) الارتباط بجزء معين في نفس الصفحة :

< id = "   "  >

يتم وضع علامة معينه للانتقال إلى الموضوع المراد الانتقال اليه في نفس الصفحة حيث أن بين الاقواس هو اسم الوسم يكتب بالأحرف الإنجليزية .

<ul>

<li><a href= " # " > اسم العنوان </a></li>

</ul> 

 ثم يتم انشاء قائمة غير مرتبة في اعلى الصفحة وكتابه وسم الارتباط التشعبي مع الوسم الذي تم وضعه .

4)الارتباط من صفحة إلى صفحة أخرى :

يتم إنشاء صفحة من + وإعطاءها امتداد html. ثم يتم ربطها مع الصفحة الرئيسية عن طريق الوسم

<a href = " Title Page.html " > اسم الصفحة المراد الانتقال لها </a>

5) روابط البريد الالكتروني :

من خلال الوسم :

<a herf = "mailto: للذهاب الى البريد الالكتروني <" كتابة البريد الالكتروني </a>

إضافة الصور ومقاطع الفيديو

إضافة الصور :

< img src=  " مسار الصورة " alt= " وصف للصورة إذا لم تظهر " width=" عرض الصورة "  =height " ارتفاع الصورة "/> 

مسارات الصورة :

يتم تحميل الصور وإعطاءها مسميات سهلة بمثل jpg.1 ليسهل عليك استدعائها داخل الوسم ولاستدعاء مسارات الصور هنالك أكثر من طريقة :

إضافة مقطع الفيديو :

 < video src=" مسار الفيديو "  poster=" مسار الفيديو "  width= " عرض الفيديو " height=" ارتفاع الفيديو " preload controls loop >