الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

تعلم لغه الHtml وبعض أوامرها الملك المد

مغلق
بدأه الملك المدمر في 21 أكتوبر 2004 · 3 رد · 636 مشاهدة · في منتدى تصميم صفحات الويب
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

بسم الله الرحمن الرحيم

السلام عليكم ورحمه الله وبركاته

ماهي الـHTML?

لغة ترميز النص التشعبي «HyperText Markup Language» هي اللغة المستخدمة في إنشاء صفحات الويب، والـ HTML ليست لغة برمجة أي أنها لا تستخدم لإنشاء البرامج وتمتاز هذه اللغة بسهولتها حيث أن بإمكان المبتدئين التعرف عليها واستخدامها دون أدنى جهد. والـ HTML لا تحتاج برامج مساعدة من أجل كتابتها أو بالأحرى استخدامها بل يمكنك كتابة أوامرها من أي محرر نصوص مثل المفكرة «Notepad».

===============================

بعض أوامر لغة الـ HTML

خط مائل، سفلي أو عريض : <b>example</b>, <u>example</u>, <i>example</i>

لون وحجم ونوع الخط : <font color="red" size="3" face="tahoma">example</font>

تغيير اتجاه محارف الصفحة : <html dir="rtl"> OR <html dir="ltr">

تغيير اتجاه محاذاة النص : <p align="center"> OR <p align="right"> OR <p align="left">, </p>

وضع رابط تشعبي لموقع : <a href="http://www.ahat.itgo.com">click here</a>

وضع رابط تشعبي لبريد : <a href="mailto:ahat@ahat.itgo.com">click here</a>

ادراج صورة : <img src="http://members.tripod.com/IronPrivate/ahat1.jpg">

ادراج خط أفقي : <hr>

ادراج خلفية موسيقية مع تكرار دائم : <bgsound src="http://members.tripod.com/IronPrivate/adream.mid" loop="infinite">

=============================

كيفية استخدام أوامر الـHTML

اذا كنت لاتتقن استخدام أوامر هذه اللغة فيمكنك استخدام بعض البرامج المساعدة لتصميم صفحات الويب والتي تدعم لغة الـHTML كبرنامجي «Microsoft Word 97,2000» و «Front Page Express, 2000».. الطريقة سهلة، فبامكانك كتابة ماتريده وادراج صور وموسيقى ووضع روابط ( تصميم الصفحة)، ثم حفظ الملف بصيغة HTML وعند فتح الملف ستجد الصفحة مصممة بالشكل الذي تريده. ويمكنك رؤية أوامر الـHTML المستخدمة في تصميم هذه الصفحة باختيار عرض View ثم المصدر Source.

ملاحضه:

عند ادراجك الصورة يجب أن تكون موضوعة على الانترنت ولايمكن ادراج الصورة مباشرة من جهازك حيث لن تظهر على الانترنت في هذه الحالة سوى لك انت!.

#2

السلام عليكم ورحمه الله وبركاته

في هذا الدرس سوف نتعلم معا كيفية تنسيق الفقرات والقوائم

وهنالك عدة أنواع للقوائم وسوف تتعلمها الآن معنا لتختار ما يناسبك .

أولا: القوائم غير المتسلسلة

Unordered Lists

نفترض بأنك تريد أن تعدد المواد العلمية المقررة على القسم العلمي .

القسم العلمي

<ul>

<li>الفيزياء

<li>الكيمياء

<li>الأحياء

<li>الجيولوجيا

</ul>

وهكذا سوف يظهر لنا بهذه الطريقة .

القسم العلمي

الفيزياء

الكيمياء

الأحياء

الجيولوجيا

--------------------------------------------------------------------------------

ثانيا: القوائم المتسلسلة

Ordered Lists

والآن في هذا النوع من القوائم سوف تتعلم كيفية كتابة قائمة متسلسلة كما في هذا المثال .

المواد العلمية في القسم العلمي

<ol>

<li>الفيزياء

<li>الكيمياء

