عزيزي الزائر انت الان تتصفح ارشيف موقع التقنية اليوم ..... تمنياتنا لكم بقضاء وقت امتع

التصميم بـ html

دورة تعليمية مجانية لشرح تصميم المواقع باستخدام html مزودة بالامثلة ومدعمة بالصور لإيصال المعلومة الى الذهن بسرعة .

البنية الاساسية لصفحات html

السبت, يناير 01, 2011, مرسلة بواسطة علاء الدين
بعد ان تعرفنا على الـ HTML في الدرس السابقنا وتحدثنا عن  الاحتياجات اللازمة للعمل على الـHTML سنتكلم اليوم عن البنية الاساسية لصفحات الـ HTML واقصد هنا بالبنية الاساسية اي الكود او الشفرة الاساسية لأي صفحة ويب مصممة باستخدام الـHTML وهذه الشفرة الاساسية هي كالتالي :

<html>
<head><title>هنا يكتب عنوان الصفحة </title></head>
<body>
هنا تكتب المحتويات التي تظهر
في المتصفح
</body>
</html>

حيث تقوم بكتابة عنوان الصفحة في المكان المخصص له كما هو في الشفره اعلاه ثم في جسم الصفحة اي ما بين الوسمين <body> </body> نقوم بكتابة الشفرات والنصوص وكل ما نريده ان يظهر على المتصفح  , والكود او الشفره التي في الاعلى هي الشفرة التي يجب ان تبدء بها دائما عن تصميم اي صفحة ويب باستخدام HTML ولن تعمل اي صفحة الا بالكود المكتوب اعلاه لذلك عليك حفظه لانه الكود الاساسي لاي صفحة ويب مصممة بHTML, نأخذ مثال بسيط على هذا , اولا قم بفتح برنامج النوت باد - وهو البرنامج الذي ساستخدمة خلال الشرح - او قم بفتح اي برنامج لتعديل النصوص واكتب فيه الكود التالي :

<html>
<head><title>موقع التقنية اليوم </title></head>
<body>
موقع التقنية اليوم هو موقع اخباري وتعليمي في مجال التقنية
</body>
</html>

ثم قم بحفظ المستند بالطريقة التي تعملتها بالدرس السابق , وستكون النتيجة بالشكل التالي :


وهذا مجرد درس بسيط للاطلاع على كيفية البدء بتصميم صفحة ويب باستخدام HTML وفي الدرس المقبل سنتحدث عن تنسيق الصفحة بواسطة HTML ان شاء الله .

الانتقال الى فهرس الدروس ... 

تعديل الرسالة…

تابعونا ليصلكم كل جديد

تعليق واحد على | البنية الاساسية لصفحات html |

Unknown يقول...
13 فبراير 2011 في 5:21 م [حذف]

بسم الله ماشاء الله مدونتك ممتازه وتدويناتك جيده
ياريت لو تشرفنى فى مدونتى بالزياره ياريت تعجبك وتفيدك اسمها نصائح للمدونين
شكرااااااا

اترك تعليقك على الموضوع