لربط ملف CSS بملف HTML في Visual Studio Code (VS Code)، يمكنك اتباع الخطوات التالية:
1. إنشاء ملف HTML وملف CSS:
- افتح VS Code وأنشئ ملف HTML جديد (مثل index.html) وملف CSS جديد (مثل styles.css).
2. إضافة رابط CSS إلى ملف HTML:
- في ملف HTML، استخدم وسم <link> في قسم <head> لربط ملف CSS. يجب أن يكون الشكل كالتالي:
<!DOCTYPE html>
<html lang="ar">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>صفحة تجريبية</title>
<link rel="stylesheet" href="styles.css"> <!-- ربط ملف CSS هنا -->
</head>
<body>
<h1>مرحباً بك في صفحة التجربة!</h1>
</body>
</html>
3. كتابة أكواد CSS:
- افتح ملف styles.css وابدأ بكتابة أنماط CSS. على سبيل المثال:
body {
background-color: lightblue;
font-family: Arial, sans-serif;
}
h1 {
color: darkblue;
text-align: center;
}
4. فتح ملف HTML في متصفح:
- يمكنك فتح ملف index.html في متصفح الويب لرؤية التغييرات. يمكنك القيام بذلك عن طريق النقر بزر الفأرة الأيمن على الملف واختيار "Open with Live Server" إذا كان لديك هذا الامتداد مثبتًا، أو يمكنك فتحه مباشرةً من المتصفح.
بهذا الشكل، سيكون لديك ملف HTML مرتبط بشكل صحيح بملف CSS، وستتمكن من رؤية الأنماط المطبقة على العناصر الموجودة في الصفحة. إذا كان لديك أي استفسارات أخرى، فلا تتردد في طرحها!
1. إنشاء ملف HTML وملف CSS:
- افتح VS Code وأنشئ ملف HTML جديد (مثل index.html) وملف CSS جديد (مثل styles.css).
2. إضافة رابط CSS إلى ملف HTML:
- في ملف HTML، استخدم وسم <link> في قسم <head> لربط ملف CSS. يجب أن يكون الشكل كالتالي:
<!DOCTYPE html>
<html lang="ar">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>صفحة تجريبية</title>
<link rel="stylesheet" href="styles.css"> <!-- ربط ملف CSS هنا -->
</head>
<body>
<h1>مرحباً بك في صفحة التجربة!</h1>
</body>
</html>
3. كتابة أكواد CSS:
- افتح ملف styles.css وابدأ بكتابة أنماط CSS. على سبيل المثال:
body {
background-color: lightblue;
font-family: Arial, sans-serif;
}
h1 {
color: darkblue;
text-align: center;
}
4. فتح ملف HTML في متصفح:
- يمكنك فتح ملف index.html في متصفح الويب لرؤية التغييرات. يمكنك القيام بذلك عن طريق النقر بزر الفأرة الأيمن على الملف واختيار "Open with Live Server" إذا كان لديك هذا الامتداد مثبتًا، أو يمكنك فتحه مباشرةً من المتصفح.
بهذا الشكل، سيكون لديك ملف HTML مرتبط بشكل صحيح بملف CSS، وستتمكن من رؤية الأنماط المطبقة على العناصر الموجودة في الصفحة. إذا كان لديك أي استفسارات أخرى، فلا تتردد في طرحها!
👍2
يا الله نبدأ على بركة الله باساسيات الجافا اللي تحتاجونها حاليًا وهي
scanner
if
for
وراح اسوي شرح على طريقة المقارنة ويَّ c++ علمود تسهللكم باحسن الطرق الممكنة
طبعا بالc++ اذا جنتم تريدون تسوون input, output فتحتاجون المكتبة الثابتة iostream اللي اظن ماكو برنامج العام سويتوه العام اذا ماجان اله علاقة بالمكتبة هاي
for example:
#include<iostream>
using namespace std;
int main()
{
cout << "bya bya c++!" << endl;
return 0;
}
اما بالجافا الوضع مختلف الoutput مايحتاج استدعاء تعلميات او مثل ما انتم تعرفونها "مكتبة"
"هنا مراح تعتبر مكتبة وانما شوي تختلف عنها بس بعدين يتوضح كل شيء"
المهم الoutput مباشرة تكدر تسوونه مثل
public class Main {
public static void main(String[] args) {
System.out.println("Ah, Here we go again");
}
}
ولكن هنالك شيء اسمه سكانر اللي تكدرون تكولون حاليًا انه الinput مالت الجافا فهاي لازم تستدعا قبل البرنامج مثل ماتستدعي المكتبة بc++
فيكون استدعائها هكذا
for example:
import java.util.Scanner;
public class Main {
public static void main(String[] args) {
Scanner scanner = new Scanner(System.in);
System.out.println("What's your name?");
String name = scanner.nextLine();
System.out.println("Hello " + name);
}
}
scanner
if
for
وراح اسوي شرح على طريقة المقارنة ويَّ c++ علمود تسهللكم باحسن الطرق الممكنة
طبعا بالc++ اذا جنتم تريدون تسوون input, output فتحتاجون المكتبة الثابتة iostream اللي اظن ماكو برنامج العام سويتوه العام اذا ماجان اله علاقة بالمكتبة هاي
for example:
#include<iostream>
using namespace std;
int main()
{
cout << "bya bya c++!" << endl;
return 0;
}
اما بالجافا الوضع مختلف الoutput مايحتاج استدعاء تعلميات او مثل ما انتم تعرفونها "مكتبة"
"هنا مراح تعتبر مكتبة وانما شوي تختلف عنها بس بعدين يتوضح كل شيء"
المهم الoutput مباشرة تكدر تسوونه مثل
public class Main {
public static void main(String[] args) {
System.out.println("Ah, Here we go again");
}
}
ولكن هنالك شيء اسمه سكانر اللي تكدرون تكولون حاليًا انه الinput مالت الجافا فهاي لازم تستدعا قبل البرنامج مثل ماتستدعي المكتبة بc++
فيكون استدعائها هكذا
for example:
import java.util.Scanner;
public class Main {
public static void main(String[] args) {
Scanner scanner = new Scanner(System.in);
System.out.println("What's your name?");
String name = scanner.nextLine();
System.out.println("Hello " + name);
}
}
👍1
هنا اول شيء استدعينا تعليمة السكانر
** الS لازم كابتل غيرها البرنامج راح ينفجر ويكلك شجاي تسوي
انوب اذا تدخل للبرنامج راح نلكا
Scanner scanner = new Scanner(System.in);
اولا الScanner الاولى هاي تعتبر class وثابته مايمكنك تغيرها ولا تعدلها ولا شيء لانها مخصصة للقراءة والبرنامج من يشوفها يكول
حلو هذا جاي يطلب قراءة شيء ما
الScanner الثانية اللي بالحقل هي اختيارية حتة تكدر تسميها
Car
Animal
Human
Students
Blah blah blah...
وهو اسم متغير الكائن الجاي تشتغله
الnew scanner هاي تعليمة كلش مهمة وحلوة
مثال توضيحي
import java.util.Scanner;
public class Main {
public static void main(String[] args) {
Scanner scanner = new Scanner(System.in);
System.out.println("How old are you?");
int age = scanner.nextInt();
System.out.println("What's your name?");
String name = scanner.next();
System.out.println("Hello " + name + ", you are " + age + " years old.");
scanner.close();
}
}
** الS لازم كابتل غيرها البرنامج راح ينفجر ويكلك شجاي تسوي
انوب اذا تدخل للبرنامج راح نلكا
Scanner scanner = new Scanner(System.in);
اولا الScanner الاولى هاي تعتبر class وثابته مايمكنك تغيرها ولا تعدلها ولا شيء لانها مخصصة للقراءة والبرنامج من يشوفها يكول
حلو هذا جاي يطلب قراءة شيء ما
الScanner الثانية اللي بالحقل هي اختيارية حتة تكدر تسميها
Car
Animal
Human
Students
Blah blah blah...
وهو اسم متغير الكائن الجاي تشتغله
الnew scanner هاي تعليمة كلش مهمة وحلوة
مثال توضيحي
import java.util.Scanner;
public class Main {
public static void main(String[] args) {
Scanner scanner = new Scanner(System.in);
System.out.println("How old are you?");
int age = scanner.nextInt();
System.out.println("What's your name?");
String name = scanner.next();
System.out.println("Hello " + name + ", you are " + age + " years old.");
scanner.close();
}
}
لحد ينظرله انه كود مطول بس تقراونه راح تشوفوه كلش بسيط ومجرد برنامج يقوم بقراءة الاسم والعمر ومابيه شيء
لكن بالتركيز من قرات المتغير الصحيح حطيت
int age = scanner.nextInt();
ومن قرات متغير string حطيت
String name = scanner.next();
فهنالك فروق بسيطة ولكن ممكن تخرب كودكم فركزوا عليها...
int age = scanner.nextInt();
ومن قرات متغير string حطيت
String name = scanner.next();
فهنالك فروق بسيطة ولكن ممكن تخرب كودكم فركزوا عليها...
طبعا ال nextInt للinteger
int number = scanner.nextInt();
والnextLine للstring
String line = scanner.nextLine();
والnextDouble للdouble (البوينتات)
double decimalNumber = scanner.nextDouble();
والnext لوحدها للstring ايضا
String word = scanner.next();
والnextBoolean لل T, F(0,1)
boolean flag = scanner.nextBoolean();
for example:
import java.util.Scanner;
public class InputExample {
public static void main(String[] args) {
Scanner scanner = new Scanner(System.in);
System.out.println("Enter an integer:");
int number = scanner.nextInt();
scanner.nextLine();
System.out.println("Enter a text:");
String text = scanner.nextLine();
System.out.println("Enter a decimal number:");
double decimalNumber = scanner.nextDouble();
System.out.println("Integer: " + number);
System.out.println("Text: " + text);
System.out.println("Decimal number: " + decimalNumber);
scanner.close();
}
}
اسف بس هذا شيء لازم تحفظونه
int number = scanner.nextInt();
والnextLine للstring
String line = scanner.nextLine();
والnextDouble للdouble (البوينتات)
double decimalNumber = scanner.nextDouble();
والnext لوحدها للstring ايضا
String word = scanner.next();
والnextBoolean لل T, F(0,1)
boolean flag = scanner.nextBoolean();
for example:
import java.util.Scanner;
public class InputExample {
public static void main(String[] args) {
Scanner scanner = new Scanner(System.in);
System.out.println("Enter an integer:");
int number = scanner.nextInt();
scanner.nextLine();
System.out.println("Enter a text:");
String text = scanner.nextLine();
System.out.println("Enter a decimal number:");
double decimalNumber = scanner.nextDouble();
System.out.println("Integer: " + number);
System.out.println("Text: " + text);
System.out.println("Decimal number: " + decimalNumber);
scanner.close();
}
}
اسف بس هذا شيء لازم تحفظونه
👍1
الخنزير يقول : اما نحن واما انتم
نقول له : نحن ثم نحن ونحن وستنتصر المقاومة يانيتناهو مهما طالت مدة الحرب ومهما توسعت ووصلت صدى المعارك والمواجهات
فنحن المستقبل وانتم ومشروعكم مع عملائكم سينتهي ويصبح فعل من الماضي باذن الله".
نقول له : نحن ثم نحن ونحن وستنتصر المقاومة يانيتناهو مهما طالت مدة الحرب ومهما توسعت ووصلت صدى المعارك والمواجهات
فنحن المستقبل وانتم ومشروعكم مع عملائكم سينتهي ويصبح فعل من الماضي باذن الله".
If in java 🥳
نفس إلي اخذناها بال++C
عدنا بال++C عادي إذا تخلي اقواس بعد كل if&else وعادي ماتخلي
وهم هنا نفس الشي بس أفضل تخلون اقواس.
وهمينه خليت example بيها Scanner حته تتعودون 🤝
هذا ex بال++C
using namespace std;
int main(){
int num;
cout<<"enter tne number";
cin>>num;
if(num<0)
cout<<"the number is negetive";
return 0;}
نفس إلي اخذناها بال++C
عدنا بال++C عادي إذا تخلي اقواس بعد كل if&else وعادي ماتخلي
وهم هنا نفس الشي بس أفضل تخلون اقواس.
وهمينه خليت example بيها Scanner حته تتعودون 🤝
هذا ex بال++C
using namespace std;
int main(){
int num;
cout<<"enter tne number";
cin>>num;
if(num<0)
cout<<"the number is negetive";
return 0;}
نفسه بس بjava :
public static void main(String[] args) {
Scanner AA= new Scanner(System.in); System.out.println("enter the number:");
int num=AA.nextInt(); if(num<0)
System.out.println(" the number is negative");
}
}
شلون يشتغل؟
أول شي أنتَ خال مسج للمستخدم يگله يدخل الرقم إلي يريدة بعدين أنتَ مسوي Scanner لمتغير (num) إلي حتكون قيمته الرقم إلي دخله المستخدم
بعدين حيدخل بالif يشوف إذا جان الشرط إلي احنه خالينه متحقق حيطلع المسج إلي كتبنا
وإذا لا ماتحقق الشرط إلي بالif ماراح يطلع اي شي لأنو ماخالين elseاو اي شي ثاني نفس الشي بالضبط بال++C
بس الفرق بطريقة الinput والطباعة
public static void main(String[] args) {
Scanner AA= new Scanner(System.in); System.out.println("enter the number:");
int num=AA.nextInt(); if(num<0)
System.out.println(" the number is negative");
}
}
شلون يشتغل؟
أول شي أنتَ خال مسج للمستخدم يگله يدخل الرقم إلي يريدة بعدين أنتَ مسوي Scanner لمتغير (num) إلي حتكون قيمته الرقم إلي دخله المستخدم
بعدين حيدخل بالif يشوف إذا جان الشرط إلي احنه خالينه متحقق حيطلع المسج إلي كتبنا
وإذا لا ماتحقق الشرط إلي بالif ماراح يطلع اي شي لأنو ماخالين elseاو اي شي ثاني نفس الشي بالضبط بال++C
بس الفرق بطريقة الinput والطباعة
الفرق بينهم
اول شي بالinput
بال++C
cout<<"enter tne number";
cin>>num;
وبالjava
Scanner(System.in); System.out.println("enter the number:");
int num=AA.nextInt();
اول شي بالinput
بال++C
cout<<"enter tne number";
cin>>num;
وبالjava
Scanner(System.in); System.out.println("enter the number:");
int num=AA.nextInt();
والفرق الثاني بالمسج إلي حيطلع(output) إذا الشرط تحقق
C++:
cout<<"the number is negetive";
وبjava
System.out.println(" the number is negative");
C++:
cout<<"the number is negetive";
وبjava
System.out.println(" the number is negative");
وبس شفتوا شگد سهل؟
حته متحتاج هلگد شرح.
any question?
حته متحتاج هلگد شرح.
any question?
exبجافا:
يگلك إذا العدد زوجي أو فردي
public static void main(String[] args) {
Scanner AA= new Scanner(System.in); System.out.println("enter the number:");
int num=AA.nextInt(); if(num%2==0){
System.out.println("the number is even");} else{
System.out.println("the number is odd"); }
}
}
يگلك إذا العدد زوجي أو فردي
public static void main(String[] args) {
Scanner AA= new Scanner(System.in); System.out.println("enter the number:");
int num=AA.nextInt(); if(num%2==0){
System.out.println("the number is even");} else{
System.out.println("the number is odd"); }
}
}
هنا بس خليت else زيادة .
خاف ناسين ال else شلون تشتغل:
هنا حيدخل المستخدم عدد بعد مايدخله حيروح البرنامج لل if إذا الشرط تحقق خير على خير وراح يسوي التعليمة إلي خالها أنتَ(حيگلي العدد زوجي) وينتهي البرنامج.
وإذا لا ماتحقق الشرط راح يروح للelse و يسوي التعليمة إلي خالها بي(حيگلي العدد فردي) من دون شرط.
خاف ناسين ال else شلون تشتغل:
هنا حيدخل المستخدم عدد بعد مايدخله حيروح البرنامج لل if إذا الشرط تحقق خير على خير وراح يسوي التعليمة إلي خالها أنتَ(حيگلي العدد زوجي) وينتهي البرنامج.
وإذا لا ماتحقق الشرط راح يروح للelse و يسوي التعليمة إلي خالها بي(حيگلي العدد فردي) من دون شرط.
يا الله
اليوم ناخذ الfor بالجافا وراح نقارمه وي c++
اليوم ناخذ الfor بالجافا وراح نقارمه وي c++
foe example:
public class HelloWorld {
public static void main(String[] args) {
for (int i = 0; i < 4; i++) {
System.out.println("Hello");
}
}
}
output:
Hello
Hello
Hello
Hello
public class HelloWorld {
public static void main(String[] args) {
for (int i = 0; i < 4; i++) {
System.out.println("Hello");
}
}
}
output:
Hello
Hello
Hello
Hello
خنجيب سؤال
برنامج يقوم بطباعة مجموع 10 اعداد يقوم بوضعها اليوزر
#include <iostream>
using namespace std;
int main() {
int sum = 0;
int number;
cout << "Enter 10 numbers:" << endl;
for (int i = 0; i < 10; i++) {
cin >> number;
sum += number;
}
cout << "Sum of the 10 numbers: " << sum << endl;
return 0;
}
برنامج يقوم بطباعة مجموع 10 اعداد يقوم بوضعها اليوزر
#include <iostream>
using namespace std;
int main() {
int sum = 0;
int number;
cout << "Enter 10 numbers:" << endl;
for (int i = 0; i < 10; i++) {
cin >> number;
sum += number;
}
cout << "Sum of the 10 numbers: " << sum << endl;
return 0;
}
import java.util.Scanner;
public class SumOfTenNumbers {
public static void main(String[] args) {
Scanner scanner = new Scanner(System.in);
int sum = 0;
System.out.println("Enter 10 numbers:");
for (int i = 0; i < 10; i++) {
int number = scanner.nextInt();
sum += number;
}
System.out.println("Sum of the 10 numbers: " + sum);
}
}
public class SumOfTenNumbers {
public static void main(String[] args) {
Scanner scanner = new Scanner(System.in);
int sum = 0;
System.out.println("Enter 10 numbers:");
for (int i = 0; i < 10; i++) {
int number = scanner.nextInt();
sum += number;
}
System.out.println("Sum of the 10 numbers: " + sum);
}
}