الدرس الأول لمادة الـHTML

ماهي لغة الhtml
هي لغة لتصميم صفحات الانترنت وهي ليست شبيهة بالغات الأخرى كالغة cمن ناحية التعليمات وهي لاتحتاج إلى مترجم لأنه يتم تفسير وتنفيذ تعليماتها مباشرة من قبل متصفح الانترنت
كلمة html كما ذكرت سابقا فهي تعني Language Markup Text Hyper
Hyper Text :هي الطریقة الخاصة بالتحرك علي صفحات الأنترنت بالضغط علي نص معین یدعي Hyperlinks
Hyperlinks :هي وسیله للتنقل لأي مكان في شبكة الإنترنت عن طریق الضغط علي الوصلات
تتكون اللغه من سلسله أو مجموعه من الأكواد تكتب في ملف نصي ثم تحفظ بإمتداد HTML ثم تعرض بواسطة مستعرضات الانترنت حيث تقوم المستعرضات بترجمة التعليمات المحصورة بما يسمى بالوسوم أو الtags وتكتب من اليمين إلى اليسار

</tag> نص أو تعليمة <tag>
مثال الوسم يستخدم كتعليمة لعرض الكلمات المكتوبة ضمنه بالخط الاسود العريض
4shabab
حيث وسم فتح تعليمة جعل الخط العريض
4shabab وهو إي نص نريد تطبيق الوسم عليه
 هو وسم اغلاق اي اغلاق التعليمة ويتميز بوجود علامة /قبله
إذا نحتاج للتعامل مع هذه اللغة لأداتين هما مستعرض الانترنت والنوت باد(notepad)
الان للبداية بكتابة صفحتنا الاولى في لغةhtml يجب أن نتعرف على الأركان الاساسية للغة
<html>
<head>
<title>
<title/>
<head/>
<body>
<body/>
<html/>
- تاك أو وسم ال<html> ويدل على بداية كتابة كود ال html ونرى أن له وسم نهاية
- وسم <head> وهو الوسم الذي سيكتب ضمنه جميع تعليمات رأس صفحة الhtml وله وسم نهاية
-وسم <title> وهو وسم يكتب ضمن وسم ال<head> يحدد ضمن عنوان الصفحة على شريط العنوان بأعلى الصفحة وله وسم نهاية
-وسم ال<body> يحوي ضمنه جميع تعليمات التي ستظهر في جسم صفحة الانترنت وهو الجزء الذي سنتعامل معه كثيرا فيما بعد وله وسم نهاية

-الصفحة الأولى المطلوب كتابة كود html لعرض عبارة (أهلا بكم في منتدى فور شباب) في جسم الصفحة
وعنوان الصفحة 4shabab
الكود:
<html>
<head>
<title>
4shabab
<title/>
<head/>
<body>
أهلا بكم في منتدى فور شباب
<body/>
<html/>
نلاحظ شباب أن الوسم الذي يفتح أولا يغلق أخرا
اذا هذا هو درسنا لليوم أتمنى منكم أن تحاولو تطبيق المثال

شكرا كتير ايهومة
عن جد الله يعطيك العافية على هذه الجهود الرائعة
HTML

لك ألف ألف ألف شكر إلك Syrian Star

عنجد أنا حاسس أنو رح يكون لتعليم هاللغة

مشوار طويل وحلو رح نقضيه كلنا مع بعض

» الدرس الثالث في الـhtml
» الدرس الأول
» الدرس الثاني
» الدرس الثاني في لغة الـ html
» الدرس الرابع في الــHTML