بسم الله الرحمان الرحيم
درووس تعليم الايتش ام ال html
الدرس الثاني :اساسيات ال html
لنتعرف على اساسيات هذه اللغةفهي تتمحور كالاتي
لغة html هي عبارة عن اوسمة تكتب داخل علامتي اصغر و اكبر < > وتتألف من
وسم البداية وسم النهاية
اعلم انه لكل وسم بداية و نهايةمثلا
<html> هو وسم بداية وعند اضافةله علامة / قبل الكلمة يكون وسم نهاية </html>
بعدما عرفنا معنى الوسم
فملف html يبدأ دائما بالوسم < html> وينتهي ب</html>. لا تنسى ذلك
وهذا الملف يجب ان يكون له عنوان ولنجعل له عنوان نستعمل الوسم التالي <head> و نغلقه هكذا<head/> ومعناه الراس
و بداخله نستعمل الوسم <TITLE> ونغلقه <TITLE>
و الان نقوم بكتابة العنوان هكذا
<head>
<TITLE>هنا تكتب العنوان <TITLE>
<head/>
نأتي إلى الوسم <BODY> والذي يتم كتابة نصوص صفحة الويب ضمنه،
بالإضافة إلى إدراج الصور والجداول وباقي محتويات الصفحة. وهو أيضاً يحتاج إلى وسم
الإنهاء </BODY>
الخلاصة من هذا كله كم هو مبين اسفل
<HTML>
<HEAD>
<TITLE>
العنوان
</TITLE>
</HEAD>
<BODY>
اهلا و سهلا بقرائنا الكرام
</BODY>
</HTML>
نبدأ بتطبيق هذه المعلومات بصورة عمليه؟ هيا… قم بفتح برنامج المفكرة
واكتب الوسوم التي بالاعلى كما هي
html .فلتسمه مثلا على الصيغة الاتية ملف1 . HTMLوقم بحفظها باي اسم تختار و لا تنسى المتداد الذي نستخدمه في ملفات ال HTML
قم بوضعه في سطح المكتب ليسهل عليك ايجاده حين تحتاجه
حان وقت العرض، لكي نشاهد نتيجة ما كتبناه. قم بتشغيل متصفح الإنترنت الذي تستخدمه و انقر على الملف الذي قمت بحفظه بزر الفأرة الايمن و قم بفتحه بواسطة المتصفح الذي شغلته و بهذا تكون قد انشات او صفحة لك
وقبل أن نستمر أريد أن أنبهك إلى بعض الملاحظات عند كتابة
صفحات الويب:
-
لا يوجد فرق بين كتابة الوسوم بالأحرف الإنجليزية الكبيرة UPPERCASE أو الأحرف الصغيرة lowercase. لذلك تستطيع الكتابة بأي شكل منهما أو حتى الكتابة بكليهما.
-
إن المتصفحات لا تأخذ بعين الاعتبار الفراغات الزائدة أو إشارات نهاية الفقرات (أي عندما تقوم بضغط مفتاح Enter) التي تجدها هذه المتصفحات في ملف Html. وبعبارة أخرى فإن باستطاعتك كتابة ملفك السابق بالشكل التالي:
<HTML><HEAD><TITLE> Webpage </TITLE></HEAD><BODY>
</BODY></HTML>
أو بالشكل التالي:
<HTML>
<HEAD>
<TITLE>
Webpage
</TITLE>
</HEAD>
<BODY>
Wow,
I'm
writing
my
first
webpage
</BODY>
</HTML>
أو حتى بهذا الشكل:
<HTML> <HEAD> <TITLE>
This is a test
Webpage
</TITLE>
</HEAD>
<BODY>
Wow, I'm writing
my first webpage
</BODY>
</HTML>
وفي كل الحالات ستحصل على نفس النتيجة. وإذا كنت من تلك
النوعية من الناس التي لا تصدق كل ما يقال… تستطيع أن تجرب ذلك بنفسك!!! هيا
جرب..
Comments
Post a Comment