نواصل اليوم حديثنا عن النصوص بعد ان توقفنا عندها في الدرس الماضي وفي هذا الدرس سنكمل ما بدأنا به وسنتحدث عن كتابة العناوين والتحكم بحجم ولون النصوص .
1- العناوين h
العناوين يقصد بها عناوين المقالات او المواضيع وسنتخدم في هنا الوسوم الخاصة بكتابة العناوين في لغة html وهي كالتالي :
<h6> عنوان 6</h6>
<h5>عنوان 5</h5>
<h4>عنوان 4</h4>
<h3>عنوان 3</h3>
<h2>عنوان 2</h2>
<h1>عنوان 1</h1>
وعند استخدام عنوان 6 تحصل على عنوان بخط صغير واذا استخدمت عنوان 5 تحصل على عنوان بخط اكبر من عنوان 6 وهكذا حتى تصل الى عنوان 1 وهو اكبرها , وللتعرف اكثر اليك هذا المثال :
<html dir="rtl">
<head><title>موقع التقنية اليوم </title></head>
<body marginleft="100">
<h6> عنوان 6</h6>
<h5>عنوان 5</h5>
<h4>عنوان 4</h4>
<h3>عنوان 3</h3>
<h2>عنوان 2</h2>
<h1>عنوان 1</h1>
</body>
</html>
احفظ الصفحة وافتحها باي متصفح وسينتج عنه :
2-الوسم font
هذا الوسم من اسمه يتضح عمله وهو لكتابة النصوص ولكن بامكانية تحكم اكثر حيث يمكن التحكم بلون وحجم الخط وهو يستخدم بالشكل التالي :
<font color="#رمز اللون" face="نوع الخط" size="حجم النص " > النص هنا</font>
بالنسبة لحجم الخط فهو يحدد بالطريقة التالية :
اذا اردت خط كبير فقم باختيار احد الارقام من 1 الى 6 وضع قبله علامة زائد + بالشكل التالي
size="+6"
واذا اردت خط صغير فاختر الارقام من ا الى 6 وقبله علامة ناقص او سالب - بالشكل التالي
size="-6"
ملاحظة : الرقم واحد يمثل خط صغير وكلما زاد الرقم زاد حجم الخط هذا بالنسبة لعلامة الزائد
اما علامة الناقص فالعكس كلما زاد الرقم صغر حجم الخط
لنأخذ مثال على هذا وليكن الوسم التالي :
<html dir="rtl">
<head><title>موقع التقنية اليوم </title></head>
<body marginleft="100">
<font color="#e40e0e" face="arial" size="+5" > بسم الله الرحمن الرحيم </font>
</body>
</html>
ستكون النتيجة بالشكل التالي :
حيث ان الرمز e40e0e يشير الى اللون الاحمر و arial هو نوع الخط .
بعد ان انتهينا من دراسة النصوص سنأخذ مثال شامل للدرس كامل وهو عبارة عن مقال بعنوان دروة مجانية لتصميم المواقع بحيث يكون العنوان باللون الازرق وفي منتصف الصفحة وسنضيف بعض المعلومات في اسفل العنوان واليك الوسوم :
<html dir="rtl">
<head><title>موقع التقنية اليوم </title></head>
<body marginleft="100">
<h2 > دورة مجانية في تصميم المواقع </h2>
<font color="#e40e0e" face="arial" size="+3" >
<br> بسم الله الرحمن الرحيم في دورتنا هذه سنتعلم التصميم باستخدام لغة الاتش تي ام ال وهي
<br> سهلة وممتعة رغم انها لا تتمتع بتلك الخصائص التي تتمتع بها اللغات الاخرى كجافا
<br> وفي هذه الدورة المجانية سنتطلع لاهم النقاط والدروس في هذه اللغة
<br> ونتمنى من الله ان تنالوا جميعا الاستفادة من هذه الدورة
<br> والله ولي التوفيق
</font>
</body>
</html>
وسيكون الناتج كالتالي :
في نهاية درسنا عن النصوص اتمنى ان اكون قد شرحت بما فيه الكفاية لكي تصل المعلومة اليكم واذا كان لديك اي استفسار او سؤال فلا تتردد بتركه في التعليقات لأقوم بالرد عليه .
الانتقال الى فهرس الدروس ...
الانتقال الى فهرس الدروس ...
اترك تعليقك على الموضوع