القائمة الرئيسية

الصفحات

تنسيق النصوص فى لغة HTML

يوجد العديد من الخيارات فى لغة HTML لتنسيق النصوص مثل تكبير وتصغير النصوص وجعل النص مائل أو عريض أو أعلى أو أسفل .


تنسيق النصوص فى  لغة  HTML

 تنسيق النصوص  فى  لغة HTML


(p> (paragraph> : يمثل فقره نصيه وتعرض الفقرات علي شكل اقسام يفصل بينها بمسافه رأسيه .

 

 :  (pre> (preformatted text> :  نص منسق يتيح هذا العنصر استخدام مسافات بين الكلمات ويعرض النص كما هو مكتوب في الملف وهذا ما يميزه عن البراجراف .


تنسيق النصوص فى  لغة HTML


<   (b>(bold> :  يمثل نص يختلف عن باقي النصوص حيث يعرض بخط عريض ولا تكون له اهميه بخلاف العنصر الذى يليه .


     < strong>:   يعرض النص بخط عريض وعاده ما يكون النص مهم .


تنسيق النصوص فى  لغة HTML


      (i>(italic> يمثل نص متميز عن باقى النصوص ويكتب بخط مائل.


      (em>(emphasized> يعرض النص بخط مائل ويعطى تأكيد للعنصر وكلما زاد التشعب زاد التأكيد علي العنصر .


تنسيق النصوص فى  لغة HTML


      (mark>(marked text>:يستعمل العنصر لعمل اضاءه علي الكلمه المراد تحديدها لان له اهميه في سياق معين.


     (small>(smaller text>:يؤدي هذا العنصر الي تقليل حجم الخط بدرجه عن المتوسط.

تنسيق النصوص فى  لغة HTML


     (del>(deleted text>:يمثل نص حذف من الصفحه ويعرض غالبا ويتوسطه خط .


    (ins>(inserted text>يمثل نص اضيف الي الصفحه ويعرض وتحته خط .


تنسيق النصوص فى  لغة HTML


    (sub>(sub script> يمثل جزء من النص الذى يعرض في مستوى ادني من المستوى الرئيسى وعاده ما تكون في المعادلات الكيميائيه .


     (sup>(super script> يمثل جزء من النص الذى يعرض في مستوي اعلي من المستوي الرئيسي وعاده ما تكون في المعادلات الرياضيه  .

تنسيق النصوص فى  لغة HTML


    (br>(break line>يقوم بعمل سطر جديد او مسافه رأسيه بين الجزء الذي تم كتابته و الجزء الذي يليه .

    (hr>(horozintal line>يقوم بعمل خط افقي الي النهايه العرضيه للصفحه.

تنسيق النصوص فى  لغة HTML


الصور Images

 يمكن عرض الصور داخل صفحه HTML  وذلك من خلال اضافه الوسم <img>  حيث يقوم بعرض الصور اعتمادا علي مصدر الصوره source ( src ) فمثلا لعرض صوره اسمها  Tiger  وامتداد الصوره ( jpg )  ومكان الصوره بجانب الصفحه تطبق الحاله الاولي واذا كانت الصوره موجوده في فولدر بجانب الصفحه تطبق الحاله الثانيه ويمكن اضافه بعض الخاصيات مثل ( width ) :وهي خاصيه تقوم بتحديد عرض الصوره وايضا يمكن اضافه خاصيه height ) (:وتقوم بتحديد ارتفاع الصوره وكذلك يمكن اضافه خاصيه  ( alt )  ويمكن من خلالها وضع نص يظهر في حاله عدم ظهور الصوره واخيرا يمكن اضافه خاصيه title ) ( وتعمل ك شادو للصوره عند الوقوف ع الصوره بالماوس يظهر الكلام .


  ”Img src=”photo name.photo extention :

في الحاله الاولي اذا كانت الصوره في نفس ملف الصفحه .


Img src=”folder name/photo name.photo extention :

الحاله الثانيه اذا كانت الصوره في فولدر بجانب الصفحه .

تنسيق النصوص فى  لغة HTML

Links

يمكن عرض اللينكات داخل صفحه HTML  وذلك من خلال اضافه الوسم <a>  وهو اختصار (anchor) حيث يقوم بعرض اللينكات اعتماد علي  ( href ) اختصار (hyper link reference) فمثلا لعرض ملف او موقع في نقس الصفحه نطبق الحاله الاولي واذا كانت  مستخدما (target”_blank ”) يعرض الملف او الموقع في صفحه اخري  و تطبق الحاله الثانيه ويمكن اضافه صوره وذلك عن طريق اضافه الوسم < img >  بعد نهايه attribute  href   وبذلك يفتح الموقع عند الضغط علي الصوره… 


 a href=”index.html” target”_self ”> open index file <

يفتح الملف في نفس الصفحه  :</a>


a href=”index.html” target”_blank ”> open index< 

          يفتح الملف في صفحه اخري  :<file</a 


<” a href=”https://www.google.com” target”_self >

  يفتح الموقع في نفس الصفحه واذا كانت :<open index file </a

 يفتح في صفحه اخري    target”_blank”


a href=”index.html” target”_blank ><img src>

:<tiger.jpg” width=”42px” height=”42px”></a

في هذه الحاله يفتح الملف عند الضغط علي الصوره

تنسيق النصوص فى  لغة HTML



reaction:

تعليقات