Accéder au contenu principal

الدرس 3 html


العناصر والوسوم


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

"وسوم"؟

الوسوم هي توصيفات تستخدمها لكي تضعها في بداية العنصر وعند نهايته.
كل الوسوم لها نفس نفس الشكل، تبدأ مع علامة أصغر من "<" وتنتهي مع علامة أكبر من ">".
بشكل عام هناك نوعان من الوسوم، وسم البداية: <html> ثم وسم الإغلاق </html>. الفرق بين الإثنين هي علامة "/"، توصيف المحتويات يكون بوضعها بين وسم البداية ووسم الإغلاق.
لغة HTML تتكون من هذه العناصر، لكي تتعلم HTML عليك أن تتعلم وتستخدم وسوماً مختلفة.

هل يمكنك أن تريني بعض الأمثلة؟

حسناً، العنصر em يشدد النص "يجعله مائلاً" وكل النصوص بين وسم البداية <em> ووسم الإغلاق </em> ستظهر بشكل مائل في المتصفح. ("em" هي اختصار "emphasis".)
المثال 1:
 
<em>نص مائل.</em>

سيظهر بهذا الشكل في المتصفح:
نص مائل.
العناصر h1، h2، h3، h4، h5 وh6 تستخدم للعناوين (حرف h هو اختصار "heading"), حيث h1 هو المستوى الأول من العناوين وبالتالي الأكبر حجماً، h2 يستخدم للمستوى الثاني من العناوين وهو أصغر حجماً بقليل، وh6 هو المستوى السادس والأخير من هيكلية العناوين وهو الأصغر.
مثال 2:
 
<h1>هذا عنوان</h1>
<h2>هذا عنوان فرعي</h2>

ستظهر بهذا الشكل في المتصفح:

هذا عنوان

هذا عنوان فرعي

هل أنا بحاجة دائماً إلى استخدام وسم بداية ووسم إغلاق؟

كما يقولون، هناك استثناء من كل قاعدة، والاستثناء في HTML هو وجود عناصر تعتبر هي وسم البداية ووسم الإغلاق في نفس الوقت، وهي تسمى العناصر الفارغة لأنها غير مرتبطة بنص معين لكنها عناصر مستقلة تماماً، فمثلاً هناك وسم لكي لكسر النص وإجباره على الظهور في سطر جديد، هذا الوسم يظهر بهذا الشكل: <br />.

هل تكتب الوسوم بأحرف كبيرة أم صغيرة؟

معظم المتصفحات لن تهتم إذا كتبت الوسوم بأحرف كبيرة أو صغيرة أو خليط بين الإثنين، <HTML>، <html> أو <HtMl> كلها ستعطي نفس النتائج، مع ذلك الأسلوب الصحيح هو كتابة الوسوم بالأحرف الصغيرة، لذلك عليك أن تعتاد على كتابة الوسوم بالأحرف الصغيرة.

أين أضع كل هذه الوسوم؟

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

Commentaires

Posts les plus consultés de ce blog

Basic PHP Syntax

Basic PHP Syntax   A PHP script can be placed anywhere in the document.   A PHP script starts with <?php and ends with ?> : <?php // PHP code goes here ?>   The default file extension for PHP files is ".php".   A PHP file normally contains HTML tags, and some PHP scripting code.   Below, we have an example of a simple PHP file, with a PHP script that uses a built-in PHP function "echo" to output the text "Hello World!" on a web page:

Bootstrap Icons CSS

Bootstrap Icons   To use the Bootstrap glyphicons , add the following line inside the <head > section of your HTML page :   <link rel = "stylesheet" href = "http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" >   visite link

طريقة الحصول على بطاقة ماستركارد Mastercard افتراضية مجانا

طريقة الحصول على بطاقة ماستركارد   Mastercard افتراضية مجانا كيفية الحصول على بطاقة ائتمان "ماستر كارد"  Mastercard VCC الكترونية بالمجان تشتغل 100 % قابلة للشحن بعدت طرق , اسهل طريقة للحصول على بطاقة الكترونية بدون اي شروط , يمكن استعمالعا على المواقع التي تطلب التاكيد ببطاقة بنكية للاستفادة من الخدمات المجانية مثل VPS جوجل , VPS امازون و العديد من المواقع التي تقدم خدمات مقابل التاكيد بالبنوك الالكترونية طريقة الحصول على بطاقة ماستركارد Mastercard افتراضية مجانا اليوم سوف نقدم لكم طريقة الحصول على بطاقة افتراضية ماستر كارد  Mastercard مجانية VCC , بها ارقام الحساب مع تاريخ نهاية الصلاحية و ثلاثة ارقام سرية  , كل هذه البيانات التي تطلبها منك المواقع لتفعيل اي حساب تريد تجربته بالمجان مثل موقع امزون الذي يوفر VPS لمدة سنة كاملة مجانا . العرض من طرف ياندكس الروسي Yandex هو متعدد الخدمات مثل جوجل , يحتوي على محرك بحث , بريد الكتروني و الذي يهمنا في هده التدوينة هو Money Yandex المصرف او البنك الالكتروني , حيث يمكنك من خلاله الحصول على بطاقة افتراضية بمجرد ال...