بنية ملف HTML
يتكون ملف HTML القياسي من جزئين رئيسيين هما :
· الرأس Head : يحتوي على المعلومات الإضافية الخاصة بالمستند مثل عنوان الصفحة والكلمات المفتاحية فيها وغيرها من الأمور الخاصة بالصفحة والتي لا تعتبر من ضمن المحتوى.
· الجسم Body : وهو يحتوي على المحتوى الذي يراه المستخدم.
المثال التالي يبين كيفية تقسيم ملف HTML ..
<html> <head> ... </head> <body> ... </body> </html>المثال السابق صريح، ولا يحتاج إلى المزيد من التوضيح، الأجزاء التابعة للرأس توضع بين <head> و </head>، أما الأجزاء التابعة للجسم فتوضع بين الوسمين <body> و </body> .
يتم تحديد عنوان المستند الذي يظهر في شريط العنوان للمتصفح بإحاطته بـ <title> و </title>، والمكان الصحيح لوسم الـ <title> هو الرأس، حيث أن الوسم title لا يعتبر من ضمن محتوى الصفحة ولا يظهر في الصفحة، وهو يستخدم في عمليات البحث والأرشفة كما في محركات البحث، ولا يمكنك وضع وسوم تنسيق أخرى بين وسمي الـ title.
وتوجد أيضا وسوم أخرى تحدد صفات المستند تمسى وسوم meta توضع أيضا في منطقة الرأس، وسنأتي إليها في أمور إضافية في هذه الدورة.
أما باقي الوسوم فأغلبها يوضع في منطقة الجسم body.
الـخطوط و الألوان
الأنماط الأساسية
أولا العناوين وهي من ستة مستويات، العنوان الأول h1 والثاني h2 وهكذا حتى h6 ..
<h1>Heading 1</h1> <h2>Heading 2</h2> <h3>Heading 3</h3> <h4>Heading 4</h4> <h5>Heading 5</h5><h6>Heading 6</h6>
بيبتدى من الخط الاكبر الى الخط الاصغر
لتحديد الفقرات يتم إحاطتها بالوسم P<p>Paragraph Text</p>لتحديد اتجاه الفقرة استخدم الخاصية align فى الوسم p<p align="left">Left aligned paragraph</p><p align="center">Centered paragraph</p><p align="right">Right aligned paragraph</p>لعمل وصلة استخدم الوسم a مع الخاصية href لتحديد الوجهة، الوجهة قد تكون صفحة html وعندها يبدأ العنوان بـ http: وقد يكون عنوان موقع ftp وعندها يبدأ بـ ftp: وقد يكون بريدا إلكترونيا وعندها يبدأ بـ mailto: ،ستعرف المزيد عن المسارات عندما يأتي الحديث عن الصور في الدرس القادم، وبين وسمي الفتح والإغلاق ضع المحتويات الساخنة أو الوصلة نفسها، وهي قد تكون نصوصا أو صورا.<a href="http://www.microsoft.com/">Microsoft Corp.</a><br>, <a href="mailto:aaalxalaaa@gmail.com">My E-mail</a>يوجد أيضا استخدام آخر للوسم a باستعمال الخاصية name بدلا من href (يمكن استعمال الإثنين معا)، وبعد ذلك تستطيع أن تدرج وصلة عادية تشير إلى المكان الذي به <a name="">، وذلك بجعل خاصية href الوصلة العادية تشير إلى الإسم المحدد في name مسبوقا بعلامة #، مثال ذلك إذا أردت أن تضع وصلة تقودك إلى جزء معين من المستند الحالي، ستقوم بعمل <a name="myname"></a> في المكان المطلوب، ثم تدرج وصلة في أي مكان آخر كالتالي <a href="#myname">إسمي</a>، ويمكنك أيضا عمل ذلك عبر المستندات (من مستند إلى مستند آخر) بحيث تحدد بالضبط المكان الذي تريده من المستند الوجهة هكذا <a href="salem.html#myname">إسم سالم</a>.يمكنك أيضا عمل وصلة إلى أعلى المستند بوضع #top في الخاصية href.لإجبار النص على الإنتقال إلى السطر التالي استخدم <br> .لإضافة مسافة استخدم (لعمل أكثر من مسافة واحدة)يمكنك استخدام الوسم pre لمنع المتصفح من تجاهل المسافات البيضاء ويحتسب المسافة مسافة والثلاث مسافات ثلاث مسافات والسطر الجديد سطرا جديدا، فقط بين الوسمين <pre> و </pre> .يمكنك توسيط أي شيء بوضعه بين الوسمين <center> و </center>
0 التعليقات:
إرسال تعليق
ما هو رايكم فى المدونة ؟ او يتم الاقتراح لاضافة اشياء اخرى ؟