🔰 دورة html 🔰
#الدرس_الاول_html
#html
ℹ️مقدمة
ماهي html؟
انها اللغة المستخدمة لإنشاء صفحات انترنت وهذه اللغة لاتحتاج الى مترجم وغير مرتبطة بنظام تشغيل معين لانها يتم تفسير تعليماتها من قبل المتصفح
وكلمة html تعني hyper text markup language
كيف تعمل ؟
فقط كتابة الاكواد في ملف نصي ثم حفظه باسم html
✳️اولا في نظام الويندوز
فتح المفكرة>>> ثم اكتب اكواد html ثم>>> حفظ باسم>>> ثم اكتب اي إسم نقطة ومتبوع ب html
مثل a.html
✳️اندرويد
ادخل على مدير الملفات انا شخصيا استخدم مدير ملفات ES File Explorer.apk
ثم قم بفتح ملف جديد ثم انقر عليه >>فتح ك نص>>ثم اكتب
شفرة html >>ثم اعد تسميته الى اي اسم ولكن يجب يكون امتداد html ....
مثلas.html
ملاحظة لن يعمل لم يكون امتداد .html
نماذج البرمجة التعليمية
https://telegram.me/nomothagbrograming
#الدرس_الاول_html
#html
ℹ️مقدمة
ماهي html؟
انها اللغة المستخدمة لإنشاء صفحات انترنت وهذه اللغة لاتحتاج الى مترجم وغير مرتبطة بنظام تشغيل معين لانها يتم تفسير تعليماتها من قبل المتصفح
وكلمة html تعني hyper text markup language
كيف تعمل ؟
فقط كتابة الاكواد في ملف نصي ثم حفظه باسم html
✳️اولا في نظام الويندوز
فتح المفكرة>>> ثم اكتب اكواد html ثم>>> حفظ باسم>>> ثم اكتب اي إسم نقطة ومتبوع ب html
مثل a.html
✳️اندرويد
ادخل على مدير الملفات انا شخصيا استخدم مدير ملفات ES File Explorer.apk
ثم قم بفتح ملف جديد ثم انقر عليه >>فتح ك نص>>ثم اكتب
شفرة html >>ثم اعد تسميته الى اي اسم ولكن يجب يكون امتداد html ....
مثلas.html
ملاحظة لن يعمل لم يكون امتداد .html
نماذج البرمجة التعليمية
https://telegram.me/nomothagbrograming
Telegram
نماذج البرمجة التعليمية
قناة تهتم :
🔰أنظمه ويندوز
🔰اجهزة الاندرويد
🔰حماية الخصوصية
🔰برامج مدفوع و مهكره
🔰تهكيرالشبكات و حسابات فيسبوك
🔰أنظمه ويندوز
🔰اجهزة الاندرويد
🔰حماية الخصوصية
🔰برامج مدفوع و مهكره
🔰تهكيرالشبكات و حسابات فيسبوك
🔰دورة html🔰
#الدرس_الثاني_html
#html
لديك محرر نصوص و متصفح الان نبدا بكتابة اول صفحة ويب
اولا : هيكل كل صفحة
يجب ان تتضمن كل صفحة هذا ترتيب في صورة شكل ١👇
وتتضمن تاج او اوسمه
ما هو الوسم هو كل شكل يتضمن قوسين <>
لان راح نكتب هذه تعليمات في محرر نصوص
<HTML>
<HEAD>
<TITLE>My first HTML page</TITLE>
<HEAD/>
<BODY>
Wow I am Writing My First Page
<BODY/>
</HTML>
ثم نحفظه باسم My First.html
الان افتحه من خلال المتصفح
سوف نلاحظ في عنوان المتصفح كلمة
My first HTML
وفي صفحة كتابة
Wow I am Writing My First Page
نماذج البرمجة التعليمية
https://telegram.me/nomothagbrograming
#الدرس_الثاني_html
#html
لديك محرر نصوص و متصفح الان نبدا بكتابة اول صفحة ويب
اولا : هيكل كل صفحة
يجب ان تتضمن كل صفحة هذا ترتيب في صورة شكل ١👇
وتتضمن تاج او اوسمه
ما هو الوسم هو كل شكل يتضمن قوسين <>
لان راح نكتب هذه تعليمات في محرر نصوص
<HTML>
<HEAD>
<TITLE>My first HTML page</TITLE>
<HEAD/>
<BODY>
Wow I am Writing My First Page
<BODY/>
</HTML>
ثم نحفظه باسم My First.html
الان افتحه من خلال المتصفح
سوف نلاحظ في عنوان المتصفح كلمة
My first HTML
وفي صفحة كتابة
Wow I am Writing My First Page
نماذج البرمجة التعليمية
https://telegram.me/nomothagbrograming
Telegram
نماذج البرمجة التعليمية
قناة تهتم :
🔰أنظمه ويندوز
🔰اجهزة الاندرويد
🔰حماية الخصوصية
🔰برامج مدفوع و مهكره
🔰تهكيرالشبكات و حسابات فيسبوك
🔰أنظمه ويندوز
🔰اجهزة الاندرويد
🔰حماية الخصوصية
🔰برامج مدفوع و مهكره
🔰تهكيرالشبكات و حسابات فيسبوك
🔰دورة html 🔰
#html
#الدرس_الثالث_html
ﺑﻨﯿﺔ ﻣﻠﻒHTML
تكون ﻣﻠﻒ HTML اﻟﻘﯿﺎﺳﻲ ﻣﻦ ﺟﺰﺋﯿﻦ رﺋﯿﺴﯿﯿﻦ ھﻤﺎ :
• اﻟﺮﺄﺳHead: ﻳﺤﺘﻮي ﻋﻠﻰ اﻟﻤﻌﻠﻮﻣﺎت اﻹﺿﺎﻓﯿﺔ اﻟﺨﺎﺻﺔ ﺑﺎﻟﻤﺴﺘﻨﺪ ﻣﺜﻞ ﻋﻨﻮﺎﻧ اﻟﺼﻔﺤﺔ واﻟﻜﻠﻤﺎت اﻟﻤﻔﺘﺎﺣﯿﺔ ﻓﯿﮫﺎ وﻏﯿﺮھﺎ ﻣﻦ اﻷﻣﻮر اﻟﺨﺎﺻﺔ ﺑﺎﻟﺼﻔﺤﺔ واﻟﺘﻲ ﻻ ﺗﻌﺘﺒﺮ ﻣﻦ ﺿﻤﻦ اﻟﻤﺤﺘﻮى .
•
اﻟﺠﺴﻢBody: ﻮھﻮ ﻳﺤﺘﻮي ﻋﻠﻰ اﻟﻤﺤﺘﻮى اﻟﺬي ﻳﺮﺎھ اﻟﻤﺴﺘﺨﺪم .
اﻟﻤﺜﺎل اﻟﺘﺎﻟﻲ ﻳﺒﯿﻦ ﻛﯿﻔﯿﺔ ﺗﻘﺴﯿﻢ ﻣﻠﻒHTML
<html > <head> ... < /head> <body >
... ………… </body> </html>
✅ الخطوط و الالوان
*اﻷﻧﻤﺎط اﻷﺳﺎﺳﯿﺔ
أوﻻ اﻟﻌﻨﺎوﻳﻦ ﻮھﻲ ﻣﻦ ﺳﺘﺔ ﻣﺴﺘﻮﻳﺎت، اﻟﻌﻨﻮﺎﻧ اﻷﻮل h1 واﻟﺜﺎﻧﻲ h2 ﻮھﻜﺬا ﺣﺘﻰ h6 ..
مثال
<1h/>1Heading <1h> <2h/>2Heading <2h> <3h/>3Heading <3h> <4h/>4Heading <4h> <5h/>5Heading <5h> <6h/>6Heading <6h>
ﻟﺘﺤﺪﻳﺪ اﻟﻔﻘﺮﺎﺗ ﻳﺘﻢ إﺣﺎﻃﺘﮫﺎ ﺑﺎﻟﻮﺳﻢP
<p> Paragraph Text</p>
ﻟﺘﺤﺪﻳﺪ اﺗﺠﺎه اﻟﻔﻘﺮة اﺳﺘﺨﺪم اﻟﺨﺎﺻﯿﺔalign ﻓﻲ اﻟﻮﺳﻢ P
<p align="left"> اتجاه اليمين </p>
< p align ="center"> وسط </p>
<p align = " right ">اتجاه شمال </p>
نماذج البرمجة التعليمية
https://telegram.me/nomothagbrograming
#html
#الدرس_الثالث_html
ﺑﻨﯿﺔ ﻣﻠﻒHTML
تكون ﻣﻠﻒ HTML اﻟﻘﯿﺎﺳﻲ ﻣﻦ ﺟﺰﺋﯿﻦ رﺋﯿﺴﯿﯿﻦ ھﻤﺎ :
• اﻟﺮﺄﺳHead: ﻳﺤﺘﻮي ﻋﻠﻰ اﻟﻤﻌﻠﻮﻣﺎت اﻹﺿﺎﻓﯿﺔ اﻟﺨﺎﺻﺔ ﺑﺎﻟﻤﺴﺘﻨﺪ ﻣﺜﻞ ﻋﻨﻮﺎﻧ اﻟﺼﻔﺤﺔ واﻟﻜﻠﻤﺎت اﻟﻤﻔﺘﺎﺣﯿﺔ ﻓﯿﮫﺎ وﻏﯿﺮھﺎ ﻣﻦ اﻷﻣﻮر اﻟﺨﺎﺻﺔ ﺑﺎﻟﺼﻔﺤﺔ واﻟﺘﻲ ﻻ ﺗﻌﺘﺒﺮ ﻣﻦ ﺿﻤﻦ اﻟﻤﺤﺘﻮى .
•
اﻟﺠﺴﻢBody: ﻮھﻮ ﻳﺤﺘﻮي ﻋﻠﻰ اﻟﻤﺤﺘﻮى اﻟﺬي ﻳﺮﺎھ اﻟﻤﺴﺘﺨﺪم .
اﻟﻤﺜﺎل اﻟﺘﺎﻟﻲ ﻳﺒﯿﻦ ﻛﯿﻔﯿﺔ ﺗﻘﺴﯿﻢ ﻣﻠﻒHTML
<html > <head> ... < /head> <body >
... ………… </body> </html>
✅ الخطوط و الالوان
*اﻷﻧﻤﺎط اﻷﺳﺎﺳﯿﺔ
أوﻻ اﻟﻌﻨﺎوﻳﻦ ﻮھﻲ ﻣﻦ ﺳﺘﺔ ﻣﺴﺘﻮﻳﺎت، اﻟﻌﻨﻮﺎﻧ اﻷﻮل h1 واﻟﺜﺎﻧﻲ h2 ﻮھﻜﺬا ﺣﺘﻰ h6 ..
مثال
<1h/>1Heading <1h> <2h/>2Heading <2h> <3h/>3Heading <3h> <4h/>4Heading <4h> <5h/>5Heading <5h> <6h/>6Heading <6h>
ﻟﺘﺤﺪﻳﺪ اﻟﻔﻘﺮﺎﺗ ﻳﺘﻢ إﺣﺎﻃﺘﮫﺎ ﺑﺎﻟﻮﺳﻢP
<p> Paragraph Text</p>
ﻟﺘﺤﺪﻳﺪ اﺗﺠﺎه اﻟﻔﻘﺮة اﺳﺘﺨﺪم اﻟﺨﺎﺻﯿﺔalign ﻓﻲ اﻟﻮﺳﻢ P
<p align="left"> اتجاه اليمين </p>
< p align ="center"> وسط </p>
<p align = " right ">اتجاه شمال </p>
نماذج البرمجة التعليمية
https://telegram.me/nomothagbrograming
Telegram
نماذج البرمجة التعليمية
قناة تهتم :
🔰أنظمه ويندوز
🔰اجهزة الاندرويد
🔰حماية الخصوصية
🔰برامج مدفوع و مهكره
🔰تهكيرالشبكات و حسابات فيسبوك
🔰أنظمه ويندوز
🔰اجهزة الاندرويد
🔰حماية الخصوصية
🔰برامج مدفوع و مهكره
🔰تهكيرالشبكات و حسابات فيسبوك