دروس الإتش تي أم أل - HTML ألأساسيات

من طرف noura 2012-02-27, 16:16

الأساسيات

يا ترى ما هي الفكرة التي أخذتها من الدرس السابق التي كانت عبارة عن دردشة خفيفة في الهتمل؟

اتمنى بالفعل أن تكون قد نويت استكمال تعلم الهتمل ، والآن هيا بنا الآن لنشرح بطريقة عملية في الهتمل.

ما هو التركيب الأساسي لأي ملف في الهتمل؟

حينما تفتح المفكرة لكي تكتب فيها ، لا بد من أساس تطبق عليه كل الرموز، الأساس هو كالتالي:

<html>

<head>

<title>

هنا يكتب العنوان الذي سوف يظهر في شريط المتصفح

<title/>

<head/>

<body>

--------

--------

هنا نكتب كل ما نريد ادراجه في صفحات الموقع من صور ومواضيع

--------

--------

<body/>

<html/>

--------

والان إليك هذا المثال البسيط :

<html>

<head>

<title>

صفحتي الأولى

<title/>

<head/>

<body>

ما زلت حتى الان اتعلم الدرس الأول

<body/>

</html>

--------

وهكذا اصبحت الآن قادرا على كتابة أساسيات الهتمل ...فما رأيك لو تطبق هذا المثال وشاهد بنفسك كيف يتكون كصفحة بسيطة تكون بداية لتعلمك تصميم المواقع

والان ما هو الشيء الذي لم تتعلمه في الاساسيات؟

إنها الفراغات وترك الاسطر، فلغة الهتمل لا تهتم بعدد الاسطر الفارغة التي تركتها ولا بعدد المسافات بين الكلمات فإذا كنت ترغب بترك سطر فهنالك وسم معين له ، وكذلك للفراغات .

------

<br>

يستخدم هذا الوسم لنهاية السطر والبدء بسطر جديد

<p>

يقوم هذا الوسم بنفس عمل الوسم السابق الا انه يترك سطر فارغ بين الفقرات

nbsp&

يقوم هذا الوسم بترك فراغ بين الكلمات ، وهو يمثل فراغ واحد وهكذا كلما كتبت هذا الوسم يترك فراغ واحد ولكن بالطبع فإنه ليس من الضروري كتابته بين كل كلمة وكلمة ، فتلقائيا سوف يترك فراغ بين الكلمات للتفريق بينها..ولكن هذا الوسم يستخدم اذا كنا نريد اكثر من فراغ واحد بين الكلمات

------

والان إليك هذا المثال الذي سوف يوضح تلك الوسوم الثلاث التي تعلمتها الآن

<html>

<head>

<title>

صفحتي الأولى

<title/>

<head/>

<body>

تعلمت الان كيفية ترك فراغات وسوف اترك اربعة فراغات باستخدام الامر التالي

nbsp ; &nbs ; &nbsp ; &nbsp&

والان سوف انتقل الى سطر جديد مع ترك سطر فارغ بهذا الامر

<p>

والان سوف انتقل الى سطر جديد بدون ترك سطر فارغ

وهكذا تعلمت تلك الوسوم الثلاث بكل سهولة

<body/>

<html/>

--------

والان ما رأيك ان تطبق المثال السابق وترى بنفسك كيف سوف يظهر في متصفحك

.:: الإعلانات والتبادل الإعلاني مع منتديات قاسمي نت ::.