ونحن في هذا المنصب الصناديق بسيطة مع عنوان معرض الصور. وثمة الكثير من أبسط طريقة للقيام بذلك مع قائمة من السهل جدا ، وبعض المؤتمرات واعتمادا على ما تريد القيام به مع معرض الصور الخاص بك قد ترغب في أن يكون له عنوان أو أكثر المعلومات المتوفرة على الصفحة.

ونحن الآن في أول يخلق بسيطة هتمل الهيكل.

  > <divالطبقة = "gallery"> 
  <ul> 
  > <img src = "bw1.jpg"  / > <p> Image Caption </p> </a> </li> <li><ahref = "#"> <imgsrc ="bw1.jpg" /> <p>صورة المنطقة </ ع> <</ لى> 
  > <img src = "bw1.jpg"  / > <p> Image Caption </p> </a> </li> <li><ahref = "#"> <imgsrc ="bw1.jpg" /> <p>صورة المنطقة </ ع> <</ لى> 
  > <img src = "bw1.jpg"  / > <p> Image Caption </p> </a> </li> <li><ahref = "#"> <imgsrc ="bw1.jpg" /> <p>صورة المنطقة </ ع> <</ لى> 
  > <img src = "bw1.jpg"  / > <p> Image Caption </p> </a> </li> <li><ahref = "#"> <imgsrc ="bw1.jpg" /> <p>صورة المنطقة </ ع> <</ لى> 
  > <img src = "bw1.jpg"  / > <p> Image Caption </p> </a> </li> <li><ahref = "#"> <imgsrc ="bw1.jpg" /> <p>صورة المنطقة </ ع> <</ لى> 
  > <img src = "bw1.jpg"  / > <p> Image Caption </p> </a> </li> <li><ahref = "#"> <imgsrc ="bw1.jpg" /> <p>صورة المنطقة </ ع> <</ لى> 
  </ المقدس> 
  <شعبة> 

قانون المغلق
ونحن الآن في تكوين بسيطة وفعالة المغلق المدونة. هنا هو رمز.

  ; padding : 0 ; } * (الهامش : 0 ؛ حشوة : 0 ؛) 
  الهيئة ( 
  normal  Arial, Helvetica, sans-serif ; الخط : 100 ٪ (1 طبيعية Arial ، هلفتيكا ، بلا - الرقيق ؛ 
  ) 
  أ ( 
  النصوص زينة : لا شيء ؛ 
  ; اللون : # 333333 ؛ 
  % normal  Arial, Helvetica, sans-serif الخط : 82. 5 ٪ عادية Arial ، هلفتيكا ، بلا - شريف 
  ) 
  أ : (تحوم 
  ; اللون : # FF0000 ؛ 
  ) 
  عرض وطلب ( 
  الحدود : 0 ؛ 
  ) 
  h1 ( 
  ; اللون : # ب ب ب ؛ 
   Arial, Helvetica, sans-serif ; الخط : 195 ٪ الجريئة Arial ، هلفتيكا ، بلا - الرقيق ؛ 
  خط الطول : 100 ٪ ؛ 
  ) 


  . معرض ( 
  العرض : 600px ؛ 
  ; الهامش : 0 السيارات ؛  
  ) 
   ul p { . معرض المقدس ،. المقدس معرض (ع 
  الهامش : 0 ؛ 
  حشوة : 0 ؛ 
  قائمة على النمط من نوع : لا شيء ؛ 
  ) 
  . معرض المقدس لى ( 
  العرض : المحول ؛ 
  )  
  . معرض المقدس لى أ ( 
  العرض : الكتلة ؛ 
  الهامش : 5px ؛ 
  تعويم : غادر ؛ 
  حشوة : 5px ؛ 
  العرض : 150px ؛ 
  #ccc ; الحدود : 1px # ظ ظ الصلبة ؛ 
  ) 
  . معرض المقدس (ع 
  مواءمة النصوص : المركز ؛ 
  2px 0 ; حشوة : 2px 0 2px 0 ؛ 
  ) 

في النهاية نحن القيام به. وقد أنشأنا مع عنوان معرض الصور. المغلق - معرض الصور - مع - عنوان

قدم تحت : المغلق ، والتعليمية ، وتطوير الشبكة العالمية من قبل الادارة