دورة تعلم لغة HTML
---
الدرس الأول: مدخل إلى لغة html
---
تعتبر لغة HTML هي اللغة الأساسية في تصميم مواقع الإنترنت، أي إذا كنت تريد أن تصبح مطور مواقع محترف فعليك أولاً إثقان لغة HTML، ومن خلال هذه الدورة سأعلمك هذه اللغة البسيطة بإذن الله، فلغة HTML سهلة التعلم، سنستمتع بها !
قبل أن نبدأ، إذا كنت تريد معرفة تاريخ لغة HTML ومعرفة المزيد عنهابدأنا..
ترمز كلمة HTML إلى العبارة الإنجليزية: Hyper Text Markup Language ، وليست لها ترجمة عربية متعارف عليها، فهناك من يترجمها إلى: لغة ترميز النصوص التشعبية، وهناك من يترجمها إلى عبارات أخرى، لكن هذا لا يهمنا بقدر ما يهمنا تعلمها.
تتكون لغة HTML من مجموعة من الأوامر، كل أمر له دور معين، هناك أمر يتحكم في لون الصفحة، هناك أمر يتحكم في حجم الخط وهكذا لكل أمر دور يقوم به، أغلب الأوامر في لغة HTML تتكون من جزأين، الجزء الأول يسمى أمر البداية، والجزء الثاني يسمى أمر النهاية، سنشرح هذا جيداً فيما بعد، والاَن إليك الأوامر الأساسية في لغة HTML ، والتي يجب أن تتوفر في كل صفحة تقوم بتصميمها:
كود PHP:
<html>
- الكود:
<html>
<head>
<title>العنوان </title>
</head>
<body>
this is my first webpage
</body>
</html>
<html>: هذا الأمر يخبر المتصفح أن الصفحة مصممة بلغة HTML، ولاحظ أنه يوجد في أول الصفحة بهذا الشكل: <html> وهنا نسميه وسم البداية، كما أنه يوجد في اَخر الصفحة بهذا الشكل: <html/> وهنا نسميه وسم النهاية، فهنا دوره أنه يخبر المتصفح أن صفحتنا انتهت.
<head>: هذا يسمى أمر رأس الصفحة، فيه يكون عنوان الصفحة الموجود في أعلى المتصفح ولانقوم بكتابة فيه محتوى الصفحة، ولاحظ أن له أمر نهاية.
<title>: هذا الأمر نكتب فيه عنوان الصفحة الذي يظهر أعلى المتصفح.
<body>: فيه نكتب محتوى الصفحة كاملاً. وأمر إغلاقه هو: <body/>.
والاَن بعد أن فهمنا الكود وما يعنيه دعنا نمر للتطبيق وعندها ستفهم الكثير من الأشياء التي
تبدوا لك الاَن غامضة، افتح برنامج النوت باد وانسخ فيه الكود التالي الذي شرحناه قبل قليل:
كود PHP:
- الكود:
<html>
<head>
<title>العنوان </title>
</head>
<body>
this is my first webpage
</body>
</html>
فمثلاً لو أردت أن تسميه ajaibnet راح تكتبه على الشكل التالي: ajaibnet.html
.htrml هو امتداد لغة HTML
بعد حفظ العمل، اذهب للمكان الذي حفظته فيه وستجده على شكل صفحة انترنت بالاسم الذي اخترته افتحها، لاحظ محتوى الصفحة الذي كتبناه وهو:
this is my first webpage
كذلك لاحظ كلمة "العنوان" الموجودة أعلى المتصفح.
انتهى الدرس الأول.
» حركات خطيره لكرة القدم بلاي ستيشن 2
» الان حصريا كود لعبه بلياردو اون لاين
» رتب و نجوم الاعضاء و المشرفين
» شرح كيفية اضافة موقعك الى ( msn ( bing وجلب روبوتاته الى منتداك ! بالشرح المفصل !
» احدث كود العاب فلاشية لموقعك 2010 متجدد + مجانا
» كود لعبه من سيربح المليون (حصريا)
» استايل لمركز التحميل كليجا
» كود محرك نشر المواضيع