ما هي أنواع الوسوم Tags؟
النوع الأول: وهو عبارة عن وسم يتم عرض محتواه مباشرة في صفحة الويب، مثال <img /> و <input />.
النوع الثاني: وهو عبارة عن وسم يصف ما بداخله من نصوص مثال <p>نص بداخل الوسم</p>، وقد يحتوي هذا الوسم بداخله على وسم آخر كعنصر فرعي لهذا الوسم ومثال على ذلك <p>نص <i>مائل</i></p> وسوف تلاحظ في هذا النوع أن كل وسم يتكون من جزئين (وسم البداية) و (وسم النهاية) وبينهما المحتوى الذي يتم عرضه في المتصفح.
النوع الأول: وهو عبارة عن وسم يتم عرض محتواه مباشرة في صفحة الويب، مثال <img /> و <input />.
النوع الثاني: وهو عبارة عن وسم يصف ما بداخله من نصوص مثال <p>نص بداخل الوسم</p>، وقد يحتوي هذا الوسم بداخله على وسم آخر كعنصر فرعي لهذا الوسم ومثال على ذلك <p>نص <i>مائل</i></p> وسوف تلاحظ في هذا النوع أن كل وسم يتكون من جزئين (وسم البداية) و (وسم النهاية) وبينهما المحتوى الذي يتم عرضه في المتصفح.
👍4
🌹🌹لاتنسى الاشتراك بقناتنا على يوتيوب تشجعيا لنا لتقديم المزيد باذن الله🌹🌹
👍3
نرجو تفاعلكم معنا في قناتنا على اليوتيوب و على هذه القناة شاكرين لكم تعاونكم معنا
👍6🥰1
اعزائي المتابعين ما هي css و ما الفرق بينها هي و html ؟
👍1
https://youtu.be/QI3gGTkQpuo
سيتم في هذا الفيديو شرح بسيط لعملية كتابة css بطرقه الثلاث
١) الطريقة الاولى
inline css
٢)الطريقه الثانيه
Embedded css
٣)الطريقه الثالثه
External css
لمشاهدة الفديو السابق
شرح بسيط لعملية تصميم header و footer و content للصفحه مع عمليات التحكم بها (٢)
https://youtu.be/Cw8qCaUck6A
لمتابعتنا على التيليجرام
https://news.1rj.ru/str/toptech11
للتواصل والاستفسار
http://t.me/alsharai11
سيتم في هذا الفيديو شرح بسيط لعملية كتابة css بطرقه الثلاث
١) الطريقة الاولى
inline css
٢)الطريقه الثانيه
Embedded css
٣)الطريقه الثالثه
External css
لمشاهدة الفديو السابق
شرح بسيط لعملية تصميم header و footer و content للصفحه مع عمليات التحكم بها (٢)
https://youtu.be/Cw8qCaUck6A
لمتابعتنا على التيليجرام
https://news.1rj.ru/str/toptech11
للتواصل والاستفسار
http://t.me/alsharai11
YouTube
#05 شرح بسيط لفهم css(cascading style sheet)
سيتم في هذا الفيديو شرح بسيط لعملية كتابة css بطرقه الثلاث
١) الطريقة الاولى
inline css
٢)الطريقه الثانيه
Embedded css
٣)الطريقه الثالثه
External css
لمشاهدة الفديو السابق
شرح بسيط لعملية تصميم header و footer و content للصفحه مع عمليات التحكم بها (٢)
h…
١) الطريقة الاولى
inline css
٢)الطريقه الثانيه
Embedded css
٣)الطريقه الثالثه
External css
لمشاهدة الفديو السابق
شرح بسيط لعملية تصميم header و footer و content للصفحه مع عمليات التحكم بها (٢)
h…
👍4😁1
كيف تعمل CSS ؟
لفهم أساسيات كيفية عمل CSS ، يجب أولاً فهم القليل عن لغة HTML. حيث تكون عناصر صفحات الويب عبارة عن وحدات على أشكال مربعة يحتوي كل منها على عناصر عديدة ويتم تخصيص حجمها وشكلها عن طريق لغة ال CSS .
على سبيل المثال ، رأس الصفحة عبارة عن مربع ، ويحتوي على العديد من الوحدات الأخرى الأصغر التي تضم جميع العناصر التي تشكل رأس الصفحة ، مثل الشعار ، و الناف بار ، و أيقونات التواصل الاجتماعية وما إلى ذلك. باستخدام CSS ، يقوم المطور بتخصيص الشكل والحجم إلى رأس الصفحة .
في هذا المثال ، دعنا نفترض أن المطور يريد جعل النص داخل الرأس أرجوانيًا ، بخط من نوع Arial حجمه 15px .
يمكننا عمل ذلك باستخدام هذا السطر البسيط:
.PageHead{ font-family : Arial , sans-serf; font-size: 15px; color : purple; }
وفي لغة ال CSS يتم تطبيق الخصائص على كل العناصر التي تحمل ال Class or Id المختار في ال CSS، مثلا في الHTML لو تم تعيين Selector واحد لأكثر من عنصر في الصفحة وتم تعيين شكل وخصائص لهذا ال Selector فكل العناصر الحاملة له ستاخذ نفس الخصائص .
لفهم أساسيات كيفية عمل CSS ، يجب أولاً فهم القليل عن لغة HTML. حيث تكون عناصر صفحات الويب عبارة عن وحدات على أشكال مربعة يحتوي كل منها على عناصر عديدة ويتم تخصيص حجمها وشكلها عن طريق لغة ال CSS .
على سبيل المثال ، رأس الصفحة عبارة عن مربع ، ويحتوي على العديد من الوحدات الأخرى الأصغر التي تضم جميع العناصر التي تشكل رأس الصفحة ، مثل الشعار ، و الناف بار ، و أيقونات التواصل الاجتماعية وما إلى ذلك. باستخدام CSS ، يقوم المطور بتخصيص الشكل والحجم إلى رأس الصفحة .
في هذا المثال ، دعنا نفترض أن المطور يريد جعل النص داخل الرأس أرجوانيًا ، بخط من نوع Arial حجمه 15px .
يمكننا عمل ذلك باستخدام هذا السطر البسيط:
.PageHead{ font-family : Arial , sans-serf; font-size: 15px; color : purple; }
وفي لغة ال CSS يتم تطبيق الخصائص على كل العناصر التي تحمل ال Class or Id المختار في ال CSS، مثلا في الHTML لو تم تعيين Selector واحد لأكثر من عنصر في الصفحة وتم تعيين شكل وخصائص لهذا ال Selector فكل العناصر الحاملة له ستاخذ نفس الخصائص .
👍4
اعزائي المتابعين ما هي الخصائص التي تاتي مع الخاصيه background الموجوده في css ؟ و ما الفرق بين الخاصيه background الموجودة في css و التاق image الموجود في تاقات html ؟
❤2👍1
نهنئكم بمناسبة حلول شهر رمضان المبارك اعاده الله علينا و عليكم باليمن و الإيمان.
و كل عام و انتم بخير
و كل عام و انتم بخير
❤2🥰2👍1👏1
https://youtu.be/aGDNhk9GNv4
شرح الخاصيه background و الخواص التابعه لها
Background-color
Background-image
لمشاهدة الفديو السابق
شرح بسيط لعملية كتابة css بطرقه الثلاث
https://youtu.be/QI3gGTkQpuo
لمتابعتنا على التيليجرام
https://news.1rj.ru/str/toptech11
للتواصل والاستفسار
http://t.me/alsharai11
شرح الخاصيه background و الخواص التابعه لها
Background-color
Background-image
لمشاهدة الفديو السابق
شرح بسيط لعملية كتابة css بطرقه الثلاث
https://youtu.be/QI3gGTkQpuo
لمتابعتنا على التيليجرام
https://news.1rj.ru/str/toptech11
للتواصل والاستفسار
http://t.me/alsharai11
YouTube
#06 خواص background (1) css
شرح الخاصيه background و الخواص التابعه لها
Background-color
Background-image
لمشاهدة الفديو السابق
شرح بسيط لعملية كتابة css بطرقه الثلاث
https://youtu.be/QI3gGTkQpuo
لمتابعتنا على التيليجرام
https://news.1rj.ru/str/toptech11
للتواصل والاستفسار
http://t.me/alsharai11
Background-color
Background-image
لمشاهدة الفديو السابق
شرح بسيط لعملية كتابة css بطرقه الثلاث
https://youtu.be/QI3gGTkQpuo
لمتابعتنا على التيليجرام
https://news.1rj.ru/str/toptech11
للتواصل والاستفسار
http://t.me/alsharai11
👍4
https://youtu.be/G4xeR_-PeDc
استكمالا لشرح الخاصيه background و الخواص التابعه لها
background-size
background-repeat
background-position
لمشاهدة الفديو السابق
https://youtu.be/aGDNhk9GNv4
شرح الخاصيه background و الخواص التابعه لها
Background-color
Background-image
لمتابعتنا على التيليجرام
https://news.1rj.ru/str/toptech11
للتواصل والاستفسار
http://t.me/alsharai11
استكمالا لشرح الخاصيه background و الخواص التابعه لها
background-size
background-repeat
background-position
لمشاهدة الفديو السابق
https://youtu.be/aGDNhk9GNv4
شرح الخاصيه background و الخواص التابعه لها
Background-color
Background-image
لمتابعتنا على التيليجرام
https://news.1rj.ru/str/toptech11
للتواصل والاستفسار
http://t.me/alsharai11
YouTube
#07 خواص background (2) css
استكمالا لشرح الخاصيه background و الخواص التابعه لها
background-size
background-repeat
background-position
لمشاهدة الفديو السابق
https://youtu.be/aGDNhk9GNv4
شرح الخاصيه background و الخواص التابعه لها
Background-color
Background-image
لمتابعتنا على التيليجرام…
background-size
background-repeat
background-position
لمشاهدة الفديو السابق
https://youtu.be/aGDNhk9GNv4
شرح الخاصيه background و الخواص التابعه لها
Background-color
Background-image
لمتابعتنا على التيليجرام…
👍4❤1
لعشاق الرسم
https://youtu.be/TZdyQfoV6x8
رابط تحميل اللغة
https://developerinsider.co/download-turbo-c-for-windows-7-8-8-1-and-windows-10-32-64-bit-full-screen/
رابط تحميل برنامج رسمة هلال و نجمه و رمضان مبارك :
https://drive.google.com/file/d/1e-7FbRzevlSSeXA64sqxXt_mU_dY6Y8-/view?usp=drivesdk
لمتابعتنا على التيليجرام
https://news.1rj.ru/str/toptech11
للتواصل والاستفسار
http://t.me/alsharai11
https://youtu.be/TZdyQfoV6x8
رابط تحميل اللغة
https://developerinsider.co/download-turbo-c-for-windows-7-8-8-1-and-windows-10-32-64-bit-full-screen/
رابط تحميل برنامج رسمة هلال و نجمه و رمضان مبارك :
https://drive.google.com/file/d/1e-7FbRzevlSSeXA64sqxXt_mU_dY6Y8-/view?usp=drivesdk
لمتابعتنا على التيليجرام
https://news.1rj.ru/str/toptech11
للتواصل والاستفسار
http://t.me/alsharai11
YouTube
رسم بالحاسوب رسمة هلال و نجمه و رمضان مبارك باستخدام لغة البرمجة سي بلس بلس turbo
رابط تحميل اللغة
https://developerinsider.co/download-turbo-c-for-windows-7-8-8-1-and-windows-10-32-64-bit-full-screen/
رابط تحميل برنامج رسمة هلال و نجمه و رمضان مبارك :
https://drive.google.com/file/d/1e-7FbRzevlSSeXA64sqxXt_mU_dY6Y8-/view?usp=drivesdk…
https://developerinsider.co/download-turbo-c-for-windows-7-8-8-1-and-windows-10-32-64-bit-full-screen/
رابط تحميل برنامج رسمة هلال و نجمه و رمضان مبارك :
https://drive.google.com/file/d/1e-7FbRzevlSSeXA64sqxXt_mU_dY6Y8-/view?usp=drivesdk…
👍3🔥1
برنامج تحويل الاعداد الى نصوص باستخدام c++
#include<iostream>
#include<string>
using namespace std;
int main()
{
string digits[20]={"Zero ","One ","Two ","Three ","Four ","Five ",
"Six ","Seven ","Eight ","Nine ","Ten ","Eleven ","Twelve ",
"Thirteen ","Fourteen ","Fifteen ","Sixteen ","Seventeen ",
"Eighteen ","Nineteen "};
string tens[8]={"Twenty ","Thirty ","Forty ","Fifty ","Sixty ","Seventy ","Eighty ","Ninety "};
int n;
cout << "Insert a Number : ";
cin >> n;
int num[9];
for(int i=8 ; i>=0 ; i--)
{
num[i]=n%10;
n=n/10;
}
bool a=(num[0]+num[1]+num[2] > 0);
bool b=(num[3]+num[4]+num[5] > 0);
bool c=(num[6]+num[7]+num[8] > 0);
cout<<"\n";
for(int k=0 ; k<=6 ; k+=3)
{
if(num[k] != 0)
cout << digits[num[k]] << "Hundred ";
if(num[k+1] > 1)
cout << tens[num[k+1] - 2];
if(num[k+1] == 1)
cout << digits[10 * num[k+1] + num[k+2]];
if(num[k+1]!=1 && num[k+2]!= 0)
cout << digits[num[k+2]];
if(k==0 && a)
{
cout << "Million ";
if(b || c) cout << ",\n";
}
if(k==3 && b)
{
cout << "Thousand ";
if(c) cout << ",\n";
}
}
cout << "\n\n";
return 0;
}
#include<iostream>
#include<string>
using namespace std;
int main()
{
string digits[20]={"Zero ","One ","Two ","Three ","Four ","Five ",
"Six ","Seven ","Eight ","Nine ","Ten ","Eleven ","Twelve ",
"Thirteen ","Fourteen ","Fifteen ","Sixteen ","Seventeen ",
"Eighteen ","Nineteen "};
string tens[8]={"Twenty ","Thirty ","Forty ","Fifty ","Sixty ","Seventy ","Eighty ","Ninety "};
int n;
cout << "Insert a Number : ";
cin >> n;
int num[9];
for(int i=8 ; i>=0 ; i--)
{
num[i]=n%10;
n=n/10;
}
bool a=(num[0]+num[1]+num[2] > 0);
bool b=(num[3]+num[4]+num[5] > 0);
bool c=(num[6]+num[7]+num[8] > 0);
cout<<"\n";
for(int k=0 ; k<=6 ; k+=3)
{
if(num[k] != 0)
cout << digits[num[k]] << "Hundred ";
if(num[k+1] > 1)
cout << tens[num[k+1] - 2];
if(num[k+1] == 1)
cout << digits[10 * num[k+1] + num[k+2]];
if(num[k+1]!=1 && num[k+2]!= 0)
cout << digits[num[k+2]];
if(k==0 && a)
{
cout << "Million ";
if(b || c) cout << ",\n";
}
if(k==3 && b)
{
cout << "Thousand ";
if(c) cout << ",\n";
}
}
cout << "\n\n";
return 0;
}
👍7❤3🔥2
https://youtu.be/a2SzwZz-Jkg
سيتم شرح التاق a و طرق استخدامه
لمشاهدة الفديو السابق
https://youtu.be/G4xeR_-PeDc
لمتابعتنا على التيليجرام
https://news.1rj.ru/str/toptech11
للتواصل والاستفسار
http://t.me/alsharai11
سيتم شرح التاق a و طرق استخدامه
لمشاهدة الفديو السابق
https://youtu.be/G4xeR_-PeDc
لمتابعتنا على التيليجرام
https://news.1rj.ru/str/toptech11
للتواصل والاستفسار
http://t.me/alsharai11
YouTube
#08 شرح بسيط حول التاق anchor (a)
سيتم شرح التاق a و طرق استخدامه
لمشاهدة الفديو السابق
https://youtu.be/G4xeR_-PeDc
لمتابعتنا على التيليجرام
https://news.1rj.ru/str/toptech11
للتواصل والاستفسار
http://t.me/alsharai11
لمشاهدة الفديو السابق
https://youtu.be/G4xeR_-PeDc
لمتابعتنا على التيليجرام
https://news.1rj.ru/str/toptech11
للتواصل والاستفسار
http://t.me/alsharai11
👍3❤1
لعشاق الرسم بالحاسوب
https://youtu.be/O60Cg-Su3qI
https://youtu.be/O60Cg-Su3qI
YouTube
رسم مروحة باستخدام لغة البرمجة TURBO C++
رابط تحميل اللغة
https://developerinsider.co/download-turbo-c-for-windows-7-8-8-1-and-windows-10-32-64-bit-full-screen/
لمشاهدة رسومات اخرى
رسم بالحاسوب رسمة هلال و نجمه و رمضان مبارك باستخدام لغة البرمجة سي بلس بلس turbo
https://youtu.be/TZdyQfoV6x8
#اشكال…
https://developerinsider.co/download-turbo-c-for-windows-7-8-8-1-and-windows-10-32-64-bit-full-screen/
لمشاهدة رسومات اخرى
رسم بالحاسوب رسمة هلال و نجمه و رمضان مبارك باستخدام لغة البرمجة سي بلس بلس turbo
https://youtu.be/TZdyQfoV6x8
#اشكال…
👍3❤2👏1
