بسم الله الرحمان الرحيم.
نبدأ ببركة الله
نبدأ ببركة الله
١. الأكواد الهامة لملف .html:
<html>
<head>
<title>عنوان الصفحة</title>
<head/>
<body>موضوع الصفحة</body>
<html/>
|
٢.الأكواد الخاصة بالنصوص :
<p></p> : يتميز هذا الوسم بإدخال فقرة.
<b></b> : هذا الوسم يخص تعريض النص.
<u></u> :يرسم خطا تحتالنص.(النص)
<i></i> :يعرض النصبخط مائل.
<s></s> :يتوسطه خط.(النص)
<strike></strike> : تشبه الوسم <s></s> .
<sub></sub> : يعرض النص في الأنديس. (H2)
<sup></sup> : يعرض النص في الأس. (H²)
<hn></hn> : بحيث n تبدأ 1 من إلى 6 .
<br> : رجوع إلى السطر.
<center></center> : انها تجمع في الوسط كل النصوص والعناصر الموجودين داخلها.
<font> للتحكم فى حجم الخط ولونه ونوعه:
| <FONT COLOR="#كود اللون المرغوب" FACE="اسم الخط المرغوب" SIZE="4">اكتب هنا ما تريد</FONT><FONT COLOR="#كود اللون المرغوب" FACE="اسم الخط المرغوب" SIZE="4">اكتب هنا ما تريد</FONT> |
كود نص يتحرك نحو الأعلى :
| <marquee behavior="scroll" direction="up" height="140" scrollamount="1" scrolldelay="60" NOOP="this.stop()" NOOP="this.start()"> |
كود نص متأرجح يميناً ويسارا :
| <marquee scrolldelay="60" scrollamount="3" width="400" direction="left" behavior="alternate" bgcolor="#FF0000">نص</marque> |
<pre></pre> :هو وسم يأخد بعين الإعتبار كل المساحات المكتوبة داخله و أيضا الرجوع إلى السطر
٣.كود إضافة صورة
| <img src="رابط الصورة" > |
ممكن إضافة طول الصورة و عرضِها داخل هذا الكود :
"width="n: طول الصورة بn بيكسل .
"height="m: عرض الصورة بm بيكسل .
و أيضاً يمكن إضافة عنوان الصورة :
alt="عنوان الصورة".
و التباعد الأفقي ب n بيكسل :
"hspace="n
و التباعد العمودي ب m بيكسل :
"vspace="m
و سمك الصورة :
"border="n السمك بالبيكسل .
كود صور متحركة :
| <img src="رابط الصورة المتحركة" NOOP="NcodeImageResizer.createOn(this);" border="0"originalWidth="250" originalHeight="270" > |
٤.الجداول :
الوسم الخاص بالجدول <table></table> :
يتميز هذا الوسم بالتحكم في طول و عرض الجدول و سمكه و ذلك باستعمال :
"width="n: طول الجدول بn بيكسل .
"height="m: عرضالجدول بm بيكسل .
"border="n سمك الجدول بالبيكسل .
"cellpadding="n :التباعد العمودي ب n بيكسل .
"cellspasing="m :التباعد الأفقي ب m بيكسل .
عنوان الجدول :
يُوضع تحت<table> :
<caption>عنوان الجدول</caption>
بداية ونهاية صفالجدول :
<tr></tr>
خانات الصف الأول :
<th></th>
خانات المعطيات :
<td></td>
و تتميز ب :
"rowspan="n
يقسم الخانات أفقياً
"colspan="m
يقسم الخانات عمودياً
٥.الروابط :
<a href="الرابط" ></a>
الروابط التي تشيرإلى مكان معين (.les ancres) :
<a name="إسم المكان"></a>
الرابط :
<a href="#إسم المكان" ></a>
٦.تقسيم الصفحة بأكملها :
٨.<div></div> يمكن هذا الوسم من التحكم في شيئ يوجد body
وذلك باستخدام هذا الوسم :
<frameset></frameset>
ملحوضة : عند إستعمال هذا الوسم لا يجب إدخال<body></body>
مميزاته:
"rows="n
يقسم الخانات أفقياً
"cols="m
يقسم الخانات عمودياً
٧.مثال خط أفقي :
<hr>
مميزاته:
align="تخطيط"
noshade size=" السمك "
width=" الطول "
٨.<div></div> يمكن هذا الوسم من التحكم في شيئ يوجد body
مميزاته:
اليسار:
"align="left
اليمين:
"align="right
الوسط:
"align="center
الوسط:
"align="middle
ليست هناك تعليقات:
إرسال تعليق