Contents

التنقل:

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


    قبل عشرين عامًا ، حتى لو كنت مجرد مدون للهواية ، كان عليك معرفة بعض ترميز الويب لحماية نفسك أو لإضافة وظيفة بسيطة إلى موقعك. ولكن الآن هناك الكثير من المحررين والمكونات الإضافية المتاحة حتى أن معرفة أساسيات HTML لم تعد مطلوبة لإنشاء موقع أو تشغيل مدونة.

    المشكلة في ذلك هي أنه إذا كنت لا تعرف بعض الأساسيات ، يمكنك بسهولة الدخول في مشكلة حقيقية في مدونتك ، وعليك تعيين مطور باهظ الثمن لإصلاح ما قد يكون مشكلة بسيطة. ليس ذلك فحسب ، ولكن يتطلب إنشاء تغييرات على مدونتك مثل إضافة أداة نصية مخصصة القليل من المعرفة.

    وإذا كنت تواجه تخطيط محتوى لا يبدو صحيحًا ، فإن معرفة HTML يمكن أن تعيدك إلى المسار الصحيح.

    فيما يلي بعض إصدارات دليل HTML الخاصة بنا للمدونين وأصحاب الأعمال غير التقنية على الإنترنت.

    HTML هو العمود الفقري لإنترنت اليوم. شكلت الملايين من مواقع الويب الإنترنت. حيث HTML هو اللبنة الأساسية لجميع هذه المواقع.

    سؤال المبتدئين&أ

    1- ما هو HTML?

    HTML هي اختصار لـ حنعم تتحويلة متابوت لامكذب. إنها اللغة القياسية لوضع علامات على محتويات متصفحات الويب.

    HTML ممثلة بـ “Elements”. تُعرف العناصر أيضًا باسم “العلامات”.

    2- لماذا يلزم HTML?

    يمكن لمتصفحات الويب عرض موقع الويب فقط عندما يكون مكتوبًا بلغتهم المدعومة. HTML هي لغة الترميز الأكثر شيوعًا ولها أعلى قبول لمتصفحات الويب.

    لهذا السبب تحتاج HTML.

    3- حساس لحالة HTML?

    HTML غير حساس لحالة الأحرف. لكن أفضل ممارسة هي كتابة HTML مع الحالات المناسبة.

    خطوات إنشاء أول ملف HTML الخاص بك

    يمكنك إنشاء ملف HTML أساسي باستخدام المفكرة على جهاز الكمبيوتر الخاص بك. ولكن سيكون مؤلمًا لكتابة العديد من أسطر الرموز.

    أنت بحاجة إلى محرر كود. محرر كود جيد سيجعل من السهل كتابة وتنظيم رموز كبيرة.

    أستخدم وأوصي باستخدام Notepad ++ (مجاني ومفتوح المصدر) لكتابة لغات الويب. هناك محررين آخرين قد تستخدمهم مثل Sublime Text و Atom وما إلى ذلك.

    هنا هو ما عليك القيام به:

    1. قم بتثبيت محرر التعليمات البرمجية
    2. افتحه
    3. قم بإنشاء ملف جديد
    4. احفظه كملف .html

    انت جاهز للذهاب!

    1- Hello World!

    انسخ والصق الكود التالي في ملف HTML الجديد واحفظه. الآن قم بتشغيله على متصفح الويب الخاص بك.

    الشفرة:

    صفحتي الأولى على الويب

    مرحبا بالعالم!

    انتاج:

    مبروك! لقد قمت بإنشاء أول ملف HTML الخاص بك. ليس عليك أن تفهمها في هذه المرحلة. سنقوم بتغطيتها قريبا.

    فهم بنية HTML

    يحتوي كل ملف HTML على بنية عارية مشتركة. هنا يبدأ كل شيء. وستأتي كل صفحة كبيرة من الرموز إلى هذا الهيكل بعد التشذيب.

    لذلك دعونا نحاول فهمه من “Hello World!” الشفرة. العناصر التالية هي الأجزاء الإلزامية لكل ملف HTML.

    • = إنه تصريح للمتصفح بأن هذا ملف HTML. يجب تحديده قبل الوسم.
    • = هذا هو العنصر الجذر لملف HTML. كل شيء تكتبه بين و .
    • = هذا هو جزء المعلومات التعريفية للمتصفح. لا تحتوي الرموز داخل هذه العلامة على إخراج مرئي.
    • = هذا هو الجزء الذي يعرضه متصفح الويب. ما تراه بالضبط على موقع ويب هو عرض الرموز بين و .

    2- علامات HTML

    HTML هو تعاون المئات من العلامات المختلفة. عليك أن تتعلم كيف تعمل. يجب عليك أيضًا التأكد من أنهم استخدموها بالطريقة الصحيحة.

    عادةً ما تحتوي علامات HTML على علامة فتح وإغلاق. تحتوي العلامة الافتتاحية على الكلمة الرئيسية محاطة بأقل من (<) وأكبر من (>) إشارة. تحتوي علامة الإغلاق على كل شيء ما عدا شرطة مائلة للأمام إضافية (/) بعد أقل من (<) إشارة.

    (2 أ) وسوم الرأس

    جميع علامات الرأس تذهب بين و. أنها تحتوي على معلومات التعريف لمتصفح الويب ومحركات البحث. هم في الأساس ليس لديهم إخراج مرئي.

    تحدد علامة العنوان عنوان صفحة الويب التي تظهر في علامة تبويب المتصفح. يتم استخدام هذه المعلومات من قبل برامج الويب ومحركات البحث. يمكنك الحصول على أعلى عنوان لكل ملف HTML.

    الشفرة:

    صفحتي الأولى على الويبتظهر علامة العنوان أعلى متصفحك.

    علامة الارتباط تربط صفحة HTML الخاصة بك بالموارد الخارجية. استخدامه الرئيسي هو ربط صفحة HTML بأوراق أنماط CSS. إنها علامة إغلاق ذاتي ولا تحتاج إلى النهاية. هنا rel يشير إلى العلاقة بالملف و src يعني المصدر.

    الشفرة:

    Meta هي علامة إغلاق ذاتي أخرى توفر معلومات تعريف لملف html. تستخدم محركات البحث وخدمات الويب الأخرى هذه المعلومات. العلامات الوصفية ضرورية إذا كنت ترغب في تحسين صفحتك لمحركات البحث.

    الشفرة:

    يتم استخدام علامة البرنامج النصي لتضمين برنامج نصي من جانب الخادم أو عمل رابط لملف برنامج نصي خارجي. يمكن أن يكون لها صفتان في علامة الفتح. واحد هو النوع والآخر هو المصدر (src).

    الشفرة:

    تعمل علامة Noscript عندما يتم تعطيل البرامج النصية في متصفح الويب. يجعل الصفحة متوافقة معهم الذين لا يسمحون بالبرامج النصية في متصفحات الويب الخاصة بهم.

    الشفرة:

    واحسرتاه! البرامج النصية معطلة.

    (2 ب) علامات الجسم

    جميع علامات الجسم تذهب بين و. لديهم مخرجات بصرية. هذا هو المكان الذي يتم فيه معظم العمل. يجب عليك استخدام هذه العلامات لتنظيم محتوى صفحتك الرئيسية.

    إلى

    هذه هي علامات العنوان. أهم عنوان تم وضع علامة عليه

    والأقل أهمية مع

    . يجب عليك استخدامها في التسلسل الهرمي الصحيح.

    الشفرة:

    هذا عنوان h1

    هذا عنوان h2

    هذا عنوان h3

    هذا عنوان h4

    هذا عنوان h5
    هذا عنوان h6

    انتاج:

    تنسيق العلامات

    يمكن تنسيق النص في ملف html باستخدام العديد من علامات التنسيق. سيكون من الضروري عندما تريد تمييز كلمة أو سطر من المحتوى الخاص بك.

    الشفرة:

    يمكنك تمييز النص بعدة طرق.

    تستطيع بالخط العريض, تسطير, مائل ، علامة ، منخفض ، مرتفع والمزيد!

    انتاج:

    يمكنك انحراف بعض الرموز عن العرض باستخدام علامة التعليق. سيظهر الرمز في شفرة المصدر ولكن لن يتم تقديمه. الاستخدام الرئيسي لهذه العلامة هو إنشاء وثائق لملفات html للرجوع إليها في المستقبل.

    مثال:

    Jeffrey Wilson Administrator

    Sorry! The Author has not filled his profile.
    follow me