اذهب الي المحتوي
أوفيسنا
بحث مخصص من جوجل فى أوفيسنا
Custom Search

أساسيات لغة HTML


الردود الموصى بها

بعد ما عرفنا بعض المعلومات عن معنى الانترنت وتاريخ الانترنت

جاء دور معرفة أساسيات لغة هتمل

أول شيء ينبغي معرفته عن هذه اللغة أنها ليست لغة برمجة بالمعنى الحرفي وإنما هي لغة ترميز حيث تعتمد على الرموز أو الوسوم Tags ويكون هذا الوسم عبارة عن كلمة أو اختصار بين قوسين من علامتي أكبر من وأصغر من بهذه الطريقة <html> ويسمى هذا الوسم وسم بداية ويجب إغلاق هذا الوسم بهذه الصورة

 </html>
ماذا نحتاج لنكتب بلغة هتمل؟ تحتاج أي محرر نصوص ومستعرض الانترنت ولو على سبيل المثال المفكرة note pad ومستعرض الانترنت internet explorer الموجودة في أي جهاز كمبيوتر يعمل بنظام التشغيل ويندوز أنا شخصيا أستعمل برنامج php expert editor وهو لتحرير وكتابة أكواد php ولكنه يناسب كل لغات المواقع وسيكون كلامنا على استعمال النوت باد افتح برنامج المفكرة : من خلال الضغط على قائمة ابدأ start ثم البرامج all programs ثم البرامج الملحقة accessories واختر منها المفكرة note pad واكتب بها هذه الأكواد
<HTML>

<HEAD>

<TITLE>

This is a test Webpage

<‎/TITLE>

<‎/HEAD>


<BODY>

Wow, I'm writing my first webpage

<‎/BODY>

<‎/HTML> 


ثم احفظ هذا المف بأي اسم تريده وليكن test ولكن اجعل الامتداد html ليصبح اسم الملف test.html ويمكنك جعله test.htm فكلا الامتدادين صحيح ثم افتح هذا المف بعد حفظه

ستجد أنه يفتح في برنامج internet explorer إذا كان هو الممتصفح الافتراضي أو أي متصفح آخر وستكون النتيجة هي كما بالصورة

webpage1.gif

وتعالى معي الآن لنعرف معنى هذه الرموز السابقة

أول رمز هو <html> وهو الذي يدل على أن هذه بداية ملف مكتوب بلغة هتمل

ثم <head> وتعني رأس الصفحة ويحتوي على معلومات يقرأها المتصفح ولا تظهر في الصفحة نفسها مثل المؤلف والوصف وكلمات دلالية في حالة محركات البحث وهكذا

ويوجد داخل هذا الوسم وسم <title> وهو لتحديد عنوان الصفحة الذي يظهر في شريط العنوان الأزرق أعلى المستعرض

ثم <body> وهو لتحديد جسم الصفحة أو الجزء المرئي المعروض من الصفحة

ولا ننسى أن كل وسم من هذه الوسوم يحتاج إلى وسم النهاية الخاص به

ما سبق هو بنية وتركيب اي صفحة من صفحات المواقع

ولا ننسى أن لغتنا الشيقة اللذيذة لا تعتد بالمسافات بالنسبة للنص المكتوب بين الوسوم ولا بالحروف الكبيرة أو الصغيرة بالنسبة للوسوم

فاصل بسيط

حتى يجرب الإخوة الذين يقوم يقراءة الموضوع والمهتمين ببرمجة المواقع هذه الأكواد

ونلتقي في درس جديد من دروس لغة هتمل

وهو التعامل مع العناوين المختلفة والفقرات

فإلى لقاء

  • Like 1
رابط هذا التعليق
شارك

سعيد يمرورك أخي عادل

ولكن

هل يتابع القسم الجديد المشرفون فقط؟؟

أين الأعضاء المهتمين ببرمجة المواقع

؟؟؟

  • Like 1
رابط هذا التعليق
شارك

السلام عليكم ورحمة الله

أعجبتني مقدمتك فهل تسمح لي بالمتابعة معك ؟؟

وفقك الله لما تحب وترضى.

يسعدني متابعتك أختي الفاضلة

  • Like 1
رابط هذا التعليق
شارك

السلام عليكم ورحمة الله وبركاته

نحن بانتظار المزيد

جزاك الله خيرا أخي ماس 123

وإياك أخي الكريم

وبإذن اللله في الطريق إليك كل ما تتمنى عن برمجة المواقع

  • Like 1
رابط هذا التعليق
شارك

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

زائر
اضف رد علي هذا الموضوع....

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • اضف...

Important Information