العناوين والنصوص

01رتّب العناوين

استعمل العناوين باش تنظّم المحتوى، ماشي غير باش تكبّر الخط. بدا بعنوان رئيسي، ومن بعد h2 للأقسام وh3 للأقسام الفرعية. الشكل ديالهم تقدر تبدلو بـ CSS.

<h1>Our workshop</h1>
<h2>What we make</h2>
<h3>Custom kitchens</h3>

استعمل p للفقرة، وstrong للمعلومة المهمة، وem باش تأكّد على كلمة. ما تكثرش من br باش تدير المسافات؛ استعمل margin فـ CSS.

<p>Send your measurements <strong>before ordering</strong>.</p>
<p>Every piece is <em>made to measure</em>.</p>

استعمل ul إلا كان الترتيب ما مهمش، وol إلا كانت خطوات خاصها تمشي بالترتيب. كل عنصر كيجي داخل li.

<ol>
  <li>Choose a service.</li>
  <li>Send your measurements.</li>
  <li>Review your quotation.</li>
</ol>

زيد قسم ثاني فيه لائحة مرقّمة من ثلاث خطوات.

مثال تقدر تبدلو

<h1>A small workshop</h1>
<p>We make <strong>furniture that fits</strong>.</p>
<h2>Our materials</h2>
<ul><li>Wood</li><li>Metal</li></ul>

غير HTML و CSS. تشغيل السكريبتات وإرسال الفورمات معطّل.

تقدر ترجع لـ شروحات MDN و معيار HTML Living Standard باش تفهم أكثر وتشوف التوصيات الجديدة.