مقدمة بلغة البرمجة اتش تي ام ال html لكتابة صفحات الانترنت

**Admin** 2011-12-17, 2:38 am

بسم الله الرحمن الرحيم...

سأبدأ بإذن الله دروس لغة ال HTML...

- المقدمة:
لغة الHTML إختصار ل (Hyper **** Markup ********s)

وبالعربي (لغة توصيف النص المتشعب)
وهي لغة تستخدم لتصميم وبناء المواقع وصفحات الإنترنت، ليست مثل باقي اللغات، مثل لغة السي بلس بلس أو غيره، حيث أنها لا تحتاج إلى مترجم (compiler)، وكمان ما فيها جمل (Structures & Loops) مثل الif أو الfor، وهي غير مرتبطة بنظام تشغيل معين، لأنه يتم تفسيرها وتنفيذ تعليماتها مباشرة من قبل متصفح الإنترنت وبغض النظر عن النظام المستخدم.
وهي سهلة جداً، ومتقنة، وليست معقدة. فمعظم مصممي المواقع وصفحات الإنترنت يستخدمون الHTML لعمل مواقعهم.
ماذا نحتاج لكتابة ملف الHTML:
كل ما نحتاجه هو برنامج محرر للنصوص مثل المفكرة، وطبعاُ برنامج متصفح الإنترنت حتى تستطيع معاينة ما كتبنا، مثل الإنترنت إكسبلورر (Internet Explorer) وهي أفضل من متصفح (Netscape Navigator ) لأن الأخيرة لا تدعم اللغة العربية.
وبعد الإنتهاء من كتابة كود الHTML، يحفظ الملف بهذا الإمتداد... "TRY.html".
الدرس الأول: الوسوم الأساسية (TAGS):
ماهي الوسوم: وهي الأجزاء التي تحدد كيف سيشاهد المتصفح المحتوى، فهي تصف المحتوى من حيث التنسيق.
الوسوم الأساسية:
<HTML> </HTML>
<HEAD> </HEAD>
<TITLE> </TITLE>
<BODY></BODY>

لاحظ أن لكل وسم (تقفيلة) يعني إذا فتحت وسم لازم تقفله بوضع إشارة </>.
وسم <HTML>: تبدأ بها في أي كود للhtml. ولازم تقفلها آخر شي.

<HEAD>: وسم رأس الصفحة، يحتوي على المعلومات الإضافية الخاصة بالمستند مثل عنوان الصفحة والكلمات المفتاحية فيها وغيرها من الأمور الخاصة بالصفحة والتي لا تعتبر من ضمن المحتوى.

<TITLE>: هذا الوسم لكتابة عنوان المستند وحيظهر لك في شريط العنوان. وهي تابعة للhead

<TITLE/>: تقفيلة العنوان.

<HEAD/>: تقفيلة رأس الصفحة.

<BODY>: جسم الصفحة،

وفيها ممكن تكتب فيها أي شي وراح يظهر لك في محتوى الصفحة... مثل النصوص والصور والجداول
<BODY/>:

<HTML/> :

شوفو دا المثال:

انقر هنا

لاحظ عنوان الصفحة ومحتوى الصفحة....

<HTML>
<HEAD>
<TITLE>
أهلاً وسهلاً بك في منتديات كلية علوم الحاسب الآلي ونظم معلومات
<TITLE/>
<HEAD/>
<BODY>

نتمنى لكم قضاء أسعد الأوقات

<BODY/>
<HTML/>

وبكده تكون عملت صفحة مرة بسيطة... هادا الدرس الأول...