درس فى html

من طرف عبقرينو الإثنين يناير 11, 2010 11:24 pm

السلام عليكم ورحمة الله وبركاته
ارجوا ان اكون وفقت فى اختيار الدرس
ما هى HTML وفيما تستخدم
اولاً كلمة HTML هى اختصار إلى Hyper Text Markup Language
تستخدم لغة HTML فى عمل صفحات ويب مثل الصفحة الرئسية للموقع
https://elidy.yoo7.com/
وتستخدم ايضاً فى تطوير المنتديات ....
ملحوظة :::/// ظهر الكثير من البرامج مثل Microsoft Front Page لعمل صفحات
ويب بكل سهولة لاكن ذلك لا يقل من اهمية لغة html فهناك اكواد لابد
كتابتها يدوياً لذا لابد من معرفة البدائيات حتي
_________________________

مقدمة فى Html :-
إى صحفة مكتوبة بلغة HTML يبدأ بالامر <html> و ينتهي بالامر
</html> … و سنبدأ هنا بشرح الأوامر المهمة للمبتدئ ثم سنقدم لكم
مثال لبرنامج بسيط لفهم جميع هذه الأوامر

الكود أمر <title>

هذا الكود هو عبارة عن أمر العنوان و يستخدم لكتابة العنوان والذي سيكون في أعلى المتصفح و يكتب على النحو التالي
<title>أكتب العنوان هنا </title>
و يكتب هذا الأمر بعد أمر <html> مباشرة

أمر الخلفية الموسيقية

لوضع خلفية موسيقية في موقعك استعمل الأمر التالي

<BGSOUND SRC ="***" loop = "#">

حيث *** هو اسم الملف و الذي يجب ان يكون امتداده ( MID … WAV … AV)

# هو عدد مرات دوران الملف .. وإذا أردت ان يدور الملف باستمرار اكتب INFINITE

ويكون هذا الأمر بعد أمر <title> مباشرة
أمر <Body>

و هذا الأمر يكتب بعد أمر <title> مباشرة في حال عدم وجود خلفية
موسيقية أما إذا وجدت الخلفية الموسيقية فيكن بعد أمر الخلفية الموسيقية
مباشرة ..و يحتوي هذا الأمر على الأوامر المتعلقة بتصميم الصفحة و ينتهي
بأمر </body> و يكتب أمر النهاية </body> قبل أمر
</html> و الذي ينهي البرنامج ككل

الأوامر التي تستخدم مع أمر <body>

أولا أمر لون الخلفية
وهذا الأمر يكون خاصا بلون الخلفية و يكتب كالتالي

<body bgcolor = "***">

حيث *** هو رقم اللون المستخدم فهناك أرقام مختلفة لكل لون مثلا #FF0000

للون الأحمر او #FFFFFF للون الأبيض .ويمكن كتابة اسم اللون

ثانيا أمر الخلفية الصورية
و يستخدم هذا الأمر إذا رغبت بأن يكون لصفحتك خلفية عبارة عن صورة و يكتب كالتالي

<body background="***" bgcolor = "*** >

حيث *** مكان الصورة

============================

أمر الانتقال من سطر الآخر
الأمر هو و يكتب هكذا للانتقال من سطر لآخر

===========================

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

<IMG SRC ="***"> حيث *** هو اسم الملف أو عنوان الملف على الإنترنت

===========================

أمر وضع خط
لوضع خط فاصل بين الجمل أو الصور ما عليك سوى استعمال الأمر التالي

<HR size=XX Width = "XX%" > حيث XX هي حجم الخط من ناحية الطول أو العرض

===========================

إنشاء رابطة
لإنشاء رابطة لأي موقع أو صفحة اكتب الأمر التالي

<A HREF ="***"> حيث ***هي عنوان الموقع أو الصفحة و بعد كتابة هذا
الأمر اكتب الكلام الذي تريد أن يكون محتويا على الرابطة أو ضع أمر وضع
الصورة إذا أردت ان تكون الرابطة موجودة في صورة ثم انهي الأمر بكتابة هذه
الكلمة </A> والتي تعني نهاية الرابطة

===========================

امر عمل نص متحرك
<marquee direction="1" > </marquee>
حيث 1 هو اتجاه النص Right , Left , Up Or Down

===========================

بكده اكون شرحت اساسيات Html
ملحوظة ...
اى أمر Html لا بد ان يكون على شكل
<> ثم يغلق </>
إلا الامر Br الذى يقوم بعمل سطر جديد

مثال على الكلام ده

افتح برنامج notepad (( المفكره ))
اكتب فيها التالى

اقتباس:

<html>
<title>masrawysat.Com ... AliMadkour </title>
<body bgcolor="#E1E1E2">
AliMadkour
 
masrawysat.Com
 
<a href="https://elidy.yoo7.com/">منتديات العايدى الفضائية</a>
<center>This is center Text </center>
هذا خط باللون الاحمر
 
 خط عريض 
 
 خط مائل 
 
 تحته خط 
<center>خط
عريض مائل تحته خط باللون الاحمر في الوسط
</center>
</body>
</html>

المثال اكيد هيوضح كتير
وللحديث بقية ان شاء الله