Information technology · Exam

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

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

18 questions · Free up to 50 responses a month

Print-ready Word and PDF files — free, no sign-up.

About this template

“آزمون مبانی وب (HTML و CSS)” has 18 questions on 4 pages; every question is required. Question types: Single choice (15), Short text (1), National ID (1), Mobile number (1). Its sections, in order: «مشخصات شرکت‌کننده», «بخش ۱», «بخش ۲», «بخش ۳». 60 ready-made options across 15 choice questions, all editable in the online version.

In the online version of this template

  • National IDs are checked instantly with the check-digit algorithm.
  • Mobile numbers are validated against the Iranian number format.
  • Multiple-choice answers are graded automatically and each person's score is calculated.

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

  1. 1.

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

    (Short text)
  2. 2.

    کد ملی *

    (National ID)
  3. 3.

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

    (Mobile number)

بخش ۱

  1. 4.

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

    (Single choice)
    • h6
    • h1
    • head
    • title
  2. 5.

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

    (Single choice)
    • alt
    • title
    • src
    • href
  3. 6.

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

    (Single choice)
    • link
    • a
    • href
    • url
  4. 7.

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

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

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

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

بخش ۲

  1. 9.

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

    (Single choice)
    • محتوا، margin، border، padding
    • border، padding، محتوا، margin
    • margin، border، padding، محتوا
    • محتوا، padding، border، margin
  2. 10.

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

    (Single choice)
    • 250px
    • 200px
    • 240px
    • 210px
  3. 11.

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

    (Single choice)
    • display: block
    • position: static
    • display: flex
    • float: none
  4. 12.

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

    (Single choice)
    • align-items
    • justify-content
    • flex-wrap
    • order
  5. 13.

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

    (Single choice)
    • p
    • .text
    • #intro
    • *

بخش ۳

  1. 14.

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

    (Single choice)
    • اندازه‌ی فونت عنصر والد
    • اندازه‌ی فونت عنصر ریشه (html)
    • عرض پنجره‌ی مرورگر
    • ارتفاع پنجره‌ی مرورگر
  2. 15.

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

    (Single choice)
    • lang="rtl"
    • align="right"
    • direction="fa"
    • dir="rtl"
  3. 16.

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

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

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

    (Single choice)
    • div
    • span
    • main
    • b
  5. 18.

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

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

Printable version (Word & PDF)

  • For filling in on paper, signing and filing by hand
  • Edit the Word file any way you like
  • Collecting and typing up the answers is up to you

Online version on Porsino

  • Answers are collected and organised automatically — no retyping
  • National ID, mobile number and dates are validated instantly
  • Ready-made reports and charts, plus Excel export in one click
  • Share a link or QR code — it works on mobile too

How do I use this template?

  1. Sign up for Porsino for free; no bank card needed.
  2. In the panel, open “Templates” and choose “آزمون مبانی وب (HTML و CSS)”.
  3. Change the questions as you like, publish the form and send the link.
All Information technology templates