الاثنين، 10 مارس 2014

الدرس*1/3* السادس من دورة HTML

1:38 م  nabil40w  لاتوجد تعليقات


السلام عليكم
لقد تطرقنا في الدروس السابقة الى الوسوم وكيفية التكويد لكن صادفتنا مشكلة التنسيق فاستعملنا CSS لكن لنستعمل هذا التنسيق بشكل منسق وافصل لابد من استمعل مصطلحين شائعيين وهما class و id.
لكن الكثير منا يستعمل المصطلحين ولا يعرف كيفية التعامل معهما ولا الفرق بينهما لذا تابع الشرح معنا.
أولا الفرق بين هذين المصطلحبن:
كل id يمكنك استخدامه مرة واحدة في الصفحة الواحدة.
أما الـ class فتستخدمه في أكثر من مكان .
وللتوضيح أكثر:
CSS

<style>
h2{
text-align:center;
color:#0000aa;
}
#cont1{
background-color:#aa0000;
font-size:36px;
text-align:right;
font-family:tohoma;
font-c
}
#cont2{
background-color:#00aa00;
font-size:36px;
text-align:right;
font-family:tohoma;
}
.header{
background-color:#00aa00;
font-size:16px;
text-align:right;
}
.imag{
display: block;
margin-left: auto;
margin-right: auto;
high:200px;
width:300px;
}
</style>
HTML
<p  class="header"><a  href="#">وصلة رئيسية أفقية</a>
<p  class="header"><a href="#">وصلة رئيسية أفقية</a>
<p  class="header"><a href="#">وصلة رئيسية أفقية</a>
<p  class="header"><a href="#">وصلة رئيسية أفقية</a>
<div class="header">
<p><a  href="#">وصلة رئيسية أفقية</a>
<p><a   href="#">وصلة رئيسية أفقية</a>
<p><a  href="#">وصلة رئيسية أفقية</a>
<p><a   href="#">وصلة رئيسية أفقية</a>
</div>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixJXHC2TermM4ZNBvgx97uJSqi5ds8opN65dVbii0fSwssUT1n2uuWQMlq9pRQ7mVdi29nmRhroY36i-Ff1VhMiLkPy0kck1M48AEKV2lPwmxwHOOiT9iYn1g9vfWsmeQoQ8QbQJhm3wrv/h120/3.jpg" class="imag">
<div id="cont1">
<h2> !CSS في class و id ماهو الفرق بين</h2>
</div>
<div id="cont2">
<h2> !HTML في class و id ماهو الفرق بين</h2>
</div>




لكن لاتستطيع أن تنشئ id واحد وتضعه لعدة وسوم .... لو فعلت ذلك ستظهر النتيجة مناسبة..
لكن هذا خطأ وينبغي ان نضع كل وسم وخاصية في مكانها الصحيح.
جاري العمل على 2/3 3/3 من الدروس انتظرونا

بقلم نبيل مسعي

أنا من الجزائر، احب أن أضع كل ما أعرف من معلومات حول الحاسوب ولاأبخل به عليكم، وخطرت لي فكرة عمل مدونة تضم كل المجالات التعليمية للكومبيوتر التي أستطيع إفادتكم بها، فأرجوا ان لاتبخلوا علي أيضا بمتابعتكم لمواضيعي كما ان تعليقاتكم تهمني وتزيد من عطائي لكم إخوتي الكرام وأي استفسار ان موجود وشكرا

قسم :

0 التعليقات:

إرسال تعليق