تنسيق نص العنوان (الترويسة)

تنسيق نص العنوان (الترويسة)

 الدرس الثاني

بداية , العنوان الذي نقصد أن نقوم بتنسيقه في هذا الدرس هو العنوان الذي نكتبة داخل الصفحة في جزء الجسم. 

ولا نقصد ذلك العنوان الذي يكتب على شريط المتصفح.

تذكير: ما هي صيغة الملف كناتج نهائي لعملي ؟ هي html

نحن الان سنصصم صفحة الانترنت على محرر نصوص هو المفكرة, والنتيجة النهائية هي صفحة الانترنت أو كما يطلق عليها صفحة ويب. 

 الوسوم الأساسية للغة html5 (ثاااااابتة) نكتبها في المفكرة قبل البدء فعليا بالعمل المرغوب . مع العلم انها لا تظهر في صفحة الويب بل العمل الذي بداخلها.

بمجرد ما يرى النظام <h1>  فإنه يفهم افتراضات أكثر مثل حجم الخط ونوعه.

إنشاء الترويسات : (headers)

وهي من <h1>  إلـى <<h6  وهذا يسمى تنسيق.

نوع الوسم لإنشاء الترويسات: وسم ثنائي. أي إنه يبدأ بوسم فتح وينتهي بوسم إغلاق.

h6 لإظهار العنوان بحجم أصغر , فكلما أردت النص أكبر فإنك تستخدم وسم  h  برقم أصغر.

طريقة استخدام هذا الوسم:

أن نكتبه داخل الجسم

هكذا: 

 <h2> شعراءالمعلقات </h2>

ما هو الوسم الذي يحصر العديد من الترويسات (العناوين) ؟

<hgroup>......</hgroup>

كيف يستخدم الوسم الذي يحصر هذه العناوين؟ 

<hgroup>
<h2> شعراءالمعلقات </h2>
<h5> امرؤ القيس</h5>
<h5>طرفة بن العبد</h5> 

</hgroup>

هل يشترط استخدام هذا الوسم الذي يحصر وسوم العناوين الاخرى؟

بما أن كل عنوان محصور أساسا داخل وسم فلا يشترط تغليف هذه الوسوم بهذا الوسم <hgroup> فلا ضرر من عدم استعماله.

 حمل الملف التالي لتجربته : 

عند ظهوره على شكل صفحة انترنت اضغط عليه لترى النتيجة. او اضغط عليه كلك يمين ثم فتح باستخدام المفكرة لكي ترى الوسوم.

ملف تنسيق العناوين

انتقل إلى الدرس الثالث