بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
السلام عليكم ورحمة الله وبركاته
نبدأ بإذن الله تعالى في شرح أساسيات لغة html الدرس الثاني .. تصميم مواقع
عناصر html
تعتبر عناصر HTML كل شيء من بداية الوسم وحتى نهايته
تركيب عناصر HTML
- -جميع عناصر HTML تبدأ بــ بداية الوسم
- -جميع عناصر HTML تنتهي بــ نهاية الوسم
- -ان محتوى العنصر هو كل شيء بين تلك الوسوم
- -بعض عناصر HTML تحتوي على "empty content" أي "محتوى فارغ"
- -يتم اغلاق العناصر الفارغة في بداية الوسم
- -تحتوي أغلب وسوم HTML على "attribute" أي "لاحقة"
لواحق HTML
اللواحق تزود معلومات إضافية حول عناصر HTML.
- -اللواحق تزود معلومات إضافية حول العنصر
- -اللواحق تحدد دائما في وسم البداية
- -اللواحق دائما تأتي بشكل زوج (اسم/محتوى)
عناصر HTML الفارغة
ان عناصر HTML التي لاتحتوي على محتوى تسمى عناصر فارغة
ان الوسم <br> يعتبر فارغ لأنه لايحتاج الى نهاية وسم لأن <br> يعرف سطر جديد.
| نهاية الوسم | محتوي العنصر | بداية الوسم |
|---|---|---|
| <p/> | هذا موضوع | <p> |
| <a/> | هذا رابط | <"a href="default.html> |
| <br/> | ||
مثال عن صفحة HTML
<html>
<head>
<head/>
<body>
<p>هذا أول موضوع لي</p>
<body/>
<html/>
✴ في المثال السابق يحتوي علي اربعه عناصر Html
العنصر <html> يوصف الصفحة كلها ولدى العنصر وسم للبداية وهو <html> ووسم للنهاية وهو </html>
ان محتوى العنصر هو عنصر HTML آخر (عنصر body)
العنصر <head> توفير معلوماتٍ عامةً عن المستند (أي بيانات وصفية)، بما في ذلك عنوان المستند وروابط إلى السكربتات الموجودة فيها وصفحات الأنماط.
العنصر <body> يوصف العنصر <body> جسم صفحة HTML ولدي العنصر وسم بداية ووسم نهاية
وان محتوى العنصر هو عنصر HTML آخر (عنصر p)
العنصر <p> يوصف العنصر <p> موضوع في صفحة HTML وهو عبارة عن فقرة ولدي العنصر وسم بداية ونهاية
عناصر HTML الفارغة
ان عناصر HTML التي لاتحتوي على محتوى تسمى عناصر فارغة
الدرس الاول
طريقة جعل خلفية المدونة تظهر بحجم كامل على جميع الشاشات
مجموعة عناصر لغة html المعتمدة العنصر مع الوصف
ان الوسم <br> يعتبر فارغ لأنه لايحتاج الى نهاية وسم لأن <br> يعرف سطر جديد.
أحببت في هذه المقدمة أن أكتفي بالشرح النظري ، وابتداءا من الدرس القادم إن شاء الله
في الدرس القادم سنشرح مجموعة عناصر html المعتمدة العنصر مع الوصف.
سيتضح كل شيء مع الأمثلة العملية.
دمتم في رعاية الله.
طريقة جعل خلفية المدونة تظهر بحجم كامل على جميع الشاشات
مجموعة عناصر لغة html المعتمدة العنصر مع الوصف