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

الصفحات

تنسيق النصوص فى لغة اتش تى ام ال 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:

تعليقات