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

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

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

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

الكود:

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




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

الكود:

<br>




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

الكود:

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




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