المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : لغةHTML الدرس الاول مع عسوووله


عسوووووووووووله
26-04-2003, 09:31 AM
<html>
<center>
بسم الله الرحمن الرحيم
</center>
<font color="blue" >
<marquee direction="right">
مرحبا . . . كيف الحال
</marquee>
</font>

مثل ما وعدكم انى راح اشرح لكم ال HTML و الفرونت بيج او الفلاش هذا الدرس الأول حتى أوفي بالوعد........
حبيت ابدأ بلغة HTML لصفحات الويب يمكن لان الفلاش في مواقع كثيرة موضحته بشكل جميل وحلو او يمكن لانه يحتاج لمجهود و وقت في الأعداد له او لأني احب لغة HTML وشفتها سهله مش مثل ما يتوقعها الكثيرين منا ........
على العموم بس انتهى منها راح ابدأ بالفلاش
الدرس الاول : -


لغة البرمجة HTML هى اللغة المستخدمة لإنشاء صفحات الإنترنت HTML وهى اختصار للغة تركيز النصوص التشعبيه Hyper Text Markup Language وهى ليست لغة برمجه بالمعنى والشكل المتعارف علية مثل لغة باسكال أو سي أو جافا فهي لا تحتوى على جمل التحكم والدوران ولا تحتاج إلى مترجم فهي اسهل من لغات البرمجة الأخرى طبعا بنظري.
فــHTML هو مستند عبارة عن ملف نصي يحتوى شفرات خاصة تسمى وسوم tags <> توضع حول النص.
مش راح أطول عليكم بالكلام راح اكتب بعض الأمثل بشكل نص للكود وراح تشوفون النتيجة وإذا احتاج الى توضيح راح اكتبه.

أولا :-
راح ابدأ بالأساسيات المهمه مثل كتابه نص مع تأثيرات النص الحجم واللون و......
أول شي نكتبHTML حتى يشير للمستعرض ان الذي بعدة يجب معالجته باستعمال قواعد التركيب للغة HTML وفي النهاية نحط /لنهايه كل امر /HTML بس يا ريت تعذروني لآني ماراح أحط الأوامر بين < > انتم ا كتبوها لكل كود لأنها ما راح تطلعالكتابه هنا وراح تا خذها الصفحة على أنها آمر وتنفذه وبعدين اذا كتبنا بالأحرف الكبيرة او الصغيرة لا تفرق بينهم هذى اللغة

المثال الاول :
ولا تنسو تكتبو <>
طبعا النص هنا عادى ما فيه أي شى ...
<CENTER>
HTML
BODY

مرحبا الدرس الأول
مع عســـــــووووووووووله
HTMLللغة

/BODY
/HTML
</CENTER>

لحظه.............لحظه.............لحظه vb_wavey
ما قلت لكم وين راح تكتبون ؟ ؟ ؟
نكتب في أي برنامج يكتب مثل WORD ونحفظه على انه صفحه ويب بس الأفضل نكتب بالمفكرة لا تسألون ليش لأني ما أدرى ؟؟؟ فمثلا بعد نهاية الكتابة نروح نحفظه بامتداد ال HTML مثل:- asoooola.html


ولتنسيق النص أسود او عريض او مائلا راح نستخدم التالى :-

يكون النص محصور بين الوسمان البداية < > والنهاية < / >
1. < B > مرحبا < / B >يكون النص عريضا
2. < I > عسووووووله < / I > يكون النص مائلا
3. < U > والدرس الأول < / U > يكون تحط النص سطر

اما التنسيق FONT نستخدمها للحجم واللون والنوع الخط
1. نــــــــــــــــــوع الـــــــــــــــخط:-
FONT FACE = “Times New Roman”

نكتب أي نوع للخط بين "" مثلا " Arabic Transparent " وممكن من WORD نحصل أسماء الخطوط

2. لـــــــــــــــــون الـــــــــــــــخط:-
FONT COLOR = “blue”

نفس الشي نكتب اللون الى يعجبنا بين"ORANGE" او " FF 0000 " ممكن إذا كنا نعرف رقم اللون نكتبه بدل اللون

3. حـــــــــــجـــــم الـــــــــــــــخط:-
FONT SIZE = “6”

