برموز غریبة وكثیرة اسمھا باللغة الانجلیزیة HTML حسناً فلنبدأ الشرح تكتب لغة
وتسمى باللغة العربیة الوسوم . Tags ال
وسم بدایة ووسم نھایة وسوف امثلھ لك من HTML و لكل وسم من وسوم لغة ال
سوف أشرح كل وسم على حدى :
الذي كما ذكرت سابقاً أنھ أھم الوسوم < HTML > والوسم الأول ھو الوسم
لأنھ یقوم بتعریف ، HTML المستخدمة في بناء الصفحات المستخدم فیھا لغة ال
ویوضع ھذا الوسم في أول HTML للمتصفح أن ھذه الصفحة مصنوعة بلغة ال
ولولا ھذا الوسم لظھرت محتویات الصفحة بصورة HTML المستند المصنوع بلغة ال
الذي یوضع أخر المستند < /HTML > باھتة وغیر مفھومة ، وسم النھایة ھو
. HTML المصنوع بلغة ال
الذي یستخدم لتعریف صاحب الصفحة واللغة والعدید < HEAD > فلنأتي الآن للوسم
من الأشیاء التي سوف نشرحھا في دروس قادمة إنشاء الله . وأذكرك أن وسم النھایة
< /HEAD > الخاصبھ ھو
الذي یمثل الجملة التي توضع أعلى الشاشة على < TITLE > نأتي الآن إلى الوسم
ملاحظة یوضع ھذا الوسم بین ، < /TITLE > الیسار ، ووسم النھایة الخاص بھ ھو
< /HEAD > و < HEAD > الوسمین
الذي ھو لب الدروس بأكملھا ، حیث یمثل ھذا < BODY > نأتي الآن إلى الوسم
الوسم محتویات الصفحة بأكملھا حیث تضع فیھ الجداول والصور و المواضیع وكل
ماتریده أن یظھر على الصفحة .
سوف أبسط لك كل ما ذكرت في ھذا الدرس داخل ھذا الرسم التبیاني :
وينتهي بالوسم <HTML> يبدأ دائماً بالوسم Html إذن ملف
لا تنسى ذلك! .</HTML>
اذن عزیزي المتدرب ما رأیك لو نطبق ذلك بصورة عملیة :
.html أو .htm ھو HTML ولا تنسى أن الامتداد المستخدم في أسماء ملفات
مثال :
<HTML>
<HEAD>
<TITLE>
first page web
</TITLE>
</HEAD>
<BODY>
hello world !!
</BODY>
</HTML>
ھل حصلت على نفس النتیجة؟ إذن مبروك لقد قمت بإنشاء أول صفحة ویب خاصة
أو UPPERCASE لا یوجد فرق بین كتابة الوسوم بالأحرف الإنجلیزیة الكبیرة
لذلك تستطیع الكتابة بأي شكل منھما أو حتى الكتابة .lowercase الأحرف الصغیرة
بكلیھما.
إن المتصفحات لا تأخذ بعین الاعتبار الفراغات الزائدة أو إشارات نھایة الفقرات (أي
.Html التي تجدھا ھذه المتصفحات في ملف (Enter عندما تقوم بضغط مفتاح
وبعبارة أخرى فإن باستطاعتك كتابة ملفك السابق بالشكل التالي:
<HTML><HEAD><TITLE> first page web
</TITLE></HEAD><BODY>
hello world !! </BODY></HTML>
أو بالشكل التالي:
<HTML>
<HEAD>
<TITLE>
first
page
web
</TITLE>
</HEAD>
<BODY>
hello
world
!!
</BODY>
</HTML>
وفي كل الحالات ستحصل على نفس النتیجة.
إذن كیف یمكن التحكم بمقدار النص المكتوب في كل سطر وكیف یمكن تحدید نھایة
الفقرة وبدایة الفقرة التي تلیھا؟
لتحدید النھایة للسطر. والبدء بسطر جدید (لاحظ أن ھذا <BR> سوف نستخدم الوسم
الوسم مفرد، أي لیس لھ وسم نھایة).
قم بتعدیل الملف السابق لكي یصبح بالشكل التالي :
<HTML>
<HEAD>
<TITLE>
first page web
</TITLE>
</HEAD>
<BODY>
hello <BR> world <BR> !!
</BODY>
</HTML>
الذي یقوم تقریباً بنفس عمل الوسم السابق أي أنھ ینھي <P> وھناك أیضا الوسم
السطر أو الفقرة ویبدأ بسطر جدید لكن مع إضافة سطر إضافي فارغ بین الفقرات.
<HTML>
<HEAD>
<TITLE>
first page web
</TITLE>
</HEAD>
<BODY>
hello <p> world <p> !!
</BODY>
</HTML>
أما الفراغات فتعتبر رموزاً خاصة لذلك لا نستطیع التحكم بھا وبعددھا إلا باستخدام
وإذا .(Non Breakable Space والأحرف ھي اختصار للعبارة ) nbsp;& الوسم
أردت إدخال عدة فراغات بین نصوآخر ما علیك إلا كتابة ھذا الوسم بنفس عدد
الفراغات المطلوب. كما یجب علیك التقید بالأحرف الصغیرة ھنا.
مثال :
<HTML>
<HEAD>
<TITLE>
first page web
</TITLE>
</HEAD>
<BODY>
hello world !!
</BODY>
</HTML>
ھناك العدید من ھذه الرموز والتي یجب أن تكتب بصورة معینة وباستخدام الوسوم
ولیس مباشرة بصورتھا العادیة.
HTML كل ھذه الإشارات تستخدم أصلاً مع الوسوم فھي محجوزه ضمن مفردات لغة
ومن الخطأ استخدامھا بصورتھا الصریحة لئلا یؤدي ذلك إلى حدوث مشاكل في طریقة
عرضالصفحة. كذلك فإن ھناك رموزاً غیر موجودة أساساً على لوحة المفاتیح كرمز
ونحتاج إلى ھذه الطریقة(طریقة الوسوم) ® ورمز العلامة المسجلة © حقوق الطبع
لكتابتھا.
وإلیك جدول ببعضھذه الرموز ووسومھا المكافئة. وألفت نظرك إلى أنھا تكتب كما
ھي في الجدول وبدون إشارتي < >
ليست هناك تعليقات:
اضافة تعليق