الدرس الأول من دروس HTML. سوف أقوم في هذا الدرس بسرد الوسوم الأساسية(basic tags) لصفحة الويب ومناقشتها معك واحداً تلو الآخر. لنصل في النهاية إلى إنشاء صفحة ويب بسيطة.
لنأخذ الوسوم التالية:
| وسم البداية | وسم النهاية |
| <HTML> | </HTML> |
| <HEAD> | </HEAD> |
| <TITLE> | </TITLE> |
| <BODY> | </BODY> |
ماذا تلاحظ؟ أن كل منها يتألف من زوج من الوسوم أحدهما وسم البداية، والآخر وسم النهاية. ويتميز وسم النهاية بوجود الرمز /.
إذن فملف
Html
يبدأ دائماً بالوسم
<HTML>
وينتهي بالوسم
</HTML>.
لا تنسى ذلك!
أما الوسم
<HEAD>
فيحدد بداية المقطع الذي يحتوي على المعلومات الخاصة بتعريف الصفحة.
كالعنوان الظاهر على شريط عنوان المتصفح. وهذا العنوان بدوره يحتاج لأن
يوضع بين الوسمين:
<TITLE> … </TITLE>
وبالطبع يجب كتابة الوسم
</HEAD>
لكي ننهي هذا المقطع.
نأتي إلى الوسم
<BODY>
والذي يتم كتابة نصوص صفحة الويب ضمنه، بالإضافة إلى إدراج الصور والجداول وباقي محتويات الصفحة. وهو أيضاً يحتاج إلى وسم الإنهاء
</BODY>
ما رأيك لو نبدأ بتطبيق هذه المعلومات بصورة عمليه؟ هيا… قم بفتح برنامج المفكرة واكتب ما يلي:
<HTML>
<HEAD>
<TITLE>
My First Web PAge
</TITLE>
</HEAD>
<BODY>
<HEAD>
<TITLE>
My First Web PAge
</TITLE>
</HEAD>
<BODY>
The history of Microsoft Office began with the first Windows version of Office<BR>
Microsoft Office is an office suite of desktop applications<p>
servers and services for the Microsoft Windows and OS X operating systems<p>
</BODY>
</HTML>
وعندها نفتح صفحه الـNote padونكتب الاكواد كما هى بالاعلى ثم نضغط file ثم save as وهنا نقوم باختياراسم ويكون بامتداد وليكن index.html
ولا تنسى أن الامتداد المستخدم في أسماء ملفات
HTML
هو
htm.
أو
html. حان وقت العرض، لكي نشاهد نتيجة ما كتبناه. قم بتشغيل متصفح الإنترنت الذي تستخدمه
