# data[].attributes.headline
صورة توضيحية بسيطه عن div استخدمتها في عرض الدرس

# data[].attributes.subject
صورة توضيحية بسيطه عن div استخدمتها في عرض الدرس

# data[].attributes.body
من عروض استاذه عبير ربي يكتب اجرها

# data[].attributes.headline
تقسيم الصفحة بواسطة div  .. الصفحة الخارجية

# data[].attributes.subject
تقسيم الصفحة بواسطة div  .. الصفحة الخارجية

# data[].attributes.headline
تقسيم الصفحات بواسطة div .. الصفحة الرئيسية

# data[].attributes.subject
تقسيم الصفحات بواسطة div .. الصفحة الرئيسية

# data[].attributes.body
<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
    <link rel="stylesheet" type="text/css" href="info.css">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>مستند</title>
</head>
<body>
    <div class="header">
    <h1>معلوماتي الشخصية </h1>
    <p> الاسم : وسمية </p>
    </div>

<div class="info1">
    <h1>معلوماتي الوظيفية </h1>
    <p>معلمة</p>

</div>

<div class="info2">
    <h1>مقرراتي</h1>
  <ol>
    <li>التقنية الرقمية 1-1</li>
    <li>التقنية الرقمية 2-1  </li>
  </ol>
</div>

<div class="footer">
  <p>من خلال هذه الصفحة يمكننا تبادل الأفكار والآراء حول مقرر التقنية الرقمية</p>
  <h2>روابط مفيدة</h2>
  <ul>
    <li> <a href="www.google.com" target="_blank">للبحث</a></li>
  </ul>
</div>
</body>
</html>

# data[].attributes.headline
منيرة الشايقي

# data[].attributes.subject
منيرة الشايقي

# data[].attributes.body
h1 {

color: rgb(112, 61, 130);

font-size: 50px%;

font-family: Tahoma,sans-serif;

text-decoration: overline; }

h2 {

color: #272127;

font-size: 120%;

font-family: Arial,sans-serif;

text-decoration: line-through; }

p{

color: rgb(116, 128, 153);

font-family: Verdana, Times,sans-serif;

text-decoration: underline; }

ol {

list-style-type: upper-roman;

color: rgb(42, 200, 193);

}

# data[].attributes.headline
التنسيق النمطي الداخلي

# data[].attributes.subject
التنسيق النمطي الداخلي

# data[].attributes.body
<!DOCTYPE html>
<html dir="rtl" lang="ar" >
<head>
    <title> Football Fan Page </title>
    <meta charset="UTF-8">
    <style>
        p{
            color: blue;
            font-weight: 200;
            background-color: beige;
        }
        h1,h2{
            color: rgba(255, 0, 212, 0.77);
            font-weight: 400;
            background-color: rgb(210, 229, 246);
        }
    </style>
</head>
<body>


    <h1>أهلا و سهلا بكم </h1>
    <h2>صفحات التنسيق النمطية باستخدام لغة css</h2>
    <br>
<P>
    هذه الصفحة تم تنسيقها باستخدام التنسيق النمطي الداخلي
</P>
<p>
    وسمية الملحم
</p>
</body>
</html>

# data[].attributes.headline
منيرة الشايقي 

# data[].attributes.body
منيرة الشايقي

# data[].attributes.headline
التنسيق المضمن .. وسمية 

# data[].attributes.subject
التنسيق المضمن .. وسمية 

# data[].attributes.body
<!DOCTYPE html>
<html dir="rtl" lang="ar" >
<head>
    <title> البرنامج التدريبي 2-1 </title>
    <meta charset="UTF-8">

</head>
<body>
x <sup>2</sup><br>
x <sub>3</sub><br>
<br>
<font size="9"> الوحدة الثالثة</font>
<br>
    <font color="blue">  الوحدة الثالثة</font>
    <br>
    <br>
<img src="11.png" height="50" width="50" border="4" alt="تعذر تحميل الصورة">
<br>
<br>

