جاري تحميل ... ساحر الملاعب للمعلوميات

إعلان الرئيسية

المتابعون

أخبار ساخنة

إعلان في أعلي التدوينة

دورة html

دورة Html. الدرس الخامس كود الصور والرابط وتشغيل اللغة العربية

الدرس الخامس كود الصور والرابط وتشغيل اللغة العربية


الدرس الخامس

أولا : - كود تشغيل الصور في  HTML


قم بفتح ملف العمل ++Notepad

أول شئ نضيف </br>   بعد النص الذي نريد إضافة الصورة بجانبه أو تحته أو فوقه

بعد ذلك نضيف هذا الكود تحت النص مباشرة

</"ضع هنا رابط الصورة أو وصف الصورة" =img scr>

ويتم وضع الكود هكذا





بعد ذلك إضغط حفظ ثم قم بإعادة تحميل صفحة العمل سوف تظهر أمامك الصور

ثانياً : - كود إرتفاع وطول الصورة في  HTML


< /"img scr="" height="80"  width="40


ويتم وضع الكود هكذا




بعد ذلك إضغط حفظ ثم قم بإعادة تحميل صفحة العمل سوف تظهر أمامك الصورة 

        ثالثاً : - كود إضافةالروابط  في HTML

                                
<a href="">Line 1 </a>


ويتم وضع الكود هكذا



بعد ذلك إضغط حفظ ثم قم بإعادة تحميل صفحة العمل سوف تظهر أمامك الصورة هكذا



رابعاً : - كود فتح الروابط في نافذة جديدة في  HTML


<a href=""  target="blank">Line 1 </a>



ويتم وضع الكود هكذا



بعد ذلك إضغط حفظ ثم قم بإعادة تحميل صفحة العمل سوف تظهر أمامك الصورة هكذا


خامسا : - كود تشغيل تشغيل اللغة العربية أو اللغة الإنجليزية في  HTML

أكتب أي نص باللغة العربية أولا بعد ذلك ضيف الكود التالى سوف يظهر معك كل النصوص التي قمت بكتابتها باللغة العربية 


        < /"meta charset="UTF-8> 

ويتم وضعه فوق وسم ال <body/> هكذا




بعد ذلك إضغط حفظ ثم قم بإعادة تحميل صفحة العمل سوف تظهر أمامك الصورة هكذا


سادسا : - كود إتجاه النصوص في  HTML


                      <"html dir="rtl> 


 ومعناها من اليمين إلى اليسار أي أريد النص ناحية اليسار



                          <"html dir="ltr> 


 ومعناها من اليسار إلى اليمين أي أريد النص ناحية اليمين


وإستخدام كود إتجاه النصوص في ال HTML توضع بجانب وسم ال  html >


ويتم وضع الكود هكذا




بعد ذلك إضغط حفظ ثم قم بإعادة تحميل صفحة العمل سوف تظهر أمامك الصورة هكذا




وهكذا نكون قد إنتهينا من الدرس الخامس في دورة Html 




الوسوم:

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

إرسال تعليق

إعلان أسفل المقال