🔴 هااااااام جداااااا 🔴
🟧الأخوة الطلاب الكرام
🔸سبق وكلمناكم بدورات طوفان الأقصى العسكرية المفتوحة،،،،
🔸 حيث انه تم التفاهم مع مكتب التعبئة وهناك حل مرضي للجميع حيث سيتم فتح مركز لكل دفعة حسب رغبتها في الوقت مثلا مجموعة حددت لها يومين في الاسبوع او حتى يوم في الاسبوع لمدة ساعتين او حتى ثلاثة ايام في نفس الوقت ماعليكم الا الرفع لاعندي بالوقت المناسب لكم.
🔸علشان نجهز المركز وان شاء الله يكون المركز قريب من كليتنا اما في مركز اللغات والترجمة او كلية اللغات سنوافيكم بالتفاصيل في وقتها
🟧لذلك على كل طالب يريد التسجيل ارسال اسمائهم مع ارقام تلفوناتهم عشان يدخلوا دورات طوفان الاقصى العسكرية
🔸الى البوت:
@USF_SERVER_BOT
🛑سريع عجلوا بالرفع خلال هذا الاسبوع عشان نبدأ
🔰ملتقى الطالب الجامعي🔰
🟧الأخوة الطلاب الكرام
🔸سبق وكلمناكم بدورات طوفان الأقصى العسكرية المفتوحة،،،،
🔸 حيث انه تم التفاهم مع مكتب التعبئة وهناك حل مرضي للجميع حيث سيتم فتح مركز لكل دفعة حسب رغبتها في الوقت مثلا مجموعة حددت لها يومين في الاسبوع او حتى يوم في الاسبوع لمدة ساعتين او حتى ثلاثة ايام في نفس الوقت ماعليكم الا الرفع لاعندي بالوقت المناسب لكم.
🔸علشان نجهز المركز وان شاء الله يكون المركز قريب من كليتنا اما في مركز اللغات والترجمة او كلية اللغات سنوافيكم بالتفاصيل في وقتها
🟧لذلك على كل طالب يريد التسجيل ارسال اسمائهم مع ارقام تلفوناتهم عشان يدخلوا دورات طوفان الاقصى العسكرية
🔸الى البوت:
@USF_SERVER_BOT
🛑سريع عجلوا بالرفع خلال هذا الاسبوع عشان نبدأ
🔰ملتقى الطالب الجامعي🔰
👍4👎1
سلامًا عليكم
سننزل لكم مراجعة لما تم آخذة في هذة اللغات المذكورة أعلاه
ملاحظة: الرسائل بايطولين قليل لكن سهل قد شملين كل شي تم أخذه
أ.#بكيل_عزمان
#تسنيم_قصبه
👇👇👇
Please open Telegram to view this post
VIEW IN TELEGRAM
🤷♀3❤2🤩1🫡1
#مراجعة_html_&_css
CSS
هي لغة تنسيق الويب وتستخدم لتحديد مظهر وتنسيق صفحات الويب. يتم استخدام CSS لتحديد الألوان والخطوط والخلفيات والهوامش والحواف والتدرجات والتراكب والمسافات بين العناصر وغيرها الكثير.
أولاً، يتم ربط ملف CSS بصفحة HTML باستخدام عنصر link في العنوان (head) الخاص بصفحة HTML. يتم وضع هذا العنصر داخل العلامات <head></head> في صفحة HTML. وفيما يلي مثال بسيط على طريقة ربط ملف CSS بصفحة HTML:
مثال
<!DOCTYPE html>
<html>
<head>
<noscript>عنوان الصفحة</noscript>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<!-- محتوى الصفحة يأتي هنا -->
</body>
</html>
في هذا المثال، يوضع ملف CSS في ملف يسمى style.css، ويتم وضع هذا الملف في نفس المجلد الذي يحتوي على ملف HTML.
بعد ذلك، يمكن استخدام بدائيات CSS لتنسيق الصفحة. وفيما يلي بعض البدائيات الشائعة في CSS:
بداية العنصر ونهايته: تستخدم البداية والنهاية لتحديد العنصر الذي تريد تنسيقه في صفحتك. يتم وضع الاسم الخاص بالعنصر بين قوسين مثل { } ويتم وضع جميع الخصائص والقيم داخل هذه القوسين. على سبيل المثال، لتحديد العنوان في الصفحة، يمكن استخدام البداية والنهاية على النحو التالي:
h1 {
color: red;
font-size: 36px;
}
الخصائص والقيم: تستخدم الخصائص والقيم لتحديد تنسيق العنصر. الخصائص هي الخصائص التي تريد تغييرها، مثل اللون والحجم والخط والخلفية والهام
أما القيم، فهي القيم التي تريد تطبيقها على الخاصية المحددة. يتم وضع الخاصية والقيمة بين قوسين، مع فاصلة منقوطة بين كل خاصية وقيمة، على سبيل المثال:
css
h1 {
color: red;
font-size: 36px;
background-color: yellow;
margin-top: 20px;
}
الانتقاء (Selector): هو الجزء الذي يسمح لك باختيار عناصر معينة على صفحتك وتطبيق تنسيق معين عليها. يمكن اختيار العناصر بشكل مباشر باستخدام اسم العنصر، أو باستخدام الـ class أو الـ ID. على سبيل المثال:
اختيار عنصر div مباشرة:
div {
color: blue;
}
اختيار العناصر التي لديها نفس الـ class:
مثال
.my-class {
background-color: yellow;
}
اختيار العنصر الذي لديه معرف محدد:
مثال
#my-id {
font-size: 24px;
}
تركيب الانتقاء: يمكن تركيب الانتقاء لاختيار العناصر بدقة أكبر. على سبيل المثال، يمكن تحديد الفقرة داخل عنصر div على النحو التالي:
css
div p {
color: green;
}
التعليقات: يمكن استخدام التعليقات في CSS لتوضيح الكود والتعليق على الأكواد الخاصة بك. يتم وضع التعليقات بين علامتي /* */ ، على سبيل المثال:
/* هذا تعليق في CSS */
h1 {
color: red; /* هذا تعليق آخر */
}
في النهاية، يمكن استخدام هذه البدائيات والعديد من الأوامر الأخرى في CSS لإنشاء تصميمات ومظاهر مختلفة لصفحات الويب.
CSS
هي لغة تنسيق الويب وتستخدم لتحديد مظهر وتنسيق صفحات الويب. يتم استخدام CSS لتحديد الألوان والخطوط والخلفيات والهوامش والحواف والتدرجات والتراكب والمسافات بين العناصر وغيرها الكثير.
أولاً، يتم ربط ملف CSS بصفحة HTML باستخدام عنصر link في العنوان (head) الخاص بصفحة HTML. يتم وضع هذا العنصر داخل العلامات <head></head> في صفحة HTML. وفيما يلي مثال بسيط على طريقة ربط ملف CSS بصفحة HTML:
مثال
<!DOCTYPE html>
<html>
<head>
<noscript>عنوان الصفحة</noscript>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<!-- محتوى الصفحة يأتي هنا -->
</body>
</html>
في هذا المثال، يوضع ملف CSS في ملف يسمى style.css، ويتم وضع هذا الملف في نفس المجلد الذي يحتوي على ملف HTML.
بعد ذلك، يمكن استخدام بدائيات CSS لتنسيق الصفحة. وفيما يلي بعض البدائيات الشائعة في CSS:
بداية العنصر ونهايته: تستخدم البداية والنهاية لتحديد العنصر الذي تريد تنسيقه في صفحتك. يتم وضع الاسم الخاص بالعنصر بين قوسين مثل { } ويتم وضع جميع الخصائص والقيم داخل هذه القوسين. على سبيل المثال، لتحديد العنوان في الصفحة، يمكن استخدام البداية والنهاية على النحو التالي:
h1 {
color: red;
font-size: 36px;
}
الخصائص والقيم: تستخدم الخصائص والقيم لتحديد تنسيق العنصر. الخصائص هي الخصائص التي تريد تغييرها، مثل اللون والحجم والخط والخلفية والهام
أما القيم، فهي القيم التي تريد تطبيقها على الخاصية المحددة. يتم وضع الخاصية والقيمة بين قوسين، مع فاصلة منقوطة بين كل خاصية وقيمة، على سبيل المثال:
css
h1 {
color: red;
font-size: 36px;
background-color: yellow;
margin-top: 20px;
}
الانتقاء (Selector): هو الجزء الذي يسمح لك باختيار عناصر معينة على صفحتك وتطبيق تنسيق معين عليها. يمكن اختيار العناصر بشكل مباشر باستخدام اسم العنصر، أو باستخدام الـ class أو الـ ID. على سبيل المثال:
اختيار عنصر div مباشرة:
div {
color: blue;
}
اختيار العناصر التي لديها نفس الـ class:
مثال
.my-class {
background-color: yellow;
}
اختيار العنصر الذي لديه معرف محدد:
مثال
#my-id {
font-size: 24px;
}
تركيب الانتقاء: يمكن تركيب الانتقاء لاختيار العناصر بدقة أكبر. على سبيل المثال، يمكن تحديد الفقرة داخل عنصر div على النحو التالي:
css
div p {
color: green;
}
التعليقات: يمكن استخدام التعليقات في CSS لتوضيح الكود والتعليق على الأكواد الخاصة بك. يتم وضع التعليقات بين علامتي /* */ ، على سبيل المثال:
/* هذا تعليق في CSS */
h1 {
color: red; /* هذا تعليق آخر */
}
في النهاية، يمكن استخدام هذه البدائيات والعديد من الأوامر الأخرى في CSS لإنشاء تصميمات ومظاهر مختلفة لصفحات الويب.
👍4❤1
يمكن استخدام العديد من الأوامر في لغة CSS لتنسيق وتخصيص صفحات الويب. فيما يلي بعض الأوامر الأساسية وشرح مختصر لكل منها، بالإضافة إلى أمثلة لتوضيح كيفية استخدامها:
الخاصية "color": تستخدم لتحديد لون النص في الصفحة، يتم تحديد القيمة باسم اللون أو برمز اللون، على سبيل المثال:
css
h1 {
color: red;
}
الخاصية "background-color": تستخدم لتحديد لون خلفية العنصر، يتم تحديد القيمة باسم اللون أو برمز اللون، على سبيل المثال:
css
body {
background-color: yellow;
}
الخاصية "font-size": تستخدم لتحديد حجم الخط، يمكن تحديد الحجم بالنسبة المئوية أو بالبكسل، على سبيل المثال:
css
p {
font-size: 16px;
}
الخاصية "font-family": تستخدم لتحديد نوع الخط المستخدم في الصفحة، يمكن تحديد أكثر من نوع خط في حال لم يتم العثور على النوع الأول، على سبيل المثال:
css
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
الخاصية "text-align": تستخدم لتحديد موضع النص في العنصر، مثل الوسط أو اليمين أو اليسار، على سبيل المثال:
css
h1 {
text-align: center;
}
الخاصية "border": تستخدم لإضافة إطار حول العنصر، يمكن تحديد عرض ونمط الإطار ولونه، على سبيل المثال:
css
div {
border: 2px solid black;
}
الخاصية "padding": تستخدم لتحديد المسافة بين حدود العنصر ومحتواه الداخلي، على سبيل المثال:
div {
padding: 10px;
}
الخاصية "margin": تستخدم لتحديد المسافة بين حدود العنصر والعناصر الأخرى المحيطة به
div {
margin: 10px;
}
الخاصية "display": تستخدم لتحديد نوع عرض العنصر، مثل العرض بشكل متساوٍ أو كتلة أو شريط أو غيره، على سبيل المثال:
css
ul {
display: inline-block;
}
الخاصية "float": تستخدم لتحديد تمركز العنصر إلى اليمين أو اليسار، ويستخدم عادةً مع الخاصية display لتحديد توزيع العناصر، على سبيل المثال:
css
img {
float: left;
margin-right: 20px;
}
الخاصية "height": تستخدم لتحديد ارتفاع العنصر، يمكن تحديد الارتفاع بالنسبة المئوية أو بالبكسل، على سبيل المثال:
css
div {
height: 200px;
}
الخاصية "width": تستخدم لتحديد عرض العنصر، يمكن تحديد العرض بالنسبة المئوية أو بالبكسل، على سبيل المثال:
css
img {
width: 100%;
}
الخاصية "position": تستخدم لتحديد موقع العنصر بالنسبة لعنصر آخر، ويمكن تحديد القيمة بما في ذلك "static" و "relative" و "absolute" و "fixed"، على سبيل المثال:
css
div {
position: absolute;
top: 50px;
left: 50px;
}
الخاصية "z-index": تستخدم لتحديد ترتيب الطبقات الظاهرة للعناصر، والطبقة الأعلى تكون الأمامية، على سبيل المثال:
css
div {
z-index: 1;
}
الخاصية "color": تستخدم لتحديد لون النص في الصفحة، يتم تحديد القيمة باسم اللون أو برمز اللون، على سبيل المثال:
css
h1 {
color: red;
}
الخاصية "background-color": تستخدم لتحديد لون خلفية العنصر، يتم تحديد القيمة باسم اللون أو برمز اللون، على سبيل المثال:
css
body {
background-color: yellow;
}
الخاصية "font-size": تستخدم لتحديد حجم الخط، يمكن تحديد الحجم بالنسبة المئوية أو بالبكسل، على سبيل المثال:
css
p {
font-size: 16px;
}
الخاصية "font-family": تستخدم لتحديد نوع الخط المستخدم في الصفحة، يمكن تحديد أكثر من نوع خط في حال لم يتم العثور على النوع الأول، على سبيل المثال:
css
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
الخاصية "text-align": تستخدم لتحديد موضع النص في العنصر، مثل الوسط أو اليمين أو اليسار، على سبيل المثال:
css
h1 {
text-align: center;
}
الخاصية "border": تستخدم لإضافة إطار حول العنصر، يمكن تحديد عرض ونمط الإطار ولونه، على سبيل المثال:
css
div {
border: 2px solid black;
}
الخاصية "padding": تستخدم لتحديد المسافة بين حدود العنصر ومحتواه الداخلي، على سبيل المثال:
div {
padding: 10px;
}
الخاصية "margin": تستخدم لتحديد المسافة بين حدود العنصر والعناصر الأخرى المحيطة به
div {
margin: 10px;
}
الخاصية "display": تستخدم لتحديد نوع عرض العنصر، مثل العرض بشكل متساوٍ أو كتلة أو شريط أو غيره، على سبيل المثال:
css
ul {
display: inline-block;
}
الخاصية "float": تستخدم لتحديد تمركز العنصر إلى اليمين أو اليسار، ويستخدم عادةً مع الخاصية display لتحديد توزيع العناصر، على سبيل المثال:
css
img {
float: left;
margin-right: 20px;
}
الخاصية "height": تستخدم لتحديد ارتفاع العنصر، يمكن تحديد الارتفاع بالنسبة المئوية أو بالبكسل، على سبيل المثال:
css
div {
height: 200px;
}
الخاصية "width": تستخدم لتحديد عرض العنصر، يمكن تحديد العرض بالنسبة المئوية أو بالبكسل، على سبيل المثال:
css
img {
width: 100%;
}
الخاصية "position": تستخدم لتحديد موقع العنصر بالنسبة لعنصر آخر، ويمكن تحديد القيمة بما في ذلك "static" و "relative" و "absolute" و "fixed"، على سبيل المثال:
css
div {
position: absolute;
top: 50px;
left: 50px;
}
الخاصية "z-index": تستخدم لتحديد ترتيب الطبقات الظاهرة للعناصر، والطبقة الأعلى تكون الأمامية، على سبيل المثال:
css
div {
z-index: 1;
}
👍4
طريقة التضمين الاوامر في نفس صفحة html
لقد قدمت لك بعض الأوامر الأساسية في لغة CSS والتي يمكن استخدامها لتخصيص صفحات الويب بشكل أفضل. ويمكن استخدام هذه الأوامر بالتنسيق المناسب لتطبيق تصميم وتخصيص لصفحات الويب.
عند استخدام لغة CSS، يتم تضمينها في الصفحة HTML باستخدام عنصر style. على سبيل المثال، إذا كنت تريد تطبيق أحد الأوامر المذكورة أعلاه، فيمكنك كتابة الشفرة التالية:
html
<!DOCTYPE html>
<html>
<head>
<style>
/* تحديد لون خلفية الصفحة */
body {
background-color: #f8f8f8;
}
/* تحديد لون خطوط العنوان */
h1 {
color: blue;
}
/* تحديد حجم الخط المستخدم داخل الفقرة */
p {
font-size: 18px;
}
/* تحديد حدود الصندوق الذي يحتوي على العناصر */
.container {
border: 2px solid black;
padding: 10px;
margin: 20px;
}
</style>
</head>
<body>
<div class="container">
<h1>عنوان الصفحة</h1>
<p>هذه هي فقرة في الصفحة.</p>
</div>
</body>
</html>
في هذا المثال، تم استخدام أربعة من الأوامر الأساسية في لغة CSS لتخصيص الصفحة بشكل أفضل. تم تحديد لون خلفية الصفحة، وتحديد لون خطوط العنوان، وتحديد حجم الخط المستخدم داخل الفقرة، وتحديد حدود الصندوق الذي يحتوي على العناصر. ويمكن أن يساعد هذا المثال في فهم كيفية استخدام لغة CSS لتخصيص صفحات الويب.
لقد قدمت لك بعض الأوامر الأساسية في لغة CSS والتي يمكن استخدامها لتخصيص صفحات الويب بشكل أفضل. ويمكن استخدام هذه الأوامر بالتنسيق المناسب لتطبيق تصميم وتخصيص لصفحات الويب.
عند استخدام لغة CSS، يتم تضمينها في الصفحة HTML باستخدام عنصر style. على سبيل المثال، إذا كنت تريد تطبيق أحد الأوامر المذكورة أعلاه، فيمكنك كتابة الشفرة التالية:
html
<!DOCTYPE html>
<html>
<head>
<style>
/* تحديد لون خلفية الصفحة */
body {
background-color: #f8f8f8;
}
/* تحديد لون خطوط العنوان */
h1 {
color: blue;
}
/* تحديد حجم الخط المستخدم داخل الفقرة */
p {
font-size: 18px;
}
/* تحديد حدود الصندوق الذي يحتوي على العناصر */
.container {
border: 2px solid black;
padding: 10px;
margin: 20px;
}
</style>
</head>
<body>
<div class="container">
<h1>عنوان الصفحة</h1>
<p>هذه هي فقرة في الصفحة.</p>
</div>
</body>
</html>
في هذا المثال، تم استخدام أربعة من الأوامر الأساسية في لغة CSS لتخصيص الصفحة بشكل أفضل. تم تحديد لون خلفية الصفحة، وتحديد لون خطوط العنوان، وتحديد حجم الخط المستخدم داخل الفقرة، وتحديد حدود الصندوق الذي يحتوي على العناصر. ويمكن أن يساعد هذا المثال في فهم كيفية استخدام لغة CSS لتخصيص صفحات الويب.
👍1
<img> هو علامة HTML التي تستخدم لإضافة صورة إلى مستند HTML. يمكن استخدام العلامة لإضافة صورة من الخادم الخاص بك أو من موقع ويب آخر. يتم استخدام العلامة كالتالي:
<img src="URL" alt="الوصف">
المعلمات المهمة هي:
src: يحدد موقع الصورة. يمكن أن يكون مسار الصورة من الخادم الخادم الخاص بك أو من موقع ويب آخر.
alt: يستخدم لتوفير وصف للصورة. يساعد المستخدمين البصريين في فهم ما يتم عرضه.
<img src="URL" alt="الوصف">
المعلمات المهمة هي:
src: يحدد موقع الصورة. يمكن أن يكون مسار الصورة من الخادم الخادم الخاص بك أو من موقع ويب آخر.
alt: يستخدم لتوفير وصف للصورة. يساعد المستخدمين البصريين في فهم ما يتم عرضه.
Div هو عنصر HTML الذي يستخدم لتجزئة المحتوى الموجود على صفحة ويب. يستخدم Div لتحديد مناطق معينة من المحتوى والتي يمكن تنسيقها باستخدام CSS.
مثال:
<div>
<h1>عنوان الموقع</h1>
<p>هذا هو النص الذي سيظهر في الموقع.</p>
</div>
مثال:
<div>
<h1>عنوان الموقع</h1>
<p>هذا هو النص الذي سيظهر في الموقع.</p>
</div>
👍1
a هو علامة HTML التي تستخدم لإنشاء وصلة إلى موقع ويب آخر. يمكن استخدامها لإنشاء وصلة إلى صفحة ويب محددة أو لتحويل المستخدمين إلى موقع ويب آخر.
تطبيق a يبدأ بوضع العلامة التالية في المستند HTML:
<a href="URL">Link Text</a>
هناك عدة معاملات يمكن استخدامها مع a. لتوضيح هذا الموضوع ، نستخدم المعاملات التالية:
href: يستخدم هذا المعامل لتحديد الرابط الذي يريد المستخدم الوصول إليه.
target: يستخدم هذا المعامل لتحديد كيفية فتح الرابط. استخدام "_blank" سيفتح الرابط في نافذة مستندة جديدة.
rel: يستخدم هذا المعامل لتعريف العلاقة بين الرابط والوسائط.
noscript: يستخدم هذا المعامل لوصف الرابط.
تطبيق a يبدأ بوضع العلامة التالية في المستند HTML:
<a href="URL">Link Text</a>
هناك عدة معاملات يمكن استخدامها مع a. لتوضيح هذا الموضوع ، نستخدم المعاملات التالية:
href: يستخدم هذا المعامل لتحديد الرابط الذي يريد المستخدم الوصول إليه.
target: يستخدم هذا المعامل لتحديد كيفية فتح الرابط. استخدام "_blank" سيفتح الرابط في نافذة مستندة جديدة.
rel: يستخدم هذا المعامل لتعريف العلاقة بين الرابط والوسائط.
noscript: يستخدم هذا المعامل لوصف الرابط.
يمكن استخدام علامة الوسم <audio> لتشغيل الصوت في HTML. يمكن تحديد مصدر الصوت باستخدام السمة src والعناصر الفرعية التالية:
- <source> : يستخدم لتحديد مصدر الصوت.
- <track> : يستخدم لتحديد ملفات الترجمة.
- <embed> : يستخدم لتضمين ملفات الوسائط المضمنة.
علامة الوسم <video> يستخدم لعرض الفيديو في HTML. يمكن تحديد مصدر الفيديو باستخدام السمة src والعناصر الفرعية التالية:
- <source> : يستخدم لتحديد مصدر الفيديو.
- <track> : يستخدم لتحديد ملفات الترجمة.
- <embed> : يستخدم لتضمين ملفات الوسائط المضمنة.
- <source> : يستخدم لتحديد مصدر الصوت.
- <track> : يستخدم لتحديد ملفات الترجمة.
- <embed> : يستخدم لتضمين ملفات الوسائط المضمنة.
علامة الوسم <video> يستخدم لعرض الفيديو في HTML. يمكن تحديد مصدر الفيديو باستخدام السمة src والعناصر الفرعية التالية:
- <source> : يستخدم لتحديد مصدر الفيديو.
- <track> : يستخدم لتحديد ملفات الترجمة.
- <embed> : يستخدم لتضمين ملفات الوسائط المضمنة.
👍1
<table>
<tr>
<th>Name</th>
<th>Age</th>
<th>City</th>
</tr>
<tr>
<td>John</td>
<td>25</td>
<td>New York</td>
</tr>
<tr>
<td>Jane</td>
<td>30</td>
<td>Los Angeles</td>
</tr>
<tr>
<td>Bob</td>
<td>20</td>
<td>Chicago</td>
</tr>
</table>
<tr>
<th>Name</th>
<th>Age</th>
<th>City</th>
</tr>
<tr>
<td>John</td>
<td>25</td>
<td>New York</td>
</tr>
<tr>
<td>Jane</td>
<td>30</td>
<td>Los Angeles</td>
</tr>
<tr>
<td>Bob</td>
<td>20</td>
<td>Chicago</td>
</tr>
</table>
nav هو عبارة عن عنصر HTML الذي يستخدم لإنشاء قائمة بالروابط التي تساعد المستخدمين في التنقل بين الصفحات المختلفة في موقع الويب. يمكن استخدام عنصر nav لإنشاء قائمة بالروابط التي تساعد المستخدمين في التنقل بين الصفحات المختلفة في موقع الويب.
التطبيق:
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
التطبيق:
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
👍2
<right>
هو علامة HTML تستخدم لتحديد المحتوى الذي يجب أن يتم التحكم فيه من اليمين. يتم استخدامها عادة مع العناصر النصية لتحديد موقع النص على الشاشة.
هو علامة HTML تستخدم لتحديد المحتوى الذي يجب أن يتم التحكم فيه من اليمين. يتم استخدامها عادة مع العناصر النصية لتحديد موقع النص على الشاشة.
وسم label يستخدم لتعريف الحقول في نموذج HTML. يمكن استخدامه لتوضيح ما يجب على المستخدم إدخاله أو اختياره. ويمكن استخدامه لوصل الحقل إلى وسم التسمية المرتبط به.
<form>
<label for="name">Name:</label>
<input type="text" id="name" name="name">
</form>
<form>
<label for="name">Name:</label>
<input type="text" id="name" name="name">
</form>
<form>
<label for="name">Name:</label>
<input type="text" id="name" name="name" required>
<input type="submit" value="Submit">
</form>
يطلب القيمه اجباريه
<label for="name">Name:</label>
<input type="text" id="name" name="name" required>
<input type="submit" value="Submit">
</form>
يطلب القيمه اجباريه
<input type="text" placeholder="أدخل اسمك هنا">
يعرض نص اولي للخانه
يعرض نص اولي للخانه
يمكن استخدام العديد من الأوامر في لغة CSS لتنسيق وتخصيص صفحات الويب. فيما يلي بعض الأوامر الأساسية وشرح مختصر لكل منها، بالإضافة إلى أمثلة لتوضيح كيفية استخدامها:
الخاصية "color": تستخدم لتحديد لون النص في الصفحة، يتم تحديد القيمة باسم اللون أو برمز اللون، على سبيل المثال:
css
h1 {
color: red;
}
الخاصية "background-color": تستخدم لتحديد لون خلفية العنصر، يتم تحديد القيمة باسم اللون أو برمز اللون، على سبيل المثال:
css
body {
background-color: yellow;
}
الخاصية "font-size": تستخدم لتحديد حجم الخط، يمكن تحديد الحجم بالنسبة المئوية أو بالبكسل، على سبيل المثال:
css
p {
font-size: 16px;
}
الخاصية "font-family": تستخدم لتحديد نوع الخط المستخدم في الصفحة، يمكن تحديد أكثر من نوع خط في حال لم يتم العثور على النوع الأول، على سبيل المثال:
css
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
الخاصية "text-align": تستخدم لتحديد موضع النص في العنصر، مثل الوسط أو اليمين أو اليسار، على سبيل المثال:
css
h1 {
text-align: center;
}
الخاصية "border": تستخدم لإضافة إطار حول العنصر، يمكن تحديد عرض ونمط الإطار ولونه، على سبيل المثال:
css
div {
border: 2px solid black;
}
الخاصية "padding": تستخدم لتحديد المسافة بين حدود العنصر ومحتواه الداخلي، على سبيل المثال:
div {
padding: 10px;
}
الخاصية "margin": تستخدم لتحديد المسافة بين حدود العنصر والعناصر الأخرى المحيطة به
div {
margin: 10px;
}
الخاصية "display": تستخدم لتحديد نوع عرض العنصر، مثل العرض بشكل متساوٍ أو كتلة أو شريط أو غيره، على سبيل المثال:
css
ul {
display: inline-block;
}
الخاصية "float": تستخدم لتحديد تمركز العنصر إلى اليمين أو اليسار، ويستخدم عادةً مع الخاصية display لتحديد توزيع العناصر، على سبيل المثال:
css
img {
float: left;
margin-right: 20px;
}
الخاصية "height": تستخدم لتحديد ارتفاع العنصر، يمكن تحديد الارتفاع بالنسبة المئوية أو بالبكسل، على سبيل المثال:
css
div {
height: 200px;
}
الخاصية "width": تستخدم لتحديد عرض العنصر، يمكن تحديد العرض بالنسبة المئوية أو بالبكسل، على سبيل المثال:
css
img {
width: 100%;
}
الخاصية "position": تستخدم لتحديد موقع العنصر بالنسبة لعنصر آخر، ويمكن تحديد القيمة بما في ذلك "static" و "relative" و "absolute" و "fixed"، على سبيل المثال:
css
div {
position: absolute;
top: 50px;
left: 50px;
}
الخاصية "z-index": تستخدم لتحديد ترتيب الطبقات الظاهرة للعناصر، والطبقة الأعلى تكون الأمامية، على سبيل المثال:
css
div {
z-index: 1;
}
الخاصية "color": تستخدم لتحديد لون النص في الصفحة، يتم تحديد القيمة باسم اللون أو برمز اللون، على سبيل المثال:
css
h1 {
color: red;
}
الخاصية "background-color": تستخدم لتحديد لون خلفية العنصر، يتم تحديد القيمة باسم اللون أو برمز اللون، على سبيل المثال:
css
body {
background-color: yellow;
}
الخاصية "font-size": تستخدم لتحديد حجم الخط، يمكن تحديد الحجم بالنسبة المئوية أو بالبكسل، على سبيل المثال:
css
p {
font-size: 16px;
}
الخاصية "font-family": تستخدم لتحديد نوع الخط المستخدم في الصفحة، يمكن تحديد أكثر من نوع خط في حال لم يتم العثور على النوع الأول، على سبيل المثال:
css
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
الخاصية "text-align": تستخدم لتحديد موضع النص في العنصر، مثل الوسط أو اليمين أو اليسار، على سبيل المثال:
css
h1 {
text-align: center;
}
الخاصية "border": تستخدم لإضافة إطار حول العنصر، يمكن تحديد عرض ونمط الإطار ولونه، على سبيل المثال:
css
div {
border: 2px solid black;
}
الخاصية "padding": تستخدم لتحديد المسافة بين حدود العنصر ومحتواه الداخلي، على سبيل المثال:
div {
padding: 10px;
}
الخاصية "margin": تستخدم لتحديد المسافة بين حدود العنصر والعناصر الأخرى المحيطة به
div {
margin: 10px;
}
الخاصية "display": تستخدم لتحديد نوع عرض العنصر، مثل العرض بشكل متساوٍ أو كتلة أو شريط أو غيره، على سبيل المثال:
css
ul {
display: inline-block;
}
الخاصية "float": تستخدم لتحديد تمركز العنصر إلى اليمين أو اليسار، ويستخدم عادةً مع الخاصية display لتحديد توزيع العناصر، على سبيل المثال:
css
img {
float: left;
margin-right: 20px;
}
الخاصية "height": تستخدم لتحديد ارتفاع العنصر، يمكن تحديد الارتفاع بالنسبة المئوية أو بالبكسل، على سبيل المثال:
css
div {
height: 200px;
}
الخاصية "width": تستخدم لتحديد عرض العنصر، يمكن تحديد العرض بالنسبة المئوية أو بالبكسل، على سبيل المثال:
css
img {
width: 100%;
}
الخاصية "position": تستخدم لتحديد موقع العنصر بالنسبة لعنصر آخر، ويمكن تحديد القيمة بما في ذلك "static" و "relative" و "absolute" و "fixed"، على سبيل المثال:
css
div {
position: absolute;
top: 50px;
left: 50px;
}
الخاصية "z-index": تستخدم لتحديد ترتيب الطبقات الظاهرة للعناصر، والطبقة الأعلى تكون الأمامية، على سبيل المثال:
css
div {
z-index: 1;
}
👍2🫡2
البداية من هنا 👇👇
https://news.1rj.ru/str/USF_Computer_CYS_2/2235
#بكيل_عزمان
#تسنيم_قصبه
Please open Telegram to view this post
VIEW IN TELEGRAM
Telegram
أمن سيبراني 2 جامعة صنعاء
🚨🚨🚨 مراجعة HTML& CSS🚨🚨🚨
سلامًا عليكم
سننزل لكم مراجعة لما تم آخذة في هذة اللغات المذكورة أعلاه
ملاحظة: الرسائل بايطولين قليل لكن سهل قد شملين كل شي تم أخذه
أ.#بكيل_عزمان
#تسنيم_قصبه
👇👇👇
سلامًا عليكم
سننزل لكم مراجعة لما تم آخذة في هذة اللغات المذكورة أعلاه
ملاحظة: الرسائل بايطولين قليل لكن سهل قد شملين كل شي تم أخذه
أ.#بكيل_عزمان
#تسنيم_قصبه
👇👇👇
👍2🫡2❤1
🟡اللجنة العلمية CYS 2🟡
من المحاضرة الأولى إلى الرابعة عملي
#ملخص عبارة عن أسئلة لما تم أخذه
🟨Object_Oriented_Programming 🟨
#Chapter_1_2_3_4
#Week_1_2_3_4
#Level_2
#Cyber_Security
#Object_Oriented_Programming
https://news.1rj.ru/str/CYS2MCQ/1420
#لجميع_الجروبات.
أ.#ايمان_الزلب
#اسئلة👇🏻
من المحاضرة الأولى إلى الرابعة عملي
#ملخص عبارة عن أسئلة لما تم أخذه
🟨Object_Oriented_Programming 🟨
#Chapter_1_2_3_4
#Week_1_2_3_4
#Level_2
#Cyber_Security
#Object_Oriented_Programming
https://news.1rj.ru/str/CYS2MCQ/1420
#لجميع_الجروبات.
أ.#ايمان_الزلب
#اسئلة👇🏻
Telegram
🔰 CYS 2 MCQ 🔰
🟡اللجنة العلمية CYS 2🟡
من المحاضرة الأولى إلى الرابعة عملي
#ملخص عبارة عن أسئلة لما تم أخذه
🟨Object_Oriented_Programming 🟨
#Chapter_1_2_3_4
#Week_1_2_3_4
#Level_2
#Cyber_Security
#Object_Oriented_Programming
#لجميع_الجروبات.
أ.#ايمان_الزلب
#اسئلة👇🏻
من المحاضرة الأولى إلى الرابعة عملي
#ملخص عبارة عن أسئلة لما تم أخذه
🟨Object_Oriented_Programming 🟨
#Chapter_1_2_3_4
#Week_1_2_3_4
#Level_2
#Cyber_Security
#Object_Oriented_Programming
#لجميع_الجروبات.
أ.#ايمان_الزلب
#اسئلة👇🏻
🫡2❤1👍1
🔸هذا كتاب الاحصاء
🔸 تأكدت من الدكتور انه هذا
🔸مقرر الدكتور سعيد الطوقي
🔴🔴
🔸سعر الكتاب 1200
🔸في مكتبة النويدي الذي بجانب الشريعة.
اذا بتشتروا على شكل دفعة ممكن اتفاهم معه علشان يخفض سعر الكتاب الى حوالي 1000 او 800 على حسب القدرة وانتوا فكروا ورجعوني خبر.
بالتوفيق
🔸 تأكدت من الدكتور انه هذا
🔸مقرر الدكتور سعيد الطوقي
🔴🔴
🔸سعر الكتاب 1200
🔸في مكتبة النويدي الذي بجانب الشريعة.
اذا بتشتروا على شكل دفعة ممكن اتفاهم معه علشان يخفض سعر الكتاب الى حوالي 1000 او 800 على حسب القدرة وانتوا فكروا ورجعوني خبر.
بالتوفيق
👍6
أمن سيبراني الدفعة الثانيـــ2ــة جامعة صنعاء
التكليف الثاني.pdf
لاتنسوا ماتجهزوا التكليف حق الاستاذه انوار
عادني ذكرت ذحين
المهم جهزوه بانسلمه غد
والذي فاضي يجهز لي وله 😁
انا والله ماشقدر اجهزه 🥹
Please open Telegram to view this post
VIEW IN TELEGRAM
❤9👎2🫡2