هنتكلم عن حاجة اسمها ال heading و دي موجودة في html وبرامج زي الاوفس

Mahmoud Elnajar

منذ 18 يوم

هنتكلم عن حاجة اسمها ال heading و دي موجودة في html وبرامج زي الاوفس

السلام عليكم 
النهاردة ان شاء الله هنتكلم عن حاجة اسمها ال heading و دي موجودة في برامج كتيـر زي الاوفيس
و دي ليها استخدام مهم.. 
>>لازم نستخدمها بطريقة صح و ليها حاجات مينفعش استخدمها فيها  
زي مثلًا لو هكتب مقال او حاجة زي كـدا 
<h1>Article title</h1>
<p style=“color:red”>This is article.....................……..........</p>
و عشان نربط البوست اللي فات و تبدأ نجمل شكل صفحتنا استخدمنا خاصية الاستايل style attribute  و عملنا ان لون الكلام يكون احمر 
زي ما موجود في صفحة رقم (١)..عند تاج ال h1 و p 
و نشوف هتظهر ازاي في الصفحة بتاعتنا  زي ما موجود في صورة رقم (٢)...
>>ال h1 ده اكبر انواع ال heading يعني اكبر عناوين 
و احنا عندنا h2 و h3 و h4 و h5 و h6 
يعني من h1 لحد h6
h1 اكبر حاجة 
و بعده h2 
و بعده h3 
و هكذا ..
و طبعًا كل تاج ليه حجم خطه زي ما موضحين في صورة رقم واحد عند اسم كل تاج منهم و عملنا لكل واحد لون عشان نميزه اكتر
———
هنكمل كتابتنااا بالشكل ده 
<h2 style="color: green">This is h2</h2>
        <h3 style="color: blue">This is h3</h3>
        <h4 style="color: yellowgreen">This is h4</h4>
        <h5 style="color:brown">This is h5</h5>
        <h6 style="color: green">This is h6</h6>
زي ما واضح كـدا في صورة رقم (٣)..
——————-
طبعًا بالشكل ده احنا نقدر نقسم صفحتنا بالمهم في الأهم في الأهم يعني عنوان كبير و تحته عنوان اصغر ..
———-
حاجة بقى مهمة بنستفدها من الheading ..محركات البحث بتستفيد منه انها تقدر تحدد محتوى موقعك يعني ال structur الخاص بموقعك .. و بتفيدك بصداقة محركات البحث و لو استخدمت ال heading بطريقة غلط مش هينفعك خالص في الموقع مش هينفعك ولا في التكوين ولا في انك تكون صداقة مع محركات البحث..
طب امتى بقى مستخدمش الheading
مستخدمهاش لما أكون عاوز اكبر كلمة جوا تاج ..لانه تلقائي هيفصلها ..و 
هتفهم ده كويس لما ناخد css
———————-
و كـدا خلصنا بقى كلامنا عن ال heading و هنشرح حاجة بسيطة جـدًا و هي الجداول ودي من أهم المواضيع  في HTML عشان احنا بيها نقدر نرتب الصفحة و ننظمها كويس جـدًا  لو فيها على معلومات كتيرة  وتعتبر الجداول مهمة جدا في أي موقع فأغلب المواقع  جواها جداول و إضافة وسوم (tags)الخاصة بالجداول سهلة   و هنشرحها بالتفصيل ..عشان الموضوع ميكنش صعب عليك

تاج: تعريف الجدول يعني عشان نقول لصفحتنا ان ده جدول يعني من غيره الصفحة مش هتفهم انه جدول و مش هتفهم اي عنصر من عناصره و ده بنفتحه في بداية الجدول و بنقفله في نهايته
<table></table>
تاج: تعريف الصف في الجدول  و زي ما قولنا هيكون جوا تاج ال table
<tr></tr>
تاج:تعريف العمود للصف الواحد في الجدول..يعني بيكون جوا تاج الtr الواحد 
<td></td>
و حطينا خاصية الاستايل بردو ان يكون لكل صف لون خلفية مختلف عشان نشوف الفرق بشكل احسن
بالشكل ده حاجة بسيطة زي ما موجود في صورة رقم(٤)..
<table>
            <tr style="background-color: red">
                <td>flex web</td>
                <td>flex web..</td>
                <td>flex web..</td>
            </tr>
            <tr style="background-color: yellow">
                <td>flex web</td>
                <td>flex web..</td>
                <td>flex web..</td>
            </tr>
            <tr style="background-color: green">
                <td>flex web</td>
                <td>flex web..</td>
                <td>flex web..</td>
            </tr>
        </table>
و هيظهرلنا في المتصفح زي صورة رقم (٥)...
———-
ان شاء الله تكونوا استفادتوا و فهمتوا و طبعًا ممكن تجربوا خصائص استايل كتير عشان تجملوا الشكل
By 
#Alaa_Elkssas
 #flex_web
#HTML #html_4

العلامات

قم بتسجيل الدخول او التسجيل معنا لتتمكن من التعليق على هذا الموضوع

احدث المواضيع

  • تقنية خفية في آي أو إس 12 غير مسبوقة علي الاطلاق

    كشفت تقارير صحفية عديدة عن أن نظام تشغيل "آي أو إس 12" (ios 12)، الجديد الذي أطلقته شركة "أبل" الأمريكية يتضمن ميزة جديدة "خفية" لم تعلنها الشركة في مؤتمرها الصحفي للإعلان عن النظام.

  • لعبة كمبيوتر تزيد حالات الطلاق بنسبة 5 بالمئة

    لعبة كمبيوتر تزيد حالات الطلاق بنسبة 5 بالمئة

  • ماذ تعرف عن الحب والعشق ما لم تعرفه من قبل

    الحب هو الشعور بالاعجاب و الانجذاب اتجاه شخص ما او شئ اي ان كان هو نواع من انواع العاب و قد ينظر علي انه كمياء متبادله بين شخصين ومن المعروف بين الناس الحب هو العطاء

  • علامات الحب الصادق عند الرجل

    إن الحب إحساس جميل يمنح الروح والنفس الحيوية، ويسعى العديد من الرجال والنساء إ

  • تلخيص كتاب(( كيف تجذب الناس كالمغناطيس))

    لليل لاوندس تعلم كيف تجذب الناس كالمغناطيس‏ نصائح ذهبية من المؤكد انك تعرف اشخاصا يمكن اعتبارهم جذابين للاخرين وهذا لايعني بالضرورة ان يكونو جميلي الطلعة او اغنياء ..ولكن تمهل قليلا فليس لديهم شيء لا تمتلكة انت ربما مالديهم اقل مما لديك,, فما السر...؟!