دورة تعلم لغــه HTML
الدرس الأول: مدخل إلى لغة html
[/COLOR]---
تعتبر لغة HTML هي اللغة الأساسية في تصميم مواقع الإنترنت، أي إذا كنت تريد أن تصبح مطور مواقع محترف فعليك أولاً إثقان لغة HTML، ومن خلال هذه الدورة سأعلمك هذه اللغة البسيطة بإذن الله، فلغة HTML سهلة التعلم، سنستمتع بها !
قبل أن نبدأ، إذا كنت تريد معرفة تاريخ لغة HTML ومعرفة المزيد عنها، يمكنك زيارة صفحتها على الموسوعة الحرة ويكيبيديا، بالضغط هنا.
بدأنا..
ترمز كلمة HTML إلى العبارة الإنجليزية: Hyper Text Markup Language ، وليست لها ترجمة عربية متعارف عليها، فهناك من يترجمها إلى: لغة ترميز النصوص التشعبية، وهناك من يترجمها إلى عبارات أخرى، لكن هذا لا يهمنا بقدر ما يهمنا تعلمها.
تتكون لغة HTML من مجموعة من الأوامر، كل أمر له دور معين، هناك أمر يتحكم في لون الصفحة، هناك أمر يتحكم في حجم الخط وهكذا لكل أمر دور يقوم به، أغلب الأوامر في لغة HTML تتكون من جزأين، الجزء الأول يسمى أمر البداية، والجزء الثاني يسمى أمر النهاية، سنشرح هذا جيداً فيما بعد، والاَن إليك الأوامر الأساسية في لغة HTML ، والتي يجب أن تتوفر في كل صفحة تقوم بتصميمها:
<html>: هذا الأمر يخبر المتصفح أن الصفحة مصممة بلغة HTML، ولاحظ أنه يوجد في أول الصفحة بهذا الشكل: <html> وهنا نسميه وسم البداية، كما أنه يوجد في اَخر الصفحة بهذا الشكل: <html/> وهنا نسميه وسم النهاية، فهنا دوره أنه يخبر المتصفح أن صفحتنا انتهت.
<head>: هذا يسمى أمر رأس الصفحة، فيه يكون عنوان الصفحة الموجود في أعلى المتصفح ولانقوم بكتابة فيه محتوى الصفحة، ولاحظ أن له أمر نهاية.
<title>: هذا الأمر نكتب فيه عنوان الصفحة الذي يظهر أعلى المتصفح.
<body>: فيه نكتب محتوى الصفحة كاملاً. وأمر إغلاقه هو: <body/>.
والاَن بعد أن فهمنا الكود وما يعنيه دعنا نمر للتطبيق وعندها ستفهم الكثير من الأشياء التي
تبدوا لك الاَن غامضة، افتح برنامج النوت باد وانسخ فيه الكود التالي الذي شرحناه قبل قليل:
رمز PHP:
فمثلاً لو أردت أن تسميه egmakerراح تكتبه على الشكل التالي: egmaker.html
.htrml هو امتداد لغة HTML
بعد حفظ العمل، اذهب للمكان الذي حفظته فيه وستجده على شكل صفحة انترنت بالاسم الذي اخترته افتحها، لاحظ محتوى الصفحة الذي كتبناه وهو:
ارجو الاستفاده من الموضوع والدعاء للناشر
الدرس الأول: مدخل إلى لغة html
[/COLOR]---
تعتبر لغة HTML هي اللغة الأساسية في تصميم مواقع الإنترنت، أي إذا كنت تريد أن تصبح مطور مواقع محترف فعليك أولاً إثقان لغة HTML، ومن خلال هذه الدورة سأعلمك هذه اللغة البسيطة بإذن الله، فلغة HTML سهلة التعلم، سنستمتع بها !
قبل أن نبدأ، إذا كنت تريد معرفة تاريخ لغة HTML ومعرفة المزيد عنها، يمكنك زيارة صفحتها على الموسوعة الحرة ويكيبيديا، بالضغط هنا.
بدأنا..
ترمز كلمة HTML إلى العبارة الإنجليزية: Hyper Text Markup Language ، وليست لها ترجمة عربية متعارف عليها، فهناك من يترجمها إلى: لغة ترميز النصوص التشعبية، وهناك من يترجمها إلى عبارات أخرى، لكن هذا لا يهمنا بقدر ما يهمنا تعلمها.
تتكون لغة HTML من مجموعة من الأوامر، كل أمر له دور معين، هناك أمر يتحكم في لون الصفحة، هناك أمر يتحكم في حجم الخط وهكذا لكل أمر دور يقوم به، أغلب الأوامر في لغة HTML تتكون من جزأين، الجزء الأول يسمى أمر البداية، والجزء الثاني يسمى أمر النهاية، سنشرح هذا جيداً فيما بعد، والاَن إليك الأوامر الأساسية في لغة HTML ، والتي يجب أن تتوفر في كل صفحة تقوم بتصميمها:
رمز PHP:
<html>
<head>
<titleالمحتوي المراد كتابته </title>
</head>
<body>
المحتوي المراد كتابته
</body>
</html>
دعنا نشرح هذه الأوامر:<html>
<head>
<titleالمحتوي المراد كتابته </title>
</head>
<body>
المحتوي المراد كتابته
</body>
</html>
<html>: هذا الأمر يخبر المتصفح أن الصفحة مصممة بلغة HTML، ولاحظ أنه يوجد في أول الصفحة بهذا الشكل: <html> وهنا نسميه وسم البداية، كما أنه يوجد في اَخر الصفحة بهذا الشكل: <html/> وهنا نسميه وسم النهاية، فهنا دوره أنه يخبر المتصفح أن صفحتنا انتهت.
<head>: هذا يسمى أمر رأس الصفحة، فيه يكون عنوان الصفحة الموجود في أعلى المتصفح ولانقوم بكتابة فيه محتوى الصفحة، ولاحظ أن له أمر نهاية.
<title>: هذا الأمر نكتب فيه عنوان الصفحة الذي يظهر أعلى المتصفح.
<body>: فيه نكتب محتوى الصفحة كاملاً. وأمر إغلاقه هو: <body/>.
والاَن بعد أن فهمنا الكود وما يعنيه دعنا نمر للتطبيق وعندها ستفهم الكثير من الأشياء التي
تبدوا لك الاَن غامضة، افتح برنامج النوت باد وانسخ فيه الكود التالي الذي شرحناه قبل قليل:
رمز PHP:
<html>
<head>
<title>المحتوي المراد كتابته </title>
</head>
<body>
المحتوي المراد كتابته
</body>
</html>
بعد ذلك اعمل له حفظ باسم (save us)، قم باعطائه اي اسم تريد ولكن ضف له html. <head>
<title>المحتوي المراد كتابته </title>
</head>
<body>
المحتوي المراد كتابته
</body>
</html>
فمثلاً لو أردت أن تسميه egmakerراح تكتبه على الشكل التالي: egmaker.html
.htrml هو امتداد لغة HTML
بعد حفظ العمل، اذهب للمكان الذي حفظته فيه وستجده على شكل صفحة انترنت بالاسم الذي اخترته افتحها، لاحظ محتوى الصفحة الذي كتبناه وهو:
ارجو الاستفاده من الموضوع والدعاء للناشر



Comment
Advanced mode Normal mode