الاثنين، 8 يوليو 2013

كيفية عمل HTML و CSS مع بعض؟

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

يتم استخدام HTML لاقامة كتل من الصفحات إلى صيغ الجدول. أولا هناك <header>، ثم <BODY> وأخيرا <footer>. هذه العلامات HTML فتح الباب ويغلق مائل لهم. على سبيل المثال، سيتم وضع كافة المعلومات بين رأس <header> و</ رأس> وكافة المعلومات تذييل يتم وضعها بين <footer> و</ تذييل الصفحة>. من هناك يمكنك إضافة متغيرات لكل قسم النحو الذي تراه مناسبا.

<header width="800" height="250"> رأس الصورة </ رأس>

الأرقام في HTML يعادل بكسل، وبالتالي فإن مقطع الرأس من التعليمات البرمجية أعلاه يكون 800 بكسل و 250 بكسل عالية. يمكنك إنشاء صورة في برنامج رسم بسيط، حفظه، واستخدامها في مقطع الرأس الخاصة بك مثل هذا:

<header width="800" height="250"> <img src="your-header-image.jpg"> </ رأس>

ثم يمكنك البدء في القسم جسمك: <BODY> هذا هو موقعي الأول باستخدام HTML </ body>

ومن المؤكد أن إنهاء مقطع الرأس الخاص بك قبل بدء القسم جسمك. إذا لم تكن قد سمعت من CSS، ورقة الأنماط المتتالية، يجب أن تبدأ للتآلف مع تلك اللغة في نفس الوقت لأن اثنين يسيران جنبا إلى جنب. يستخدم CSS لجعل خلفية الصفحة الخضراء، مقطع الرأس الأحمر، واللون الأزرق من صلاتك، وحجم الخط والألوان من كل قسم وأكثر من ذلك بكثير.

على سبيل المثال، سوف CSS تعيين كل النص <header> أن تكون تايمز الرومانية الجديدة، في حين أن كل نص هو <BODY> كورير جديدة. أيضا، في كل مرة تقوم بإنشاء <TABLE> </ الجدول> سيتم توسيط محتويات كل حقل. يتم CSS الترميز على وثيقة منفصلة بحيث يتحكم بك تصميم الموقع بالكامل من صفحة واحدة. على سبيل المثال، سيكون من السهل بالنسبة لي لتغيير ارتفاع height="250"> <header قبل الخوض في HTML وتغييره. ولكن، ماذا لو كنت بالفعل نسخ ولصق رأس على 500 صفحات أخرى؟ فإنه لا معنى للذهاب إلى 500 صفحة لتغيير قطعة صغيرة من المعلومات.

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

إرسال تعليق