شبكة المنصوره نت
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.


المنصوره نت | اخبار | صور | دردشة | شات | Mb3 |فيديو | YouTube | برامج | خلفيات | العاب | نكت | قصص | Css | html | استايلات | فوتوشوب | كرة قدم | ادعية | اناشيد | منوعات | فلاشات
 
الرئيسيةأحدث الصورالتسجيلالبوابهالتسجيلدخولالمجله
دروس Html الدرس الثالث: العناصر والوسوم Fb1
تسجيل صفحاتك المفضلة في مواقع خارجية
تسجيل صفحاتك المفضلة في مواقع خارجية reddit      

قم بحفض و مشاطرة الرابط انت عمرى على موقع حفض الصفحات

قم بحفض و مشاطرة الرابط شبكة المنصوره نت على موقع حفض الصفحات

 

 دروس Html الدرس الثالث: العناصر والوسوم

اذهب الى الأسفل 
كاتب الموضوعرسالة
Aym@n

Aym@n


** عدد المساهمات ** 1586
نقاط 8128
المستوى المستوى : 6
تاريخ التسجيل : 29/05/2010
My MMS : دروس Html الدرس الثالث: العناصر والوسوم 4
:^~~~أوسمتى~~~^ :
دروس Html الدرس الثالث: العناصر والوسوم 13000955908


دروس Html الدرس الثالث: العناصر والوسوم Empty
مُساهمةموضوع: دروس Html الدرس الثالث: العناصر والوسوم   دروس Html الدرس الثالث: العناصر والوسوم Emptyالسبت يونيو 04, 2011 5:48 am

دروس Html الدرس الثالث: العناصر والوسوم 3_bmp24
الدرس الثالث: العناصر والوسوم

الآن أنت جاهز لتعلم جوهر لغة 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 مختلفة.

إذا انتقلت إلى الدرس اللاحق ستتمكن من إنشاء موقعك خلال عشر دقائق.
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://www.facebook.com/groups/140030819400564?ap=1 https://mns4.ahladalil.com
 
دروس Html الدرس الثالث: العناصر والوسوم
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» دروس Html - الدرس السادس: المزيد من العناصر
» دروس Html الدرس الثاني: ما هي HTML؟
» دروس Html الدرس الأول
» دروس Html - الدرس السابع: الخصائص
» دروس Html الدرس الرابع: إنشاء موقعك الأول

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
شبكة المنصوره نت :: اقسام الدعم والتقنيه Technical Support :: لغات البرمجة Programming languages :: اكواد لغة اتش تى ام ال Kompass language Html-
انتقل الى:  
اقسام المنتدى
القرأن الكريم
الخطب والدروس
صوراسلامية
الأدعية والاناشيد
اسلاميات عامة
حوار ونقاش
ترحيب وتهاني
أخبار المنصورة
توبيكات عامة
تهييس أون لاين
نكت وفوازير
قصص مضحكة
ألعاب وتسلية
منتدي الاغانى
ألبومات كاملة
أغانى منفردة
كليبات-Youtube
سياسة وأخبار
اخبار مصرية
اخبار عربية
اخبار مرئية
اخبار بالفيديو
اخبار بالصورة
فوتوغ-كاريكاتير
صور فوتوغراف
صور كاريكاتير
صور الطبيعة-الكائنات
خلفيات وصور
صور رومنسية
صور حزينة
صور أطفال
صور منوعة
صور غرائب وطرائف
انترنت وحاسب الى
نسخ وبرامج
شروحات البرامج والحاسب
لغات البرمجة
لغة Html
لغة Css
لغات واكواد اخرى
دعم واشهار
شروحات المنتديات
شروحات الاشهار
طلبات المساعدة
استايلات منتديات
ملحقات التصميم
طلبات التصميم
ابداعات الاعضاء
اخبار الرياضة
الكرة المصرية
الدوري الانجليزى
الدورى الاسبانى
الدورى الايطالى
بطولات عربية وعالمية
ملتميديا الرياضة
خلفيات رياضية
عالم الأسرة والطفل
حكم وامثال
طب وصحة
معرض صور
سحابة الكلمات الدلالية