السلام عليكم و رحمة الله تعالى و بركاته
الدرس الثالث: العناصر والوسوم
الآن أنت جاهز لتعلم جوهر لغة HTML وهي العناصر.العناصر تعطي لوثائق HTML هيكلية محددة وتخبر المتصفح عن كيفية عرض الصفحة، بشكل عام العناصر عبارة عن وسم "tag" للبداية ثم بعض المحتويات ثم وسم الإغلاق.
"وسوم"؟
الوسوم هي توصيفات تستخدمها لكي تضعها في بداية العنصر وعند نهايته.كل الوسوم لها نفس نفس الشكل، تبدأ مع علامة أصغر من "<" وتنتهي مع علامة أكبر من ">".
بشكل عام هناك نوعان من الوسوم، وسم البداية: <html> ثم وسم الإغلاق </html>. الفرق بين الإثنين هي علامة "/"، توصيف المحتويات يكون بوضعها بين وسم البداية ووسم الإغلاق.
لغة HTML تتكون من هذه العناصر، لكي تتعلم HTML عليك أن تتعلم وتستخدم وسوماً مختلفة.
هل يمكنك أن تريني بعض الأمثلة؟
حسناً، العنصرem يشدد النص "يجعله مائلاً" وكل النصوص بين وسم البداية <em> ووسم الإغلاق </em> ستظهر بشكل مائل في المتصفح. ("em" هي اختصار "emphasis".)
- المثال 1:
<em>نص مائل.</em>
نص مائل.
العناصر
h1، h2، h3، h4، h5 وh6 تستخدم للعناوين (حرف h هو اختصار "heading"), حيث h1 هو المستوى الأول من العناوين وبالتالي الأكبر حجماً، h2 يستخدم للمستوى الثاني من العناوين وهو أصغر حجماً بقليل، وh6 هو المستوى السادس والأخير من هيكلية العناوين وهو الأصغر.- مثال 2:
<h1>هذا عنوان</h1>
<h2>هذا عنوان فرعي</h2>
هذا عنوان
هذا عنوان فرعي
هل أنا بحاجة دائماً إلى استخدام وسم بداية ووسم إغلاق؟
<br />.هل تكتب الوسوم بأحرف كبيرة أم صغيرة؟
أين أضع كل هذه الوسوم؟
إذا انتقلت إلى الدرس اللاحق ستتمكن من إنشاء موقعك خلال عشر دقائق.
إضغط هنا للذهاب إلى رابط الدرس الخامس
0 commentaires:
Enregistrer un commentaire