<img> هو علامة HTML التي تستخدم لإضافة صورة إلى مستند HTML. يمكن استخدام العلامة لإضافة صورة من الخادم الخاص بك أو من موقع ويب آخر. يتم استخدام العلامة كالتالي:

<img src="URL" alt="الوصف">

المعلمات المهمة هي:

src: يحدد موقع الصورة. يمكن أن يكون مسار الصورة من الخادم الخادم الخاص بك أو من موقع ويب آخر.

alt: يستخدم لتوفير وصف للصورة. يساعد المستخدمين البصريين في فهم ما يتم عرضه.

Div هو عنصر HTML الذي يستخدم لتجزئة المحتوى الموجود على صفحة ويب. يستخدم Div لتحديد مناطق معينة من المحتوى والتي يمكن تنسيقها باستخدام CSS.

مثال:

<div>
    <h1>عنوان الموقع</h1>
    <p>هذا هو النص الذي سيظهر في الموقع.</p>
</div>

a هو علامة HTML التي تستخدم لإنشاء وصلة إلى موقع ويب آخر. يمكن استخدامها لإنشاء وصلة إلى صفحة ويب محددة أو لتحويل المستخدمين إلى موقع ويب آخر.

تطبيق 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> : يستخدم لتضمين ملفات الوسائط المضمنة.

<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>

<right>

هو علامة 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" 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;
}

🟡اللجنة العلمية 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

#لجميع_الجروبات.
أ.#ايمان_الزلب
#اسئلة👇🏻

🔰 Entity-Relationship (ER) Model 🔰
#محاضرة_نظري
#منصور_نعمان
#Level_2
#Week_4
#Cyber_Security
#Database_System

⟿ـــــــــــــــــــــــــــــ✉Support✉ـــــــــــــــــــــــــ✿
☎HTTP://T.ME/USF_SERVER_BOT
⟿ـــــــــــــــــــــــــــــ✉Support✉ـــــــــــــــــــــــــ✿

تعرف على الفرق بين حجم استهلاك المتصفحات لل(RAM) وحسب إعداد الTabs

🔰ملخص المحاضرة الثالثة في مادة أمن معلومات وهو عبارة عن اسئلة 🔰

#ملخص

تكملة الشابتر الاول والى السلايد 22 في الشابتر الثاني

🟡اللجنة العلمية CYS 2🟡

🟨Information_Security🟨

#Chapter_2
#Week_2
#Level_2
#Cyber_Security
#Information_Security

#لجميع_الجروبات.
د.#عبد_الواسع_العزاني
#اسئلة👇🏻

https://news.1rj.ru/str/CYS2MCQ/1452