الدرس 6
أهمية Doctype وتجميع صفحة المقدمة
معنى أسماء العناصر والخصائص
ال DOCTYPE جاية من Document Type يعني نوع المستند وهي تصريح في بداية الملف مش عنصر محتوى عادي
من أول صفحة كاملة كتبنا سطر Doctype قبل عنصر html
دلوقتي هنفهم ليه السطر ده مهم ونجمع اللي اتعلمناه في صفحة واحدة
إيه دور السطر الأول
<!doctype html>التصريح ده بيخلي المتصفح يستخدم وضع المعايير الحديث للصفحة
لو التصريح مش موجود فقد يدخل المتصفح في Quirks Mode وهو وضع توافق مع صفحات قديمة
الفرق ممكن يظهر في حساب الأبعاد وسلوك عرض بعض العناصر لما تبدأ تضيف CSS
ال Doctype مش عنوان للصفحة ومش عنصر محتاج وسم إغلاق ومش بيحمل ملف من الإنترنت
التطبيق النهائي لقسم Introduction
اعمل صفحة إنجليزية لمكتبة فيها عنوان ووصف قصير وتعليق واحد مفيد ومعلومات صحيحة في head
<!doctype html>
<html lang="en" dir="ltr">
<head>
<meta charset="UTF-8">
<meta name="description" content="Start Learning The Web With Our Programming Library">
<title>Programming Library</title>
</head>
<body>
<!-- Library Introduction -->
<h1>Programming Library</h1>
<p>Books That Help You Learn <strong>Web Development</strong></p>
<p>Choose Your Topic And Learn Step By Step</p>
</body>
</html>راجع شغلك قبل ما تكمل
- اسم الملف ينتهي بامتداد html
- التصريح موجود في أول المستند
- عنوان ال Tab مختلف في وظيفته عن عنوان الصفحة
- النصوص الإنجليزية ظاهرة بشكل صحيح
- العناصر الداخلية مقفولة قبل العناصر اللي بتحتويها
- التعليق موجود في المصدر ومش ظاهر كنص للزائر
اعمل نسختك الخاصة
غير فكرة المكتبة إلى صفحة تعريف بنفسك من غير ما تغير الهيكل الأساسي
اكتب عنوان ووصف ومحتوى من عندك علشان تتأكد إنك فهمت مكان كل جزء مش بس نقلت المثال
الشكل النهائي للتطبيق
