Worksheetsمجموعة أسئلة HTML لـ Quizizz (جاهزة للنسخ)
Total questions: 37
Worksheet time: 21mins
ما وظيفة الوسم
<img>
تحديد عنوان المستند في المتصفح
إدراج صورة
تحديد عنوان الفقرة
إنشاء قائمة
خاصية
href
<a> داخل الوسم
تُستخدم لـ:
تحديد حجم النص
تحديد عنوان الرابط
اختيار لون الرابط
إدراج صورة
لفتح الرابط في تبويب جديد نستخدم:
target="_blank"
target="_open"
target="_self"
target="newtab"
خاصية
alt
..... في الصور تُستخدم لـ:
تحديد نوع الخط
التحكم في اللون
كتابة نص عند عدم ظهور الصورة
تحديد الرابط
الوسم
<img>
يحتاج وسم إغلاق
صح
خطأ
الخاصية
id
تُستخدم لتمييز عنصر
HTML
عن العناصر الأخرى.
خطأ
صح
وسم
<ul>..... </ul>
يُستخدم لإنشاء قائمة مُرقَّمة.
خطأ
صح
وسم الرابط التشعبي
<a>......</a>
لن يعمل بدون خاصية
href.
صح
خطأ
ملف منظم يحتوي على صور و نصوص و وسائط متعددة وكذلك الارتباطات التشعبية
HTMLمحرر
صفحة الويب
النص التشعبي
من إيجابيات لغة
HTML
يجب كتابة برنامج طويل لإنشاء صفحة ويب يسيرة
يقتصر استخدامها على صفحات الويب الغير تفاعلية
يمكن تعلمها و استخدامها بسهولة
برنامج يستخدم لكتابة البرامج بلغة
HTML
ون نوت
فريبلاين
فيجوال ستوديو كود
وسم يستخدم لكتابة نص عنوان...
<h1>
<title>
<p>
الطريقة الصحيحة
داخل "My web page" إضافة النص
<ul>
.........................................
</ul>
<li> My web page</li>
<p>My web page</p>
<h2>My web page<h2>
HTML ماهو وسم
المستخدم لإنشاء قائمة مرتبة
<ol>
<ul>
<br>
لتحديد الاسم الخاص بالصورة
<img .....................="picture.jpg">
نكتب مايلي في الفراغ
alt
width
src
لتحديد العنوان الذي سيتم فتحه عند الضغط على الرابط التشعبي
<a ...............="https://www.google.com/"></a>
نكتب مايلي في الفراغ
target
href
height
القيمة التالية تعني أن الصفحة عندما يتم الضغط على الارتباط التشعبي ستفتح في علامة تبويب جديدة
_blank
_self
_top
وسم يستخدم لإدراج فاصل سطر واحد
<head>
<p>
<br>
لكتابة عبارة تقنية رقمية كما هو موضح بالصورة نكتب الأمر التالي
<head>تقنية رقمية</head>
<p>تقنية رقمية</p>
<h1>تقنية رقمية</h1>
جميع النصوص و الرسومات و الصوت و الفيديو والروابط التشعبية لصفحة الويب تقع بين الوسمين
<head> و </head>
<body> و </body>
<h1> و </h1>
<!doctype html>
تحدد فقرة
htmlتحدد أن هذا المستند هو مستند
تحدد عنوان المستند
اختاري الأوامر الصحيحة لتصميم الصفحة المرفقة
يتكون موقع الويب من مجموعة من الصفحات المترابطة التي يمكن العثور عليها في نفس المجال
خطأ
صواب
الوسم الصحيح لإضافة فقرة
<p> ........ </p>
خطأ
صواب
<img>
وسم يستخدم لإدراج فيديو
خطأ
صواب
لغة برمجة تستخدم لوصف مكونات صفحات الويب لبرامج التصفح من خلال استخدام مجموعة من الوسوم و التعليمات البرمجية
لغة ترميز النص التشعبي
HTML
سكراتش
الروبومايند
مالوسم المستخدم لانشاء نموذج في صفحة
HTML
<input>
<form>
<fieldset>
<legend>
ما فائدة وسم
<lable>
في النموذج
تنسيق الصفحة
ربط النص بحقل الادخال
ارسال البيانات
انشاء زر
اي نوع
input
يستخدم لاختياراجابة واحدة فقط ؟
text
eamil
password
radio
مالوسم الذي يستخدم لتجميع عناصر النموذج مع إطار ؟
<form>
<legend>
<fieldset>
<input>
ماوظيفة الوسم
<legend>
ارسال نموذج
كتابة عنوان داخل
fieldset
ادخال نص
انشاء زر
أي من ممايلي يستخدم لارسال النموذج ؟
<input type="text">
<input type="radio">
<input type="submit">
أي كود صحيح لإنشاء حقل بريد إلكتروني ؟
<email>
<input type="text">
<input type="mail">
<input type="email">
عمر يريد أن يفرق في صفحة الويب بين نموذج تسجيل الاشتراك
و نموذج استطلاع الرضى
ما افضل حل ؟
تغيير نوع
input
في الاستطلاع الى
password
استخدام
<fieldset>
منفصل لكل نموذج مع عنوان واضح في
<legend>
انشاء صفحة نموذج جديدة
حذف عنوان الصفحة
عمر يريد نموذج رضا العملاء "سريع " ويمنع الاطالة،
أي قرار تصميم يخدم الهدف أكثر ؟
اضافة حقول كثيرة
( اسم كامل ، عنوان ، عمر ،جنسية ..... )
الاكتفاء ب
سؤال رضا بـ radio
submit
داخل
fieldset
أي نموذج من التالي أثر أمانا و ملائمة لتسجيل الدخول ضمن ما تعلمتوه
textلكتابة كلمة المرور
passwordلكتابة كلمة المرور
text لكل شئ
radio لاختيار كلمة المرور
خولة تريد نموذج " انضمام للنادي " و تحتاج تحديد " نوع النادي " كأختيار واحد فقط . أي تصميم هو الأنسب ؟
<input type=".........">
سؤال نصي
type="text"
يكتبون في النوع
3 input
تقني - فني - تطوعي
من نوع
radio
text
فقط لكل شئ
