متابعة لشرح لغة HTML
بعد ان شرحنا في الدرس السابق تعريف عن اللغة بشكل عام ومتطلبات الكتابه بها وطريقة حفظ ملف بامتداد لغة HTML
موعدنا الان مع الدرس الثاني من لغة HTML
وخلال هذا الدرس سوف نتطرق لكيفية بناء صفحة كامله وصحيحه بلغة اتش تي ام ال
ونعرف ايضا في هذا الدرس باذن الله الفروض الاساسية للكتابة بلغة اتش تي ام ال
الدرس الثاني
" بناء صفحة بلغة HTML والفروض الاساسية للغة "
نبدا معا ،،،
لبناء صفحة بلغة html
اولا لك ان تعرف ان اكواد او شفرات لغة html هي عباره عن وسوم او تاجات Tags يكتب بها الاوامر المراد تنفيذها علي الصفحه
واليكم بالتفصيل شكل الكود في لغة html
تاجات لغة اتش تي ام ال تكتب بهذا الشكل
بعد ان شرحنا في الدرس السابق تعريف عن اللغة بشكل عام ومتطلبات الكتابه بها وطريقة حفظ ملف بامتداد لغة HTML
موعدنا الان مع الدرس الثاني من لغة HTML
وخلال هذا الدرس سوف نتطرق لكيفية بناء صفحة كامله وصحيحه بلغة اتش تي ام ال
ونعرف ايضا في هذا الدرس باذن الله الفروض الاساسية للكتابة بلغة اتش تي ام ال
الدرس الثاني
" بناء صفحة بلغة HTML والفروض الاساسية للغة "
نبدا معا ،،،
لبناء صفحة بلغة html
اولا لك ان تعرف ان اكواد او شفرات لغة html هي عباره عن وسوم او تاجات Tags يكتب بها الاوامر المراد تنفيذها علي الصفحه
واليكم بالتفصيل شكل الكود في لغة html
تاجات لغة اتش تي ام ال تكتب بهذا الشكل
هنا تكتب الشئ المراد اخضاعه للتنفيذ : وهي عباره عن ما نريد تنفيذ الامر عليه كالنصوص مثلا او ما شابه
ما سبق هو شرح بسيط لكيفية كتابة اكواد html
لك ان تعرف الان ان جميع وسوم ( تاجات ) لغة html
هي عباره عن نوعين من الوسوم
وسوم زوجيه ووسوم فرديه
- الوسم الزوجي : هو الوسم الذي به وسم فتح ووسم غلق وهو ما تم شرحه في الكود السابق
- الوسوم الفرديه: هي الوسوم التي بها وسم واحد فقط وليس لها وسم زوجي لانها ليست بحاجه لوسم غلق
وهي تعتبر وسوم ذات الغلق "اي ان وسم الفتح هو نفسه وسم الغلق"
مثلا عند كتابة كود لعمل سطر بالصفحة
مثلا عند كتابة كود لعمل سطر بالصفحة
فاننا نكتب هذا الوسم
ولعمل سطر بالصفحه فهو سينفذ مباشره في الصفحه ولا نحتاج الي كتابة الشئ المراد اخضاعه للتنفيذ وبالتالي لا نحتاج لوسم زوجي بل ان وسم الفتح هو نفسه وسم الغلق لانه سينفذ خاصيه محدده
ينطبق هذا الشئ ايضا علي وسم
وهو وسم للنزول الي سطر جديد بالصفحه وهي بطبيعة الحال لا تحتاج الي وسم زوجي لاننا لن نكتب شئ بين الوسمين نريده ان يخضع للتنفيذ لذا فاننا نحتاج الي وسم فردي فقط وهو وسم ذات الغلق
اتمني ان اكون وضحت الفكره وستضح لك اكثر عند البدء في الكتابة علي النوت باد
الان سنوضح الشكل العام لاي صفحة مكتوبه بلغة HTML
اي صفحة HTML يجب ان تكون مكتوبه بهذه الهيئة وعلي هذا النحو
لتوضيح الكود السابق "الشكل العام لصفحة html"
- اي شئ سيتم كتابته بين وسمين head فلن يظهر بالصفحه مطلقا
بل يكتب بها وسم العنوان ووسوم اخري خاصه بترقيه الصفحه في محركات البحث التي تساهم في تسويق الموقع بشكل جيد
ويمكن وضع وسوم اخري لن نتطرق لها الان ولن نخوض في التعريف بها
- اما اي شئ او اي كود سيتم كتابته بين وسمين body
فهو الذي سيظهر في الصفحه ويظهر تاثيره علي المتصفح امام اعيننا
الي هنا نكون قد اوضحنا الشكل العام في الكتابه بلغة html
وفي الدرس القادم "الدرس الثالث" باذن الله سنقوم بشرح الاكواد الاساسية للغة html وتاثيرها
رابط الدرس الثالث
http://moolnt.blogspot.com/2013/04/lesson3-html.html
تابعونا ،،،
<hr />
ولعمل سطر بالصفحه فهو سينفذ مباشره في الصفحه ولا نحتاج الي كتابة الشئ المراد اخضاعه للتنفيذ وبالتالي لا نحتاج لوسم زوجي بل ان وسم الفتح هو نفسه وسم الغلق لانه سينفذ خاصيه محدده
ينطبق هذا الشئ ايضا علي وسم
<br />
وهو وسم للنزول الي سطر جديد بالصفحه وهي بطبيعة الحال لا تحتاج الي وسم زوجي لاننا لن نكتب شئ بين الوسمين نريده ان يخضع للتنفيذ لذا فاننا نحتاج الي وسم فردي فقط وهو وسم ذات الغلق
اتمني ان اكون وضحت الفكره وستضح لك اكثر عند البدء في الكتابة علي النوت باد
الان سنوضح الشكل العام لاي صفحة مكتوبه بلغة HTML
اي صفحة HTML يجب ان تكون مكتوبه بهذه الهيئة وعلي هذا النحو
<html>
<head>
<title>هنا نكتب عنوان الصفحه</title>
</head>
<body>
هنا يكتب اي شئ نريد اظهاره بالصفحة
</body>
</html>
<head>
<title>هنا نكتب عنوان الصفحه</title>
</head>
<body>
هنا يكتب اي شئ نريد اظهاره بالصفحة
</body>
</html>
لتوضيح الكود السابق "الشكل العام لصفحة html"
- اي شئ سيتم كتابته بين وسمين head فلن يظهر بالصفحه مطلقا
بل يكتب بها وسم العنوان ووسوم اخري خاصه بترقيه الصفحه في محركات البحث التي تساهم في تسويق الموقع بشكل جيد
ويمكن وضع وسوم اخري لن نتطرق لها الان ولن نخوض في التعريف بها
- اما اي شئ او اي كود سيتم كتابته بين وسمين body
فهو الذي سيظهر في الصفحه ويظهر تاثيره علي المتصفح امام اعيننا
الي هنا نكون قد اوضحنا الشكل العام في الكتابه بلغة html
وفي الدرس القادم "الدرس الثالث" باذن الله سنقوم بشرح الاكواد الاساسية للغة html وتاثيرها
رابط الدرس الثالث
http://moolnt.blogspot.com/2013/04/lesson3-html.html
تابعونا ،،،