بعد راح نكتب رقم للحجم بين "3" طبعا الحجم محدود بين 1 و 7 وهو اكبر حجم.

واحسن شي ان نكتب التنسيق للنص مع بعض مثل:-
< FONT FACE=” Diwani Bent” COLOR=”RED” SIZE=”6” >

ثانيا :-
إذا كتبنا سطر وأردنا ان نكت السطر الثاني تحته فان هذى اللغة راح تكتب كل الكتابة في سطر واحد حتى اذا استخدمن Enter بعد كل سطر لانه ما راح يفهمها المعالج وبدل من ذلك راح نستخدم الوسمان < P> و < /P> او< BR > و< / BR > .

لتنسيق الأسطر طريقتين

1. BR سطر جديد للكتابه الى بعده وبعدد اسطر الفراغ راح نكتب ال br لكل سطر.

2. P ينهى السطر بسطر فارغ .


ثالثا :-

و أخيرا وصلت للنهاية مش للغةHTML هههههه:D ههههههه للأساسيات لهذى اللغة
اتجاه النص او محاذاة النص (الله وناسه الكتابة باللغة العربية ههه:D ههه)
أي شي راح تكتبونه راح ينحط بالجهة اليسرى في الصفحة حتى نغير الاتجاهات راح نستخدم ALIGN وال P

1. اليمين
< P ALIGN=”RIGHT”>

2. اليسار
< P ALIGN=”LEFT”>

3. الوسط
< P ALIGN=”CENTER”>

ويمكن ان نكتب CENTER فقط للتوسيط بدون P وALIGN.

وهذا لمثال الثانى :-

<CENTER>
</HTML>http://asola.jeeran.com/htm1.jpg
والى اللقاء
smiley4

برق الشمال
26-04-2003, 10:30 AM
ما شاء الله عليكي اخت عسوله


لغه الهتمل من افضل الغات لبناء صفحات الويب


ولكن يفضل استخدامها مع برنامج الفرونت بيج وليس مع الوورد


تحياتي

عسوووووووووووله
30-04-2003, 02:56 AM
بس الى اعرفه ان الفرونت بيج طريقه ثانيه لتصميم صفحات الويب وهو اسهل واقل كتابة اكواد لانها تكون جاهزة
اما الوورد او المفكرة هو افضل مكان نكتب فيه كود الــ HTML

Rayyan
09-08-2004, 04:45 AM
مشكورة اختي على الشرح المبسط
لغت الهتمل من افضل الغات المستخدمة في الانترنت

الصغير اليمني
18-12-2005, 07:43 PM
<html>
<center>
بسم الله الرحمن الرحيم
</center>
<font color="blue" >
<marquee direction="right">
مرحبا . . . كيف الحال
</marquee>
</font>

مثل ما وعدكم انى راح اشرح لكم ال HTML و الفرونت بيج او الفلاش هذا الدرس الأول حتى أوفي بالوعد........
حبيت ابدأ بلغة HTML لصفحات الويب يمكن لان الفلاش في مواقع كثيرة موضحته بشكل جميل وحلو او يمكن لانه يحتاج لمجهود و وقت في الأعداد له او لأني احب لغة HTML وشفتها سهله مش مثل ما يتوقعها الكثيرين منا ........
على العموم بس انتهى منها راح ابدأ بالفلاش
الدرس الاول : -


لغة البرمجة HTML هى اللغة المستخدمة لإنشاء صفحات الإنترنت HTML وهى اختصار للغة تركيز النصوص التشعبيه Hyper Text Markup Language وهى ليست لغة برمجه بالمعنى والشكل المتعارف علية مثل لغة باسكال أو سي أو جافا فهي لا تحتوى على جمل التحكم والدوران ولا تحتاج إلى مترجم فهي اسهل من لغات البرمجة الأخرى طبعا بنظري.
فــHTML هو مستند عبارة عن ملف نصي يحتوى شفرات خاصة تسمى وسوم tags <> توضع حول النص.
مش راح أطول عليكم بالكلام راح اكتب بعض الأمثل بشكل نص للكود وراح تشوفون النتيجة وإذا احتاج الى توضيح راح اكتبه.