<P style="color:rgba(43, 141, 226, 0.894);font-family: 'Franklin Gothic Medium'; font-size: xx-large;">
    هذه الفقرة تم تنسيقها باستخدام التنسيق النمطي المضمن
</P>
</body>
</html>

# data[].attributes.headline
صفحات الأنماط المضمنة والداخلية

# data[].attributes.subject
صفحات الأنماط المضمنة والداخلية

# data[].attributes.headline
صفحات الأنماط الخارجية

# data[].attributes.subject
صفحات الأنماط الخارجية

# data[].attributes.headline
منيرة الشايقي

# data[].attributes.subject
منيرة الشايقي

# data[].attributes.body
كتابة الوسوم الأساسية shift + !

وسوم لتنسيق النص

وسم الصورة

وسم الفيديو

# data[].attributes.attachment_caption
<video width="500" height="300" controls autoplay muted>            <source src="2.mp4" type="video/mp4">

# data[].attributes.body
<!DOCTYPE html>

<html>

<head>

<title>التقنية الرقمية </title>

</head>

<body>

<h1> صفحتي الرئيسية </h1>

<mark><p>اليوم الثالث من البرنامج التدريبي ٢-١ </p></mark>

2<sup>3</sup>

<br>

<font face="tahoma " size="14" color="blue"> الوحدة الثالثة </font>

<br>

<big>الوحدة الثالثة </big>

<br>

<small>الوحدة الثالثة</small>

<br>

<img src="https://ar.m.wikipedia.org/wiki/%D9%85%D9%84%D9%81:HTML5_logo_and_wordmark.svg" width="120" hieght="120" border="2" alt=" شعار"<br>

<video src="https://youtu.be/8XjrL_VQiiM?si=78GOITe6_3uMbDXf" hieght="120" width="120" autoplay muted controls >

</body>

</html>

# data[].attributes.body
<video width="320" height="240" controls>

<source src="video1.mp4" type="video/mp4">

</video>

# data[].attributes.body
<br><img src="" width="600" height="400"></br>

<br><img src="" width="600" height="400" border="6" ></br>

# data[].attributes.body
تم

# data[].attributes.headline
لم تظهر الصوره 

# data[].attributes.body
لم تظهر الصوره

# data[].attributes.headline
عقيله خزاعي 

# data[].attributes.subject
عقيله خزاعي 

# data[].attributes.headline
وجدان الشهري

# data[].attributes.subject
وجدان الشهري

# data[].attributes.body
<img src="pe.jpg" width="500" height="400">

# data[].attributes.attachment_link.description
The W3Schools online code editor allows you to edit code and view the result in your browser

# data[].attributes.body
<!DOCTYPE html>

<html>

<head>

<title>تقنية رقمية2</title>

<meta charset="UTF-8"/>

</head>

<body>

<h1>الصفحة الرئيسية</h1>

<b><h1>الصفحة الرئيسية</h1></b>

<h2>مرحبا بكم رقمياتي</h2>

<h3>مرحبا بكم رقمياتي</h3>

<h4>مرحبا بكم رقمياتي</h4>

<h5>مرحبا بكم رقمياتي</h5>

<h6>مرحبا بكم رقمياتي</h6>

<small>مرحبا بكم رقمياتي</small>

<sub>مرحبا بكم رقمياتي</sub>

<p>البرمجة بلغةhtml</p>

</body>

# data[].attributes.headline
اكواد تقنيه رقميه 2-1

# data[].attributes.subject
اكواد تقنيه رقميه 2-1

# data[].attributes.attachment_link.title
اكواد تقنية 2

# data[].attributes.body
<!DOCTYPE html>
<html dir="rtl" lang="ar">
<head>
    <meta charset="UTF-8">
    <title>تقنية رقمية</title>
