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

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

المتابعون

أخبار ساخنة

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

دورة html

دورة Html. الدرس الثاني شرح وسوم التعامل مع النصوص



الدرس الثاني 

شرح بعض أكواد التعامل مع النصوص

هناك كثير من الأكواد والوسوم الموجودة فى html  ولكن نحن سوف نشرح أهم الأكواد الأساسية التي نحتاج إليها 

كود بداية السطر

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

بعد ذلك نفترض مثلا لو كتبت تحت إسمك كما كان في الدرس الماضي كلمة Saheralmalab 

سوف يظهر معاك هكذا : - 

                                                          <html>

                                                         <head>       

                               <title></title> 
         
                                                        <head/> 

                                                         <body>     

 Mohammed

Saheralmalab 
   
                                                       <body/>     

                                                                <html/>


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

  

 نلاحظ أن نص Mohammed  ونص  Saheralmalab  ظهروا بجانب بعضهم البعض ولكي اجعل كل نص منهم على سطر بمفرده تضيف هذا الكود بعد أول نص  <br>  سوف يظهر معك هكذا

                                                          <html>

                                                         <head>       

                               <title></title> 
         
                                                        <head/> 

                                                         <body>     

 <br> Mohammed <br  
Saheralmalab          
   
                                                       <body/>     

                                                                <html/>




ولو كررت هذا الكود بجانب بعضه البعض سوف يحدث تباعد أكثر بين الصفوف 

فمثلا لو أضفت كود ال <br><br> هكذا سوف يتم تباعد أكثر 
بعد ذلك لو ضغطت حفظ وعملت إعادة تحميل للصفحة سوف تظهر أمامك على هذا الشكل الآتي 



بعد ذلك سوف ندرس كود اخر وهو 

كود تغليظ النصوص

<b></b>

هذا الكود السابق لو وضعت أي نص في وسطه أو بينه أي نص سوف يجعل هذا النص غليظ ونضيفه هكذا 


                                                          <html>

                                                         <head>       

                               <title></title> 
         
                                                        <head/> 

                                                         <body>     

 <br> Mohammed <br

<b> Saheralmalab </b> 
             
                                                       <body/>     

                                                                <html/>

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




سوف تلاحظ هنا أن نص Saheralmalab 
أكبر من نص Mohammed 

بعد ذلك سوف ندرس كود اخر وهو

كود توسيط النصوص

<center></center>

تضع وسم الفتح  <center>  أعلى النصوص 
وتضع وسم الغلق  <center/>  أسفل النصوص

ويكون على هذا الشكل الآتي 

                                                          <html>

                                                         <head>       

                               <title></title> 
         
                                                        <head/> 

                                                         <body>   

<center> 

 <br> Mohammed <br

<b> Saheralmalab </b> 

<center/>
             
                                                       <body/>     

                                                                <html/>

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





بعد ذلك سوف ندرس كود اخر وهو

كود تكبير النصوص


<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>

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



مثلا لو كتبنا كلمة Ahmed سوف تظهر على هذا الشكل الآتي 

                                                          <html>

                                                         <head>       

                               <title></title> 
         
                                                        <head/> 

                                                         <body>   

<center> 

 <br> Mohammed <br

<b> Saheralmalab </b> 

<center/>




<h1> Ahmed </h1>
<h2> Ahmed </h2>
<h3> Ahmed </h3>
<h4> Ahmed </h4>
             
                                                       <body/>     


                                                                <html/>

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



هكذا نكون قد إنتهينا من شرح الدرس الثاني وهو شرح بعض وسوم التعامل مع النصوص

في الدرس الثالث سوف نتعلم الألوان في html 

الوسوم:

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

إرسال تعليق

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