السبت, فبراير 04, 2012

مقدمه حول لغة HTML إتش تى إم إل

ليس غريبا ونحن نقرأ كلمة HTML لأول مره أن نسأل أنفسنا, ما معنى هذه الحروف الأربع ؟!!
وكتعريف مصطلح لكلمة HTML فهى إختصار لجملة Hypertext Markup Language وهى تعنى ببساطه لغة وصف للنص تستخدم ( وسوم ) معروفه لدى متصفح الإنترنت مثل Google Chrome .

وينبغى الإشاره إلى أن لغة HTML ليست لغة برمجه مثل C++ أو الجافا, ولكنها لا تتعدى كونها وسوم تعطى شكلا للنصوص والصور.
لازال هناك غموض حول لغة HTML ... ؟؟ حسنا سنتحدث بوضوح أكثر.

أنظر إلى صفحة بحث جوجل الرئيسيه, وأنظر كيف هى مرتبه وبسيطه وجميله جدا والنصوص ظاهره والصور كذلك, وكيف أن الروابط فعاله, وحتى الموضوعات بعد البحث تجدها ثابته فى مكانها ومنظمه, ألم تسأل نفسك كيف تم كل ذلك وبمجرد كتابتك لعنوان صفحة جوجل فى متصفحك تفتح لك الصفحه بهذا التناسق والشكل ؟!!
ماذا لو أخبرتك بأن هذا الموقع يستخدم لغة HTML فى أحد دعائمه كى يظهر لنا بهذا الشكل .
إذا إعلم أن لغة HTML تصف لك محتوى موقعك, أى أنها تقوم بتعريف محتواك للمتصفح حتى يترجمها للزائر, فتظهر له.
وأضف إلى ذلك أن لغة HTML هى الأساس فى بدايتك لمعرفة الأكواد والتكويد والتعديل عليها وحتى تصميم وبرمجة المواقع, فهى اللغه الأساسيه دائما ولا غنى لك عن معرفة أركانها وقواعدها.

ما هى الوسوم

الوسم هو أمر أو تعليم أو وصيه أو إرشاد, ويكتب عادة بين هذين الرمزين <> وهو يملك إسما وأحيانا صفات تعرفه.
والذى يجب أن نعرفه أكثر هو أن معظم التعليمات أو الأوامر فى HTML لها وسم بدايه ويكون هكذا
< الوسم >
ولها وسم نهايه ويكون هكذا
</ الوسم >
مع ملاحظة الفرق بين وسم البدايه ووسم النهايه وهو وجود الرمز / فى وسم النهايه.

مثال

<tag> text </tag>
ملحوظه : هناك بعض الوسوم فى HTML ليس لها وسوم نهايه, وستتعرف عليها مستقبلا.

ماذا سنحتاج للدخول فى تعلم هذه اللغه

  1. متصفح للإنترنت وهذا موجود فى كل أجهزة الحواسب, مثل جوجل كروم و فايرفوكس و إنترنت إكسبلورر و أوبرا وغيره من المتصفحات.
  2. محرر لأكواد HTML وهو يتمثل فى محرر النصوص ( Notepad ) البسيط والأساسى والموجود فى كل الحواسب وكل نسخ الويندوز المعروفه وكل أنظمة التشغيل.
فقط بهاتين الأداتين ومتابعتك لدروسنا فى تعليم لغة HTML ستتعلم هذه اللغه وتتقنها بإحترافيه بإذن الله, وتابعونا فى تدوينتنا القادمه بإذن الله كى نستكمل سلسلة دروس لغة HTML إتش تى إم إل بكل بساطه وسلاسه.
من فضلك اضغظ لايك لمشاهدة لينك التحميل

9 تَعْلِيق:

  1. جميل جدا
    سانتظر منك التعمق في الدروس اكثر فلغة الكتابة هاته تستحق فعلا الاهتمام وكل الوقت ;)
    يمكنك ان تجد بعض الدروس التي كنتا وضعتها من مدة على المدونة الذهبية على الرابط التالي :
    http://devnasser.blogspot.com/p/php.html
    في نفس الصفحة هناك دروس اخرى لكتابة وبرمجة صفحات الويب ان اردت نقلها الى هنا والتعمق فيها فيما بعد :)

    تحياتي وبالتوفيق ان شاء الله

    ردحذف
  2. Dev Nasser : إن شاء الله سأنشر سلسله متتاليه من التدوينات عن هذه اللغه حتى يتعلمها الجميع
    وبالمناسبه مدونتك جميله وبها الكثير من المعلومات

    ردحذف
  3. تدوينة اكثر من رائعه وبانتظار المذيد
    لكنى متابع بشكل اكبر ما تطرحه في مدونتك عن ال css

    ردحذف
  4. tqarob weblog : إن شاء الله هناك المزيد من التدوينات عن css وخباياه

    ردحذف
  5. السلام عليكم .. بالتوفيق يا ياااسو #
    ان شا ءالله متابعك من Google +

    ردحذف
  6. ننتظرك بفارغ الصبر يا بطل

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

    ردحذف
  8. Mohamed Ameero : شكرا جزيلا ويارب اكون عند حسن ظنك
    باسم : عيونى
    loveriver : شكرا لزياراتك المتكرره وشكرا لكلماتك الحلوه

    ردحذف
  9. السلام عليكم يا ياسر -- شكرا على تدوينات الرائعة

    بص أنا ليا سؤالين :-

    أول سؤال : ازاي أحط اعلانين أدسنس جنب بعض بالتوازي

    ثاني سؤال : أنا عندي مدونة حطيت فيها 3 وحدات اعلانات

    حسوب من الحجم 250*300 بس بتظهر في الصفحة الرئيسية فقط .

    طيب دلوقت هل أنا ليا الحرية في وضع أي نوع من اعلانات

    أدسنس و بأي حجم في صفحات التدوين "الصفحات الداخلية يعني"

    و لا لازم اعلانات معينة (نصية بس مثلا) -.

    ردحذف