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

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



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

Arrow مقدمة في لغة 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>




Cool اظهار نص تلقائي:

الكود: ---------تضليل المحتوى
<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="=https://www.ahlamontada.com" target="_blank"><img src="https://2img.net/i/fa/banner/ar/banner5.png" alt="انشاء منتدى مجاني"></a></div>