درس في HTML للمبتدئين

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

مقدمة في لغة HTML

اين يتم استعمال لغة HTML بالضبط؟

يتم استعمال تلك اللغة في صنع و برمجة المواقع كما يتم استعمالها بالنسبة لمنتديات فورم اكتيف في البوابة و في الصفحة الرئيسية و في وصف منتدى.

1) لصنع رابط يحمل الى موقع معين مثل (منتداي) نضع:

الكود: ---------تضليل المحتوى

الكود:

<a href="http://رابط موقعك">ضع هنا نصك</a>

2) عندما نريد العودة الى السطر لا فائدة من الضغط على "ENTER" بل ضع فقط:

الكود: ---------تضليل المحتوى

الكود:

<br>

3) لتغيير لون النص:

الكود: ---------تضليل المحتوى

الكود:

<font color=ضع اللون>النص هنا</font>

مجموعة من المواقع والتى بها أكواد كثيرة من الالوان :


http://html4arab.com/Photos/216Colours.htm

http://html4arab.com/Photos/rgb.htm

http://html4arab.com/Photos/Namedcolours.htm

http://www.gulfson.com/vb/t16560.html

http://www.lifenet-sy.com/mag/modules.php?name=cods

4) لجعل نصك متحركا:

الكود: ---------تضليل المحتوى

الكود:

<marquee>النص هنا</marquee>

5) لوضع صورة:

الكود: ---------تضليل المحتوى

الكود:

<img src="http://رابط الصورة هنا"/>

6) لوضع صورة "مظغوطة" تحمل الى موقع ما:

الكود: ---------تضليل المحتوى

الكود:

<a href="http://رابط موقعك"><img src="http://رابط الصورة هنا"/></a>

7) انواع الخطوط:

*خط غليظ: الكود: ---------تضليل المحتوى

الكود:

<b>النص هنا</b>

*خط مائل: الكود: ---------تضليل المحتوى

الكود:

<i>النص هنا</i>

*خط غليظ و مائل: الكود: ---------تضليل المحتوى

الكود:

<b><i>النص هنا</i></b>

*نص مسطر: الكود: ---------تضليل المحتوى

الكود:

u>النص هنا</u>

*نص كبير: الكود: ---------تضليل المحتوى

الكود:

<font size="4">نص كبير</font>

اظهار نص تلقائي: الكود: ---------تضليل المحتوى

الكود:

<input type="texte" name="ضع الاسم الدي تريد" value="نص تلقائي">

9) بعض الاختيارات: الكود: ---------تضليل المحتوى

الكود:

<input type="radio" name="اختر الاسم الدي تريد" value="افضل انترنت اكسبلورر
">افضل انترنت اكسبلورر


<input type="radio" name="
افضل فاير فوكس
" value="monsieurs">
افضل فاير فوكس

10) لجعل النص في الوسط: الكود: ---------تضليل المحتوى

الكود:

<div align="center"> نصك هنا</div>

لجعل النص الى اليمين: الكود: ---------تضليل المحتوى

الكود:

<div align="rignt">نصك هنا </div>

لجعل النص الى اليسار: الكود: ---------تضليل المحتوى

الكود:

<div align="left">نصك هنا </div>

11) لجعل الصورة مضغوطة وإذا وضع الفأرة عليها ظهرت جملة هاهو الكود من ملك الاكواد:

الكود: ---------تضليل المحتوى

الكود:

<div style="float:top left; position:absolute; overflow:visible; left:0px; top:0px; height:140px; width:129px;">
<a href="=http://www.ahlamontada.com" target="_blank"><img src="http://www.illiweb.com/fa/banner/ar/banner5.png" alt="انشاء منتدى مجاني"></a></div>

M/P

بارك الله فيك اخي العزيز

شكرا ع المرور