الدرس الثالث
 بيتكلم عن نصائح ومراجعة بسيطة للدروس
اول حاجة سبقنا القول أن element
بيتركب كدا
<tagname>Content </tagname>
وان في حالة استسنائية زي الصورة والرابط 
+حالة استسنائية
قبل شرح أو معرفة تلك الحالة
انسخ الكود ده واحفظه في نوتباد وكما قولنا سابقاً .html
----
<DOCTYPE html!>
<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>
----
هتظهرلك كدا بعد الفتح
شرح HTML الدرس الثالث

----
<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<p>My first 
paragraph.</p>

</body>
</html>
----
انسخ الكود السابق  في نوتباد واحفظه بامتداد .html
هتظهرلك كدا 

شرح HTML الدرس الثالث
هتلاحظ التالي:- انه مبيحسبش enter وبيعالجوه تلقائياً ويشيل enter
السؤال :- كيف عمل enter 
الاجابة :- 

<br>
ضعها في وسط الكلام وتعالج كأنها enter بالظبط
ضعها في المكان الذي تريد ان يكون فيه سطر فاصل 
-----
<DOCTYPE html!>
<html>
<body>

<h1>My First Heading</h1>
<p>My first <br> paragraph.</p>

</body>
</html>
----
جربها بالحفظ في نوتباد وبصيغة .html
هتظهرلك كدا
شرح HTML الدرس الثالث
هتظهرلك كدا
نستنج أيه أنه <br> تحل محل enter
ودي حالة استثنائية حيث مفيش وسم للنهاية
____________________________________________________________________
الحاجات اللي فيها وسوم بداية ونهاية
body
وتكتب كدا
<body>        ده وسم البداية
<body/>       ده وسم النهاية
وهكذا
head
html
h1 
h2
h3
h4
h5
h6
p
وكلهم بيبقوا علي الصورة:-
<tagname>Content</tagname>
سؤال: ماذا يحدث لو نسينا وسوم النهاية
زي مثلا<p/>
الجواب:
بعض المتصفحات ستعرضها صحيحة دون اخطاء واخري لا ولكن ينصح بان تكتب 
_______________________________________________________________________
HTML 5 غير حساس للحروف 
ولكنه ينصح بالحروف الصغيرة 
_______________________________________________________________________

الدرس الأول                                                                                                             الدرس الثاني

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

إرسال تعليق

|