فناوری اطلاعات · آزمون

نمونه آزمون مبانی وب (HTML و CSS)

۱۵ سؤال درباره‌ی تگ‌های معنایی، انتخابگرها، مدل جعبه‌ای، Flexbox، واحدها، RTL و Media Query — برای طراح و برنامه‌نویس وب تازه‌کار، ۲۰ دقیقه.

۱۸ سؤال در ۴ صفحه · رایگان تا ۵۰ پاسخ در ماه

فایل‌های Word و PDF آماده‌ی چاپ‌اند؛ رایگان و بی‌ثبت‌نام.

درباره‌ی این نمونه

«آزمون مبانی وب (HTML و CSS)» ۱۸ سؤال در ۴ صفحه دارد؛ پاسخ به همه‌ی سؤال‌ها اجباری است. نوعِ سؤال‌ها: تک‌انتخابی (۱۵)، متن کوتاه (۱)، کد ملی (۱)، شماره موبایل (۱). بخش‌های فرم به ترتیب: «مشخصات شرکت‌کننده»، «بخش ۱»، «بخش ۲»، «بخش ۳». ۶۰ گزینه‌ی آماده در ۱۵ سؤالِ گزینه‌ای هست که در نسخه‌ی آنلاین قابلِ ویرایش است.

در نسخه‌ی آنلاینِ همین قالب

  • کد ملی همان لحظه با الگوریتمِ رقمِ کنترلی بررسی می‌شود.
  • شماره‌ی موبایل با قالبِ شماره‌های ایرانی بررسی می‌شود.
  • پاسخِ سؤال‌های گزینه‌ای خودکار تصحیح و نمره‌ی هر نفر حساب می‌شود.

مشخصات شرکت‌کننده

  1. ۱.

    نام و نام خانوادگی *

    (متن کوتاه)
  2. ۲.

    کد ملی *

    (کد ملی)
  3. ۳.

    شماره موبایل *

    (شماره موبایل)

بخش ۱

  1. ۴.

    کدام تگ HTML بزرگ‌ترین عنوان را می‌سازد؟ *

    (تک‌انتخابی)
    • h6
    • h1
    • head
    • title
  2. ۵.

    کدام ویژگیِ تگ img متن جایگزین (برای دسترس‌پذیری) را مشخص می‌کند؟ *

    (تک‌انتخابی)
    • alt
    • title
    • src
    • href
  3. ۶.

    کدام تگ HTML برای ساختن پیوند (لینک) قابل کلیک به کار می‌رود؟ *

    (تک‌انتخابی)
    • link
    • a
    • href
    • url
  4. ۷.

    در CSS، انتخابگر ‎.card‎ کدام عناصر را انتخاب می‌کند؟ *

    (تک‌انتخابی)
    • عنصری که id آن card است
    • همه‌ی تگ‌هایی به نام card
    • همه‌ی عناصری که کلاس card دارند
    • فقط اولین عنصر صفحه
  5. ۸.

    در CSS، انتخابگر ‎#main‎ چه چیزی را انتخاب می‌کند؟ *

    (تک‌انتخابی)
    • عنصری که id آن main است
    • همه‌ی عناصر با کلاس main
    • تگ main
    • همه‌ی عناصر صفحه

بخش ۲

  1. ۹.

    در مدل جعبه‌ای (Box Model)، ترتیب لایه‌ها از درون به بیرون کدام است؟ *

    (تک‌انتخابی)
    • محتوا، margin، border، padding
    • border، padding، محتوا، margin
    • margin، border، padding، محتوا
    • محتوا، padding، border، margin
  2. ۱۰.

    با box-sizing: border-box، اگر width: 200px و padding: 20px و border: 5px باشد، عرض کل عنصر چقدر است؟ *

    (تک‌انتخابی)
    • 250px
    • 200px
    • 240px
    • 210px
  3. ۱۱.

    کدام ویژگی CSS برای چیدمان انعطاف‌پذیر یک‌بعدی (در یک ردیف یا ستون) است؟ *

    (تک‌انتخابی)
    • display: block
    • position: static
    • display: flex
    • float: none
  4. ۱۲.

    در Flexbox، کدام ویژگی آیتم‌ها را در امتداد محور اصلی تراز می‌کند؟ *

    (تک‌انتخابی)
    • align-items
    • justify-content
    • flex-wrap
    • order
  5. ۱۳.

    کدام انتخابگر ویژگی (Specificity) بالاتری دارد؟ *

    (تک‌انتخابی)
    • p
    • .text
    • #intro
    • *

بخش ۳

  1. ۱۴.

    واحد rem نسبت به چه چیزی سنجیده می‌شود؟ *

    (تک‌انتخابی)
    • اندازه‌ی فونت عنصر والد
    • اندازه‌ی فونت عنصر ریشه (html)
    • عرض پنجره‌ی مرورگر
    • ارتفاع پنجره‌ی مرورگر
  2. ۱۵.

    برای راست‌به‌چپ کردن جهت متن یک صفحه‌ی فارسی، کدام ویژگی HTML مناسب است؟ *

    (تک‌انتخابی)
    • lang="rtl"
    • align="right"
    • direction="fa"
    • dir="rtl"
  3. ۱۶.

    قانون ‎@media (max-width: 600px) { … }‎ کِی اعمال می‌شود؟ *

    (تک‌انتخابی)
    • وقتی عرض ناحیه‌ی نمایش ۶۰۰ پیکسل یا کمتر باشد
    • وقتی عرض بیشتر از ۶۰۰ پیکسل باشد
    • فقط هنگام چاپ
    • همیشه
  4. ۱۷.

    کدام تگ معنایی (Semantic) برای محتوای اصلی و یکتای صفحه است؟ *

    (تک‌انتخابی)
    • div
    • span
    • main
    • b
  5. ۱۸.

    position: absolute عنصر را نسبت به چه چیزی جای‌گذاری می‌کند؟ *

    (تک‌انتخابی)
    • همیشه نسبت به پنجره‌ی مرورگر، حتی هنگام اسکرول
    • نزدیک‌ترین والدی که position آن غیر از static است (و اگر نباشد، بلوک دربرگیرنده‌ی اولیه)
    • عنصر پیش از خودش
    • جای عادی خودش در صفحه

نسخه‌ی چاپی (Word و PDF)

  • برای پرکردن روی کاغذ، امضا و بایگانیِ دستی
  • فایلِ Word را هر طور بخواهید ویرایش کنید
  • جمع‌کردن و واردکردنِ پاسخ‌ها با خودتان است

نسخه‌ی آنلاین در پرسینو

  • پاسخ‌ها خودکار جمع و مرتب می‌شوند؛ بدونِ تایپِ دوباره
  • کد ملی، شماره موبایل و تاریخ همان لحظه بررسی می‌شوند
  • گزارش و نمودارِ آماده و خروجیِ اکسل با یک کلیک
  • لینک یا QR بفرستید؛ روی موبایل هم پر می‌شود

چطور از این قالب استفاده کنم؟

  1. رایگان در پرسینو ثبت‌نام کنید؛ کارت بانکی لازم نیست.
  2. در پنل، بخش «قالب‌ها» را باز کنید و «آزمون مبانی وب (HTML و CSS)» را انتخاب کنید.
  3. سؤال‌ها را به دلخواه تغییر دهید، فرم را منتشر کنید و لینکش را بفرستید.
همه‌ی نمونه‌های فناوری اطلاعات