HTML للمبتدئين

عدد المساهمات : 1110 تاريخ التسجيل : 26/04/2008

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

مقدمة

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

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

أمر <title>

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

<title>أكتب العنوان هنا </title>

و يكتب هذا الأمر بعد أمر <html> مباشرة

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

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

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

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

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

أمر <Body>

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

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

أولا أمر لون الخلفية

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

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

للون الأحمر او #FFFFFF للون الأبيض .

جدول يعرض لك رموز جميع الألوان

ثانيا أمر الخلفية الصورية

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

أوامر حجم الخطوط

هناك أوامر مختلفة لتغيير حجم الخطوط فالأمر <H1> يجعل الخط كبيرا جدا كما في العناوين و يزداد العدد إلى ان يصل إلى <H6> حيث يكون الخط أصغر ما يكون و يكتب هذا الأمر كالتالي

أوامر تحديد جهة النص

هي ثلاث أوامر

لتوجيه النص جهة اليمين
الأمر هو <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>

عدد المساهمات : 13 تاريخ التسجيل : 21/06/2008

مشكوووووور على التعليمات

عدد المساهمات : 1110 تاريخ التسجيل : 26/04/2008

العفو

أنا في خدمة الاعضاء

عدد المساهمات : 41 تاريخ التسجيل : 28/04/2008

الف شكر لك يا اخي

موضوع: رد: HTML للمبتدئين السبت يوليو 05, 2008 3:32 pm

شكرا تعليمات رائعه

عدد المساهمات : 51 تاريخ التسجيل : 30/12/2008

شكرا لك

عدد المساهمات : 10 تاريخ التسجيل : 01/10/2009

ملك الاكواد كتب:: العفو

أنا في خدمة الاعضاء

متأكد

عدد المساهمات : 37 تاريخ التسجيل : 27/11/2009

عوافي

عدد المساهمات : 39 تاريخ التسجيل : 19/12/2009

this image without link

this pic with links

in the left

in the center

in the right

thie is a link

عدد المساهمات : 88 تاريخ التسجيل : 29/12/2009

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

انار الله وجهك
يوم تسود الوجوه وزادك من علمه
علم على علم واسئل الله لي ولك

العفــــــــــــــــــــــــــــو والمعفات

عدد المساهمات : 66 تاريخ التسجيل : 22/07/2010

http://mado.forumarabia.com/forum.htm
HTML للمبتدئين 575767

عدد المساهمات : 7 تاريخ التسجيل : 05/02/2011

مشكور

» كيفية استعمال محرر html
» كود وضع صفحة html داخل اطار.....اكتشافي والله
» كود وضع صفحة html داخل اطار.....اكتشافي والله