</head>
<body>
    <h1>دورة تدريبية بعنوان:</h1>
    <p>
        <b>تقنية </b><i>رقمية </i><u>2-1</u>
    </p>
    <small>في برنامج </small>
    <big>HTML</big>
    <mark>الموجود في </mark>
    <del>الوحدة الثالثة </del>
    <sub> صفحة </sub>
    <sup>99</sup>
</body>
</html>

# data[].attributes.body
<!DOCTYPE html>
<html>
    <head></head>
    <title>تقنية رقمية</title>
    <meta charset="UTF-8" />
<body>

<h1>الصفحة الرئيسة</h1>

<p>البرمجة بلغة html</p>
x<sub>2</sub><br>
y<sup>5</sup>
</body>
</html>

# data[].attributes.body
<!DOCTYPE html>

<html>

<head>

<title>تقنية رقمية 2 -1 </title>

<meta charset="UTF-8"/>

</head>

<body>

<h1>الصفحة الرئيسية</h1>

<p> البرمجة بلغة HTML </p>

<b> HTML </b>

<i>HTML</i>

<u>HTML</u>

<small>HTML</small>

<mark>HTML</mark>

<del>HTML</del>

<sub>HTML</sub>

</body>

</html>

# data[].attributes.body
✨

https://tbkgirls-my.sharepoint.com/:v:/g/personal/t816565_tbkg_moe_gov_sa/EarH4JqFxdpHgQ99J2iJ0kcB0EXisQmY6Ppod4gh0GQBHg?e=XQ2MS0

فيديو مساعد😌✨

لطالبات الصف الثاني ثانوي

لتطبيق المهارات العملية👩🏻‍💻

الوحدة الثالثة/ البرمجة المتقدمة باستخدام لغة ترميز النص التشعبي HTML.

✨

كيفية كتابة الوسوم باختصار💡😍👏🏻

✨

تنسيق صفحات html باستخدام css😌🎨

✨المعلمة: نوره الغامدي.

# data[].attributes.headline
تطبيق بديل للجوال

# data[].attributes.subject
تطبيق بديل للجوال

# data[].attributes.headline
نورة الغامدي 

# data[].attributes.subject
نورة الغامدي 

# data[].attributes.headline
نورة الغامدي 

# data[].attributes.subject
نورة الغامدي 

# data[].attributes.headline
الكائن الرئيسي 

# data[].attributes.subject
الكائن الرئيسي 

# data[].attributes.body
نسخ رابط الصورة

# data[].attributes.headline
نورة الغامدي 

# data[].attributes.subject
نورة الغامدي 

# data[].attributes.body
تعرف على السفينة بنسبة ٩٨٪؜

# data[].attributes.attachment_caption
عن طريق رسم طائرة

# data[].attributes.headline
نورة الغامدي 

# data[].attributes.subject
نورة الغامدي 

# data[].attributes.body
حيث يقوم بتوقع زمن الوصول و طول الرحله و امكان الازدحام

# data[].attributes.headline
الاشارات الذكية ونظام الرصد الآلي

# data[].attributes.subject
الاشارات الذكية ونظام الرصد الآلي

# data[].attributes.body
امثلة في الطب مثل الروبوت المساعد في اجراء العمليات

# data[].attributes.headline
حافلات stc بدون سائق

# data[].attributes.body
حافلات stc بدون سائق

# data[].attributes.headline
الحكومة مثل ابشر ومدرستي

# data[].attributes.subject
الحكومة مثل ابشر ومدرستي

# data[].attributes.headline
نورة الغامدي 

# data[].attributes.subject
نورة الغامدي 

# data[].attributes.headline
بعض الأمثلة على تطبيقات الآلة في الإعلان:

# data[].attributes.subject
بعض الأمثلة على تطبيقات الآلة في الإعلان:

# data[].attributes.body
استخدام الخوارزميات لتحديد الأشخاص الذين هم أكثر عرضة للشراء من منتج أو خدمة معينة.

استخدام البيانات الديموغرافية والسلوكية لإنشاء إعلانات مخصصة للأشخاص.

