شرح بسيط لتعلم لغة ال html من إيجى ميكر
 

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

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

بدأنا..


ترمز كلمة HTML إلى العبارة الإنجليزية: Hyper Text Markup Language ، وليست لها ترجمة عربية متعارف عليها، فهناك من يترجمها إلى: لغة ترميز النصوص التشعبية، وهناك من يترجمها إلى عبارات أخرى، لكن هذا لا يهمنا بقدر ما يهمنا تعلمها.

تتكون لغة HTML من مجموعة من الأوامر، كل أمر له دور معين، هناك أمر يتحكم في لون الصفحة، هناك أمر يتحكم في حجم الخط وهكذا لكل أمر دور يقوم به، أغلب الأوامر في لغة HTML تتكون من جزأين، الجزء الأول يسمى أمر البداية، والجزء الثاني يسمى أمر النهاية، سنشرح هذا جيداً فيما بعد، والاَن إليك الأوامر الأساسية في لغة HTML ، والتي يجب أن تتوفر في كل صفحة تقوم بتصميمها:
رمز PHP:


دعنا نشرح هذه الأوامر:
: هذا الأمر يخبر المتصفح أن الصفحة مصممة بلغة HTML، ولاحظ أنه يوجد في أول الصفحة بهذا الشكل: وهنا نسميه وسم البداية، كما أنه يوجد في اَخر الصفحة بهذا الشكل: وهنا نسميه وسم النهاية، فهنا دوره أنه يخبر المتصفح أن صفحتنا انتهت.

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

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

: فيه نكتب محتوى الصفحة كاملاً. وأمر إغلاقه هو: .

والاَن بعد أن فهمنا الكود وما يعنيه دعنا نمر للتطبيق وعندها ستفهم الكثير من الأشياء التي

تبدوا لك الاَن غامضة، افتح برنامج النوت باد وانسخ فيه الكود التالي الذي شرحناه قبل قليل:


رمز PHP:



بعد ذلك اعمل له حفظ باسم (save us)، قم باعطائه اي اسم تريد ولكن ضف له html.

فمثلاً لو أردت أن تسميه egmakerراح تكتبه على الشكل التالي: egmaker.html

.htrml هو امتداد لغة HTML

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


كذلك لاحظ كلمة "العنوان" الموجودة أعلى المتصفح.

انتهى الدرس الأول.
إذا كان عندك أي استفسار أو استعصى عليك فهم الدرس يمكنك طرحه من خلال رد على هذا الموضوع وأنا جاهز للرد عليه.


المصدر