الدرس الثانى : (العناصر و الاوسمه) من دورة Html

السلام عليكم ورحمة الله

اليوم مع ثانى درس من دروس دورة الـHtml والان سوف نبدا بشرح الاوسمه و العناصر وسوف نتحدث عن اللغة سوف نشرح أن شاء الله جميع اكواد الـHtml و أن شاء الله بعد الانتهاء من الدورة سوف نقوم بعمل دورة Css



ما هى فائدة الاوسمة و العناصر ؟

العناصر تعطي لوثائق HTML هيكلية محددة وتخبر المتصفح عن كيفية عرض الصفحة، بشكل عام العناصر عبارة عن وسم "tag" للبداية ثم بعض المحتويات ثم وسم الإغلاق.

ما هو الوسام ؟

الوسوم هي توصيفات تستخدمها لكي تضعها في بداية العنصر وعند نهايته.
كل الوسوم لها نفس نفس الشكل، تبدأ مع علامة أصغر من "<" وتنتهي مع علامة أكبر من ">".
بشكل عام هناك نوعان من الوسوم، وسم البداية: <html> ثم وسم الإغلاق </html>. الفرق بين الإثنين هي علامة "/"، توصيف المحتويات يكون بوضعها بين وسم البداية ووسم الإغلاق.
لغة HTML تتكون من هذه العناصر، لكي تتعلم HTML عليك أن تتعلم وتستخدم وسوماً مختلفة.

والان سوف نشرح لكم بعض الاوسمه و العناصر المهامه :-

سوف نبدا بالعنصر (em) وظيفة العنصر (جعله النص مائلا ) وكل النصوص بين وسم البداية <em> ووسم الإغلاق </em> ستظهر بشكل مائلا

مثال على العنصر em

</em>عرب تيم<em>

هذا الكود يعطى


عرب تيم

والان مع العنصر أو الوسام الثانى وهو h1، h2، h3، h4، h5 وh6 تستخدم للعناوين (حرف h هو اختصار "heading"), حيث h1 هو المستوى الأول من العناوين وبالتالي الأكبر حجماً، h2 يستخدم للمستوى الثاني من العناوين وهو أصغر حجماً بقليل، وh6 هو المستوى السادس والأخير من هيكلية العناوين وهو الأصغر.

مثال على العنصر h2 / h1


<h1>عرب تيم</h1>
<h2>عرب تيم</h2>

هذا الكود يعطى

عرب تيم 

عرب تيم


هذه بعض العناصر الهامه و ان شاء الله سوف نتدرك الى كيفية انشاء موقعك الخاص 
وبكده يكون درس اليوم انتهاء مع درس جديد من عرب تيم شكرآ لكم


ليست هناك تعليقات:

إرسال تعليق

من الرائع ان تشاركنا تجربتك ورأيك، من فضلك لا تستخدم اي كلمات خارجة، روابط لا علاقة لها بالموضوع لانه سيتم حذفها فوراً. فالتعليقات خاضعة للإشراف، دعنا نجعل التعليقات ساحة لتبادل الخبرات والنقاش , واحب ان انبهك انه عند تعليقك تستطيع متابعة التعليق من خلال " إعلامي " الموجودة اسفل يسار الصندوق.
Conversionتحويل الأكواد EmoticonEmoticon

Convert Clean

جميع الحقوق محفوظه لمدونةعرب تيم 2014

من تصميم : عرب تيم