أضغط على start و من ثم على run و نكتب في رن كلمه notepad و هو يفتح لنا صفحه notepad " لكي نستعمل كل الاوامر يبج أن نستعمل القوصين مثل " <html>.

لكي نستعمل امر معين نحن بحاجة إلى أقواس خاصّة :
<head>
أغلب الأوامر التي نستعملها علينا إغلاقها بعد الإنتهاء منها، طريقة الإغلاق </head>
الترتيب العام لصفحة html
<html>
<head>
<title>
…….
</title>
</head>
<body>
……
</body>
</html>
حفظ الملف:save
Fileà save asà name.html


الأمر لإنزال سطر: <br>
الأمر للفراغ space: &nbsp;













لكي نجعل لخلفية الصفحة لون نستعمل الأمر:
Bgcolor
مثال للإستعمال: <body bgcolor=red>
علينا الإنتباه إلى مكان وجود الأمر وهو داخل أقواس الـ body.


لكي نجعل لخلفية الصفحة صورة نستعمل الأمر:
Background
مثال للإستعمال : <"اسم الصورة<body background="




لكي نتمكن من استعمال اللغة العربية:
Fileà save asàname.html
Encoding: UTF-8























تغيير الخط والتحكم بشكله:
لكي نتحكم بالخط نستعمل الأمر <font>
لتغيير حجم الخط size
الأحجام التي من الممكن استعمالها من 1 وحتى 7.
لتغيير لون الخط color
لتغيير مظهر (نوع) الخط أو نوعه face
من الممكن اختيار نوع الخط من القائمة الموجودة في: formatà font
مثال:
<font size=4 color=red face="david">

ملاحظة: لإغلاق الأمر </font>




مثال:
‎<FONT FACE="courier" SIZE="2" COLOR="#800000">‎
This font is Courier, Size is 2, Color is Maroon
<‎/FONT>
This font is Courier, Size is 2, Color is Maroon

<FONT FACE="Arial" SIZE="5" COLOR="#00FF00"> This <‎/FONT>
<FONT FACE="Times New Roman" SIZE="7" COLOR="#FF00FF"> is <‎/FONT>
<FONT FACE="Arial" SIZE="2" COLOR="#FF0000"> multi <‎/FONT>
<FONT FACE="Impact" SIZE="4" COLOR="#000000"> colors, <‎/FONT>
<FONT FACE="Courier" SIZE="2" COLOR="#0000FF"> multi <‎/FONT>
<FONT FACE="Times New Roman" SIZE="3" COLOR="#008080"> faces, <‎/FONT>
<FONT FACE="Courier" SIZE="6" COLOR="#FFFF00"> and <‎/FONT>
<FONT FACE="Arial" SIZE="5" COLOR="#808080"> multi <‎/FONT>
<FONT FACE="Impact" SIZE="2" COLOR="#800000"> sizes <‎/FONT>
<FONT FACE="Times New Roman" SIZE="7" COLOR="#00FFFF"> text <‎/FONT>
This is multi colors, multi faces, and multi sizes text

<FONT FACE="Impact" SIZE="6" COLOR="#000000">C <‎/FONT>
<FONT FACE="Impact" SIZE="6" COLOR="#008080">O<‎/FONT>
<FONT FACE="Impact" SIZE="6" COLOR="#FF0000">L<‎/FONT>
<FONT FACE="Impact" SIZE="6" COLOR="#0000FF">O<‎/FONT>
<FONT FACE="Impact" SIZE="6" COLOR="#800000">R<‎/FONT>
<FONT FACE="Impact" SIZE="6" COLOR="#FF00FF">S<‎/FONT>
COLORS









































* الخط الغامق (الأسود العريض)، ونستخدم له الوسوم التالية:
<B> ... <‎/B>
* الخط المائل
<I> ... <‎/I>


* الخط المسطر
<U> ... <‎/U>





























والآن سنتعلم الطريقة لإضافة صورة :
ولكن قبل كل شيء.... هل لدينا صورة؟ وأين تم حفظها؟ هل هي على سطح المكتب؟!!
لنفرض بأننا قمنا بتنزيل صورة من الإنترنت وأسمها face.jpg ، ونريد إضافتها إلى صفحتنا الإلكترونية، لذا علينا اولاً أن نعطي الحاسوب امرًا ليدخل الصورة، وعلينا ان ندله على مصدر الصورة، الأمر يكتب كالتالي:
<img src="face.jpg">
Img è image
Src è source

لكي نتحكم بحجم الصورة وبقياساتها نستعمل كلاً من الأوامر :
Hight و width
مثال:
‎<IMG SRC="paul.jpg" WIDTH="500">‎


حدود للصورة: border=5
مثال:
<img src="face.jpg" width=250 border=7>


ملاحظة:- الأمر ALT يساعدنا على إظهار ملاحظة عندما يكون مؤشر الفارة على الصورة.
مثال :
<"صورة جميلةimg src="3.bmp" width=350 border=50 alt=" >












































عملية الارتباط:
من الممكن أن ترتبط كلمة مع موقع من الإنترنت، أو من الممكن أيضا أن ترتبط كلمة مع صفحة أخرى قمنا نحن ببنائها.
كذلك لا ننسى انه بإمكاننا أيضا ربط صورة بموقع آخر.
أمر الارتباط: <a href=……..>
من اجل إغلاق الأمر: </a>
مثال: <"<a href="http://www.panet.co.il
GO </a>
في المثال أعلاه كلمة GO مرتبطة بالموقع :www.panet.co.il
لنرى الآن كيف من الممكن أن نربط صورة مع صفحة أخرى قمنا ببنائها:
<"a href="pic1.html>
>"للتكبير اضغط هنا"=img src="3.bmp" width=50 alt>
</a>
هنا الصورة 3.bmp مرتبطة مع ملف اسمه pic1.html






















لنرى كيف نستطيع ان نتحكم بمكان وجود النص او الصورة،
الصفحة الالكترونية مقسمة الى 3 مناطق
يمين &szlig; right
يسار &szlig;left
وسط &szlig;center

الأمر الذي سنستعمله من اجل تغيير المكان هو:
<p align=center>

<p align=right>
لإغلاق الأمر: </p>
انتبه الى الإملاء : align وليس aling
قسطندي عويد
" ملاحظه نتابع هذا الموضوع في ما بعد"