السلام عليكم
من المعروف أنه حين تريد الإعلان عن خصائص الصفحة أنك تسويها في وسم ال body ك:
كود PHP:
<body bgcolor="#336699" text="#CCCCCC" link="#FFFFFF" vlink="#000000">
أومن خلال CSS
كود 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>
لكن ماذا لو خالفنا القاعدة و أعلنا عن خصائص الصفحة في وسم html ك
كود 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>
تجربة
///////
هذه العلامتين */ و*/ معروفتان لدى كل المبرمجين أنهما تستعملان للتعليق أولتجاهل بعض الأكواد ك:
كود PHP:
<SCRIPT>
/*
التعليق(...)
*/
var s = "salam all";
alert(s);
/*
window.status = s // تجاهل الكود
*/
</SCRIPT>
لكن ما لا يعلمه الكثير أن لها نفس الدور في أوسمة html
وسم الصورة مثلا :
كود PHP:
<img src="test.jpg" width="363" height="350" border="4" alt="winoTest" title="titleWino">
إذا وضعنا علامة التجاهل للإمتداد src=test.jpg ك:
كود 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 لأية صفحة تصبح جميع محتويات الصفحة خاضعة لأمر واحد.
تجربة المثال
هذا ماكان آسف على الأخطاء
في إنتظار مداخلاتكم
أستودعكم الله
و السلام