<li>الأحياء

<li>الجيولوجيا

</ol>

سوف يظهر بهذه الطريقة.

المواد العلمية في القسم العلمي

الفيزياء

الكيمياء

الأحياء

الجيولوجيا

--------------------------------------------------------------------------------

ثالثا: قوائم التعريفات

Definition Lists

في هذا النوع من القوائم نتعلم كيفية كتابة قائمة للكلمة وتعريفها .

كما في هذا المثال :

<dl>

<dt>المواد العلمية في القسم العلمي

<dd>الفيزياء

<dd>الكيمياء

<dd>الأحياء

<dd>الجيولوجيا

<dl>

وسيكون بهذه الطريقة :

المواد العلمية في القسم العلمي

الفيزياء

الكيمياء

الأحياء

الجيولوجيا

--------------------------------------------------------------------------------

والآن هيا معا نتعلم كيفية وضع حد فاصل بين الفقرات والجمل.

attack

ونستخدم لهذا الشيء الوسم

<hr>

ونستطيع التحكم في حجمه بعدة طرق.

فهنالك خصائص نستطيع استعمالها مع ذلك الوسم لكي نزيد او نقلل من حجمه وهذه الخصائص هي :

width="رقم%"

نستطيع ذكر رقم مئوي ليحدد حجم الحدود .

width="رقم"

نستطيع ذكر رقم ليحدد حجم الحدود.

size="رقم"

نستطيع ذكر رقم بالبيكسل ليحدد حجم الحدود.

وأيضا تستطيع التحكم في اتجاه الحد سواء في الوسط او اليمين او اليسار بهذه الطريقة :

align="center/right/left"

وسوف أذكر لك عدة أمثلة لتتضح لك تلك الخصائص

--------------------------------------------------------------------------------

<hr width="40%">

--------------------------------------------------------------------------------

<hr width="41">

--------------------------------------------------------------------------------

<hr size="4">

--------------------------------------------------------------------------------

<hr width="50%" align="right">

لقد تعلمت مسبقا في درس الجداول كيفية تنسيق الكلمة في خلايا الجدول لتكون في الوسط أو اليمين أو اليسار

وسوف نستعمل معا نفس الوسم لكي ننسق الفقرات

والوسم هو :

<p>

مع الخاصية

Align

وهي تحدد اتجاه الفقرة وسوف اذكر لك أمثلة لكي تتضح لك كل تلك الأمور:

<p align="right">هنا موقع موسوعة الكمبيوتر والانترنت العربية</p>

هنا موقع موسوعة الكمبيوتر والانترنت العربية

<p align="center">هنا موقع موسوعة الكمبيوتر والانترنت العربية</p>

هنا موقع موسوعة الكمبيوتر والانترنت العربية

<p align="left">هنا موقع موسوعة الكمبيوتر والانترنت العربية</p>

مع تحيات:: (((((((((( الملك المدمر)))))))))))

لااله الا الله محمد رسول الله

mido_hely_2010@hotmail.com

تم تعديل هذه المشاركة بواسطة مجدي محمود في 21 أكتوبر 2004 في 12:41

#3

تم دمج الموضوعين لاتمام الفائدة، و نرجو من الأخ الفاضل الملك المدمر إضافة المزيد من الشروحات و هذه الدروس هنا اتعم الفائدة

ونرجو استخدام أمر "Code" لتنسيق كتابة الأكواد

Mohamad Al-Karbi

www.mkarbi.me

#4

السلام عليكم

ارجو من المشرف العام طرد العضو الملك المدمر, وذالك لعدم الامانه العلميه.

الموضوع تم نسخه من منتدى اخر, وهذه ليست اول مره, ساغلق الموضوع والقرار للاداره.

والسلام

لا إله إلا الله محمد رسول الله

busbar : يجب ان تدرك انه هناك حد ادنى للمعرفة المطلوبة قبل البدء في عمل أي شئ.

هذا الموضوع مغلق.

مواضيع مشابهة