السلام عليكم
من المعروف أنه حين تريد الإعلان عن خصائص الصفحة أنك تسويها في وسم ال body ك:
أومن خلال CSSكود PHP:<body bgcolor="#336699" text="#CCCCCC" link="#FFFFFF" vlink="#000000">
لكن ماذا لو خالفنا القاعدة و أعلنا عن خصائص الصفحة في وسم html ككود PHP:<style type="text/css">
body {
font-family: Arial, Helvetica, sans-serif;
color: #CCCCCC;
background-color: #336699;
}
a:link {
color: #FFFFFF;
}
a:visited {
color: #000000;
}
</style>
وبما أن الأمر كذالك فإن هذا الكود بدوره مقبولكود PHP:<html style="background-color:#336699;color:#ffffff;font-family:Arial,Helvetica,sans-serif">
تجربةكود PHP:<HTML>
<HEAD>
<style type="text/css">
html {
color: #CCCCCC;
background-color: #336699;
font-family: Arial, Helvetica, sans-serif;
}
</style>
</HEAD>
<BODY>
WinoTest
</BODY>
</HTML>
///////
هذه العلامتين */ و*/ معروفتان لدى كل المبرمجين أنهما تستعملان للتعليق أولتجاهل بعض الأكواد ك:
لكن ما لا يعلمه الكثير أن لها نفس الدور في أوسمة htmlكود PHP:<SCRIPT>
/*
التعليق(...)
*/
var s = "salam all";
alert(s);
/*
window.status = s // تجاهل الكود
*/
</SCRIPT>
وسم الصورة مثلا :
إذا وضعنا علامة التجاهل للإمتداد src=test.jpg ك:كود PHP:<img src="test.jpg" width="363" height="350" border="4" alt="winoTest" title="titleWino">
تجربةكود PHP:<img /*src="test.jpg"*/ width="363" height="350" border="4" alt="winoTest" title="titleWino">
لاحظ أنه تم التعرف على عنوان الصورة وحجم الإيطارو الطول و العرض ماعدا إمتداد الصورة فقد تم تجاهله
مثال آخر وسط ستايل
تجربةكود PHP:<a style="position:absolute;left:234;color:#336699;/*background-color:#CC0000*/;font:23">
TestWino
</a>
كما ترون لقد تم تطبيق جميع المتغيرات التي وضعناها ضمن style من الوضعية و اللون و حجم الخط ماعدا لون الخلفية background-color:#CC0000 ، و إذا أزلنا علامتي /**/ فستأخد خلفية الخط لونها الأحمر.
لست أدري لماذا تم تجاهل هذا الأمر في جميع محررات ال htmlلأنه حين تضع مثل هذا الوسم فمن المفروض أن تظهر الكتابة التي تتوسط علامتي التجاهل بلون مغاير مثل طريقة ظهور التعليق وسط كود سكريبت الدي أدرجت في الأعلى، حتى العملاق dreamweaver لا يعتبرها
////////
إذا أردت إدراج صورة في الصفحة يكفيك فقط هذا الوسم
بدون إدراج الطول و العرض لأن الصورة ستأخد طولها و عرضها الطبيعينكود PHP:<img src="test.jpg">
و الوسم الموضوع بهذه الطريقة حينما أراه أعرف أنه موضوع يدويا و ليس آليا
///////
معروف ان رمز الأسود بالهيكس هو : #000000
أقول أنه تكفيك فقط علامة # عن باقي الأصفارك:
تجربةكود PHP:<BODY bgcolor="#">
////////
إذا أردنا تكبير الخط فإننا نضعه بين وسمي <B>...</B> (bold)
ماذا لو إستغللناها في أمور أخرى
تجربةكود PHP:<style>
.wino{
position:absolute;
left:234;color:#336699;
background-color:#CC99FF;
font:23
}
</style>
<b class="wino">TestWino</b>
نفس الأمر مع باقي الأوسمة i ; u ; s ;; q; p ;strong ;sub; sup; pre و بالضبط مع كل الأوسمة التي تغلق <X> ... </X> عكس img و hr و br
///////
الوسم button وما أدراك ما الوسم button أي شيء وضعته بين هذين الوسمين يصبح كله عبارة عن زر يخضع لأمر تحدده له ان من خلال javascript
مثال عند الضغط يتم تغير الصفحة إلى صفحة سوالف
تجربةكود PHP:<button onclick=document.location.href='http://swalif.net'>
<A HREF="http://google.net">google</A>
<hr>
<A HREF="http://av.com">altavista</A>
</button>
لكن العجيب في هذا الوسم ، هو أنه حينما تضع فقط الشطر الأول منه قبل وسم html لأية صفحة تصبح جميع محتويات الصفحة خاضعة لأمر واحد.
تجربة المثال
هذا ماكان آسف على الأخطاء
في إنتظار مداخلاتكم
أستودعكم الله
و السلام
![]()




أضفت مساحة وسط الرابط و الرابط
(جرسون قهوة جافا هيندي نص نص من فضلك