بسم الله الرحمن الرحيم
مقدمة
سنقدم لكم في هذه الحلقة أساسيات لغة HTML لتصميم صفحات عادية بهذه اللغة نتمنى ان تحوز على رضاكم
البرنامج المكتوب بلغة HTML يبدأ بالامر <html> و ينتهي بالامر </html> … و سنبدأ هنا بشرح الأوامر المهمة للمبتدئ ثم سنقدم لكم مثال لبرنامج بسيط لفهم جميع هذه الأوامر
أمر <title>
هذا الأمر هو عبارة عن أمر العنوان و يستخدم لكتابة العنوان والذي سيكون في أعلى المتصفح و يكتب على النحو التالي
<title>أكتب العنوان هنا </title>
و يكتب هذا الأمر بعد أمر <html> مباشرة
أمر الخلفية الموسيقية
لوضع خلفية موسيقية في موقعك استعمل الأمر التالي
<BGSOUND SRC ="xxx" loop = "#">
حيث XXX هو اسم الملف و الذي يجب ان يكون امتداده ( MID … WAV … AV)
# هو عدد مرات دوران الملف .. وإذا أردت ان يدور الملف باستمرار اكتب INFINITE
ويكون هذا الأمر بعد أمر <title> مباشرة
أمر <Body>
و هذا الأمر يكتب بعد أمر <title> مباشرة في حال عدم وجود خلفية موسيقية أما إذا وجدت الخلفية الموسيقية فيكن بعد أمر الخلفية الموسيقية مباشرة ..و يحتوي هذا الأمر على الأوامر المتعلقة بتصميم الصفحة و ينتهي بأمر </body> و يكتب أمر النهاية </body> قبل أمر </html> و الذي ينهي البرنامج ككل
الأوامر التي تستخدم مع أمر <body>
أولا أمر لون الخلفية
وهذا الأمر يكون خاصا بلون الخلفية و يكتب كالتالي
<body bgcolor = "XXX">
حيث XXX هو رقم اللون المستخدم فهناك أرقام مختلفة لكل لون مثلا #FF0000
للون الأحمر او #FFFFFF للون الأبيض .
ثانيا أمر الخلفية الصورية
و يستخدم هذا الأمر إذا رغبت بأن يكون لصفحتك خلفية عبارة عن صورة و يكتب كالتالي
<body background="xxx" bgcolor = "XXX >
أوامر حجم الخطوط
هناك أوامر مختلفة لتغيير حجم الخطوط فالأمر <H1> يجعل الخط كبيرا جدا كما في العناوين و يزداد العدد إلى ان يصل إلى <H6> حيث يكون الخط أصغر ما يكون و يكتب هذا الأمر كالتالي
<h1> النص </h1>
أوامر تحديد جهة النص
هي ثلاث أوامر
- لتوجيه النص جهة اليمين
الأمر هو <right>و يكتب كالتالي <right>النص </right>
- لتوجيه النص جهة الوسط
الأمر هو <center> و يكتب كالتالي <center> النص </center>
- لتوجيه النص جهة اليسار
الأمر هو <left> و يكتب كالتالي <left>النص</left>
أمر الانتقال من سطر الآخر
الأمر هو <BR> و يكتب هكذا للانتقال من سطر لآخر
أمر وضع صورة في الصفحة
يستخدم هذا الأمر لوضع أي صورة لصفحتك وهو أمر بسيط يكتب على النحو التالي
<IMG SRC ="XXX"> حيث XXX هو اسم الملف أو عنوان الملف على الإنترنت
أمر وضع خط
لوضع خط فاصل بين الجمل أو الصور ما عليك سوى استعمال الأمر التالي
<HR size=XX Width = "XX%" > حيث XX هي حجم الخط من ناحية الطول أو العرض
إنشاء رابطة
لإنشاء رابطة لأي موقع أو صفحة اكتب الأمر التالي
<A HREF ="XXX"> حيث XXXهي عنوان الموقع أو الصفحة و بعد كتابة هذا الأمر اكتب الكلام الذي تريد أن يكون محتويا على الرابطة أو ضع أمر وضع الصورة إذا أردت ان تكون الرابطة موجودة في صورة ثم انهي الأمر بكتابة هذه الكلمة </A> والتي تعني نهاية الرابطة
والآن سنعرض لكم برنامج بسيط نستخدم فيه أهم ما تعلمناه من خلال هذه الحلقة
<html>
<title>Your Title here</title>
<bgsound src="sound.wav" loop="10">
<body background="back.gif" bgcolor "#000000">
<center><img src="image.gif"></center><BR>
<center>this image without link </center><BR>
<center><a href="http://www.mostashfa.com"><img src="image.gif" border="0"></a></center><BR>
<center>this pic with links</center><BR>
<left>in the left</left><BR>
<center>in the center</center><BR>
<right>in the right</right><BR>
<center><a href ="http://www.mostashfa.com">thie is a link</a></center>
</body>
</html>
موضوع: HTML للمبتدئين 
الأحد أكتوبر 17, 2010 1:51 pm