تعلم لغة html بكامل تفاصيلها

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

سوف نتعرف على كيفيه استخدام الhtml و هو من امهات الاكواد على صفحات الانتر نت لعمل صفحه على الويب و اتمنى من الله ان يستفاد منه الجميع ...

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


هناك طريقتين لعمل صفه على الانترنت ::

1- و انت غير متصل و بعد الانتهاء من العمل يتم رفعها على الftp
2- و انت متصل على الانتر نت
و فى كلتا الحالتين تنشا على الـ notepad او WordPad و يتم الحفظ اما على النت او على الجهاز

و الان نقوم بانشاء wordpad و نقوم بكتابه فيها ::

العنوان
العنوان هو اول شىء تضعه فى الموقع و يكون كتالى::

<title>Zetta Team</title>

بالمناسبه اى امر فى html يحط بـ <,> و اغلب الاوامر البروزير web browser يحتاج الى انهاء او متى يقف فيجب وضع العلامه( / ) فى نهايه الامر

( اهو حاجه على الماشى كده محنا لازم نعلمكوا بقا )

طيب دلوقتى احنا عاوزين نكب بقا فى الموقع بتعنا ايو الموقع ( مهو خلاص انت بقيت desiner محترف )

النص
النص 6 مقاسات من 1 الى 6 و يبدا من الاكبر 1
الرؤوس
<h1>Zetta</h1>
Zetta
<h2>Zetta</h2>
Zetta
<h3>Zetta</h3>
Zetta
<h4>Zetta</h4>
Zetta
<h5>Zetta</h5>
Zetta
<h6>Zetta</h6>
Zetta

و بالتاكيد عندما تريد و ضع اكثر من جمله لا يعقل ان نضع رؤوس تحت بعض
بل سنحتاج الى استخدام
فقرة
ولأنشاء فقره ( انا مش بحب اشرح كتير انا هدلكوا مثال انت تفهمو بقا )
</P>موقع زيتا تيم ده اجدع موقع شفتوا عشان هو الموقع بتعنا و انا اعترف بذلك <P>
و نكون النتيجه :
موقع زيتا تيم ده اجدع موقع شفتوا عشان هو الموقع بتعنا و انا اعترف بذلك

القوائم

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

<UL>
<LI> wael
<LI> dodoo
<LI> gablawy
<LI> tomtom
<LI> are the
<LI> best
<LI> freind
</UL>


و تكون النتيجه كتالى

•Wael
•Dodo
•Gablawy
•tomtom
•are the
•best
•freind
و القائمه المرقمه


<OL>
<LI> wael
<LI> dodoo
<LI> gablawy
<LI> tomtom
<LI> are the
<LI> best
<LI> freind
</OL>
و تكون النتيجه كتالى


1.Wael
2.Dodo
3.Gablawy
4.tomtom
5.are the
6.best
7.freind


الاجبار على النهايه
فى بعض الاحيان تحتاج الى انهاء السطر فى الصفحه ( هتفهموا دلوقتى متتسرعش )

مثلا انت عاوز تكتب " السلام عليكم يا زيتا " بس انت عاوز تكتب كل كلمه فى سطر تعمل اه يا ناصح...

تعمل زى المثال يا ناصح

السلام<BR> عليكم<BR> يا <BR>زيتا
و تكون النتيجه
السلام
عليكم
يا
زيتا

مساطر افقيه

احيانا نحتاج الى مساطر افقيه او مسافات او خطوط فاصله و انا بفضل الله هوريكو ( سوف ؤريكم النهار فى و قت الظهر) كيفيه انشائها و التحكم فيها سواء بالطول او العرض.
طبعا انتوا عرفين ان size يعنى حجم و ان width يعنى عرض و SHADE يعنى ظل و اليكم الامثله :


<HR SIZE=1 WIDTH=100%>



<HR SIZE=5 WIDTH=50%>



<HR SIZE=25 WIDTH=75%>



<HR SIZE=3 WIDTH=100%>



<HR NOSHADE SIZE=1 WIDTH=100%>



و يا جماعه انا عارف ان انا مخلصتش بس انا عاوز اعرف حاجه مهمه انا كدا ماشى معكو و انتوا فهمين ولا انا بكلم نفسى لو انتوا فهمتو الى انا قلتوا قلولى اكمل و لو مفهمتوش او فى اى تعليق ياريت تقلولى و انا ان شاء الرحمن اعمل الي يقدرنى عليه ربنا