HTML
ملف HTML دائما يبدأ <HTML> وينتهى </HTML>.
أما <HEAD> يحدد بداية المقطع الذي سنبدأ منه المعلومات عن الصفحة كالعنوان الظاهر على شريط عنوان المتصفح حيث يتم كتابه العنوان بين <TITLE> و </TITLE> ويجب إنهاء المقطع ب </HEAD>.
- لتغيــر خلفيه الصفحة نستخدم الآمر BGCOLOR=BLACK> <BODY
- لوضع صـــوره في خلفيه الصفحة نستخدم الآمر >"مسار الصورة " BACKGROUND= <BODY
-أمـر <BR> لتحديد النهاية للسطر. والبدء بسطر جديد .
- الآمر يستخدم لترك مسافة فارغة بين نص وأخر وهو اختصار ل (Non Breakable Space ) .
- أمـر <FONT > ... </FONT > للتحكـم في خصائص الخط ويستخدم معه بعض الخصائص ...
<FONT SIZE=5 COLOR =RED FACE=ANDALUS > </FONT>
حيث أن SIZE للتحكم في حجم الخـط .
وCOLOR للتحكم في لون الخـط .
و FACE للتحكم في نـوع الخـط .
- أمـر <B> </B> يستخدم لجعل الخط عريـض BOLD .
- أمــر <I> </I> يستخدم لجعل الخط مائل ITALIC .
- أمـر <U> </U> يستخدم لجعل الخط تحته خـط UNDERLINE .
-الآمــر المستخدم عند ربط ملــف معين :
</A> الاسـم الظاهر للملف الذي عند الضغط عليه يتم الذهاب للملف >مسار الملـف <A HREF=
- الأمر </SUP> <SUP> ويستخدم لجعل الخط مرتفع.
- الأمر <SUB > </SUB> ويستخدم لجعل الخط منخفض .
- الأمر <STRIKE> </STRIKE> ويستخدم لجعل خط يتوسط الكلمة آو النص.
- الآمر <CENTER> </CENTER> يستخدم لجعل النص في منتصف الصفحة .
- الآمر <OL> </OL> ويستخدم لعمل قوائم متسلسلة ويستخدم معه الآمر <LI> وهو وسم مفرد
يكتب في بداية السطر الخاص بكل بند List Item .
- الآمر <UL> </UL> يستخدم لعمل القوائم غير المتسلسلة وأيضا يستخدم معه الآمر <LI> .
- لإدراج صورة في الصفحة نستخدم الآمر WIDTH=25 HEIGHT=25> ”اسم ومسار الصورة"<IMG SRC=
- المصطلح Thumbnail هي تلك الصورة الصغيرة جداً التي تقوم بالنقر عليها فتؤدي إلى عرض صورة
بحجم أكبر.
لإنشـاء مجموعه الأدوات في HTML مثل مربع النص ... يتم كتابه الأوامـر بين الآمريـن
</FORM> <FORM>
حيث يعرف النموذج FORM على انه صفحه تحتوى على عناصر تسمح للمستخدم بإدخال معلومات .
1- لإنشـاء مربع نـص TEXTBOX :
نستخـدم الأمـر:
< INPUT TYPE = "TEXT" NAME="T1" VALUE=" TEXT" SIZE="15" MAXLENGTH="30" >
وتستخدم لتسميه حقل البيانات بحيث يمكن استخدامه فيما بعد للحاجات البرمجية. NAME :
وهى القيمة الافتراضية التي تكون للحقل. VALUE :
يقــوم بتحديد حجم الحقل حيث يتم تحديد عرض الحقل على النافذة. SIZE :
لتعيين الحد الأقصى لعدد الحروف المدخلة في الحقل. MAXLENGTH :
***ويوجـد مجموعه من أنواع مربعات النص مثل :
< INPUT TYPE = "PASSWORD" NAME="T1" VALUE= "TEXT" SIZE="15" MAXLENGTH="30" >
ويستخدم هذا النوع عندما نريد المستخدم أن يكتب كلمه سـر حيث ستظهر علي هيئه نجوم .
< INPUT TYPE = "HIDDEN " NAME="T1" VALUE=" TEXT " SIZE="15" MAXLENGTH="30" >
حيث سيكـون مربع النص مخـفي .
2- لإنشاء مربع إختيار RADIO :
نستطيع اختيار حقل واحد فقط مثـل متزوج أو أعزب.
حيث تكون أسماء الحقول موحدة والقيم مختلفة
نستخدم الامــر:
متزوج <INPUT TYPE="RADIO" NAME="browser" VALUE="Sind3">
أعــــزب <INPUT TYPE="RADIO" NAME="browser" VALUE="Sind3">
2- لإنشاء مربع إختيار CHECKBOX :
يتم إختيار أكثر من حقل لذلك يستخدم عادة في الحالات التي يحتمل أن نحصل فيها على عدة أجوبة لنفس السؤال. مثل الهوايات ممكن آن تكون اكثر من هوايه فى نفس الوقت حيث تكون الأسماء مختلفة والقيم موحدة.
ويستخدم هذا الامــر:
البرمجه <INPUT TYPE="CHECKBOX" NAME="Sind3" VALUE="Yes">
الصيانة <INPUT TYPE="CHECKBOX" NAME="Sind4" VALUE="Yes">
3- لإنشـــاء قوائم الاختيار
<SELECT NAME="browser">
<OPTION>
<OPTION>
<OPTION>
</SELECT>
4- لإنشــاء مربع نص لكتابه التعليقات :
نستخدم الآمر:
<TEXTAREA NAME="comments" COLS="30" ROWS="6">
</TEXTAREA>
COMMAND BUTTON 5 - لإنشـاء زر أمــر:
<INPUT TYPE="submit" VALUE="Press here to send the form">
الجــــــداول:
لإدراج جدول يتــم استخدام الآمــر <TABLE > وينتهى بالإمــر </TABLE> .
ولإدراج صفوف الجدول نستخدم الأمـر <TR> وينتهى بالآمر </TR> .
ولإدراج خلايـا للجدول نستخـدم الآمـر<TD> وينتهى بالآمر </TD> .
مثال لرسم الجدول الآتي :
DATA2 DATA1
DATA4 DATA3
DATA6 DATA5
<TABLE BORDER=2 HEIGHT="100%" WIDTH="100%">
<TR>
<TD>DATA1</TD>
<TD>DATA2</TD></TR>
<TR>
<TD>DATA3</TD>
<TD>DATA4</TD></TR>
<TR>
<TD>DATA5</TD>
<TD>DATA6</TD></TR>
</TABLE>