استخدام الذكاء الاصطناعي لإنشاء إعلانات تستند إلى اهتمامات المستخدمين أو سلوكهم السابق.

استخدام الذكاء الاصطناعي لقياس نتائج الإعلانات وتحسينها.

# data[].attributes.headline
النقل السيارات ذاتية القيادة

# data[].attributes.subject
النقل السيارات ذاتية القيادة

# data[].attributes.headline
ورشة خبرات تدريس التقنية الرقمية ٢-١

# data[].attributes.subject
ورشة خبرات تدريس التقنية الرقمية ٢-١

# data[].attributes.attachment_link.authors[].name
الحاسب الآلي بجدة-بنات

# data[].attributes.attachment_link.title
ورشة خبرات تدريس التقنية الرقمية2-1

# data[].attributes.headline
ملف عن مبادئ اخلاقيات الذكاء الاصطناعي

# data[].attributes.subject
ملف عن مبادئ اخلاقيات الذكاء الاصطناعي

# data[].attributes.attachment_link.title
روبوت مايكروسوفت يخرج عن السيطرة

# data[].attributes.headline
تقديم اقتراحات ومرئيات حول وثيقة أخلاقيات الذكاء الاصطناعي 

# data[].attributes.subject
تقديم اقتراحات ومرئيات حول وثيقة أخلاقيات الذكاء الاصطناعي 

# data[].attributes.wish_content.attachment_props.text
تعزيزاً لجهود المملكة في تنمية استخدام تقنيات الذكاء الاصطناعي؛ #سدايا تدعوكم لتقديم مرئياتكم حول وثيقة مبادئ أخلاقيات الذكاء الاصطناعي من خلال منصة استطلاع. 
الرابط:https://t.co/CYn2hupInn

# data[].attributes.wish_content.attachment_props.original_text
تعزيزاً لجهود المملكة في تنمية استخدام تقنيات الذكاء الاصطناعي؛ #سدايا تدعوكم لتقديم مرئياتكم حول وثيقة مبادئ أخلاقيات الذكاء الاصطناعي من خلال منصة استطلاع. 
الرابط:https://t.co/CYn2hupInn https://t.co/NCfbyoUsY4

# data[].attributes.attachment_link.embed_code
تعزيزاً لجهود المملكة في تنمية استخدام تقنيات الذكاء الاصطناعي؛ #سدايا تدعوكم لتقديم مرئياتكم حول وثيقة مبادئ أخلاقيات الذكاء الاصطناعي من خلال منصة استطلاع.
الرابط:https://t.co/CYn2hupInn pic.twitter.com/NCfbyoUsY4
— SDAIA (@SDAIA_SA) August 17, 2022

# data[].attributes.attachment_link.metadata.attachment_props_source.data.text
تعزيزاً لجهود المملكة في تنمية استخدام تقنيات الذكاء الاصطناعي؛ #سدايا تدعوكم لتقديم مرئياتكم حول وثيقة مبادئ أخلاقيات الذكاء الاصطناعي من خلال منصة استطلاع. 
الرابط:https://t.co/CYn2hupInn https://t.co/NCfbyoUsY4

# data[].attributes.attachment_link.metadata.attachment_props.original_text
تعزيزاً لجهود المملكة في تنمية استخدام تقنيات الذكاء الاصطناعي؛ #سدايا تدعوكم لتقديم مرئياتكم حول وثيقة مبادئ أخلاقيات الذكاء الاصطناعي من خلال منصة استطلاع. 
الرابط:https://t.co/CYn2hupInn https://t.co/NCfbyoUsY4

# data[].attributes.attachment_link.metadata.attachment_props.text
تعزيزاً لجهود المملكة في تنمية استخدام تقنيات الذكاء الاصطناعي؛ #سدايا تدعوكم لتقديم مرئياتكم حول وثيقة مبادئ أخلاقيات الذكاء الاصطناعي من خلال منصة استطلاع. 
الرابط:https://t.co/CYn2hupInn