مكتبة أكواد html نادرة جدا !!!

abdou-joker02 · 2014-05-02, 12:53

بسم الله الرحمان الرحيم.

نبدأ ببركة الله

1. الأكواد الهامة لملف .html:

<html>
<head>
<title>عنوان الصفحة</title>
<head/>
<body>موضوع الصفحة</body>
<html/>

2.الأكواد الخاصة بالنصوص :

<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> :هو وسم يأخد بعين الإعتبار كل المساحات المكتوبة داخله و أيضا الرجوع إلى السطر

3.كود إضافة صورة

<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" >

4.الجداول :

الوسم الخاص بالجدول <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
يقسم الخانات عمودياً

5.الروابط :

<a href="الرابط" ></a>
الروابط التي تشيرإلى مكان معين (.les ancres) :

<a name="إسم المكان"></a>
الرابط :
<a href="#إسم المكان" ></a>

6.تقسيم الصفحة بأكملها :

وذلك باستخدام هذا الوسم :

<frameset></frameset>

ملحوضة : عند إستعمال هذا الوسم لا يجب إدخال<body></body>
مميزاته:

"rows="n
يقسم الخانات أفقياً
"cols="m
يقسم الخانات عمودياً

7.مثال خط أفقي :

<hr>
مميزاته:
align="تخطيط"
noshade size=" السمك "
width=" الطول "

8.<div></div> يمكن هذا الوسم من التحكم في شيئ يوجد body
مميزاته:
اليسار:
"align="left
اليمين:
"align="right
الوسط:
"align="center
الوسط:
"align="middle