أولا :-
راح ابدأ بالأساسيات المهمه مثل كتابه نص مع تأثيرات النص الحجم واللون و......
أول شي نكتبHTML حتى يشير للمستعرض ان الذي بعدة يجب معالجته باستعمال قواعد التركيب للغة HTML وفي النهاية نحط /لنهايه كل امر /HTML بس يا ريت تعذروني لآني ماراح أحط الأوامر بين < > انتم ا كتبوها لكل كود لأنها ما راح تطلعالكتابه هنا وراح تا خذها الصفحة على أنها آمر وتنفذه وبعدين اذا كتبنا بالأحرف الكبيرة او الصغيرة لا تفرق بينهم هذى اللغة

المثال الاول :
ولا تنسو تكتبو <>
طبعا النص هنا عادى ما فيه أي شى ...
<CENTER>
HTML
BODY

مرحبا الدرس الأول
مع عســـــــووووووووووله
HTMLللغة

/BODY
/HTML
</CENTER>

لحظه.............لحظه.............لحظه vb_wavey
ما قلت لكم وين راح تكتبون ؟ ؟ ؟
نكتب في أي برنامج يكتب مثل WORD ونحفظه على انه صفحه ويب بس الأفضل نكتب بالمفكرة لا تسألون ليش لأني ما أدرى ؟؟؟ فمثلا بعد نهاية الكتابة نروح نحفظه بامتداد ال HTML مثل:- asoooola.html


ولتنسيق النص أسود او عريض او مائلا راح نستخدم التالى :-

يكون النص محصور بين الوسمان البداية < > والنهاية < / >
1. < B > مرحبا < / B >يكون النص عريضا
2. < I > عسووووووله < / I > يكون النص مائلا
3. < U > والدرس الأول < / U > يكون تحط النص سطر

اما التنسيق FONT نستخدمها للحجم واللون والنوع الخط
1. نــــــــــــــــــوع الـــــــــــــــخط:-
FONT FACE = “Times New Roman”

نكتب أي نوع للخط بين "" مثلا " Arabic Transparent " وممكن من WORD نحصل أسماء الخطوط

2. لـــــــــــــــــون الـــــــــــــــخط:-
FONT COLOR = “blue”

نفس الشي نكتب اللون الى يعجبنا بين"ORANGE" او " FF 0000 " ممكن إذا كنا نعرف رقم اللون نكتبه بدل اللون

3. حـــــــــــجـــــم الـــــــــــــــخط:-
FONT SIZE = “6”

بعد راح نكتب رقم للحجم بين "3" طبعا الحجم محدود بين 1 و 7 وهو اكبر حجم.

واحسن شي ان نكتب التنسيق للنص مع بعض مثل:-
< FONT FACE=” Diwani Bent” COLOR=”RED” SIZE=”6” >

ثانيا :-
إذا كتبنا سطر وأردنا ان نكت السطر الثاني تحته فان هذى اللغة راح تكتب كل الكتابة في سطر واحد حتى اذا استخدمن Enter بعد كل سطر لانه ما راح يفهمها المعالج وبدل من ذلك راح نستخدم الوسمان < P> و < /P> او< BR > و< / BR > .

لتنسيق الأسطر طريقتين

1. BR سطر جديد للكتابه الى بعده وبعدد اسطر الفراغ راح نكتب ال br لكل سطر.

2. P ينهى السطر بسطر فارغ .


ثالثا :-

و أخيرا وصلت للنهاية مش للغةHTML هههههه:D ههههههه للأساسيات لهذى اللغة
اتجاه النص او محاذاة النص (الله وناسه الكتابة باللغة العربية ههه:D ههه)
أي شي راح تكتبونه راح ينحط بالجهة اليسرى في الصفحة حتى نغير الاتجاهات راح نستخدم ALIGN وال P

1. اليمين
< P ALIGN=”RIGHT”>

2. اليسار
< P ALIGN=”LEFT”>

3. الوسط
< P ALIGN=”CENTER”>

ويمكن ان نكتب CENTER فقط للتوسيط بدون P وALIGN.

وهذا لمثال الثانى :-

<CENTER>
</HTML>http://asola.jeeran.com/htm1.jpg
والى اللقاء
smiley4
شكر اختي عسووووووووووووله
على هذا الشرح المبسط والسريع
بس ياريت نتعمق اكثر في لغة html