دورة تعليم دروس HTML - الدرس الثاني
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله و بركاتة
اليوم هقدم لكم الدرس الثاني من سلسلة دورس
دورة تعليم لغة (HTML)
في الدرس السابق عرضنا مفهوم ( HTML ) وعرضنا ما هيا الوسوم الاساسية التي لا تخلو منها اي صفحة ويب احترافية
وكما ايضآ عرضنا كيف يتم حفظ الملف إذآ دعونا نتذكر ما قمنا بإستعراضة في الدرس السابق
1- ملف الــ (HTML) يبدأ بالوسم (HTML) وينتهي بالوسم (html/) ويجب حفظ الملفظ بصيغة .htm
2- الوسم (head) يحدد بداية المقطع الذي يحتوي علي المعلومات الخاصة بتعريف الصفحة . كـ العنوان الظاهر علي شريط عنوان المتصفح كـ هذا
وهذا العنوان بدورة يحتاج لأن يوضع بين الوسمين <title> العنوان <title/> وبالطبع بعدها بعد كتابة العنوان يجب وضع الوسم <head/> كــي ننهي هذا المقطع .....
3- نأتي ايضآ الي الوسم <body> الذي يتم كتابة نصوص محتوي صفحة الويب بداخلة ويمكننا ايضآ ادراج الصور والنماذج والجداول والكثير من المحتويات بداخلة وايضآ وسم النهاية له هوا <body/>
إذآ لنعيد استعراض نص الصفحة التي كتبناها في الدرس السابق التي كان عنوانها first webpage و محتواها wow, i'm writing my first webpage
<html>
<head>
<title>first webpage
<title/>
<head/>
<body>
wow, i'm writing my first webpage
<body/><html/>
حيث انها ظهرت لنا بهذا الشكل
طيب ماذا إذا اردنا كتابة نفس الجملة ولكن في اكثر من سطر
في هذه الحالة سوف نستخد وسم يسمي <br> وهذا الوسم يستخدم لنهاية السطر والبدء في سطر جديد ولاحظ ان هذا الوسم لا يحتوي علي وسم نهاية... إذآ فلــنـجرب هذا الوسم
<html>
<head>
<title>first webpage
<title/>
<head/>
<body>
wow, <br> i'm writing <br> my first webpage
<body/><html/>
فتصبح بهذا الشكل
إذآ فنحن الان عرفنا الوسم <br> وان مهمة هوا انهاء السطر والبداية في سطر جديد كما ايضآ لا يوجد به وسم نهاية
وهناك ايضآ الوسم <P> الذي يقوم بنفس عمل الوسم <br> ولنة يضيف سطر اضافي فارغ اخر بين الفقرات وايضآ هذا الوسم <p> لا يوجد له وسم نهاية .... حسنآ فلنجربة
<html>
<head>
<title>first webpage
<title/>
<head/>
<body>
wow, <P> i'm writing <P> my first webpage
<body/><html/>
فتصبح بهذا الشكل
اذا عرفنا الان الوسمين <br> و <P> وعرفنا ايضآ الفرق بينهما
نأتي الان الي الفراغات فــماذا اذا اردت عمل فراغات بين الكلمات (اي مسافات ) في هذه الحالة سوف نستخدم هذه الكلمة ;nbsp& ونضعها بين كل كلمة والاخري
فالنجربها إذآ
<html>
<head>
<title>first webpage
<title/>
<head/>
<body>
wow, ;nbsp& ;nbsp& i'm ;nbsp& writing ;nbsp& ;nbsp& my ;nbsp& first webpage
<body/><html/>
فتكون بهذا الشكل
وبهذا قد يكون انتهي درس اليوم
ارجو ان اكون قد افادتكم
وفي الدرس التالي سوف نتحدث عن الالوان
اراكم علي خير انشاء الله
وكما ايضآ عرضنا كيف يتم حفظ الملف إذآ دعونا نتذكر ما قمنا بإستعراضة في الدرس السابق
1- ملف الــ (HTML) يبدأ بالوسم (HTML) وينتهي بالوسم (html/) ويجب حفظ الملفظ بصيغة .htm
2- الوسم (head) يحدد بداية المقطع الذي يحتوي علي المعلومات الخاصة بتعريف الصفحة . كـ العنوان الظاهر علي شريط عنوان المتصفح كـ هذا
وهذا العنوان بدورة يحتاج لأن يوضع بين الوسمين <title> العنوان <title/> وبالطبع بعدها بعد كتابة العنوان يجب وضع الوسم <head/> كــي ننهي هذا المقطع .....
3- نأتي ايضآ الي الوسم <body> الذي يتم كتابة نصوص محتوي صفحة الويب بداخلة ويمكننا ايضآ ادراج الصور والنماذج والجداول والكثير من المحتويات بداخلة وايضآ وسم النهاية له هوا <body/>
إذآ لنعيد استعراض نص الصفحة التي كتبناها في الدرس السابق التي كان عنوانها first webpage و محتواها wow, i'm writing my first webpage
3- نأتي ايضآ الي الوسم <body> الذي يتم كتابة نصوص محتوي صفحة الويب بداخلة ويمكننا ايضآ ادراج الصور والنماذج والجداول والكثير من المحتويات بداخلة وايضآ وسم النهاية له هوا <body/>
إذآ لنعيد استعراض نص الصفحة التي كتبناها في الدرس السابق التي كان عنوانها first webpage و محتواها wow, i'm writing my first webpage
<html>
<head>
<title>first webpage
<head>
<title>first webpage
<title/>
<head/>
<body>
wow, i'm writing my first webpage
<body/><html/>
<head/>
<body>
wow, i'm writing my first webpage
<body/><html/>
حيث انها ظهرت لنا بهذا الشكل
طيب ماذا إذا اردنا كتابة نفس الجملة ولكن في اكثر من سطر
في هذه الحالة سوف نستخد وسم يسمي <br> وهذا الوسم يستخدم لنهاية السطر والبدء في سطر جديد ولاحظ ان هذا الوسم لا يحتوي علي وسم نهاية... إذآ فلــنـجرب هذا الوسم
في هذه الحالة سوف نستخد وسم يسمي <br> وهذا الوسم يستخدم لنهاية السطر والبدء في سطر جديد ولاحظ ان هذا الوسم لا يحتوي علي وسم نهاية... إذآ فلــنـجرب هذا الوسم
<html>
<head>
<title>first webpage
<head>
<title>first webpage
<title/>
<head/>
<body>
wow, <br> i'm writing <br> my first webpage
<body/><html/>
<head/>
<body>
wow, <br> i'm writing <br> my first webpage
<body/><html/>
فتصبح بهذا الشكل
إذآ فنحن الان عرفنا الوسم <br> وان مهمة هوا انهاء السطر والبداية في سطر جديد كما ايضآ لا يوجد به وسم نهاية
وهناك ايضآ الوسم <P> الذي يقوم بنفس عمل الوسم <br> ولنة يضيف سطر اضافي فارغ اخر بين الفقرات وايضآ هذا الوسم <p> لا يوجد له وسم نهاية .... حسنآ فلنجربة
<html>
<head>
<title>first webpage
<head>
<title>first webpage
<title/>
<head/>
<body>
wow, <P> i'm writing <P> my first webpage
<body/><html/>
<head/>
<body>
wow, <P> i'm writing <P> my first webpage
<body/><html/>
فتصبح بهذا الشكل
اذا عرفنا الان الوسمين <br> و <P> وعرفنا ايضآ الفرق بينهما
نأتي الان الي الفراغات فــماذا اذا اردت عمل فراغات بين الكلمات (اي مسافات ) في هذه الحالة سوف نستخدم هذه الكلمة ;nbsp& ونضعها بين كل كلمة والاخري
نأتي الان الي الفراغات فــماذا اذا اردت عمل فراغات بين الكلمات (اي مسافات ) في هذه الحالة سوف نستخدم هذه الكلمة ;nbsp& ونضعها بين كل كلمة والاخري
فالنجربها إذآ
<html>
<head>
<title>first webpage
<head>
<title>first webpage
<title/>
<head/>
<body>
wow, ;nbsp& ;nbsp& i'm ;nbsp& writing ;nbsp& ;nbsp& my ;nbsp& first webpage
<head/>
<body>
wow, ;nbsp& ;nbsp& i'm ;nbsp& writing ;nbsp& ;nbsp& my ;nbsp& first webpage
<body/><html/>
فتكون بهذا الشكل
وبهذا قد يكون انتهي درس اليوم
ارجو ان اكون قد افادتكم
وفي الدرس التالي سوف نتحدث عن الالوان
اراكم علي خير انشاء الله
ارجو ان اكون قد افادتكم
وفي الدرس التالي سوف نتحدث عن الالوان
اراكم علي خير انشاء الله
تعليقات
إرسال تعليق